@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:Helvetica, Tahoma, Arial, "Microsoft YaHei"; 
 background-color:#666666;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; margin: 0 auto}
img{ border: none;}
li{ list-style: none;}
ul, ol{ list-style: none;}
input,label,img,th{vertical-align:middle;}
em, i{font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-style: normal; font-weight:normal;}
a{text-decoration: none;}
*:focus {outline: none;}
.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{ 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: "."; 
    clear: both; 
    height: 0; 
}
.container{background: #fff;width:1100px; margin:0 auto;}
.again{width: 100%;height: calc(100vh);margin:0 auto; position: relative;}
.again>img{width: 100%;height:100%;}
.again-d{ position: fixed; right: 0; top: 0; width:85%;height: 100%}
.again-d ul{display: table; margin: 0 auto; margin-top:40%}
.again-d a{background: rgba(255,255,255,0.15); font-family:"SimSun";  display: inline-block; 
margin-right:10px;min-width: 332px; text-align: center;
font-size: 26px; color: #fff; padding: 10px; border-radius: 5px}
.again-d img{margin-top: -10px;}
.again-d a:hover{text-decoration: underline;}

/***online2********************************************************/
.online2bg{background: #000; position: fixed; left: 0; top: 0; width: 15%;
height: 100%}
.online2{ position:fixed; left:30px; top:15%; z-index:3; width: 140px;}
.online-top2{background:url(../images/online-topbg2.png) no-repeat;width:140px; height: 109px;
font-size: 30px;color: #fff; line-height: 100px; text-align: center; margin-bottom: -13px;}
.online2 ul{background: #eeeeee;width: 114px; margin:0 auto; padding: 30px 0}
.online2 li{font-size:12px;color: #000; margin-bottom:15px; text-align: center;}
.online2 li a{color: #000}
.online2 li img{}

.online2 li.ontel{position: relative;}
.online2 li.ontel i{display: none; position: absolute; top:0; left:0; width: 150px; 
height: 60px; line-height: 60px; background: #ff0000; font-size:16px; color:#fff}
.online2 li.ontel:hover i{display: block;}

.online2 li.onwx{position: relative;}
.online2 li.onwx i{display: none; position: absolute; top:-10px; left:115px; width: 100px; 
height: 100px; padding: 1px; background: #ff0000}
.online2 li.onwx i img{width: 100%; height: 100%}
.online2 li.onwx:hover i{display: block;}

.online2 li.onzi{font-size: 16px; color: #ff0000; font-weight: bold; margin-top: 20px}

.online2-di{font-size: 14px; color: #fff;}
.online2-di p{margin-top:20px;width:175px;padding-left: 20px;}
.online2-di .p1{background: url(../images/wei-bgbai.png) no-repeat 0 center;}
.online2-di .p2{background: url(../images/tel-bgbai.png) no-repeat 0 center;}

/*header***************************************************************/
header{width: 100%; background: #fff;}
.hea-top{font-size: 16px; color: #505050; line-height: 40px;}
.hea-top a{font-size: 14px; color: #505050;}
.hea-top a:hover{color: #0069ff; text-decoration: underline;}
.hea-top a.wx{position: relative; cursor: pointer;}
.hea-top a.wx i{display: none; position: absolute; top:20px; right: 0; width: 80px; 
height: 80px; padding: 1px; background: #0069ff}
.hea-top a.wx i img{width: 100%; height: 100%}
.hea-top a.wx:hover i{display: block;}
.hea-mid {width: 100%; display: inline-block; margin:10px 0; padding: 0 5px}
.hea-mid span{margin-top:10px;}
.hea-mid .span1{font-size: 24px;font-weight: bold; color: #ff9600; margin-top: 14px;
 padding-left: 30px; background: url(../images/tel-bg.png) no-repeat 0 center}
.hea-mid .span2{width:175px;font-size: 14px; color: #818181; padding-left: 20px;
	background: url(../images/wei-bg.png) no-repeat 0 center;
 margin-right: 10px;}
.hea-mid h1{margin-top:-26px}
.hea-mid h1 a{display: block;}

.nav{width: 100%; height: 45px; display: inline-block; background: #0069ff}
.nav li{float:left; width:110px; background: url(../images/nav-libg.png) no-repeat right;
text-align: center; font-size:14px; position: relative; padding:5px 0;
line-height: 35px}
.nav li>a{display:block;color:#fff;}
.nav li:hover{background: none}
.nav li:hover>a, .nav li.cur>a{color: #0069ff; background: #fff;
width: 111px; margin-left:-1px;}
.nav li>a:hover{transition:all .5s;
 -webkit-transition:all .5s; -moz-transition:all .5s;
 -ms-transition:all .5s; -o-transition:all .5s;}
.nav li i{display: none; height:7px;
    background: url(../images/znav-bg.png) no-repeat center;
    position: absolute;top:45px;left: 0;right: 0;margin: 0 auto;z-index: 3;}
.znav{display: none; position: absolute; top:52px; left: 0; background:#0069ff;
 z-index: 99; width:200px; padding:10px 0px; text-align: left;}

.znav>a{ color:#fff; background: url(../images/znav-abg.png) no-repeat 20px;
padding-left: 40px; display: block; line-height:32px;
border-bottom: 1px solid #4491ff}
.znav>a:last-child{border:none;}
.znav>a:hover{text-decoration: underline;}
.nav .navlion i{display: block;}
.navlion .znav{display: block;}

.nav a.liu{font-size:16px; font-weight: bold; text-align: center;
background: url(../images/navliu-bg.png) no-repeat; width: 184px; height: 45px; line-height: 45px;
color: #fff}
.nav li>a{transition: .5s all; -webkit-transition: .5s all;
-o-transition: .5s all; -ms-transition: .5s all; -moz-transition: .5s all;}


/*banner***************************************************************/
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;}
.swiper-pagination-bullet{opacity:1!important;background: #505d70!important;}
.swiper-pagination-bullet-active{width:30px!important; border-radius: 20px!important}
.banner .banner-next, .banner .banner-prev{ background-image: none; width: auto; height: auto; margin-top: -16px;}
{background-image: none; width: auto;height: auto;margin-top: -16px;}




/*sydtit***************************************************************/
.sytit{font-family:"SimSun"; text-align: center; padding:50px 0; font-size: 18px;  color: #666666;}
.sytit span{font-size: 36px;  display: block; margin-bottom:15px;}
.syfuwu{margin-bottom: 40px; display: inline-block; position: relative; margin-left:-1px;
background: url(../images/syfuwubg.jpg) no-repeat;width: 100%; height: 322px}
.syfuwu p{font-size:14px; color: #505050; position:absolute;}
.syfuwu .p1{left: 140px; top: 50px}
.syfuwu .p2{left: 325px; top: 185px}
.syfuwu .p3{left: 500px; top: 50px}
.syfuwu .p4{left: 490px; top: 275px}
.syfuwu .p5{right: 100px; top: 50px}
.syfuwu .p6{right: 75px; top: 275px}

.syteam{background: #f0f0f0; width: 100%; padding:0px 40px 50px 40px; display: inline-block;}
.syteam li{width:230px; height: 330px; background: #505050; float: left;margin-right:32px;}
.syteam li:last-child{margin-right: 0}


.synews{width: 100%;padding:0px 40px; display: inline-block; overflow: hidden;}
.synews ul{width: 100%;height: 406px; display: inline-block; margin-top: 40px;}
.synews li{width:338px; height:406px; background: #505050; float: left; position: relative;}
.synews li img{width: 100%; height: 100%; opacity: 0.5;}
.synews li .mask{position: absolute; bottom: 0; left: 0; background: rgba(250,150,0,0.7);
width: 100%;padding: 20px;font-size: 14px; color: #fff}
.synews li .mask b{display: block; margin-bottom:15px;}
.synews li:hover .mask{background: rgba(0,150,255,0.7); padding-bottom: 80px}
.synews li:hover{ height: 476px;
transform: translateY(-70px); -webkit-transform: translateY(-70px);
-o-transform: translateY(-70px); -ms-transform: translateY(-70px); -moz-transform: translateY(-70px);}




.sydibu{width: 100%; display: inline-block;}
.syhezuo{width: 45%}
.syhezuo li{float: left; margin-bottom:40px; overflow:hidden;
width: 33.3%; height: 100px;display: flex; align-items: center; justify-content: center;}
.syhezuo li img{width: auto; height: auto; max-width: 100%; max-height: 100%}
.syhezuo li:hover img{transform: scale(0.9); -webkit-transform: scale(0.9);
-o-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9);}
.syliu{width: 49%;}
.syliu form{border: 5px solid #e5e5e5;padding: 40px 30px }
.syliu .k{width: 100%; height: 45px; line-height: 45px; margin-bottom: 20px;
border: 1px solid #767676; font-size:16px; color: #505050; padding-left: 10px}
.syliu .dk{height: 130px; line-height: 24px}
.syliu .b{background: #0078ff; font-size: 24px; color: #fff; width: 180px; cursor: pointer;
height: 50px; line-height: 50px; padding-left:20px; border: none; text-align: left;}







/***online********************************************************/
.online{ position:fixed; right:0px; top:15%; z-index:3; width: 114px;}
.online-top{background:url(../images/online-topbg.png) no-repeat;height: 109px;
 padding: 15px;}
.online-top a{font-size: 20px; color: #fff; display: block; text-align: center;
 border-bottom: 1px solid #fff; padding-bottom:10px}
.online-top a:last-child{border-bottom: none}
.online-top a:hover{color: #ff9600}
.online ul{background: #eeeeee; margin-top: -13px;width: 89%; float: right; padding:30px 0} 
.online li{width:100px;font-size:12px;color: #000; margin-bottom:15px; text-align: center;}
.online li a{color: #000}
.online li img{}

.online li.ontel{position: relative;}
.online li.ontel i{display: none; position: absolute; top:0; right:0; width: 130px; 
height: 60px; line-height: 60px; background: #0069ff; font-size:16px; color:#fff}
.online li.ontel:hover i{display: block;}

.online li.onwx{position: relative;}
.online li.onwx i{display: none; position: absolute; top:-10px; right:100px; width: 100px; 
height: 100px; padding: 1px; background: #0069ff}
.online li.onwx i img{width: 100%; height: 100%}
.online li.onwx:hover i{display: block;}



/*footer*****************************************************************/
.foot{background: #fff; margin-top:30px; width: 100%; color: #303030;}
.foot-top{background: #0078ff; height: 55px; line-height: 55px; font-size: 26px; color: #fff;
text-align: center;}
.footul{width:100%; display: inline-block; padding: 30px 0px}
.footul li{float: left; font-size: 16px; width: 33.3%; padding:0 40px;
border-right: 1px solid #505050; line-height: 28px}
.footul li:last-child{border-right: none}
.footul span{display: block;margin-bottom:30px;color: #505050; font-weight: bold;}
.footul a{display: block;color: #505050;}
.footul a:hover{text-decoration: underline;}


/*gong gong*******************************************************************/
.nban{width: 100%; overflow: hidden; margin-bottom: 40px}
.nban img{width: 100%}

.fenye{width: 100%; display: inline-block; margin:50px 0; 
  text-align:center; font-size:14px;}
.fenye a{ color:#000;padding:9px 17px; margin:0 2px; border: 1px solid #ececeb}
.fenye a:hover{color:#fff;background: #0075c2}
.fenye span{color:#fff;background: #0075c2; padding:9px 17px; margin:0 5px;}



.main{padding:0 45px;width: 100%; display: inline-block;}
.zuo{width: 212px;}
.zuo2{width: 340px}
.zuo span{font-size: 20px; color: #fff; padding-left: 60px;height: 40px;
line-height:40px; display: block; margin-bottom:10px;
background: url(../images/zuo-spanbg.png) no-repeat;}
.zuo2 span{background: url(../images/zuo-spanbg2.png) no-repeat;}
.zuo a{font-size: 18px; color: #787878; padding-left: 60px; height: 41px;
line-height:41px; display: block;margin-bottom:10px;
background: url(../images/zuo-abg.png) no-repeat;}
.zuo2 a{background: url(../images/zuo-abg2.png) no-repeat;}
.zuo a:hover, .zuo a.cur{background: url(../images/zuo-abgh.png) no-repeat; color: #0069ff}
.zuo2 a:hover, .zuo2 a.cur{background: url(../images/zuo-abgh2.png) no-repeat;}

.you{width: 750px;}
.you2{width: 620px;}
.youtop{width: 100%; display: inline-block; line-height: 18px; margin-bottom:30px}
.youname{font-size: 16px; color: #0069ff;width:40%;
padding-bottom: 15px; border-bottom: 1px solid #0069ff;}
.posi{width: 100%; border-bottom: 1px solid #b9b9b9;font-size: 14px; color: #505050;
padding-bottom: 15px;width: 59%; text-align: right;}
.posi a{color: #505050;}
.posi a:hover{color: #0069ff; text-decoration: underline;}




.about{font-size:20px; color: #444444; line-height: 1.8; overflow: hidden;}
.about p{font-size:20px; color: #444444; line-height: 1.8; overflow: hidden;}

.neirong{font-size:15px; color: #444444; line-height:2; overflow: hidden;}
.neirong-t{font-size:25px; color: #ff9600; text-align: center; margin-bottom: 10px}
.neirong p{font-size:15px; color: #444444; line-height: 2; overflow: hidden;}
.neirong .n{border-bottom: 1px dashed #b9b9b9; padding-bottom: 30px; margin-bottom: 30px}
.neirong .n:last-child{padding: 0; margin: 0; border: none}
.neirong span{font-size: 18px; color: #0069ff; display: block;}
.neirong img{width: auto; max-width: 100%}


.yejiul{width: 100%; display: inline-block;}
.yejiul li{width: 187px; float: left; margin-right:28px; margin-bottom:28px;}
.yejiul li a{display: block;}
.yejiul li b{width: 100%; height: 145px; border: 1px solid #b9b9b9;
display: flex; align-items: center; justify-content: center;}
.yejiul li p{font-size: 15px; color: #505050; text-align: center; margin-top: 5px}
.yejiul li:hover b{border: 1px solid #0069ff}
.yejiul li:hover p{color:#0069ff}



.newsul{width: 100%; display: inline-block;}
.newsul li{width: 100%; float: left; border-bottom: 1px dashed #b9b9b9; padding-bottom: 30px; margin-bottom: 30px}
.newsul li:last-child{border:none; padding: 0}
.newsul li a{display: block;}
.newsul li b{width: 158px; height: 158px; }
.newsul li b img{width: 100%; height: 100%; }
.newsul li .newsuly{width: 70%;}
.newsuly span{font-size: 18px; color: #0069ff; margin-bottom:10px; display: block;}
.newsuly p{font-size: 15px; color: #888888; line-height: 26px}
.newsuly li:hover b{border: 1px solid #0069ff}
.yejiul li:hover p{color:#0069ff}


.contact {font-size: 16px; color: #888888; line-height: 28px}
.contact span{f color:#505050;font-weight:bold; display:block}
.ditu{margin-top: 40px}




.synews li, .synews li .mask{ transition: .5s all; -webkit-transition: .5s all;
-o-transition: .5s all; -ms-transition: .5s all; -moz-transition: .5s all;}

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