@charset "utf-8";
/* CSS Document */
*{ padding:0;margin:0;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
body {font-family: 'Microsoft YaHei';  background-color:#fff;}
img{ border: none;}
li{ list-style: none;}
ul, ol{ list-style: none;}
input,label,img,th{vertical-align:middle;}
a{text-decoration: none;}
*:focus {outline: none;}
.container{ width:1200px; margin:0 auto; overflow:hidden;}
.l{ float: left; }
.r{ float: right; }
.blank2{ width: 100%; height: 20px; }
.main{width: 100%; max-width: 1200px; margin: 0 auto}
.clearfix:after{ 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: "."; 
    clear: both; 
    height: 0; 
}

/*header*/
header{width: 100%; height: 115px; line-height: 115px;}
.tel{background: url(tel_bg.png) no-repeat 0 center; padding-left:35px;font-size:18px; color: #e83421;margin-top: 25px;line-height: 30px;}

nav{width:57%; display: inline-block;}
nav>li{ width:16%;text-align:center; float:left; position: relative;}
nav>li>a{display:inline-block;color:#414141; font-size:18px;}
nav>li i{ width:0; height:2px; background:#696969; display:block;
 margin-top: -30px;}
nav>li:hover i, nav>li.cur i{ width:100%;}

.znav{display: none; overflow: hidden; position: absolute; top:115px; left: 0;background:#fff; z-index: 12; width:140%;}
.znav>a{ font-size:15px;color:#3c3c3c; line-height:40px; display: block;}
.znav>a:hover{background: #505050 url(zinav_abg.png) no-repeat 90% center; color:#fff;}
nav>li:hover, nav>li i{transition: all 0.5s; -webkit-transition: all 0.5s;
-ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;}


.navclose, .nav_click{ display: none; }


/*banner*/
.banner{width: 100%; overflow: hidden; position:relative;}
.banner img{ width:100%; height:100%;}
.swiper-pagination-bullet { background:#fff !important; border-radius:0!important;  
  width:70px!important; opacity:1!important; height:6px!important;}
.swiper-pagination-bullet-active{background:#2057a5!important;}


/*dtit*/
.dtit{ font-size:24px; color: #3c3c3c; width: 100%; text-align:center; padding:3% 0; position: relative;}
.dtit span{font-size:12px; color: #999999;text-transform: uppercase; position: relative;
display:block;}
.dtit span:before, .dtit span:after{content: ""; display: block;
width:3%; height:1px; background: #999999; position: absolute; top:8px;}
.dtit span:before{left:43%; }
.dtit span:after{right:43%; }
.dtit p{font-size:14px; color: #999999;width: 62%; margin:0 auto; margin-top:7px;}
.dtit i{width:5%; height: 4px; background: #c1c1c1; display: block; margin:0 auto; margin-top:15px}
.dtit em{position: absolute; bottom:20%; right: 0; width:100%; height:122px; display: block;}
.dtit span:before, .dtit span:after{transition:all 0.3s;-webkit-transition:all 0.3s; -moz-transition:all 0.3s;
 -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.dtit:hover span:before, .dtit:hover span:after{width: 4%;}
.dtit:hover span:before{left: 42%}
.dtit:hover span:after{right: 42%}

/*syabout */
.syabout{width: 100%;margin-bottom: 40px;}
.syabout figure{width: 32%; overflow: hidden;}
.syabout figure img{width:100%}
.syabout .zi{width: 64%; }
.syabout .zi p{font-size:16px; color: #666666; line-height: 1.6}
.syabout .zi a{background: url(syabout_abg.png) no-repeat center center;
display: block; width:20%; height: 35px; line-height: 35px; border: 1px solid #dfdfdf;
margin:15px 0;}
.syabout .zi a:hover{background: url(syabout_abgh.png) no-repeat 90% center;
  border: 1px solid #f7d723;}
.syaboutsan{  width:100%; float:left;}
.syaboutsan li{ font-size:14px; color:#000000;background: url(syabout_libg.png) no-repeat right;
float:left; text-align: center; padding-right:4%; margin-right:4%}
.syaboutsan li span{color:#666666; display:block;}
.syaboutsan li i{display:block; width:72px; height:61px;
 margin:0 auto; margin-bottom:10px;}
.syaboutsan li .li1{background:url(syabout_sanbg1.png) no-repeat 0px; }
.syaboutsan li:hover .li1{background:url(syabout_sanbg1.png) no-repeat -108px;}
.syaboutsan li .li2{background:url(syabout_sanbg2.png) no-repeat 0px; }
.syaboutsan li:hover .li2{background:url(syabout_sanbg2.png) no-repeat -114px; }
.syaboutsan li .li3{background:url(syabout_sanbg3.png)  no-repeat 0;}
.syaboutsan li:hover .li3{background:url(syabout_sanbg3.png) no-repeat -114px;}
.syaboutsan li:hover, .syaboutsan li:hover span{color:#f7d723;}
.syabout .zi a, .syaboutsan li i{transition:all 0.3s;-webkit-transition:all 0.3s; -moz-transition:all 0.3s;
 -ms-transition:all 0.3s; -o-transition:all 0.3s;} 


/*syyewu*/
.syyewubg{width: 100%; display: inline-block;
  background: #014099; padding-bottom:40px;}
.syyewubg .dtit{ color: #ffffff; }
.syyewubg .dtit span{ color: #ffffff;}
.syyewubg .dtit span:before, .syyewubg .dtit span:after{background: #ffffff;}
.syyewubg .dtit p{ color: #ffffff;}


.syyewu{width: 100%; display: inline-block;}
.syyewu li{float: left; width: 25%; padding:30px; height:330px; position: relative;}
.syyewu li a{display:block;}
.syyewu li figure{display:block; width: 88px; height: 76px; margin:0 auto;}
.syyewu li span{ font-size:23px; color:#014099; display: block;margin:30px 0;}
.syyewu li span:after{content: ""; display: block; width: 20%; height: 2px;
background: #014099; margin-top: 5px}
.syyewu li span em{display: block; font-size:12px; color:#9e9e9e; font-style: normal; text-transform: uppercase;}
.syyewu li p{ font-size:14px; color:#4e4e4e; line-height: 24px;
max-height: 75px; overflow: hidden;}
.syyewu li i{font-size:14px; color:#4e4e4e; font-style: normal; position: absolute;
bottom:30px;}

.syyewu li:hover{background: #f7d723}
.syyewu li:hover span, .syyewu li:hover span em, .syyewu li:hover p{color: #000}
.syyewu li:hover i{color: #333333; }
.syyewu li:hover span:after{background: #000; width: 40%}
.syyewu li figure, .syyewu li, .syyewu li span:after
{transition:all 0.3s;-webkit-transition:all 0.3s; -moz-transition:all 0.3s;
 -ms-transition:all 0.3s; -o-transition:all 0.3s;} 

.syyewu .li01, .syyewu .li03{background: #fcfcfc}
.syyewu .li02, .syyewu .li04{background: #e6e6e6}
.syyewu .li01 figure{ background: url(syyewu_imgbg1.png) 0 0;}
.syyewu .li01:hover figure{ background: url(syyewu_imgbg1.png) 0 -94px;}
.syyewu .li02 figure{ background: url(syyewu_imgbg2.png) 0 0;}
.syyewu .li02:hover figure{ background: url(syyewu_imgbg2.png) 0 -94px;}
.syyewu .li03 figure{ background: url(syyewu_imgbg3.png) 0 0;}
.syyewu .li03:hover figure{ background: url(syyewu_imgbg3.png) 0 -94px;}
.syyewu .li05 figure{ background: url(syyewu_imgbg4.png) 0 0;}
.syyewu .li05:hover figure{ background: url(syyewu_imgbg4.png) 0 -94px;}
.syyewu .li04 figure{ background: url(syyewu_imgbg5.png) 0 0;}
.syyewu .li04:hover figure{ background: url(syyewu_imgbg5.png) 0 -94px;}



.yewu{width: 100%; }
.yewu li{float: left; text-align:center; width: 25%; padding:20px; height:260px; position: relative;-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;transition: 0.3s ease-in;}
.yewu li a{display:block; color:#ffffff;}
.yewu li figure{display:block; width: 88px; height: 76px; margin:0 auto;}
.yewu li span{ font-size:23px;  display: block;margin:15px 0 20px 0;}
.yewu li span:after{content: ""; display: block; width: 20%; height: 2px;
background: #ffffff; margin: 5px auto 0 auto;}
.yewu li span em{display: block; font-size:12px; font-style: normal; text-transform: uppercase;}
.yewu li p{ font-size:14px; line-height: 24px;height: 96px; overflow: hidden; text-align:left;}
.yewu li i{font-size:14px; font-style: normal; margin:20px auto 0 auto; display:block; width:120px; height:40px; line-height:40px; border:1px solid #dcdcdc;border-radius:5px;display: none;}
.yewu li:hover{box-shadow: 0 0 8px #cccccc;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.yewu li i:hover{ background:#ffffff; color:#014099;}
.yewu .li01 figure{ background: url(yewu01.png) no-repeat center center; background-size: auto 80%;}
.yewu .li02 figure{ background: url(yewu02.png) no-repeat center center;background-size: auto 80%;}
.yewu .li03 figure{ background: url(yewu03.png) no-repeat center center;background-size: auto 80%;}
.yewu .li05 figure{ background: url(yewu04.png) no-repeat center center;background-size: auto 80%;}
.yewu .li04 figure{ background: url(yewu05.png) no-repeat center center;background-size: auto 80%;}

/*syanli*/
.syanlibg{background: #e8e8e8; width: 100%;}
.syanli{width:80%; min-width: 1000px; margin:0 auto;padding-top: 3%;border: 1px #dbdbdb solid; }
.syanli_t{color: #e60c11; font-size:22px; display: block;
 border-bottom:2px solid #d7d7d8; padding:20px 0; line-height: 30px; margin-bottom: 40px;  }
.syanli_t span{font-size:36px; display: block; text-transform: uppercase; }
.syanli li{width: 23.5%; margin-right:1%;margin-bottom:1.5%; display: inline-block;box-shadow: 0px 0px 10px #000000;}
.syanli li a{display: block;}
.syanli li figure{width: 100%; overflow: hidden; position: relative;}
.syanli li figure img{width: 100%; height: 100%}
.syanli li p{width: 100%; background: #fff; padding:15px 10px;
font-size: 18px; color: #000}
.syanli li .mask{background: url(fangda.png) no-repeat center center; width: 100%; height: 100%;
position: absolute; top: 0; left:0; opacity: 0;}
.syanli li:hover{ransform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);}
.syanli li:hover .mask{opacity: 1;}
.syanli li:hover figure img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.syanli li, .syanli li .mask{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;}


.allmore{width:16%; display: inline-block; background: #7e7f84; font-size:18px; color: #fff; margin:0 auto;
  margin-bottom: 4%;margin-left:43%; height: 40px; line-height: 40px; text-align: center; border-radius:30px;
box-shadow: 2px 2px 2px #000}
.allmore a{ color: #fff }
.allmore:hover{background: #D10017;}


/*synews*/
.synews figure{width: 32%; height: 205px; overflow: hidden; position: relative;}
.synews figure img{width: 100%; height: 100%;}
.synews figure p{width: 100%; text-align: center; font-size: 14px; color: #fff;
background: rgba(0,0,0,0.6); height: 50px; line-height: 50px;
position: absolute; left:0; bottom: 0 }

.synews .synews_y{width:64%; display: inline-block; }
.synews_y .demo{margin-bottom:2%; padding-bottom: 2%; width: 100%; float: left; border-bottom: 1px solid #d8dbdc;
  transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;  -ms-transition: 0.3s; -moz-transition: 0.3s;}
.synews_y .demo .date{ display: block;  padding:7px 12px; float: left; background: #737478;color:#fff;
margin-right:3%; overflow: hidden; text-align: center;}
.synews_y .demo .date .day{  display: block; font-size:45px; line-height: 1;}
.synews_y .demo .date .month{display: block;line-height: 1;  font-size: 14px;margin-top: 4px;}

.synews_y .demo .content{  display: block; overflow: hidden;}
.synews_y .demo .content a{display: block;}
.synews_y .demo .content span{display: block; font-size: 18px;  color: #808080; }
.synews_y .demo .content p{  display: block; line-height: 24px; font-size:14px;  color: #b0b0b0;
 margin-top:10px;}
.synews_y .demo:hover .date{ background: #014099;}
.synews_y .demo:hover .content span{color:#014099;}


/*syhezuo*/
.syhezuo{width:100%; margin:0 auto; overflow:hidden; position:relative;}
.syhezuo li{ float:left; overflow:hidden; border:1px solid #e5e5e5; display:block;width:16.6%; 
 height:160px;text-align:center; }
.syhezuo li img{ width:100%; height:80%; max-width:100%;}
.syhezuo li p { height:30px;line-height: 30px;color:#333; }
.syhezuo li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);
transform:scale(1.1);-webkit-transform:scale(1.1); -o-transform:scale(1.1);
-ms-transform:scale(1.1); -moz-transform:scale(1.1);}
.syhezuo li:hover p { text-decoration:underline; }
.syhezuozong{position: relative;}
.syhezuozong .swiper-button-prev, .syhezuozong .swiper-button-next{ width: 30px; height: 70px; top:-20px }
.syhezuozong .swiper-button-prev{background: url(syhezuo_prev.jpg) no-repeat; left: auto; right: 50px;}
.syhezuozong .swiper-button-next{background: url(syhezuo_next.jpg) no-repeat}

/*sylianxi*/
.sylianxi{}
.sylianxi li{width: 48%; border:1px solid #e5e5e5; padding:2% 3%; margin:0 2% 2% 0; }
.sylianxiz{background: url(sylianxi_bg.jpg) no-repeat 0; width: 28%;
  font-size: 16px; color: #000; padding-left: 35px}
.sylianxiz span{ font-size: 14px; color: #999; text-transform: uppercase; display: block;}
.sylianxiy{font-size: 14px;color: #666666; line-height: 1.6; width: 100%; margin-left: 1%}
.sylianxi li:hover{border: 1px solid #014099;}

/*footer*/
footer{width: 100%; background: #36373b}
.footz{width:100%; padding:2% 0;}
.footz_a{padding-bottom:3%; border-bottom:1px solid #6e6e6e;
width: 100%; display:inline-block; color: #cacacb; font-size: 14px; }
.footz_a li{float: left;width:14%;}
.footz_a li span { color:#fff; }
.footz_a span{display: block;margin-bottom: 10px;}
.footz_a a{display: block;margin: 0 10px 10px 0;color: #cacacb;}
.footz_a a:hover{text-decoration:underline;}
.foot_tel p{margin-right:20px; font-size:14px;line-height: 26px;}
.foot_tel p img{ width: 100px; }
.foot_tel p span{ display: block; text-align: center; line-height: 26px;  }
.foot_tel>div{  font-size: 18px; color: #fff; margin-left: 10px;}
.foot_tel>div i{display: block; color: #f7d723; font-size:20px; font-weight:normal;}

.link{width: 100%; margin-top:1%;color: #cacacb; font-size: 14px; }
.link span{ display: block; font-size: 18px; color: #fff; margin-bottom: 20px; }
.link a{ color: #cacacb; margin:0 5px; margin-bottom:10px;
display: inline-block;}
.link a:hover{text-decoration:underline;}


/*footy*/
.footy{width: 29%; background: #4a4b4f; padding:20px 10px;}
.footy span{display: block; font-size: 18px;color: #c4c4c5; margin-bottom:20px;}
.footy .k{width: 100%; border: 1px solid #4a4b4f; background: #fff; height: 40px; line-height: 40px;
font-size: 14px; color: #999; padding-left:15px; margin-bottom:15px;}
.footy .kgao{height: 100px; padding-top: 10px; line-height: 1.5;}
.footy .tijiao{width: 100%; background: #014099; color: #fff; font-size: 16px; text-align: center;
height: 40px; line-height: 40px; border: none; cursor: pointer;}

.copy{width: 100%;background: #141414; padding: 10px 0; display: inline-block;font-size: 12px; color: #a7a7a7; line-height:24px;}
.copy a{color: #a7a7a7; }
.copy a:hover{ text-decoration: underline; }


/*---------- 客服代码 ---------*/ 
.main-im{ position:fixed; right:0px; bottom:180px; z-index: 100; width: 110px; height: 272px;}
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 205px; border-bottom: 1px solid #dddddd; line-height:15px; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .erjiqq { display:block; padding:10px 0px 0px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; margin-top:5px;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {display: none; width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-ma img { width: 104px; height: 103px;}

.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(open_im.png) no-repeat left top; }






/*内页 公共****************************************************************************/
.nban{width: 100%; clear: both;  }
.nban img{max-width: 100%;  }


.posi{ color:#858585; text-align:right; font-size:14px; 
position: absolute; top: 0; right: 0; z-index: 2; padding-left: 20px; background: #fff;}
.posi a{ color:#858585}
.posi a:hover{ color:#0056a3}


.neirong{color: #6f6f6f;font-size: 14px;line-height: 1.8;
 overflow: hidden;}   
.neirong img{max-width: 100%;}


.fenye{width: 100%; display: inline-block; margin:3% 0 5% 0; text-align:center; font-size:14px;}


/*newslist**********************************************************************************/
.newstit{height: 150px; line-height: 1.8; overflow: hidden;}
.newstit_t{font-size: 20px;color:#393939; line-height: 35px; margin-top:3.7%; text-align: right; }
.newstit_t span{font-size: 42px; display: block; text-transform:uppercase; }
.newstit ul{display: inline-block; width: 50%; margin-top:3.5%;}
.newstit ul>li{width: 33%; height: 70px; line-height:70px; color: #3c3c3c; font-size: 18px;
text-align: center; float: left; padding-left:30px;}
.newstit ul>li a{display:block; color: #3c3c3c}
.newstit ul>li:hover, .newstit ul>li.cur{background: #014099}
.newstit ul>li:hover a, .newstit ul>li.cur a{  color:#fff; }


.newstit ul>.li01 a{background: url(news_tit1.png) no-repeat left center}
.newstit ul>.li01:hover a, .newstit ul>.li01.cur a{background:url(news_tit1h.png) no-repeat left center;}

.newstit ul>.li02 a{background: url(news_tit2.png) no-repeat left center}
.newstit ul>.li02:hover a, .newstit ul>.li02.cur a{background:url(news_tit2h.png) no-repeat left center;}

.newstit ul>.li03 a{background: url(news_tit3.png) no-repeat left center}
.newstit ul>.li03:hover a, .newstit ul>.li03.cur a{background:url(news_tit3h.png) no-repeat left center;}



/*区别于 首页*/
.newslistbg{width:100%; background: #f2f2f2; padding-top: 20px;}

.newslist_top{background: #fff; display: inline-block; padding:20px; margin-bottom: 20px; width: 100%;}
.newslist_top .synews_y .demo{ border: none; padding:0; margin:0;  }
.newslist_top .synews_y .demo .content span{font-size: 22px; color: #000}
.newslist_top .synews_y .demo:hover .content span{color: #014099}
.newslist_top .synews_y .demo .content p{font-size:18px; color: #666;line-height: 1.8;}
.newslist_top i{float: right; background: #014099; width:26%; height: 40px; line-height: 40px;
font-size: 18px; color: #fff; text-align: center; font-style: normal; margin-top: 8%}

.newslist_xia{width: 100%; display: inline-block;}
.newslist_xia li{font-size: 14px;width:100%; background: #fff;
  padding: 20px; margin-bottom: 20px; float: left;}
.newslist_xia li a{ display: inline-block; width: 100%;}
.newslist_xia li img{width:23%; height: 150px; float: left;}
.newslist_xiay{float: right; width:74%;}
.newslist_xiay span{font-size: 18px; color: #000; display: block; }
.newslist_xia li:hover .newslist_xiay span{color: #014099}
.newslist_xiay i{font-style: normal; font-size: 14px; display: block; color: #a3afb7;
margin:10px 0;}
.newslist_xiay p{ color:#666; line-height:1.8; margin:15px 0;}


/*newscon****************************************************/
.newscon{background: #fff; font-size: 16px; color: #666666; line-height: 1.8; overflow: hidden;
padding:30px; margin-bottom: 4%}
.newscon img{max-width: 100%}
.art_tit{ text-align:center; width:100%; margin:0 auto; padding-bottom:2%;
 margin-bottom: 3%;border-bottom: 1px solid #e9e9e9}
.art_tit h1{ font-size:24px;color:#000; font-weight:normal;}
.art_tit span{ color:#868686; font-size:16px;}


.art_page{border-top: 1px solid #e9e9e9; width:100%; float:left; margin-top:3%;
  padding-top:2%;}
.art_page a{width: 100%; font-size:16px; color:#737373; margin:5px 0;}
.art_page a:hover{ color:#014099; text-decoration:underline;}

/*anli  区别于首页******************************************************************/
.nanli_t{border-bottom: 2px solid #d7d7d8;  padding: 20px 0;line-height: 35px; margin-bottom:30px;}
.nanli_tlei{display: inline-block; font-size: 18px; color: #fff; margin-right:5%; width: auto}
.nanli_tlei span{font-size: 36px; display: block;}
.nanli_tlei a{color: #fff; display: inline-block;}
.nanli_tlei a.cur, .nanli_tlei a:hover{color: #ffe400}
.nanli_tyou{float: right;text-align: right; font-size:24px;color: #fff; display: inline-block;}
.nanli_tyou span { font-size:42px;display: block; text-transform: uppercase;}

.anli_gotop{font-size: 25px; color: #999999; text-align: center; padding-top: 100px; cursor: pointer;
background: url(anli_gotop.png) no-repeat center 0; margin:1% 0;}
/*anlicon****************************************************************************/
.anlicon{max-width: 1200px; font-size: 16px; color: #fff; line-height: 1.8; overflow:hidden;padding:10px;color:#666; }
.anlicon a { color:#666!important; }
.anlicon h1{font-size:26px;color: #fff; text-align: center; padding:2% 0;
font-style:normal; font-weight: normal;}
.anlicon .tu{ margin-bottom: 20px; }
.anlicon .tu img{ max-width: 100%; border: 4px solid #fff; }
.anli_page{border-top: 1px solid #999; width:100%; float:left; margin-top:3%;
  padding:3% 0;}
.anli_page a{width: 100%; font-size:16px; color:#fff; margin:5px 0;}
.anli_page a:hover{ text-decoration:underline;}


/*zizhi*************************************************************************/
.zizhi{width: 100%; margin-bottom: 2%}

.zizhitit{width: 100%; height: 70px; border-bottom: 1px solid #f0f0f0;}
.zizhitit ul{line-height: 70px;}
.zizhitit ul>li{width: 17%; height: 70px; line-height:70px; color: #3c3c3c; font-size: 18px;
text-align: center; float: left; padding-left:30px;}
.zizhitit ul>li a{display:block; color: #3c3c3c}
.zizhitit ul>li:hover, .zizhitit ul>li.cur{background: #014099}
.zizhitit ul>li:hover a, .zizhitit ul>li.cur a{  color:#fff; }

.zizhitit ul>.li01 a{background: url(zizhi_tit1.png) no-repeat left center}
.zizhitit ul>.li01:hover a, .zizhitit ul>.li01.cur a{
  background: url(zizhi_tit1h.png) no-repeat left center;}
.zizhitit ul>.li02 a{background: url(zizhi_tit2.png) no-repeat left center}
.zizhitit ul>.li02:hover a, .zizhitit ul>.li02.cur a{
  background: url(zizhi_tit2h.png) no-repeat left center;}
  .zizhitit ul>.li03 a{background: url(zizhi_tit3.png) no-repeat left center}
.zizhitit ul>.li03:hover a, .zizhitit ul>.li03.cur a{
  background: url(zizhi_tit3h.png) no-repeat left center;}
  .zizhitit ul>.li04 a{background: url(zizhi_tit4.png) no-repeat left center}
.zizhitit ul>.li04:hover a, .zizhitit ul>.li04.cur a{
  background: url(zizhi_tit4h.png) no-repeat left center;}

.zizhi>img{ max-width: 100%; }
.zizhi>ul{display: inline-block; margin-top: 5%}
.zizhi>ul>li{width:23.5%; float: left; margin-right: 2%;}
.zizhi>ul>li a{display:block;}
.zizhi>ul>li figure{width:100%;padding:10px;
  background: url(zizhi_libg.jpg) no-repeat; background-size:100% 100%;}
.zizhi>ul>li figure img{width: 100%; height: 100%;}
.zizhi>ul>li p{font-size: 14px; color: #000000; margin-top:15px; margin-bottom:20px;
 line-height: 23px; height: 23px; overflow: hidden; text-align: center;}


/*about*****************************************************/
.ababout{font-size: 16px; color: #666666; line-height: 1.8; width: 100%;overflow: hidden;margin-bottom: 5%;}
.ababout img{ max-width:100%; }
.ababout_ul{width: 100%; display: inline-block; margin:3% 0;}
.ababout_ul li{width:49.5%; height: 270px; position: relative;}
.ababout_ul li img{width: 100%; height: 100%;}
.ababout_ul li .mask{opacity:0;width:100%; height: 100%; position: absolute; top: 0; left: 0;
 background: rgba(0,0,0,0.7) url(about_ico.png) no-repeat center 25%; text-align: center;}
.ababout_ul li .mask span{font-size: 12px;  color: #fff; display: block; text-align: center; 
  position: absolute; bottom:30px; left: 0; right: 0; margin:0 auto;}
.ababout_ul li:hover .mask{opacity: 1;}

.ababout_san{width:100%; padding-bottom:4%; float:left; margin:3% 0;
 background: url(about_sanbgtu.jpg) no-repeat center center}
.ababout_san li{ line-height: 1.8; font-size:24px; font-weight:bold; color:#fff;float:left; text-align: center; margin-left:8%;}
.ababout_san li span{font-weight: normal; font-size: 18px; display:block;}
.ababout_san li i{display:block; width:130px; height:130px;
margin:50px auto 20px auto; border-radius: 50%;}
.ababout_san li .li1{background:#fff url(syabout_sanbg1.png) no-repeat -80px center; }
.ababout_san li .li2{background:#fff url(syabout_sanbg2.png) no-repeat -85px center;}
.ababout_san li .li3{background:#fff url(syabout_sanbg3.png) no-repeat -85px center;}
.ababout_san li:hover, .ababout_san li:hover span{color:#f7d723;}
.ababout_ul li .mask, .ababout_san li i{transition:all 0.3s;-webkit-transition:all 0.3s; -moz-transition:all 0.3s;
 -ms-transition:all 0.3s; -o-transition:all 0.3s;} 
.ababout_san li:hover i{ transform:rotate(360deg); -webkit-transform:rotate(360deg);
-o-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg);  }

/*contact*************************************************************/
.contact_top{margin-top: 20px; width: 100%;  overflow: hidden; }
.yinc{ display: none;}
.contact_z{width: 30%; background: #014099;padding:50px 20px 50px 20px; height: 730px;
font-size: 14px; color: #fff; line-height:2;}
.contact_z span{font-size: 24px; font-weight: bold;
 margin-bottom:20px;
background: url(contact_baiico.png) no-repeat right; padding-right:40px;}
.contact_z span i{font-size: 14px;font-weight: normal; font-style: normal;
 text-transform: uppercase; margin-left: 10px}
.contact_y{width: 70%;height: 730px;}
.contact_y .map{width:100%;height: 100%;}

.contact_zhong{ width: 100%; display: inline-block; margin-bottom: 5%;border-bottom:2px solid #b2b2b2;}
.contact_zhong .contact_z{background: none; color: #666; width:32%; margin-right:2%; height: auto; padding:50px 0;}
.contact_zhong .on{ border-bottom: 2px solid #014099 }
.contact_zhong .contact_z span{color: #1c1c1c; background:url(sylianxi_bg.jpg) no-repeat right;  }
.contact_zhong .contact_z span i{color: #999;}


.contactform{width: 31%; padding: 0; background: none; margin-bottom: 5%}
.contactform .k{border:1px solid #e0e0e0}
.contactform .tijiao{width: 50%}
.contactform .kgao{height: 120px;}

.contact_hou{width:60%;}
.contact_hou span{font-size:24px;color: #868686; display: block; font-weight: bold;
margin-bottom: 3%}
.contact_hou span i{font-size:48px;display: block; font-style: normal;}

.contact_hou .tt{width: 100%; display: inline-block; padding:0px 0px 8px 8px; background: #d8d8d8}
.contact_hou a{display: block; float: left;background: #fff;
 border-top:8px solid #d8d8d8; border-right:8px solid #d8d8d8; width:33.3%;
height: 90px; line-height: 90px; text-align: center; font-size:14px; color: #666666}
.contact_hou a:hover{background: #6f6f6f; color: #fff}






/*img{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;}*/
.transmin, .transmax, .transfY, .transzY, .transzX{transition:all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;} 
.transmin:hover { 
-webkit-transform:scale(0.95);-moz-transform:scale(0.95);
-ms-transform:scale(0.95);-o-transform:scale(0.95);
}
.trans99:hover { 
-webkit-transform:scale(0.99);-moz-transform:scale(0.99);
-ms-transform:scale(0.99);-o-transform:scale(0.99);
}
.transmax:hover { 
-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
-ms-transform:scale(1.1);-o-transform:scale(1.1);
}
.transfY:hover{
transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
.transzY:hover{
transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
}.transzX:hover{
transform: translateX(6px);
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -ms-transform: translateX(6px);
  -o-transform: translateX(6px);
}

.hoveryuan{	position: relative;}
.hoveryuan:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;filter:alpha(opacity=0);
}
.hoveryuan:hover:before { -moz-animation: circle .75s; -ms-animation: circle .75s;
 -o-animation: circle .75s;	-webkit-animation: circle .75s;	animation: circle .75s;}

@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
.hovershine {
  position: relative;
}
.hovershine::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hovershine:hover:before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.sylianxiy a { color:#333;font-weight: 600; }
.sylianxiy a:hover { color: #000; }
.logo a { background: url(logo.png) no-repeat;width: 258px;height: 76px;display: block;text-indent: -999px;margin-top: 20px; }
@media screen and (max-width: 900px) {
    .logo a {
        background: url(wap_logo.png) no-repeat;margin:0;
    }
}
@media screen and (max-width: 400px) {
    .MsoNormalTable {
      width: auto;
    }
}
.foot_ul { padding:0;border:none; }
.dtit h1 { font-size:30px; }
.pro_bg { background:#fff!important;padding-bottom: 2%; }
.pro_js { background: #028bd6;margin: 2% 0 1% 0;height: 50px;line-height: 50px; }
.pro_js span { padding-left:10px;color: #fff; }
.new_dd { background: #f1f1f1;margin-bottom: 2%; }
.new_dd p { padding: 5px; }
.new_dd span { color: #e60c11; }
.new_copy { margin-top: 2%;font-weight: 600; }
.new_tj { margin-top: 3%; }
.new_tj a { color:#666; }
.new_tj a:hover { text-decoration: underline; }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.new_con img { max-width:600px; }
.zyyw ul li { width:24%!important;height:80px!important;margin: 10px 10px 0 0; }
.zyyw ul li p { height:80px!important;line-height: 80px!important;color: #ffe378;font-weight: 600;background: #0f6ba5; }

/* 分页 */
.k_pagelist { height:34px; }
.k_pagelist em { display:inline-block; padding:0 13px; height:34px; text-align:center; line-height:34px; margin: 0 3px; border-radius:5px; border:#dddddd solid 1px; overflow:hidden; font-size:13px; color:#999999;font-weight:bold;font-style:normal;}
.k_pagelist strong { display:inline-block; padding:0 13px; height:34px; text-align:center; line-height:34px; margin: 0 3px; border-radius:5px; border:#dddddd solid 1px; overflow:hidden; font-size:13px; color:#999999;}
.k_pagelist a{ display:inline-block; padding:0 13px; height:34px; text-align:center; line-height:34px; margin: 0 3px; border-radius:5px; border:#dddddd solid 1px; overflow:hidden; font-size:13px; color:#999999;}
.k_pagelist a:hover{ background:#f73232; color:#fff;}