@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: 'Microsoft YaHei','simsun','arial','tahoma'; }

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*****************************************************************/

.heahea{ border-bottom: 2px solid #68c9ff}

header{height:120px; line-height:120px;width: 100%; background: #fff;

 position: fixed;top: 0;left: 0;z-index:30;}

header h1 a{display: block;}

.nav{ width:70%; display: inline-block;}

.nav li{float:left; font-size:20px;margin-left: 3.7%; text-align: center;}

.nav li>a{display:block;color:#666666;}

.nav li i{opacity: 1; display: block; width:100%;  height:3px; background: #68c9ff;

margin-top: 10px; opacity: 0;}

.nav li:hover a, .nav ul>li.cur a{color: #68c9ff;}

.nav li:hover i, .nav ul>li.cur i{opacity: 1;margin-top: -5px;  }

.navclose, .nav_click{ display: none; }







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

.banner{width: 100%; overflow: hidden; position:relative; margin-top: 120px}

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

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

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







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

.dtit span{display:block;font-size:24px; color:#0093f2; line-height: 30px}

.dtit span:before, .dtit span:after{display: inline-block; width: 100px; height:1px; background: #a6abb0;

content: "";}

.dtit span:before{margin-right:20px;}

.dtit span:after{margin-left:20px;}

.dtit em{display:block;font-size:14px; color:#666666;}





/*syfuwu***********************************************************************/

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

.syfuwu li{width: 13%; float: left; text-align: center; margin-right: 8.5%; cursor: pointer;}

.syanli li a{display: block;}

.syfuwu li span{width: 100%; border:1px solid #dfdfdf; padding: 22% 0;

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

.syfuwu li span>i{display:inline-block; width: 100%; height: 80px}

.syfuwu li p{font-size:18px; color:#666666; margin-top:20px;}

.syfuwu li.cur span, .syfuwu li:hover span{background: #68c9ff; border:1px solid #68c9ff;}



.syfuwu li span>i.i01{background: url(../images/syfuwu1.png) no-repeat center 0px;}

.syfuwu li.cur span>i.i01, .syfuwu li:hover span>i.i01

{background: url(../images/syfuwu1h.png) no-repeat center 0px;}



.syfuwu li span>i.i02{background: url(../images/syfuwu2.png) no-repeat center 0px;}

.syfuwu li.cur span>i.i02, .syfuwu li:hover span>i.i02

{background: url(../images/syfuwu2h.png) no-repeat center 0px;}



.syfuwu li span>i.i03{background: url(../images/syfuwu3.png) no-repeat center 0px;}

.syfuwu li.cur span>i.i03, .syfuwu li:hover span>i.i03

{background: url(../images/syfuwu3h.png) no-repeat center 0px;}



.syfuwu li span>i.i04{background: url(../images/syfuwu4.png) no-repeat center 0px;}

.syfuwu li.cur span>i.i04, .syfuwu li:hover span>i.i04

{background: url(../images/syfuwu4h.png) no-repeat center 0px;}



.syfuwu li span>i.i05{background: url(../images/syfuwu5.png) no-repeat center 0px;}

.syfuwu li.cur span>i.i05, .syfuwu li:hover span>i.i05

{background: url(../images/syfuwu5h.png) no-repeat center 0px;}





/*syanli***********************************************************************/

.syanli{width: 100%; display: table; background: #f4f4f4; padding: 15px 0}

.syanli li{width: 24%; margin-right: 1.2%; float: left; position: relative; overflow: hidden;}

.syanli li a{display: block;}

.syanli li img{width: 100%;}

.syanli li .syanlix1{background: #fff; padding: 20px; text-align: center;}

.syanli li .syanlix1 b{height: 51px; line-height: 51px; display: block;}

.syanli li .syanlix1 b>img{width: auto;}

.syanli li .syanlix1 span{font-size:18px;color: #000000; display: block; margin:10px 0 15px 0;}

.syanli li .syanlix1 i{font-size:18px;color: #717171; display: block; }

.syanli li .syanlix2{background: #45bdff; padding: 40px 20px 20px 20px; text-align: center;

 position: absolute;left: 0; bottom:-50%; width: 100%;}

.syanli li .syanlix2 b{height: 51px; line-height: 51px; display: block;}

.syanli li .syanlix2 b>img{width: auto;}

.syanli li .syanlix2 span{font-size:18px;color: #fff; display: block; margin:10px 0 0 0;}

.syanli li .syanlix2 i{font-size:18px;color: #fff; display: block; }

.syanli li .syanlix2 em{font-size:16px;color: #fc781e; display: block; border-radius: 20px;

background: #fff; width: 100%; height: 40px; line-height: 40px; text-transform: uppercase;

margin:45px 0;}

.syanli li .syanlix2{opacity: 0;}

.syanli li:hover .syanlix1{opacity: 0;z-index: -1}

.syanli li:hover .syanlix2{opacity: 1; z-index: 1; bottom: 0; }







/*sypeijian***********************************************************************/

.peijianname{width: 100%; border:1px solid #e4e4e4; border-left: none; border-right: none;

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

.peijianname ul{display:table; margin:0 auto;}

.peijianname li{ text-align: center; float: left;

font-size: 18px; color: #666666; margin:0 30px;}

.peijianname li a{display: block; color: #666666;}

.peijianname li:hover a, .peijianname li.cur a{color: #0093f2;}

.peijiannamefix{position: fixed;  left: 0; width: 100%; background: #fff;z-index: 2}





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

.peijiantu li{width: 31.3%; text-align: center; float: left; margin-bottom:35px; margin-right:3%;

overflow: hidden; background: url(../images/peijian-libg.jpg) no-repeat;background-size:100% 100%;}

.peijiantu li a{display: block;}

.peijiantu li figure{position: relative; height: 280px; width: 100%;

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

.peijiantu li figure>img{width: auto; max-width: 99%; height: auto; max-height: 99%}

.peijiantu li figure .mask{position: absolute; bottom:100%; left: 0; opacity:0;

width: 100%; height: 100%; display: table; background: rgba(69,189,255,0.9);}

.peijiantu li figure .mask i{display:table-cell; vertical-align: middle;}

.peijiantu li p{font-size: 18px; color: #fff;line-height: 50px; background: #9c9c9c}

.peijiantu li:hover figure .mask{opacity: 1; bottom: 0}













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

.foot{ font-size: 14px; color: #64696f; padding: 30px 0;

background: #111820;}

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

.foot-t>i{font-size: 18px; display: block;}

.foot01{width:25%;margin-right: 5%;background: url(../images/foot01-bg.jpg) no-repeat right bottom; }

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

.foot02{padding-right: 5%; background: url(../images/foot01-bg.jpg) no-repeat right bottom;}

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

.footwx{margin-top:115px}

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

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

.copy{background: #2f3237; padding: 20px 0;font-size: 14px; color: #64696f;}

.copy a{color: #64696f;}












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

.nban{width: 100%; overflow: hidden; position:relative; margin-top: 120px}

.nban img{ max-width:100%; width: 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: 50%}

.neirong>h1{width: 100%; padding:30px 0; border-bottom: 1px solid #e6e6e6;

text-align: center; margin-bottom:40px;font-size: 26px; color: #0e0e0e; }

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







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

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

.fenye a:hover{color:#fff;background: #0093f2}

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







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

.anli{width: 100%; display: table; background: #f4f4f4; padding-top: 25px}

.anli li{width: 24%; margin-right: 1.2%; float: left;text-align: center;

margin-bottom: 25px;}

.anli li a{display: block;}

.anli li b{height:235px; width: 100%; overflow: hidden; display: block; }

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

.anli li p{background: #fff; line-height: 60px; color: #666666}

.anli li:hover img{transform: scale(1.1);}

.anli li:hover p{color: #68c9ff}







/*fuwu***********************************************************************/

.fuwum{margin-top: 40px;}

.hide{display: none}

.fuwucon{font-size:16px; color: #666; line-height: 2; margin: 40px 0; min-height: 600px }

.fuwucon p{font-size:16px; color: #666; line-height: 2;}







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

.about{font-size:16px; color: #666; line-height: 2; margin-bottom: 60px;}

.about p{font-size:16px; color: #666; line-height: 2;}

.about p>span{color: #0093f2}

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

.hezuo li{float: left;
width: 18%;
margin-right: 1.1%;
border: 1px solid #e7e7e7;
display: table;
height: 80px;
text-align: center;
margin-bottom: 1.1%;}

.hezuo li a{display: table-cell; vertical-align: middle;}

.hezuo li img{max-width: 99%}

.hezuo li:hover{border:1px solid #0093f2;}







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

.ditu{width: 100%;}

.contact{width: 100%; margin: 40px auto;}

.contact-z span{display: block;font-size: 26px; color: #000; margin-bottom: 10px}

.contact-z{font-size: 20px; color: #64696f; line-height: 32px;}

.contact-y{width: 38%;}

.contact-y .k{width: 100%; height: 45px; line-height: 45px; font-size: 14px; color: #666666;

border:1px solid #e7e7e7; margin-bottom: 20px; padding: 0 10px;}

.contact-y .dk{height: 120px; line-height: 26px; padding:10px;}

.contact-y .b{background: #0093f2; font-size: 18px; color: #fff; text-align: center;

line-height: 45px; width: 180px}







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

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

.newsimp img{ float: left; width:27% }

.newsimp .newsimpy{width: 68%;}

.newsimpy span{display:block; font-size: 18px; color: #0e0e0e; margin-bottom: 5px}

.newsimpy p{ font-size: 14px; color: #666666; line-height:26px; margin-bottom: 20px }

.newsimpy i{font-size: 18px; color: #0093f2; }

.newsimpy i:hover{text-decoration: underline; }



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

.newslist li{width:100%; margin-bottom: 30px; float: left;}

.newslist li a{display: block;}

.newslist li .date{font-size: 24px; color: #0e0e0e; border-right: 1px solid #dadada;

line-height: 33px; font-weight: bold; padding:20px 40px 20px 0; line-height: 24px;}

.newslist li .date span{display: block; font-size: 14px; color: #9e9e9e; font-weight: normal;

text-align: right;}

.newslist li .zi {width:86%;}

.newslist li .zi span{font-size: 16px; color: #0e0e0e; display: block; margin-bottom: 5px;}

.newslist li .zi  p{ font-size: 14px; color: #666666; line-height:26px; margin-bottom: 5px;}

.newslist li:hover .zi i{margin-left: 20px;}

.newslist li:hover .zi span{color: #0093f2}





/*peijian***********************************************************************/

.peizuo{width: 23%; display: table; margin-bottom: 40px;}

.peizuo li>span{width: 100%; display: block; border: 1px solid #e4e4e4;

	font-size: 18px; color: #0093f2;text-align: center;

border-left: none; border-right: none; line-height: 55px; cursor: pointer;}

.peizuo li.cur span{background: #0093f2; color: #fff; cursor: pointer;}

.peizuo li>p{padding: 25px; width: 100%; display: none;}

.peizuo li>p>a{width: 100%; display: block;line-height: 30px;

	font-size: 16px; color: #666666;}

.peizuo li>p>a.cur, .peizuo li>p>a:hover{color: #0093f2;}



.peiyou{width: 72%; display: table;}



/*peijiancon***********************************************************************/

.peijiancon{width: 100%; overflow: hidden; margin-bottom: 40px}

.peijiancon>h1{font-size: 26px; color: #666666; display: block; margin-bottom: 40px;

text-align: center;}

.peijiancon img{max-width: 50%;}



.nav li i, .peijiantu li figure .mask, .syfuwu li span>i, .syfuwu li span, 

.syanli li:hover, .syanli li .syanlix2, 

.anli li img, .newslist li .zi i{transition: all .5s;}