*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;
  font-family: 'Microsoft YaHei',Arial,sans-serif;color: #666666;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i,em {font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none;font-family: 'Microsoft YaHei';}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width: 100%; max-width: 1280px; margin: 0 auto;}

/*header************************************************************************/
.header{width: 100%;position: fixed;top: 0;left: 0;z-index:11;
line-height: 80px;background-color: #fff;}
.header h1{background:#0891df;padding:0 2.5%;margin-right: 3%}
.header h1 a{display: block;}
.headerfix{border-bottom:1px solid #0891df;}
.nav{display: table;}
.nav li{float: left;font-size: 16px;color: #272727;position: relative;}
.nav li>a{display: block;padding: 0 25px;}
.nav li:hover,.nav li.active{color: #0891df}
.nav .zi{background:#0891df;color: #fff;padding:15px 25px;width:700px;
position: absolute; top: 100%;left: 0;font-size: 14px;line-height: 26px;display: none}
.nav .zi span{display: block;line-height: 35px;font-size: 16px;}
.nav .zi .z{width: 75%;border-left: 1px solid #189ce6; padding-left:5%;}
.nav .zi .z a{width: 50%; float: left;}

.nav .zi .y{width: 25%;padding-right: 5%;}
.nav .zi .y a{width: 100%; float: left;}
.nav .zi a:hover{text-decoration: underline;}


.tel{font-size: 20px;color: #272727; padding-left:50px;margin-right: 2%;
background:url(../image/tel-bg.png) no-repeat 0 center;}
.sea{width: 6%; position: relative;color: #fff}
.sea .b{width: 100%; background:#0891df url(../image/sea-bbg.png) no-repeat center;
height: 80px;cursor: pointer;}
.sea .k{position: absolute; top: 100%;right: 0;height:35px;line-height:35px;
width: 160px;padding: 0 10px;background:#0891df;color: #fff;border-top: 1px solid #fff;
display: none}


/*banner***********************************************************************/
.bannerbg{position: relative;padding-bottom:60px;overflow: hidden;margin-top: 80px}
.banner{width:100%;height:733px;overflow:visible;}
.banner .swiper-slide{width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.banner .swiper-slide a{ display:block; height:100%; overflow:hidden;}
.banner .zi{color: #fff;padding:2% 4% 4% 5%;min-width: 40%; background:rgba(8,145,223,0.8);
position: absolute;bottom: -8%;right: 6%;z-index: 10}
.banner .zi b{font-size: 40px;display: block;position: relative;}
.banner .zi b:before{content: "";display: block; width: 15px;height: 2px;
background:#fff;position: absolute;left: -6%;top: 50%}
.banner .zi p{font-size: 18px;}
.bannerbg .swiper-pagination{bottom: 10px; width: auto}
.bannerbg .swiper-pagination span{width:30px;height:35px;text-align:center;line-height:35px;
font-size:18px;color:#898989;opacity:1;border-radius: 0;background:none;
margin:0 15px!important; position: relative;}
.bannerbg .swiper-pagination span.swiper-pagination-bullet-active{color:#fff;background:#0891df;}
.bannerbg span:after{content: ""; width: 25px;height: 1px;background: #d7d7d7;
position: absolute; left: 110%;top: 50%;margin-right: 10%;}
.bannerbg span:last-child:after{display: none}


/*dtit***********************************************************************/
.dtit{margin:4% 0;width: 100%; position: relative; text-align: center;}
.dtit b{font-size: 130px;color: #f7f6f6; display: block;text-transform: uppercase;
position: absolute;z-index: -1;line-height:0.5;top:0;left: 0;right: 0;margin:0 auto;}
.dtit span{font-size: 30px;color: #272727; display: block;padding-top: 40px;
background-repeat: no-repeat;background-position: top center}
.dtit span.s1{background-image:url(../image/dtit-s1.png);}
.dtit span.s2{background-image:url(../image/dtit-s2.png);}
.dtit span.s3{background-image:url(../image/dtit-s3.png);}



/*sypro***********************************************************************/
.sypro{width: 100%;overflow: hidden;padding-bottom: 50px}
.sypro li{}
.sypro li figure{background:#faf8f8;width: 100%;overflow: hidden;height: 220px;
display: flex;align-items: center; justify-content: center;}
.sypro li figure img{max-width: 100%}
.sypro li p{background:#959595;font-size: 16px;color: #fff;text-align: center;
line-height: 50px;}
.sypro li:hover p{background:#0891df;}
.sypro .swiper-pagination{bottom: 0}
.sypro .swiper-pagination span{width: 13px;height: 13px;background:#a0a0a0;opacity: 1;}
.sypro .swiper-pagination span.swiper-pagination-bullet-active{background:#0891df;width: 40px;
border-radius:20px}


/*syyong***********************************************************************/
.syyong{width: 100%;overflow: hidden;}
.syyong ul{float: left;}
.syyong ul li{float: left; position: relative;overflow: hidden;border: 0.5px solid #fff}
.syyong ul li>a>img{width: 100%;}
.syyong ul li .mask{width: 100%;height: 100%;background:rgba(0,0,0,0.6);
position: absolute; top: 0;left: 0;
display: flex; align-items: center; justify-content: center;}
.syyong ul li .mask p{font-size: 24px;color: #fff;padding-top:70px;
background-position: top center;background-repeat: no-repeat;}
.syyong .ul1{width: 25%}
.syyong .ul1 li{width: 100%}
.syyong .ul2{width: 75%}
.syyong .ul2 li{width: 50%}
.syyong .ul3{width: 50%}
.syyong .ul3 li{width: 50%}
.syyong .ul4{width: 25%}
.syyong .ul5{width: 100%}
.syyong .ul5 li{ width:25%;}


.syyong ul li .mask p.p1{background-image: url(../image/syyong-p4.png)}
.syyong ul li .mask p.p2{background-image: url(../image/syyong-p9.png)}
.syyong ul li .mask p.p3{background-image: url(../image/syyong-p1.png)}
.syyong ul li .mask p.p4{background-image: url(../image/syyong-p5.png)}
.syyong ul li .mask p.p5{background-image: url(../image/syyong-p2.png)}
.syyong ul li .mask p.p6{background-image: url(../image/syyong-p6.png)}
.syyong ul li .mask p.p7{background-image: url(../image/syyong-p8.png)}
.syyong ul li .mask p.p8{background-image: url(../image/syyong-p7.png)}

.syyong ul li:hover .mask{background:rgba(8,145,223,0.8);}



/*syab***********************************************************************/
.syab .zi{font-size: 15px;color: #555050;line-height: 2;text-align: center;}
.syab .mo{background:#0891df;font-size:16px;color: #fff;display: block;width: 170px;
height: 45px;line-height: 45px;text-align: center;margin:4% auto;}
.syab .mo:hover{background:#eb6204;}
.syab-num{width: 80%;overflow: hidden;margin:4% auto}
.syab-num li{width: 25%; float: left; text-align: center;}
.syab-num li span{font-size:40px;color: #eb6204;position: relative;}
.syab-num li span:after{content: "+";display: inline-block; position: absolute; top: 0;
right: -20px;font-size: 24px;}
.syab-num li p{font-size: 16px; color: #8b8b8b;}


/*footer***********************************************************************/
.footer{background:#eaeaea;overflow: hidden;}
.link{overflow: hidden;margin:20px auto;}

.link li{width: 12.5%;float: left;height: 80px;text-align: center; line-height: 80px}
.link li img{max-width: 98%;max-height: 98%}
.footx{border-top: 1px solid #dadada;width: 100%;padding:25px 0;overflow: hidden;}
.footx .z{font-size: 14px;color: #414141;line-height: 1.8}
.footx .y{margin-top: 12px;width: 50%}
.footx .y li{float: left;width: 18%;margin:0 1%;}
.footx .y li img{width: 100%}


/*公用***********************************************************************/
.nban{width: 100%;height: 391px; background-size: cover;background-position: center center;
background-repeat: no-repeat;margin-top: 80px}
.nban .container{height: 100%;display: flex; align-items: center;}
.nban .zi{color: #fff;}
.nban b{font-size:30px;display: block;margin-bottom: 10px}
.nban p{font-size: 14px;}
.nban p>a:hover{text-decoration: underline;color: #0891df}
.nbanyong{padding: 5% 0;height: auto!important}

.fenye{width: 100%;margin:4% auto; line-height:36px;text-align:center;color:#333333;}
.fenye a{padding:6px 12px;background:#f5f5f5;margin:0 4px;border: 1px solid #333333}
.fenye a:hover{background:#0891df;color: #fff;border-color: #0891df}
.fenye span{background:#0891df; color: #fff;margin:0 4px;border:1px solid #0891df;padding:6px 12px;}


.zuo{width: 17%;margin-top: 3%}
.xtit{font-size: 24px; color: #303030; display: block;margin-bottom: 10px}
.xtit2{padding-bottom: 10px;border-bottom:1px solid #e5e5e5;}
.zuo li{width: 100%; float: left;font-size: 16px;color: #fff;margin-bottom: 20px}
.zuo li p{overflow: hidden; background:#989898;}
.zuo li a{width: 100%;float: left; border-bottom:1px solid #fff;
line-height: 50px;padding: 0 10px;}
.zuo li a.active,.zuo li a:hover{background:#0891df;}

.you{width: 80%;margin: 3% 0}



/*pro***********************************************************************/
.pro{width: 100%;overflow: hidden;}
.pro li{width: 48%;margin: 0 1%; float: left;position: relative;}
.pro li figure{background:#f2f2f2;width: 100%;overflow: hidden;
display: flex;align-items: center; justify-content: center;height: 340px}
.pro li figure img{max-width: 100%;max-height: 100%}
.pro li p{font-size: 18px;color: #303030; text-align: center;
padding:20px 0;}
.pro li i{display: block; width: 100%;height: 100%;opacity: 0;
position: absolute; top: 0;left: 0;z-index: 2;background:rgba(8,145,223,0.7);}
.pro li:hover i{opacity: 1;}
.pro li:hover p{color: #fff;z-index: 4;position: relative;}

/*procon******/
.procon-t{background:#f2f2f2;width: 100%;height: 48px;line-height: 48px;margin: 30px 0}
.procon-t b{background:#0891df;font-size: 18px;color: #fff;width: 140px;
display: inline-block;text-align:center;}
.procon01{width: 100%;overflow: hidden;}
.procon01 figure{width: 50%;background:#f2f2f2;height: 370px;
display: flex;align-items: center; justify-content: center;}
.procon01 figure img{max-width: 100%}
.procon01 .y{width: 45%;}
.procon01 .y b{display: block;font-size: 24px;color: #303030;margin-bottom: 10px}
.procon01 .y p{font-size: 16px;color: #838383;margin-bottom: 25px;line-height: 1.8}
.procon01 .y a{background:#0891df;font-size: 18px;font-weight: bold;padding:6px 30px;
display: inline-block; color: #fff;margin-top: 25px}
.procon01 .y a:hover{background:#eb6204;}

.procon{color: #838383; line-height: 2;overflow: hidden;}
.procon .pei{width: 100%;overflow: hidden;background:#f2f2f2;
padding: 5% 10%;margin-bottom: 30px}
.procon .pei li{width: 50%;float: left;}
.procon .pei img{float: left; max-width:100%;margin-right: 15px}
.procon .pei span{display: block; font-size: 18px;color: #303030}
.procon .pei p{ font-size: 14px;color: #838383}

.procon03{width: 100%;overflow: hidden;}
.procon03 li{width: 33.33%;padding: 0 3%;float: left; text-align: center;}
.procon03 li img{max-width: 100%;}
.procon03 li p{font-size: 14px;color: #838383;margin:15px 0;height: 65px;
overflow: hidden;}
.procon03 li a{background:#0891df;color: #fff;padding:4px 30px;
display: inline-block; margin:0 auto;}
.procon03 li a:hover{background:#eb6204;}


/*yong-m***********************************************************************/
.yong-m{width: 100%;overflow: hidden;margin-top: 2%}
.yong-m li{float: left; background-color:rgba(8,145,223,0.6);
font-size: 20px;color: #fff; font-weight: bold;text-align: center;
margin:1.5%;width: 30.3%;
background-position: 20% center;background-repeat: no-repeat;
background-size: 42px}
.yong-m li a{padding:25px 0;padding-left: 15%;display: block;}
.yong-m li.li1{background-image: url(../image/syyong-p4.png)}
.yong-m li.li2{background-image: url(../image/syyong-p9.png)}
.yong-m li.li3{background-image: url(../image/syyong-p1.png)}
.yong-m li.li4{background-image: url(../image/syyong-p5.png)}
.yong-m li.li5{background-image: url(../image/syyong-p2.png)}
.yong-m li.li6{background-image: url(../image/syyong-p6.png)}
.yong-m li.li7{background-image: url(../image/syyong-p8.png)}
.yong-m li.li8{background-image: url(../image/syyong-p7.png)}

.yong-m li:hover{background-color:#0891df;}
/*yong**/
.yong{ overflow: hidden; }
.yong li{width: 31.3%;margin:1%;float: left; background:#f2f2f2;text-align: center;
height: 200px;display: flex;align-items: center; justify-content: center;
padding: 0 10px}
.yong li img{max-width: 100%;}
.yong li b{font-size: 20px;color: #3b3b3b;display: block;margin-top: 15px}


/*down***********************************************************************/
.down{width: 100%;overflow: hidden;}
.down li{width: 49%;background:#f2f3f4 url(../image/down-bg1.png) no-repeat 10px 19px;
padding-left: 50px;font-size: 16px;color: #272727;line-height: 60px;
margin-bottom: 15px}
.down li .d{background:#0891df url(../image/down-bg2.png) no-repeat center;
float: right; width: 60px;height: 60px;}


/*zhao***********************************************************************/
.zhao{width: 100%;overflow: hidden;margin:4% auto;}
.zhao .t{font-size: 14px;color: #686868;text-align: center;margin-bottom: 4%}
.zhao li{width: 23%;margin:1%;float: left;border: 1px solid #e2e2e2;
padding:20px;}
.zhao li span{font-size: 24px;color: #333333;display: block;margin-bottom: 10px}
.zhao li p{color: #7c7c7c;line-height: 2}
.zhao li p>i{display: block; color: #333333}
.zhao li a{border:1px solid #cac9cd;border-radius:5px;
padding:4px 19px;font-size: 16px;color: #7e7e7e;display: inline-block;margin-top:40px;}
.zhao li a:hover{background:#0891df;color: #fff;border-color:#0891df;}



/*videoul***********************************************************************/
.video-t{display: block; font-size: 24px;color:#303030;margin:30px 0 20px 0;}
.vitopz{width:62%;position: relative;}
.vitopz #homevideo{width: 100%;height: 535px;}

.vitopz li{width: 100%}
.vitopz li a{display: block;}
.vitopz li img{width: 100%;height: 535px; display: block;}
.vitopz li .livideo{ display: none; background:#000; }
.vitopz li .livideo video{height: 535px; width: 100%; display: block;}
.videobo{position: absolute; left: 0;top: 0;width: 100%;height: 100%;
background: url(../image/video-bo.png) no-repeat center;background-color: rgba(0,0,0,0.5);}

.vitopypr{width: 37%;position: relative;}
.vitopy{width: 100%;height: 425px;margin:10px 0;}
.vitopy li{width: 100%; float: left;background:#f3f3f3;overflow: hidden;
margin-bottom:2px;cursor: pointer;height: 24.5%}
.vitopy li b{width: 40%;height: 100%; position: relative; float: left;margin-right: 10px}
.vitopy li b img{width:100%;}
.vitopy li p{color:#343434;padding:20px 0;}
.vitopy li.on p{color:#0891df;}
.vitopz li:hover .videobo{background-color: rgba(0,0,0,0);}
.vitopy li:hover .videobo{background-color: rgba(0,0,0,0);}
.vitopy-prev,.vitopy-next{background-color:#7b7b7b;width: 100%;height: 45px;
/*position: absolute; */cursor: pointer;background-repeat: no-repeat; background-position: center;}
.vitopy-prev{background-image: url(../image/vitopy-prev.png); top: 0}
.vitopy-next{background-image: url(../image/vitopy-next.png); bottom: 0}
.vitopy-prev:hover,.vitopy-next:hover{background-color: #0891df}


.videoul{width:100%;overflow: hidden;}
.videoul li{width:31.3%;margin-right:2%; float: left;}
.videoul li a{display: block;}
.videoul li b{width: 100%; position: relative;display: block;}
.videoul li b img{width: 100%;}
.videoul li span{display: block;font-size: 16px; color: #363636;text-align: center;
height: 50px;overflow: hidden;margin:20px 10px;}
.videoul li:hover .videobo{background-color: rgba(0,0,0,0);}

.showtle{ border-bottom:1px dashed #dcdcdc; font-size: 22px; text-align: center; font-weight: bold; margin:30px 0 20px 0; padding:0 0 20px 0; color:#333333;}
.showtxt{ font-size:14px; margin-bottom:30px; line-height:1.8; color:#666666; min-height:300px; }

.videoshow{ width:800px; background:#000; margin:0 auto 30px auto; overflow: hidden; }
.videoshow iframe{ width: 800px; height:500px;  }



.map{ float: left; width: 50%; }
.maptxt{ float:right; width: 50%; background:#eaeaea; padding:20px; height:100%; font-size:16px; line-height:1.8; }
.maptle{ font-size:20px; font-weight: bold; color:#0891df; margin-bottom:10px; }

.my-map { width: 100%; height: 300px; margin:30px 0; overflow: hidden; }

.my-map .icon { background: url(../image/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 15px; color: #0891df; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }



.sypro li img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);
-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.sypro li:hover img{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);
-o-transform:scale(0.9);-moz-transform:scale(0.9);}
img,.syyong ul li .mask,.syyong ul li .mask p
{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}