@charset "utf-8";
/* CSS Document */
/*
* @description: 专题样式
* @author: ishang_pan
* @update: ishang_pan (2018-08-16 15:38)
*/

/*全局 on*/
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank); background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0; font: 14px/1.5 "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif; color:#333; min-width: 1200px;}
input,textarea,select,button,label{vertical-align:middle; outline:none; font-family:"Microsoft YaHei",微软雅黑;}
textarea{resize:none;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none; outline:none;}
a:hover{color:#e22929; text-decoration:none;}
a img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
* html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix{zoom: 1;} /* IE7 */
h1,h2,h3{font-weight: normal;}
.hidden{display: none;}
.f-tac{text-align: center;}
/*全局 end*/

/*头部 on*/
.is-head{ width:100%; overflow: hidden;}

/*.m-top{ width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; }
.m-top span{ display: block; height: 40px; }
.m-top span a{ font-size: 16px; color: #000; padding: 0 12px; }
.m-top span a:hover{ color: #00569f;}*/

.u-logo{ width: 166px; height: 40px; float: left; }

.m-banner{ width: 100%; height: 263px; }

.m-navbg{ width: 100%; height: 50px; line-height: 50px; background: #00569f; }
.u-nav{ width: 1200px; height: 50px; margin: 0 auto; overflow: hidden; }
.u-nav ul{ width: 1300px; overflow: hidden; zoom:1; }
.u-nav ul li{ height: 50px; float: left; }
.u-nav ul li a{ position: relative; display: block; height: 50px; padding: 0 28px; font-size: 18px; color: #fff;}
.u-nav ul li a:hover{ background: #043f71; }
.u-nav ul li.home a{ padding: 0 36px 0 70px; }
.u-nav ul li.home i{ position: absolute; left: 30px; top: 14px; display: block; width: 24px; height: 22px; background: url(../images/home/home_icon.png) no-repeat;}

/*头部 end*/

.is-main{ width: 1170px; overflow: hidden; padding: 15px; margin: 0 auto; background: #fff;}

.m-hot{ width: 100%; overflow: hidden; margin-bottom: 15px; text-align: center;}
.m-hot h2{ height: 60px; line-height: 60px;}
.m-hot h2 a{ font-size: 32px; color: #00569f; font-weight: bold;}
.m-hot span{ display: block; line-height: 32px; line-height: 32px; font-size: 15px; color: #00569f; }
.m-hot span a{ font-size: 15px; color: #00569f; padding: 0 16px;}

.m-news{ width: 510px; height: 616px; margin-bottom: 15px; overflow: hidden;}
.m-news .title{ position: relative; height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; padding-right: 10px;}
.m-news .title h2{ position: absolute; left: 0; bottom: -1px; width: 150px; height: 24px; background: url(../images/home/title_bg1.png) no-repeat center center #fff; color: #00569f; font-size: 22px; padding-left: 32px;line-height: 22px; font-weight: bold;}
.m-news .title a{ color: #666; }
.m-news .box{ width: 510px;}
.m-news .box ul{}
.m-news .box ul li{ padding: 14px 0; border-bottom: 1px dashed #ddd; }
.m-news .box ul li h3{ line-height: 38px; font-size: 18px; font-weight: bold;}
.m-news .box ul li p{ line-height: 26px; text-align: justify; font-size: 14px;}

.m-flash{ width: 646px; height: 378px; overflow: hidden; margin-bottom: 15px;}
.m-flash .slideBox{ position: relative; width: 646px; height: 378px; overflow: hidden;}
.m-flash .slideBox .hd{ height: 12px; overflow: hidden; position: absolute; right: 5px; bottom: 12px; z-index: 1;}
.m-flash .slideBox .hd ul{ overflow: hidden; zoom:1; float: left; }
.m-flash .slideBox .hd ul li{ float: left; width: 10px; height: 10px; margin-right: 10px; cursor: pointer; background: url(../images/home/num.png) no-repeat right center;}
.m-flash .slideBox .hd ul li.on{ background: url(../images/home/num.png) no-repeat left center;}

.m-flash .slideBox .bd{ position: relative; height: 100%; z-index: 0;}
.m-flash .slideBox .bd li{position: relative; zoom:1;}
.m-flash .slideBox .bd li img{width: 646px; height: 378px;}
.m-flash .slideBox .bd li .mask{height:40px;position:absolute;bottom:0px;left:0;display:block; width:100%; display: block; FILTER: alpha(opacity=50);opacity: 0.5; background:#000;}
.m-flash .slideBox .bd li .comt{width:100%;color:#fff;position:absolute;left:0;bottom:0;height:40px; text-indent:1em; text-align:left;  overflow:hidden; line-height:40px; z-index:97;}
.m-flash .slideBox .bd li .comt a{ color:#fff; font-size: 16px;}

.m-jsxw{ width: 636px; height: 220px; overflow: hidden; }
.m-jsxw .title{ height: 33px; line-height: 33px; background: url(../images/home/title_bg3.png) repeat-x left center; }
.m-jsxw .title a{ display: block; height: 33px; width: 56px; text-align: right; color: #666; background: #fff;}
.m-jsxw .title h2{ width: 104px; height: 33px; background: url(../images/home/title_icon1.png) no-repeat left center #fff; padding-left: 22px; color: #00569f; font-size: 22px; font-weight: bold;}
.m-jsxw ul{ padding:5px 0 0 0; }
.m-jsxw ul li, .m-panel ul li{ height: 38px; line-height: 38px; background: url(../images/home/arr1.png) no-repeat left center; padding-left: 12px; overflow: hidden; }
.m-jsxw ul li span, .m-panel ul li span{ float: right; color: #999; }
.m-jsxw ul li a, .m-panel ul li a{font-size: 16px;}

.m-advert{ width: 1170px; height: 126px; overflow: hidden; margin-bottom: 15px; }


.m-panel{ width: 572px; height: 342px; overflow: hidden; margin-bottom: 14px;}
.m-panel .title{ height: 40px; line-height: 40px; border-bottom: 2px solid #00569f; padding: 0 10px;}
.m-panel .title a{ color: #666; }
.m-panel .title h2{ height: 40px; background: url(../images/home/title_icon2.png) no-repeat left center; padding-left: 16px; font-size: 20px; color: #00569f;}
.m-panel .box{ padding: 15px 15px 0; overflow: hidden;}
.m-panel .box img{ display: block; width: 202px; height: 130px; float:left;}
.m-panel .box h3{ width: 326px; line-height: 26px; font-size: 16px; padding: 4px 0; float: right; font-weight: normal;}
.m-panel .box p{ width: 326px; line-height: 26px; text-align: justify; font-size: 14px; float: right; color: #666;text-indent: 2em;}
.m-panel ul{ padding-top: 6px; }

.m-show{ width: 1170px; overflow: hidden;  }
.m-show .title{ height: 76px; background: url(../images/home/title_bg3.png) repeat-x center center; }
.m-show .title h2{ margin: 0 auto; width: 220px; height: 76px; line-height: 68px; text-align: center; background: url(../images/home/title_bg2.png) no-repeat center center #fff; }
.m-show .title h2 a{ color: #00569f; font-size: 24px; }
.m-show .box{ width: 1170px; overflow: hidden; }
.m-show .box ul{ padding: 10px 0 0 0; width: 1200px; overflow: hidden; }
.m-show .box ul li{ position: relative; width: 270px; height: 185px; float: left; margin: 0 20px 20px 0; }
.m-show .box ul li img{ width: 270px; height: 185px; }
.m-show .box ul li p{ position: absolute; left: 0; bottom: 0px; display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; background: url(../images/home/mask.png) repeat; color: #fff;}

.m-show .box ul li.s1{ width: 590px; height: 391px; }
.m-show .box ul li.s1 img{ width: 590px; height: 391px; }

.m-panel1{ height: 276px; }



/*底部 on*/
.is-footer{ width: 100%; padding: 28px 0 30px; overflow: hidden; margin: 0 auto; background: #1c72bb;}
.is-footer p{ line-height: 32px; text-align: center; font-size: 15px; color: #fff;}
.is-footer p a{ color: #fff; }
.is-footer p img{vertical-align: middle;}
.m-footer{width: 1200px; margin: 0 auto; padding: 14px 0 25px; position: relative;}
.m-footer p{line-height: 32px; text-align: center; color: #fff;}
.m-footer p.m-footerfun,.m-footerfun a{color: #fff;}
.m-footer p img{vertical-align: middle; margin-right: 8px;}
#_ideConac{position: absolute; left: 51px; top: 44px;}
#_span_jiucuo{position: absolute; right: 48px; top: 48px;}
#backTop {position: fixed;right: 3.2rem;top: 70%;display: none;cursor: pointer;z-index: 999;}
/*底部 end*/


.m-ztsearch{position: absolute; right: 50%; margin-right: -438px; top: 14px; width: 285px; height: 40px; }
.m-ztsearch form{position: relative;}
.m-ztsearch .u-ztsearchtext{padding: 0 58px 0 15px; width: 212px; height: 40px; line-height: 40px; border: none; border-radius: 40px; font-size: 16px; outline: none;}
.m-ztsearch .u-ztsearchbtn{position: absolute; right: 0; top: 0; width: 58px; height: 40px; border: none; border-radius: 0 40px 40px 0; cursor: pointer; background: url(../images/icon-search1.png) center no-repeat;}

.watermark{position: absolute;top: 130px;right: 45%;margin-right:-600px;width: 220px;height: 220px;z-index: 999;}
.watermark .date{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: red;
    position: absolute;
    left: 60px;
    bottom: 50px;
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
    width: 150px;
    font-weight: bolder;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9510565162951536, M12=0.3090169943749472, M21=-0.3090169943749472, M22=0.9510565162951536, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.9510565162951536,
            M12=0.3090169943749472,
            M21=-0.3090169943749472,
            M22=0.9510565162951536,
            SizingMethod='auto expand');
    bottom: 70px\9;
}


/* 解决样式冲突 */
.m-jsxw .title h2{line-height: inherit;}
/* phone xs */
@media screen and (max-width: 767px) {
    .m-top,#_ideConac,#_span_jiucuo,.wzewm,.watermark .date{display: none;}
    .u-nav,.u-nav ul,.is-main,.m-news,.m-news .box,.m-flash,.m-flash .slideBox,.m-flash .slideBox .bd li,.m-flash .slideBox .bd li img,.m-footer,.m-advert,.m-advert img,.watermark img{width: 100%;}
    body{width: calc(100% - 10px);min-width: calc(100% - 10px);margin: auto !important;}
    .m-banner>div,.m-flash .slideBox .tempWrap,.m-jsxw,.m-listright,.m-detailinfo-left{width: 100% !important;}
    .m-banner,.m-banner .logo{height: 241px;}
    .m-banner .logo{width: 160%;left: 0 !important;margin-left: -30% !important;}
    .m-banner{background-size: 145% 100% !important;}
    .u-nav ul li{width: 50%;text-align: center;}
    .m-navbg,.u-nav,.m-jsxw,.m-advert{height: auto;}
    .m-location{height: auto !important;}
    .u-nav ul li.home a{padding: 0 28px;}
    .m-banner .back{right: 10px;top: 10px;}
    .is-main,.m-jsxw ul li, .m-panel ul li{padding: 0;}
    .m-news{padding-top: 10px;height: auto !important;}
    .m-jsxw{padding-bottom: 10px;}
    .m-flash .slideBox .bd li .comt{width: 70%;text-overflow: ellipsis;white-space: nowrap;}
    .watermark{right: 0;margin-right: 0;width: 110px;height: 110px;top: 70px;}
    .m-detailinfo-left{line-height: 25px !important;padding-left: 0 !important;}

    .m-ztsearch{right: 0;margin-right: 0;width: 100%;top: 190px;}
    .m-ztsearch .u-ztsearchtext{width: calc(100% - 73px);}
    .m-listbd ul li a {padding-left: 0px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 20px;}
    .g-content{padding: 20px 10px !important;}
    .m-listbd ul li{padding: 0 !important;}
    .m-detailltitle, .m-detailstitle{font-size: 24px !important;line-height: 40px !important;}
    .m-detailinfo{height: 86px !important;}
    .m-newscontnet img{margin-left: -2em;}
}