﻿/* all author huangjilin 20230625 */
body,ul,li,h1,h2,h3,h4,h5,h6,select,input,button,img{margin:0;padding:0;border:0;}
a{text-decoration: none;}
body{font-family:"Microsoft yahei";}
.fl{float:left;}
.fr{float:right;}


@media screen and (min-width:640px) {

    /* searchbar */
    .search{position:relative;height:130px;width:1400px;margin:0 auto;}
    .search .searchbar{width:100%;height:250px;position:absolute;top:-125px;background:url(../img/search_bg.png) no-repeat center center;z-index: 99;box-shadow:0px 0px 20px 0px rgba(0, 0, 0,0.3);border-radius: 12px;border:solid 1px #fff;}
    .search .searchbar .nr{width:52%;float:left;margin:68px 0 0 5%;}
    .search .searchbar .nr h3{font-size:20px;padding-bottom:10px;}
    .search .searchbar .nr select{width:20%;height:60px;border:solid 1px #999;background:#fff;border-radius: 8px;padding:0 2%;font-size:16px;}
    .search .searchbar .nr input{width:70%;height:60px;border:solid 1px #999;background:#fff;border-radius: 8px;padding:0 2%;font-size:16px;}
    .search .searchbar .nr button{width:8%;height:60px;background:#fff url(../img/searchbtn.png) no-repeat center center;float:right;cursor: pointer;border:solid 1px #999;border-radius: 8px;padding:0 2%;}
    .search .datalink{float:right;margin-right:5%;width:32%;padding-top:45px;}
    .search .datalink a{width:33%;display: block;float:left;}
    .search .datalink img{width:110px;height:110px;border-radius:50%;padding:6px;border:solid 1px #aaa;margin:0 auto;display: block; transition:all .3s;}
    .search .datalink a:hover img{transform: scale(1.05, 1.05);box-shadow:0px 0px 10px 0px rgba(0, 0, 0,0.3);border:solid 1px #ffffff;}
    .search .datalink p{color:#333;font-size:16px;text-align: center;line-height:20px;padding-top:10px;}

    /* hot */
    .hot{padding:40px 0;display: flex;justify-content: space-between;width:1400px;margin:0 auto;}
    .box{width:49%;height:340px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:20px;background:#efefef;border:solid 1px #ccc;border-radius: 12px;}
    .red{width:28px;height:8px;background:#E0403B;border-radius: 8px;}
    .green{width:28px;height:8px;background:#26c00e;border-radius: 8px;}
    .box .title{width:100%;height:80px;border-radius: 12px;margin-top:10px;}
    .hot_bg1{background:url(../img/hot_bg1.jpg) no-repeat center center;background-size:cover;}
    .hot_bg2{background:url(../img/hot_bg2.jpg) no-repeat center center;background-size:cover;}
    .box .title img{width:50px;height:50px;padding:15px 0 0 20px;box-sizing:content-box;float: left;}
    .box .title h2{line-height:80px;font-size:24px;color:#fff;float: left;padding-left:20px;text-shadow:0px 0px 4px rgba(0, 0, 0,0.6);}
    .box .title p{line-height:80px;font-size:16px;color:#fff;float: left;padding-left:20px;text-shadow:0px 0px 4px rgba(0, 0, 0,0.6);}
    .dzzy{margin-top:20px;}
    .dzzy a{width:50%;display: block;color:#333;font-size:1em;line-height:2.5em;float:left;background:url(../img/dot2.png) no-repeat left center;text-indent: 20px;transition:all .3s;}
    .dzzy a:hover{text-indent: 24px;background:url(../img/dot1.png) no-repeat left center;}
    .more{width:40px;height:20px;display:block;background:url(../img/more.png) no-repeat center center;float:right;margin-top:30px;margin-right:20px; transition:all .3s;}
    .more:hover{background:url(../img/morehover.png) no-repeat center center;}


    /* otherlink */
    .w1400{width:1400px;margin:0 auto;}
    .otherlinkbg{background:url(../img/linksbg.jpg) no-repeat center center;background-size:cover;clear:both;}
    .otherlink{padding:40px 0;width:90%;margin:0 auto;display: flex;flex-wrap: wrap;}
    .otherlink a{width:16.5%;border-left:solid 1px #bbb;margin:20px 0;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .otherlink a:nth-child(6),.otherlink a:nth-child(12){border-right:solid 1px #bbb;}
    .otherlink a img{display: block;margin:0 auto;transition:all .3s;}
    .otherlink a:hover img{transform: scale(1.1, 1.1);}
    .otherlink a p{text-align: center;color:#333;font-size:16px;padding:20px 0;}


    /* footer */
    .footer{height:60px;background:#E0403B;}
    .footer .links{width:890px;margin:0 auto;color:#ccc;}
    .footer .links a{padding:0 30px;line-height: 60px;color:#fff;}
    .footer .links a:hover{text-decoration: underline;}
    .copyright{padding:30px 0;height:70px;box-sizing: content-box;width:1400px;margin:0 auto;}
    .leftbar,.centerbar{padding-right:140px;}
    .leftbar img,.centerbar img{padding-right:15px;float:left;}
    .leftbar p,.centerbar p{line-height:20px;color:#666;float:left;}
    .rightbar{height:70px;border-left:solid 1px #ccc;text-align: center;line-height: 25px;padding:10px 30px;}


    /* submain */
    .submain{width:1400px;min-height:600px;margin:0 auto;position:relative;}
    .websitemap{position: absolute;width:100%;height:80px;top:-40px;left:0;background:#fff;border-radius: 8px;z-index: 99999;}
    .path{height:40px;font-size:14px;line-height:50px;color:#666;padding-left:30px;}
    .path a{color:#666;padding:0 10px;}
    .path a:hover{color:#d00000;border-bottom:solid 2px #d00000;}
    .submain .content{padding:40px 0;}
    .submain .content .sidebar{width:240px;float:left;}
    .submain .content .sidebar h2{width:100%;height:60px;line-height:60px;color:#fff;font-weight:bold;text-align: center;font-size:20px;background:#E0403B;border-radius: 8px 8px 0 0;}
    .submain .content .sidebar a{width:100%;line-height: 50px;display:block;border-radius: 8px;background:#efefef;margin:10px 0;text-align: center;border:#efefef 1px solid;}
    .submain .content .sidebar a:hover{color:#e0403b;border:#E0403B 1px solid;margin-left:4px; transition:all .3s;}
    .submain .content .list{width:1120px;float:right;}
    .submain .content .list h3{height:68px;width:100%;display:block;line-height: 68px;background:url(../img/border.jpg) no-repeat left bottom;color:#333;font-size:20px;font-weight: bold;}
    .submain .content .list ul li{width:100%;height:48px;border-bottom:1px dotted #666;background:url(../img/dot1.png) left center no-repeat;}
    .submain .content .list ul li a{display:inline;font-size:16px;color:#666;}
    .submain .content .list ul li span.nr{width:85%;float:left;text-indent:20px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .submain .content .list ul li span.date{float:right;line-height:48px;font-size:14px;color:#999;}
    .submain .content .list ul li a:hover span.nr{color:#c9151e;margin-left:4px; transition:all .3s;}
    .submain .content .list ul li:hover{background:url(../img/dot2.png) left center no-repeat;}

    /*--page--*/
    .page {
    height: 40px;
    text-align: center;
    color: #E0403B;
    padding: 40px 0;
  }
    .page_num a{color:#333;padding:5px 8px;display: inline;line-height: 24px;}
    .page_num a:hover{color:#fff;background:#E0403B;border-radius: 6px;}
    .page_num .a1{color:#333;}

    /*article*/
	.submain .content .article{width:1120px;float:right;}
    .submain .content .article  h3{height:68px;width:100%;display:block;line-height: 68px;background:url(../img/border.jpg) no-repeat left bottom;color:#333;font-size:20px;font-weight: bold;}
	.submain .content .article .title{font-size:20px;color:#333;text-align: center;padding:15px 0;line-height:24px;}
	.submain .content .article .author{font-size:14px;color:#999;text-align: center;padding-bottom:15px;}
	.submain .content .article .nr{color:#333;padding:10px 0;text-indent: 40px;line-height: 24px;font-size:16px;}

}

@media screen and (max-width:640px) {

    /* searchbar */
    .search{position:relative;}
    .search .searchbar{width:90%;margin:0 auto;z-index: 99;border-radius: 12px;border:solid 1px #fff;}
    .search .searchbar .nr{width:100%;float:none;margin:30px 0 0 0;}
    .search .searchbar .nr h3{font-size:20px;padding-bottom:10px;}
    .search .searchbar .nr select{width:30%;height:60px;border:solid 1px #999;background:#fff;border-radius: 8px;padding:0 2%;font-size:16px;}
    .search .searchbar .nr input{width:55%;height:60px;border:solid 1px #999;background:#fff;border-radius: 8px;padding:0 2%;font-size:16px;}
    .search .searchbar .nr button{width:12%;height:60px;background:#fff url(../img/searchbtn.png) no-repeat center center;float:right;cursor: pointer;border:solid 1px #999;border-radius: 8px;padding:0 2%;}
    .search .datalink{float:none;width:100%;padding-top:45px;}
    .search .datalink a{width:33%;display: block;float:left;}
    .search .datalink img{width:80%;height:100%;border-radius:50%;padding:6px;border:solid 1px #aaa;margin:0 auto;display: block; transition:all .3s;}
    .search .datalink a:hover img{transform: scale(1.05, 1.05);box-shadow:0px 0px 10px 0px rgba(0, 0, 0,0.3);border:solid 1px #ffffff;}
    .search .datalink p{color:#333;font-size:16px;text-align: center;line-height:20px;padding-top:10px;}

    /* hot */
    .hot{padding:40px 0;width:90%;margin:0 auto;}
    .box{width:100%;height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:20px;background:#efefef;border:solid 1px #ccc;border-radius: 12px;margin-bottom:20px;}
    .red{width:28px;height:8px;background:#E0403B;border-radius: 8px;}
    .green{width:28px;height:8px;background:#26c00e;border-radius: 8px;}
    .box .title{width:100%;height:80px;border-radius: 12px;margin-top:10px;}
    .hot_bg1{background:url(../img/hot_bg1.jpg) no-repeat center center;background-size:cover;}
    .hot_bg2{background:url(../img/hot_bg2.jpg) no-repeat center center;background-size:cover;}
    .box .title img{width:50px;height:50px;padding:15px 0 0 20px;box-sizing:content-box;float: left;}
    .box .title h2{line-height:80px;font-size:24px;color:#fff;float: left;padding-left:10px;text-shadow:0px 0px 4px rgba(0, 0, 0,0.6);}
    .box .title p{display: none;}
    .dzzy{margin-top:20px;}
    .dzzy a{width:100%;display: block;color:#333;font-size:1em;line-height:2.5em;float:none;background:url(../img/dot2.png) no-repeat left center;text-indent: 20px;transition:all .3s;}
    .dzzy a:hover{text-indent: 24px;background:url(../img/dot1.png) no-repeat left center;}
    .hot .more{width:40px;height:20px;display:block;background:url(../img/more.png) no-repeat center center;float:right;margin-top:30px;margin-right:20px; transition:all .3s;}
    .more:hover{background:url(../img/morehover.png) no-repeat center center;}


    /* otherlink */
    .otherlinkbg{background:url(../img/linksbg.jpg) no-repeat center center;background-size:cover;float:left;}
    .otherlink{padding:40px 0;width:90%;margin:0 auto;}
    .otherlink a{width:50%;display:block;float:left;border-left:solid 0px #bbb;margin:20px 0;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .otherlink a:nth-child(6),.otherlink a:nth-child(12){border-right:solid 0px #bbb;}
    .otherlink a img{display: block;margin:0 auto;transition:all .3s;}
    .otherlink a:hover img{transform: scale(1.1, 1.1);}
    .otherlink a p{text-align: center;color:#333;font-size:16px;padding:20px 0;}


    /* footer */
    .footer{height:auto;float:left;}
    .footer .links{width:100%;float:left;color:#ccc;background:#E0403B;padding:20px 5%;}
    .footer .links a{width:50%;text-align:center;padding:20px 0;color:#fff;border:solid 1px #ffb2b2;float:left;margin-top:20px;}
    .footer .links a:hover{text-decoration: underline;}
    .copyright{padding:30px 0;height:auto;box-sizing: content-box;clear:both;width:90%;margin:0 auto;}
    .leftbar,.centerbar{padding:20px 0;}
    .leftbar img,.centerbar img{display: none;}
    .leftbar p,.centerbar p{line-height:20px;color:#666;float:left;}
    .rightbar{display: none;}


    /* footer */
    .submain{width:100%;float:left;}
    .websitemap{width:100%;height:50px;top:0px;left:0;background:#fff;border-radius: 8px;z-index: 99999;}
    .path{height:40px;font-size:14px;line-height:50px;color:#666;padding-left:5%;}
    .path a{color:#666;padding:0 10px;}
    .path a:hover{color:#d00000;border-bottom:solid 2px #d00000;}
    .submain .content{padding:0;mpadding-bottom:30px;}
    .submain .content .sidebar{display: none;}
    .submain .content .list{width:90%;float:none;margin:0 auto;}
    .submain .content .list h3{height:68px;width:100%;display:block;line-height: 68px;background:url(../img/border.jpg) no-repeat left bottom;color:#333;font-size:20px;font-weight: bold;}
    .submain .content .list ul li{width:100%;height:48px;border-bottom:1px dotted #666;background:url(../img/dot1.png) left center no-repeat;}
    .submain .content .list ul li a{display:inline;font-size:16px;color:#666;}
    .submain .content .list ul li span.nr{width:80%;float:left;text-indent:20px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .submain .content .list ul li span.date{float:right;line-height:48px;font-size:12px;color:#999;}
    .submain .content .list ul li a:hover span.nr{color:#c9151e;margin-left:4px; transition:all .3s;}
    .submain .content .list ul li:hover{background:url(../img/dot2.png) left center no-repeat;}

    /*--page--*/
    .page {
    height: 40px;
    text-align: center;
    color: #E0403B;
    padding: 40px 0;
  }
    .page_num a{color:#333;padding:5px 8px;display: inline;line-height: 30px;}
    .page_num a:hover{color:#fff;background:#E0403B;border-radius: 6px;}
    .page_num .a1{color:#333;}

    /*article*/
	.submain .content .article{width:90%;float:none;margin:0 auto;}
    .submain .content .article  h3{height:68px;width:100%;display:block;line-height: 68px;background:url(../img/border.jpg) no-repeat left bottom;color:#333;font-size:20px;font-weight: bold;}
	.submain .content .article .title{font-size:20px;color:#333;text-align: center;padding:15px 0;line-height:24px;}
	.submain .content .article .author{font-size:14px;color:#999;text-align: center;padding-bottom:15px;}
	.submain .content .article .nr{color:#333;padding:10px 0;text-indent: 40px;line-height: 24px;font-size:16px;}
}