@charset "utf-8";

*{margin: 0; padding: 0; box-sizing:border-box;-o-box-sizing:border-box;

    -webkit-box-sizing:border-box; -moz-box-sizing:border-box;

-webkit-tap-highlight-color: transparent} 

html{-webkit-text-size-adjust:none;}

body{font-size: 14px;line-height: 1.5;background-color:#fff;

  font-family: 'arial'}

table {border-collapse:collapse;border-spacing:0;} 

button,input,select,textarea{font-size:100%;}

button{cursor: pointer; border: none}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

i,em{ font-style:normal;}

ul, ol, li{ list-style: none; }

a{ text-decoration: none;background: none }

a:link, a:visited {text-decoration: none;}

a:focus{ outline:none;}

img{border: none; vertical-align:middle;}

.clearfix{ clear: both;content: ""; display: block; overflow: hidden;}

.fl{float: left;}

.fr{float: right;}

.container{width:100%; max-width: 1200px; margin:0 auto;}



/*header*****************************************************************/

header{width: 100%; background: #fff;}

header .container{position: relative;}

header h1{ margin-top:10px;}

header h1 a{display: block;}

.nav{ width:100%; display: block; }

.nav li{float:left; font-size:18px;/*width: 12.5%; */text-align: center;position: relative;}

.nav li>a{display:block;color:#333333; line-height: 40px;padding: 0 24px;}

.nav li:hover>a, .nav ul>li.cur>a{background: #0e6eb8; color: #fff;}

.navclose, .nav_click{ display: none; }

.znav{display: none}

#nav2{display: none}



.znavs{display: none; position: absolute; top:36px; left: 0;width: 205px; background: #0e6eb8;z-index:9999 }

.znavs>a{ font-size:14px;color:#fff; line-height:40px; display: block; border-top: 1px solid #fff;text-align: left;padding:0 10px;}

.znavs>a:hover{}



.healang {color: #000;position:absolute;right: 25px;top:30px;line-height:30px;font-size:18px;}

.healang a{display: inline-block; margin:0 2px;color: #000;}

.healang a.cur, .healang a:hover{color: #0e6eb8;}

/*banner***********************************************************************/

.banner{width: 100%; overflow: hidden; position:relative;}

.banner .swiper-slide{background-position: center; background-repeat: no-repeat;height: 540px}

/*.banner img{ width:100%; height:100%;}*/

.banner .swiper-pagination-bullet {background:#fff; border-radius:50%;opacity:1;}

.banner .swiper-pagination-bullet-active{background:#0e6eb8;}







.dtit{width:100%; padding:40px 0; margin:0 auto; text-align:center; }

.dtit span{display:block;font-size:24px; color:#1c1c1c; line-height: 30px; text-transform: uppercase;}

.dtit span>em{display:block;font-size:24px; }

.dtit span>em:after{display: block; width: 80px; height:3px; background: #fdb21b;

content: ""; margin:0 auto; margin-top: 8px}

.dtit:hover span>em:after{width:200px; }





/*yewu***********************************************************************/

.yewu{width: 100%; display: table;}

.yewu li{width: 32%; margin-right: 2%; float: left;}

.yewu li a{display: block;}

.yewu li b{width: 100%;overflow: hidden; display: block;}

.yewu li b>img{width: 100%; height: 100%}

.yewu li p{background: #f7f7f7; width: 100%; font-size: 18px; color: #333333;

text-align: center; line-height: 60px;}

.yewu li:hover p{background: #0e6eb8; color: #fff}

.yewu li:hover b>img{transform: scale(1.1); -webkit-transform: scale(1.1);

-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}







/*syabout***********************************************************************/

.syabout{background: #0e6eb8; width: 100%; display: table; padding: 20px 0; margin-top: 40px}

.syabouty{width: 26%}

.syabouty>img{width: 100%}

.syaboutz{ width:63%; color: #fff; margin-top: 30px}

.syaboutz span{ width:100%; font-size:24px;display:block;}

.syaboutz span:after{content: ""; display: block;

  width:50px; height:2px; background: #fff; margin: 10px 0;}

.syaboutz p{overflow:hidden;font-size:16px; line-height:1.8; margin-top: 30px}

.syaboutz .amore{display:block;  font-size:16px; color:#003f69; width: 200px; text-align: center;

 margin-top:40px;  height: 40px; line-height:40px; background: #fff}

.syaboutz:hover span:after{width:200px;}

.syaboutz .amore:hover{background: #0e6eb8; color: #fff; border: 1px solid #fff}







/*anli***********************************************************************/

.anlibg{width: 100%; background: #f5f5f5;padding: 30px 40px }

.anli{}

.anli li{width: 23%; float: left; text-align: center; margin-right: 2.5%; margin-bottom: 30px }

.anli li figure{width: 100%; display: block;position: relative;}

.anli li figure b{width: 100%; /*padding: 10px;*/ border: 0px solid #d3d3d3; /*height:200px ;*/

 overflow: hidden;display: flex; align-items: center; justify-content: center;text-align: center}

.anli li figure>b img{width: 100%; height: 100%}

.anli li figure .mask{position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3);

width: 100%; height: 100%; border: 6px solid #0e6eb8; opacity: 0; 

display: flex; align-items: center; justify-content: center}

.anli li figure .mask i{display:inline-block;transform: scale(0); -webkit-transform: scale(0);

-o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0);}

.anli li .zi{width: 100%; padding: 15px 0px; background: #fff}

.anli li .zi span{display: block; font-size: 18px; color: #333333;}

.anli li .zi p{font-size: 14px; color: #717171; line-height: 26px; padding: 0 50px}

.anli li:hover figure .mask{opacity: 1;}

.anli li:hover figure .mask i{transform: scale(1); -webkit-transform: scale(1);

-o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1);}

.anli li:hover .zi{background: #0e6eb8;}

.anli li:hover .zi span{color: #fff}

.anli li:hover .zi p{color: #fff}



.anli .xia{clear: both; display: block; text-align: center; margin:0 auto;}

.anlimore{display: inline-block;}

.anli .anli-prev, .anli .anli-next{bottom:13px; top: auto; background: none;

width: auto; height: auto;}

.anli .anli-prev{left: 44%}

.anli .anli-next{right: 44%}



/*列表页*/.anlistmore{ width:270px; height:50px; line-height:50px; background:#0e6eb8;

font-size:18px; color:#fff; text-align:center; margin:30px auto; }

.anlistmore a{color:#fff; display:block;}







/***/

.anlis{}

.anlis li{width: 32%; float: left; text-align: center; margin-right: 2%; margin-bottom: 30px }

.anlis li figure{width: 100%; display: block;position: relative;}

.anlis li figure b{width: 100%; /*padding: 10px;*/ border: 0px solid #d3d3d3; /*height:200px ;*/

 overflow: hidden;display: flex; align-items: center; justify-content: center;text-align: center}

.anlis li figure>b img{width: 100%; height: 100%}

.anlis li figure .mask{position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3);

width: 100%; height: 100%; border: 6px solid #0e6eb8; opacity: 0; 

display: flex; align-items: center; justify-content: center}

.anlis li figure .mask i{display:inline-block;transform: scale(0); -webkit-transform: scale(0);

-o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0);}

.anlis li .zi{width: 100%; padding: 15px 0px; background: #fff}

.anlis li .zi span{display: block; font-size: 18px; color: #333333;}

.anlis li .zi p{font-size: 14px; color: #717171; line-height: 26px; padding: 0 50px}

.anlis li:hover figure .mask{opacity: 1;}

.anlis li:hover figure .mask i{transform: scale(1); -webkit-transform: scale(1);

-o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1);}

.anlis li:hover .zi{background: #0e6eb8;}

.anlis li:hover .zi span{color: #fff}

.anlis li:hover .zi p{color: #fff}



.anlis .xia{clear: both; display: block; text-align: center; margin:0 auto;}

.anlimore{display: inline-block;}

.anlis .anli-prev, .anli .anli-next{bottom:13px; top: auto; background: none;

width: auto; height: auto;}

.anlis .anli-prev{left: 44%}

.anlis .anli-next{right: 44%}







/*news***********************************************************************/

.news{width: 100%; display: table; margin-bottom: 40px}

.imp-new{display: block;width: 32%;}

.imp-new .pic{width: 100%; display: block;position: relative; overflow: hidden; height: 185px;}

.imp-new img{width: 100%; height: 100%}

.imp-new:hover img{transform: scale(1.1);-o-transform: scale(1.1);

	-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}

.imp-new .date{display: block;position: absolute;width:75px;top:0;	left:0;

	background: #0e6eb8;text-align: center;	color: #fff; padding: 10px 0}

.date .day{display: block;font-size:35px;line-height: 1;}

.date .month{display: block;font-size: 14px;line-height: 1;}

.imp-new .imp-txt{width: 100%; color: #666666;}

.imp-txt span{display: block;font-size: 18px; margin: 10px 0}

.imp-txt p{font-size: 14px; line-height: 24px;}

.imp-txt i{background: #0e6eb8; font-size: 14px; color: #fff; width: 160px; line-height: 40px;

display: block; text-align: center; margin-top: 20px}

.imp-new:hover .imp-txt span{color: #0e6eb8}

.imp-txt i:hover{background: #fff; color: #0e6eb8; border: 1px solid #0e6eb8}

.ort-new{display: block;width:64%;}

.ort-new li{display: block;padding:26px;background:#f5f5f5; margin-bottom:15px;}

.ort-new li .date{	display: block;margin-right: 30px;color: #111111; text-align: center;}

.ort-new li .date .day{display: block;	font-size:35px;line-height: 1;}

.ort-new li .date .month{display: block;line-height: 1;font-size: 14px;margin-top: 5px;}

.ort-new li .content{display: block;color: #666;}

.ort-new li .content span{display: block;font-size: 18px;}

.ort-new li .content p{display: block;	 font-size:14px;}

.ort-new li:hover{background:#0e6eb8;}

.ort-new li:hover .date{color:#fff;}

.ort-new li:hover .content{color:#fff;}





/**footer********************************************************/

footer{ font-size: 14px; color: #fff; padding-top: 30px;background: #0e6eb8;}

.foot-t{font-size:18px; color: #fff; display: block; margin-bottom:20px;}

.foot01{width:25%;}

.foot01 a{font-size: 14px;float: left; color: #fff; width: 50%; margin-bottom:10px;}

.foot02{margin-left: 10%;width:45%}

.foot02 p{font-size: 14px; line-height:28px;}

.foot02 p>span{font-size: 22px}

.footwx{margin-top:40px}

.footwx p{float: right; margin-top: 30px; padding-left: 10px; text-align: center;}

.footwx p>a{margin-left: 10px}

.copy{ padding: 15px 0; border-top: 1px solid #8193da; margin-top:40px}
.copy a{ color:#fff;}
.foot01 a:hover{/*text-decoration: underline;*/color: #f9f9f9}





/*内页****公共**********************************************************/

.nban{width: 100%; overflow: hidden;}

.nban img{ width:100%; height:100%;}

.nbanm{width: 100%; overflow: hidden; display: none}

.nbanm img{ width:100%; height:100%;}



.neirong{width: 100%; overflow: hidden; font-size:14px; color: #666666;

line-height: 2; margin-bottom:40px}

.neirong p{width: 100%; overflow: hidden; font-size:14px; color: #666666;

line-height: 2;}

.neirong img{width: auto; max-width: 100%}

.neirong>h1{width: 100%; padding-bottom:30px; border-bottom: 1px dashed #999999;

text-align: center; margin-bottom:40px;font-size: 24px; color: #666666; }

.neirong>h1>i{ font-size:14px;display: block;}



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

.fenye a{ color:#000000; border:1px solid #eeeeed; padding:6px 12px; margin:0 5px;}

.fenye a:hover{color:#fff;background: #0e6eb8}

.fenye span{color:#fff;background: #0e6eb8; border:1px solid #0e6eb8; padding:6px 12px; margin:0 5px;}



.artpage{width: 100%;font-size: 14px; color: #666666; display: table;padding: 20px 0;

border-top: 1px dashed #999999; margin-top: 30px}

.artpage span{ line-height: 28px;}

.artpage span a{color: #666;}

.artpage a:hover{color: #0e6eb8; text-decoration: underline;}

.artpage .return{border: 1px solid #999;display: block;height: 35px;line-height: 35px;

 color: #666;   margin-top: 10px;text-align: center;width: 100px;font-size: 14px;}

.artpage .return:hover{border: 1px solid #0e6eb8;background-color: #0e6eb8;

	color: #fff; text-decoration: none}







.positre{display: table; position: relative;}

.zuo{ width:21%; display: table; margin-bottom: 40px; margin-top: -30px }

.zuo-t{background: #0e6eb8; font-size: 24px; color: #fff; text-align: center;

line-height: 30px; padding: 20px 0}

.zuo-t span{display: block; text-transform: uppercase;}

.zuo ul{background: #f5f5f5; padding: 30px 10px 60px 10px;}

.zuo li{width: 100%; font-size: 16px; height:55px; line-height:55px;

background: url(../images/zuo-libg.png) repeat-x bottom;}

.zuo li>a{color: #666666; display: block; padding-left: 30px;

background: url(../images/zuo-abg.png) no-repeat 20px center;}

.zuo li.cur a, .zuo li:hover>a{ color: #0e6eb8}



.you{width:75%;}



.posi{width: 100%; border-bottom: 1px solid #d5d5d5;

font-size: 14px; color: #666; padding: 25px 0; margin-bottom: 40px}

.posi>a{color: #666;}

.posi>a:hover{color: #0e6eb8; text-decoration: underline;}









/*news**********************************************************/

.newslist .imp-new{width: 100%; padding-bottom: 40px; margin-bottom: 40px;

border-bottom: 1px dashed #999999;}

.newslist .imp-new .pic{width:40%; float: left;}

.newslist .imp-new .imp-txt{width:55%; float: right;}

.newslist .ort-new{width: 100%;}

.newslist .ort-new li{margin-bottom: 0; background:#fff}

.libai{content: ""; display: block; border-bottom: 1px dashed #999999;

background: #fff; width: 100%; height: 10px;

margin-bottom: 15px}

.newslist .ort-new li:hover{background:#0e6eb8;}







/*yewulist**********************************************************/

.yewulist li{margin-bottom: 20px;}

.yewulist li p{background: none; line-height: 45px}









/*zizhi***********************************************************************/

.zizhi{width: 100%; display: table;}

.zizhi li{width: 32%; margin-right: 2%; float: left; margin-bottom: 20px;}

.zizhi li a{display: block;}

.zizhi li b{width: 100%; padding: 10px; border: 1px solid #d3d3d3; height:200px ;

 overflow: hidden;display: flex; align-items: center; justify-content: center;text-align: center}

.zizhi li b>img{max-width: 100%; max-height: 100%}

.zizhi li p{ width: 100%; font-size: 16px; color: #666666;

text-align: center; line-height: 40px;}

.zizhi li:hover b{ border: 1px solid #0e6eb8;}

.zizhi li:hover p{color: #0e6eb8; }



#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%;

 background:rgba(0,0,0,0.6); cursor:pointer; }

#mbCenter { height:auto; position:absolute; z-index:9999; left:50%; }

#mbCloseLink { height:30px; width:30px;

 background:transparent url(../images/nzizhi_x.png) no-repeat center; 

 position:absolute; top:0; right:0px; }

#mbNumber{display: none}







/*about***********************************************************************/

.about{width: 100%;color: #666; margin-bottom: 40px}

.about .res{color:#0e6eb8}

.about .res:after{background: #0e6eb8}

.about img{width: auto; max-width: 100%}



/*team*/

.team{display:table; width: 100%}

.team li{ float:left; width:50%; padding-right: 20px; margin-bottom: 30px}

.team li a{display: block;}

.team li .team_img{float: left; width:45%;overflow:hidden;}

.team li .team_img img{width:100%; height: 100%}

.team li .team_txt{ float:right; width:53%;  font-size:16px;

  padding:10px;color:#666666; }

.team span{ display: block;}

.team span>em{ font-size:18px;color: #0e6eb8;}

.team p{ width:100%; line-height: 26px; margin:10px 0;}

.team i{ font-size:16px;color: #0e6eb8; display: block}



.team li:hover i{ text-decoration: underline;}



/*licheng********************************************************/

.licheng{background: url(../images/licheng-bg.jpg) no-repeat center bottom; 

    width: 100%; display:table; position: relative;

padding-bottom: 180px;}

.licheng li{ width:100%;float: left; margin-bottom:25px;}

.licheng li>div{width: 45%;position: relative; padding: 15px;

background: #f6f6f6; box-shadow: 4px 4px 2px #dbdbdb}

.licheng li span{display:block; font-size:18px; 

color: #0e6eb8; margin-bottom:6px;}

.licheng li p{font-size:14px;line-height:1.6;  color: #666;}

.licheng li>div:before{content: ""; display: block; width: 0; height: 0;

border:13px solid transparent; border-right: 13px solid #f6f6f6;

position: absolute; top: 43%; left: -26px}

.licheng li.li2{ text-align: right; }

.licheng li.li2>div:before{left:auto; right: -13px;  border-right:none;border-left: 13px solid #f6f6f6;}

.licheng li>div:hover{background: #0e6eb8}

.licheng li>div:hover span{color: #fff}

.licheng li>div:hover p{color: #fff}

.licheng li>div:hover:before{border-right-color: #0e6eb8}

.licheng li.li2>div:hover:before{border-left-color: #0e6eb8}





/*contact***********************************************************************/

.contact{width: 100%; margin-bottom: 40px; font-size: 16px; color: #666;

line-height: 30px;}

.contact .ditu{width: 100%; margin-bottom: 40px;}

.contact .ditu img{width: 100%;}

.ditu a p{font-size: 16px;color:#666;}





.join{width: 100%; padding-bottom:30px; margin-bottom: 40px; font-size: 16px; color: #333333;

line-height: 30px; border-bottom: 1px solid #dedede}

.join span{display: block; color: #0062ac; margin: 5px 0}

.join p{ color: #333333;line-height: 30px;}

.joinzi{font-size: 24px; color: #0062ac; margin-bottom: 40px}





.contact-top{width: 100%; display: inline-block; margin:4% auto; background: #fff; padding: 20px}

.contact-topz{width: 50%;}

.contact-topz span{display: block; font-size: 30px; color: #3d3d3d; margin-bottom: 10px;}

.contact-topz p{font-size: 14px; color: #3d3d3d; line-height: 28px}





.contact-topy{width: 80%;padding-bottom:40px;}

.contact-topy p{width: 100%; margin-bottom: 20px;font-size: 14px;color: #666;}

.contact-topy p .k{border: 1px solid #e0e0e0;height: 40px; line-height: 60px;

padding: 0 10px; width: 48%;font-size: 14px;color: #666;}

.contact-topy p .dk{width: 100%}

.contact-topy p .gk{width: 100%; height: 100px; line-height: 26px;}

.contact-topy p .xk{width: 25%;height:50px; line-height: 50px;}

.contact-topy p .b{background: #0e6eb8;width: 20%; height:50px;

 line-height: 50px;text-align: center; color: #fff;font-size:16px;border:none;}











img, .dtit span>em:after, .syaboutz span:after, .yewu li p, 

.yewu li b>img, .nav li>a, .anli li .zi, .anli li figure .mask, 

.anli li figure .mask i, .ort-new li, .artpage .return{transition: all .5s;-webkit-transition: all .5s;

-o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s;}