/*公用*/
@font-face {
font-family:fontDin1;
src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden; background-color: #fff;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #00af3c; cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.page,.w1400{ margin:0 auto;width: 1400px; }
.w1400{width:1400px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.title{text-align: center;font-size: 40px;color: #333;}
.title em{color: #00af3c;}
.title span{display: block;font-size: 18px;color: #9a9b9d;margin: 14px 0 26px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.title i::after{right: 0px;left: inherit;background:#00af3c;animation:allTitleAfter 3s infinite linear;}
.title i::before{background:#00af3c;animation:allTitleBefore 3s infinite linear;}
.title t{width: 30px;height: 5px;background:#dd070e;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;text-align: center;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


.hovermaincolor a:hover{ color:#00af3c;}
/*抬头*/
.header{ border-top:1px solid #eee; background:#fff; height:110px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hright,.hright nav ul,.hlogo{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hsecond{ height:110px; padding:15px 0 15px 40px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft,.nav>ul,.hright{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;}
.hline{ width:1px; height:50px; background:#e7e7e7;  margin: 9px 20px 0px 20px;}
.hmean{ padding-left:4px; padding-top: 4px;}
.hmean em{ font-size:15px; color:#888; font-weight:100; letter-spacing: 3.2px;}
.hmean b{ display:block; font-size:25px; color:#02AF3C; line-height:38px;}
.hmean b i{ font-size:45px; color:#00af3c; font-family: Din; display:inline-block; vertical-align:sub; line-height:45px;}
.nav ul li{ position:relative; margin-right:60px; margin-top: 3px;}
.nav ul li:nth-child(8){margin-right:25px;}
.nav ul li>a{ display:block; font-size:16px; color:#333;  position:relative;}
.nav ul li>a em{     display: block;  font-size: 12px; color: #ccc; font-weight: lighter; text-align: center; text-transform: uppercase; line-height: 30px;}
.nav ul li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; width:17px; height:17px; transition:all .3s ease; transform:scale(0); bottom:-35px; background:#00af3c; border-radius: 50%; border: 3px solid #f9f9f9;  z-index: 999999;} 
.nav ul li.cur>a:after,.nav ul li:hover>a:after{ transform:scale(1);}
.nav ul li.cur>a,.nav ul li:hover>a{color:#00af3c; font-weight:bold;}
.nav>ul>li .dropmenu{width:200%;position:absolute;top:90px;left:-81%;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 14px;display:block;line-height:40px;text-align:center;color:#fff;background:rgba(0,0,0,.8);transition:600ms ease; margin-top:1px; width: 170px}
.nav>ul>li .dropmenu a:hover{background:#00af3c;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block;}

@media screen and (max-width:1870px){
	.nav ul li{ margin-right:60px;}
	}
@media screen and (max-width:1650px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:80px;}
	}
@media screen and (max-width:1550px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:70px;}
	}
@media screen and (max-width:1500px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:70px;}
	}
@media screen and (max-width:1465px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:50px;}
	}
@media screen and (max-width:1420px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:30px;}
	.hmean b{ font-size:19px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;margin-top: 10px;}
        .hmean em{font-size:13px; letter-spacing: 0.8px;}
	}
@media screen and (max-width:1400px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:30px;   margin-top: 13px}
	.hmean b{ font-size:19px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;margin-top: 10px;}
        .hmean em{font-size:13px; letter-spacing: 0.8px;}
        .nav>ul>li .dropmenu{  left: -102%;}
        .nav ul li>a:after{ bottom: -30px;}
	}
@media screen and (max-width:1380px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:20px;}
	.hmean b{ font-size:18px;  margin-top: 6px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
        .hmean em{ letter-spacing: 0px;}
	}
	@media screen and (max-width:1335px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:20px;}
	.hmean b{ font-size:18px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
        .hmean em{ letter-spacing: 0px;}
	}

@media screen and (max-width:1300px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
    .hmean b{ font-size:15px;}
    .hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}
	
@media screen and (max-width:1270px){
	.nav ul li{ margin-right:60px;}
	.nav ul li>a{ font-size:14px;}
    .hmean b{ font-size:15px;}
    .hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}
.iser_box{background: rgba(255,255,255,0.8); position: absolute;top: 100%;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:595px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width:228px;}
.itel_box p{padding-left:25px;color:#333;position:relative;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f1f1f1;}
.banner-box{ min-width:1400px; height:660px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto; width: 100%; height: 80%; position: relative; z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 420px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/banner_jt.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/banner_jt.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:50px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #00af3c;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8;}

/*内页幻灯片*/
#bodycon #center,.bodyContentString8,#bodycontent,.mianbxContent{ width:1400px !important;}
.banner_wm{ height:500px; background:url(../images/banner_wm.jpg) no-repeat center; width:100%;}
.banner_xw{ height:500px; background:url(../images/banner_xw.jpg) no-repeat center; width:100%;}
.banner_cp{ height:500px; background:url(../images/banner_cp.jpg) no-repeat center; width:100%;}
.banner_al{ height:500px; background:url(../images/banner_al.jpg) no-repeat center; width:100%;}
.banner_lx{ height:500px; background:url(../images/banner_lx.jpg) no-repeat center; width:100%;}

/*搜索*/
.search{ border-bottom:1px solid #eee;}
.search .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.keyword,.keyword a{ line-height:90px; font-size:16px; color:#888;}
.keyword span{color:#00af3c;}
.searight{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.seatel{ padding:0 40px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:14px; color:#888; margin-right:30px;}
.seatel em{ display:block; font-size:22px; font-family:fontDin1; color:#00af3c;}
.seatel span{ display:inline-block; padding-left:48px; background:url(../images/search_tel.png) no-repeat left center;}
.search_bg{ width:263px; height:50px; background:#eaeaea; padding:0 20px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
#infoname{ border:none; background:none; width:230px; height:50px;}

/*服务*/
.char{background:url(../images/char_bg.jpg) no-repeat top;height: 500px;}
.char ul li{float: left;width: 260px;height: 260px;background:#fff; text-align: center; color: #666;padding-top:25px; border: 5px solid #f3f3f3; border-radius: 50%;}
.char ul li+li{margin-left: 25px;}
.char ul li i{font-size: 40px;font-family: fontDin1;}
.char ul li:hover i{ color:#00af3c;}
.char ul li span{display: block;padding: 10px 0 0 0; width:56px; height:60px; background:url(../images/char_1.png) no-repeat;  margin: 0 auto; }
.char ul li:nth-child(2) span{ background:url(../images/char_2.png) no-repeat;}
.char ul li:nth-child(3) span{ background:url(../images/char_3.png) no-repeat;}
.char ul li:nth-child(4) span{ background:url(../images/char_4.png) no-repeat;}
.char ul li:nth-child(5) span{ background:url(../images/char_5.png) no-repeat;}

.char ul li:hover span{ background:url(../images/char_1_1.png) no-repeat;}
.char ul li:nth-child(2):hover span{ background:url(../images/char_1_2.png) no-repeat;}
.char ul li:nth-child(3):hover span{ background:url(../images/char_1_3.png) no-repeat;}
.char ul li:nth-child(4):hover span{ background:url(../images/char_1_4.png) no-repeat;}
.char ul li:nth-child(5):hover span{ background:url(../images/char_1_5.png) no-repeat;}
.char ul li p{font-size: 22px; line-height: 40px; color:#666;}

.char ul li:hover p{color:#00af3c;}
.char ul li:hover em{color:#00af3c;}
.char ul li em{display: block;font-size: 15px;font-weight: lighter;text-transform: uppercase;line-height: 22px; color:#aaa;}
.gd{animation: myfirst 2s infinite; display: inline-block;}  
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}


/*产品中心*/
.protop{ height:88px; color:#222; font-size:25px; font-weight:lighter; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.protop p{ display:block; padding-top:23px; padding-left:35px; position:relative; color:#333; line-height:25px; text-align: center}
.protop p:after{ content:""; display:block; width:1px; height:60px; background:#eee; position:absolute; top:14px; right:-30px;}
.protop p span{ display:block; color:#aaa; font-size:12px; text-transform:uppercase;}
.protop div{ margin-left:60px;}
.protop div a{ display:inline-block; color:#666; font-size:16px; line-height:88px; padding-left:35px; position:relative;}
.protop div a+a{ margin-left:50px;}
.protop div a:after{ content:''; display:block; width:18px; height:18px; background:url(../images/pro_wx.png) left center no-repeat; margin:0 auto; transition:all .3s ease; position:absolute; top:35px; left:0px;}
.protop div a.on{ color:#01a453;}
.protop div a.on:after{ background-position-x:-18px;}

.procon{margin-top: 25px !important;}
.procon td{ display:inline-block; width:335px;padding:15px 15px 0 15px !important; background: #f9f9f9; position:relative; overflow:hidden;}
.procon td>a{ display:block;  overflow:hidden; background:#fff; position:relative;}
.procon td br{ display: none;}
.procon td span{ display:block; padding-top:0px !important; line-height:69px;}
.procon td span a{ display:block; position:relative; font-size:16px; font-weight: lighter;color:#222222; padding:0px 80px 0px 0px; line-height:75px; text-align:left; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.procon td span a:after{ content:'+'; display:block; position:absolute; top:0px; margin:auto 0; bottom:0; right:0px; width:20px; height:20px;  text-align:right; line-height:17px; font-weight: lighter;color:#fff; font-size:16px;transition:all 0.5s ease;background: #999;text-align: center;}
.procon td+td{ margin-left:20px;}
.procon tr+tr{ display:block; margin-top:20px;}
.procon td a,.procon td img{ position:relative; z-index:33; transition:all 0.5s ease;}
.procon td img{ width:100%; height:100%; transition:all .6s ease;  border:1px solid #ebebeb;}
.procon td:hover img{  transform:scale(1.1)}
.procon td:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0px; left:-120%; background:#01a453; transition:all 0.5s ease;transform: rotate(90deg);}
.procon td:hover a{ color:#01a453;}
.procon td:hover a:after{ color:#01a453;}
.procon td:hover span a:after{color: #fff;background: #01a453;}

/*内页产品*/
.ny_prototal { width:100%; overflow:hidden;}
.ny_prolist { width:31.3%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_propic { position:relative; overflow:hidden;}
.ny_propic a { display:block;}
.ny_propic a img { width:100%; }
.ny_propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span { width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before { width:100%; height:100%;}
.ny_prolist:hover .ny_propic span { display:block;}

.ny_protil { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.ny_protil a { height:45%; padding:3% 4% 4% 5%; font-size:16px; position:relative; z-index:2; display:block;}
.ny_protil span { display:block; width:67px; height:12px; background:url(../images/detail.png); margin-top:3%;}
.ny_prolist:hover .ny_protil span { background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a { color:#fff;}
.ny_protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#f5811a; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before { width:100%;}

/*案例*/
.case{padding-top:69px; background:url(../images/al_bg.jpg) no-repeat center; width: 100% ;height: 728px;}
.casetitle{text-align: center;font-size: 40px;color: #fff;}
.casetitle em{color: #fff;}
.casetitle span{display: block;font-size: 18px;color: #fff;margin:14px 0 26px 0;}
.casetitle i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.casetitle i::after,.casetitle i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.casetitle i::after{right: 0px;left: inherit;background:#fff;animation:allTitleAfter 3s infinite linear;}
.casetitle i::before{background:#fff;animation:allTitleBefore 3s infinite linear;}
.casetitle t{width: 30px;height: 5px;background:#fff;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
.casecon{padding:40px 40px 0 40px;background: #fff;margin-top: 18px;}
.casecon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.casecon li dl{width:300px; height:225px; overflow:hidden; position:relative;}
.casecon li dl+dl{margin-top:30px;} 
.casecon li dl a img{width:100%; height:100%;    transition: all .6s ease;}
.casecon li dl:hover a img{transform:scale(1.1)}
.casecon li dl a p{bottom:0px; left:0px; position:absolute; width:100%; height:55px; overflow:hidden; background:rgba(0,0,0,0.68); font-size:18px; color:#fff; line-height:55px; text-align:center; transition:all 0.5s ease; z-index:999;}
.casecon li:nth-child(2){margin:0px 30px;}
.casecon li:nth-child(2) dl{width:640px; height:480px;}
.casecon li dl a:after{content:''; width:100%; height:100%;background:rgba(0,0,0,0.68); transition:all 0.5s linear; position:absolute; display:block; left:-120%; transform:rotate(90deg); top:0px;}
.casecon li dl a{display:block;width:100%; height:100%;}


/*优势*/
.adv{height: 775px; background: url(../images/adv_bg.jpg)no-repeat center;width: 100%;}
.adv_all{position: relative;width: 100%;height: 615px;}
.advtab{position: absolute;right: 10px;bottom:30px;z-index: 999;}
.advtab li{width: 227px; float: left;text-align: center;cursor:pointer;transition: all .3s ease;z-index: 999;}
.advtab li i{font-size: 23px;color: #666666;font-weight: lighter;transition: all .3s ease;}
.advtab li em{color: #aaaaaa;font-size:12px;text-transform: uppercase;display: block;transition: all .3s ease;}
.advtab li+li{border-left: 1px solid #eee;}
.advtab li span{width: 40px;height: 40px;display: block;margin: 0 auto 10px;transition: all .3s ease;background: url(../images/adv_01.png)no-repeat; }
.advtab li:nth-child(2) span{background: url(../images/adv_02.png)no-repeat;}
.advtab li:nth-child(3) span{background: url(../images/adv_03.png)no-repeat;}
.advtab li:nth-child(4) span{background: url(../images/adv_04.png)no-repeat;}
.advtab li.on i,.advtab li.on em{color: #00af3c;}
.advtup img{border-radius: 0 30px 0 0;  margin-top: 13px;}
.advt{padding: 65px 0 0 180px;width: 644px;}
.advt span{display: block;font-size: 30px;color: #222222;font-weight: normal;padding: 20px 0 5px;}
.advt em{font-size: 12px;color: #aaa;font-weight: lighter;letter-spacing: 0px; text-transform: uppercase;}
.advt em:after{content: "";display: block;background: #00af3c;width: 70px;height: 4px;margin: 20px 0 15px;}
.advt p{font-size: 16px;color: #a9a9a9;font-weight: lighter;line-height: 36px;}
.advtel{margin-top: 35px;}
.advtel i{font-size: 30px;color: #666666;padding-left: 15px; font-family: fontDin1;}
.advtel a{display: block;background: url(../images/adv_zx.png)no-repeat 20px center;width: 166px;height: 64px;line-height: 50px;border-radius: 50px;border: 8px solid #f3f3f3;text-align: center;font-size: 18px;color: #666;padding-left: 30px;}
.advtel a:hover{background:#00af3c url(../images/adv_zx_01.png)no-repeat 20px center;color: #fff;border: 8px solid #00af3c;}
.advcon{z-index: 0;}


/*简介*/
textarea {  animation: animated 1s infinite;  -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite;  -o-animation: animated 1s infinite;}
input[type="text"] { animation: animated 1s infinite; -moz-animation: animated 1s infinite; -webkit-animation: animated 1s infinite;  -o-animation: animated 1s infinite;}
input[type="button"] {  cursor: url(../images/Acur.png), default !important;}
input,
button {
  outline: none;
}
@keyframes animated {
  0% {
    cursor: url('../images/Pcuro1.png'), auto;
  }
  8.8% {
    cursor: url('../images/Pcuro2.png'), auto;
  }
  17.6% {
    cursor: url('../images/Pcuro3.png'), auto;
  }
  26.4% {
    cursor: url('../images/Pcuro4.png'), auto;
  }
  35.2% {
    cursor: url('../images/Pcuro5.png'), auto;
  }
  44% {
    cursor: url('../images/Pcuro6.png'), auto;
  }
  52.8% {
    cursor: url('../images/Pcuro7.png'), auto;
  }
  61.6% {
    cursor: url('../images/Pcuro8.png'), auto;
  }
  70.4% {
    cursor: url('../images/Pcuro9.png'), auto;
  }
  79.2% {
    cursor: url('../images/Pcuro10.png'), auto;
  }
  88% {
    cursor: url('../images/Pcuro11.png'), auto;
  }
  100% {
    cursor: url('../images/Pcuro12.png'), auto;
  }
}
.wjdh-message * { -webkit-box-sizing: content-box;  -ms-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.left { float: left;}
.right { float: right;}
.inContent {  width: 1400px;  margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inContent:after { content: ""; display: block; clear: both;  font-size: 0; line-height: 0;}
.inContent * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}

.button { --duration: 0.5s;  --move-hover: -5px;  cursor: pointer; -webkit-transform: translateY(var(--y)); transform: translateY(var(--y));  transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease; transition: transform var(--duration) ease, box-shadow var(--duration) ease; transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none;}
.button span { display: inline-block;}
.button span i {  display: inline-block; -webkit-backface-visibility: hidden;  backface-visibility: hidden;  font-style: normal;}
.button span i:nth-child(1) { --d: 0.05s;}
.button span i:nth-child(2) { --d: 0.1s;}
.button span i:nth-child(3) { --d: 0.15s;}
.button span i:nth-child(4) { --d: 0.2s;}
.button span i:nth-child(5) { --d: 0.25s;}
.button span i:nth-child(6) { --d: 0.3s;}
.button span i:nth-child(7) { --d: 0.35s;}
.button span i:nth-child(8) { --d: 0.4s;}
.button span i:nth-child(9) { --d: 0.45s;}
.button span i:nth-child(10){ --d: 0.5s;}
.button span i:nth-child(11){ --d: 0.55s;}
.button span i:nth-child(12){ --d: 0.6s;}
.button span i:nth-child(13){ --d: 0.65s;}
.button span i:nth-child(14){ --d: 0.7s;}
.button:hover { --move: -5px;}
.button:hover i { -webkit-animation: move var(--duration) linear var(--d);animation: move var(--duration) linear var(--d);}
@-webkit-keyframes move {
  40% {
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move));
  }
}
@keyframes move {
  40% {
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move));
  }
}
@keyframes msClock2 {
  0%,
  70%,
  100% {
    transform: rotate(0) scale(1);
  }
  10%,
  30% {
    transform: rotate(-15deg) scale(1);
  }
  20%,
  40% {
    transform: rotate(15deg) scale(1);
  }
}

.about { background: url(../images/abo_bg.jpg) center bottom no-repeat;  height:820px;}
.abouttitle { line-height: 1;}
.abouttitle i { display: block; font-weight: bold; font-size: 70px; line-height: 58px; text-shadow: 0px 21px 5px rgba(7, 40, 31, 0.08);}
.abouttitle span { display: block; font-size: 24px;  margin-top: 25px;}
.about .aboutBox { height: 778px;}
.about .aboutText { float: left; width: 750px; margin-top:75px; margin-left: 30px;}
.about .aboutText .line { margin-top: 34px;  height: 1px; background-color: #333333;  opacity: 0.1;}
.about .aboutText .tit { font-size: 18px; line-height: 1; margin-top: 32px; letter-spacing: 11px; font-weight:bold; color: #00af3c;}
.about .aboutText .text { font-size: 14px; display: -webkit-box;  -webkit-line-clamp: 4; line-height: 40px; height: 144px; color: #888;  margin-top: 22px; text-align: justify; -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.about .aboutText .more { margin-top: 105px;  display: inline-block; line-height: 24px;  height: 24px;  font-family: Arial; font-size: 18px;  -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; z-index: 1; padding-left: 12px;  position: relative;}
.about .aboutText .more i { min-width: 6px;}
.about .aboutText .more:after {  content: "";  display: block;  position: absolute; left: 0; top: 0; border-radius: 100%; width: 24px; height: 24px; background-color: #333; -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; z-index: -1;}
.about .aboutText .more:before {  content: ""; display: inline-block; vertical-align: top; height: 24px;  width: 34px;  background: url(../images/abo_jt.png) 0 center no-repeat;  margin-right: 20px;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.about .aboutText .more:hover {  color: #00af3c;}
.about .aboutText .more:hover:after { background-color: #00af3c;}
.about .aboutText .more:hover:before {  animation: zyfd 1.5s linear infinite;}
.about .aboutText .tel {  margin-top: 115px; color: #ffffff; font-size: 16px;}
.about .aboutText .tel .t1 {  height: 36px;  line-height: 36px; font-size:18px; color:#fff;}
.about .aboutText .tel .t1:before {  content: ""; display: inline-block;  width: 36px; height: 36px; vertical-align: top; margin-right: 10px;  animation: msClock2 1.5s linear infinite;  background: url(../images/abo_tel.png) center center no-repeat;  margin-right: 20px;}
.about .aboutText .tel .t1 i {  font-size: 30px;  font-family: Din; vertical-align: middle;  display: -webkit-inline-box; color:#fff; margin-top: -5px;}
.about .aboutText .tel .t2 {  line-height: 1; font-size: 18px;  letter-spacing: 14px; margin-top: 10px; color:#fff;}
.about .aboutPic { float: right; position: relative;}
.about .aboutPic .pic { width: 592px;  height: 585px;  border: 20px #fff solid; overflow: hidden; margin-top:65px;}
.about .aboutPic .pic img { display: block; width: 552px;  height: 634px;}
.about .aboutPic .honor img { width: 100%;  height: 100%; object-fit: contain;}
.about .aboutPic .honor:hover {  box-shadow: 0 15px 15px -10px rgba(43, 194, 154, 0.5);}
.about .aLink { position: absolute;  bottom: 0;  right: 0;}
.about .aLink a {  float: left;  margin-left: 112px;  text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.about .aLink a:first-child { margin-left: 0;}
.about .aLink a i {  width: 60px; height: 60px;  display: block; border-radius: 50%; overflow: hidden; margin: auto;}
.about .aLink a i:before,
.about .aLink a i:after {  content: ""; display: block; width: 100%; height: 100%; position: relative;  top: 0;  -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.about .aLink a i.ico1:before,
.about .aLink a i.ico1:after {
  background: url(../images/abo_01.png) center center no-repeat;
}
.about .aLink a i.ico2:before,
.about .aLink a i.ico2:after {
  background: url(../images/abo_02.png) center center no-repeat;
}
.about .aLink a i.ico3:before,
.about .aLink a i.ico3:after {
  background: url(../images/abo_03.png) center center no-repeat;
}
.about .aLink a i.ico4:before,
.about .aLink a i.ico4:after {
  background: url(../images/abo_04.png) center center no-repeat;
}
.about .aLink a span { display: block; margin-top: 20px;  line-height: 1; color: #ffffff; font-size: 16px;}
.about .aLink a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.about .aLink a:hover i { -webkit-animation: hvr-icon-wobble-vertical 1s;  -moz-animation: hvr-icon-wobble-vertical 1s;  animation: hvr-icon-wobble-vertical 1s;}

/*内页简介*/
.nabout {max-width: 1400px;margin: 0 auto;}
.nabout_box {position: relative;z-index: 5;}
.nabout_box:before { content: ''; width: 15px; height: 15px;background: #00af3c; position: absolute;top: 0;left: 34px; z-index: 1; border-radius: 50%;}
.nabout_box:after { content: '';width: 2px;height: 40px; background: #333; position: absolute;top: 10px; left: 40px;opacity: 0.8;}
.nabout_tit {position: absolute;z-index: 5;left: 21px;top:48px;animation: roundRule 2.5s ease-in-out infinite;-webkit-transform-origin:  top center;}
.nabout_tit p {font-size: 16px;background: #00af3c;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode:lr-tb;display: flex;align-items: center;padding: 10px;letter-spacing: 5px;color: #fff;border-radius: 6px;position: relative;}
@-webkit-keyframes roundRule{
  0%, 100%{
    -webkit-transform: rotate(-15deg);
}
50%{
    -webkit-transform: rotate(15deg);
}
}
.nabout_tit p:after {content:'';width: 100%;height: 100%; background: #fff;position: absolute;top:10px;left: 5px;border-radius: 6px;transform: rotate(-4deg);z-index: -1;}
.nabout_con {display: flex; flex-direction: column;position: relative;padding: 40px;z-index: -1;overflow: hidden;}
.nabout_con:before {content:'';border:10px solid #ddd;width: 200px;height: 100px;position: absolute;top:0;left: 0;border-right:none;border-bottom: none;}
.nabout_con:after {content:'';border:10px solid #ddd;width: 200px;height: 100px;position: absolute;bottom:0;right: 0;border-top: 0;border-left: none;}
.nabout_pic img {width:100%;height:auto;}
.nabout_txt {width: 100%;box-shadow: 0 0 10px #ccc;padding: 50px;}
.nabout_txt table{width: 100%;border-collapse: collapse;}
.nabout_txt td{border: 1px solid #999;text-align: center; padding: 20px 0;}
.nabout_txt p {font-size: 16px;line-height: 30px;  color: #888;}
.nabout_txt p+p {padding-top:20px;}
	
/*新闻*/
.news_dl {width: 400px; }
.news_dlt { height: 130px; padding: 40px 30px; color: #fff;  position: relative; background: url(../images/news_bg.png)no-repeat center; }
.news_dlt p { font-size: 28px; line-height: 30px; color:#fff; }
.news_dlt span { font-size: 14px;  line-height: 25px;  color: #fff;}
.news_dlt a {  display: block; width: 40px;  height: 40px;  line-height: 40px;  color: #fff;font-size: 20px;text-align: center;position: absolute;top: 48px;right: 30px;background: #00af3c;border-radius: 100%;}
.news_dlm {margin-top: 18px;width: 100%;overflow: hidden;height: 300px;background: #333;}
.news_dlw a {display: block;}
.news_dlw a p {font-size: 18px;color: #343434;line-height: 50px;padding-top: 12px;}
.news_dlw a t {display: block;font-size: 15px;font-weight: 100;color: #999;}
.news_dlw a span {font-size: 14px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #999;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 25px; }
.news_dlw a span:after {content: '';width: 65px;height: 1px;top: 14px;background: #ccc;display: block;position: absolute;-webkit-transition: 0.3s all ease;transition: 0.3s all ease; }
.news_dlw a:hover span:after {background: #00af3c;width: 100px;}
.news_dr {width: 960px;height: 590px;border: 1px #eee solid;}
.news_tit a {font-size: 28px;color: #fff;display: block;line-height: 30px;position: relative;}
.news_tit a .en {font-size: 14px;font-family: arial, microsoft yahei;display: block;line-height: 25px;font-weight: 100;text-transform: capitalize;}
.news_r2_cont_i strong {font-size: 16px;font-weight: normal;color: #666666;white-space: nowrap;overflow: hidden;width: 100%;display: block;line-height: 50px;padding: 10px 0 0;text-overflow: ellipsis;}
.news_r2_cont_i p {font-size: 14px;font-weight: 100;color: #999;line-height: 28px;text-align: justify;}
.news_r2_cont_i i:after {content: '';width: 65px;height: 1px;top: 14px;background: #dddddd;display: block;position: absolute;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.news_r2_cont_i * {-webkit-transition: 0.3s all ease;transition: 0.3s all ease}
.news_L {width: 100%;padding: 20px; border:1px solid #eee;}
.news_L .news_div_item_a {font-size: 16px;color: #666666;line-height: 30px; font-weight:bold;}
.news_L .news_div_item_a:hover{ color: #00af3c;}
.news_r2_cont_i:hover i:after {background: #00af3c;width: 100px}
.news_r2_cont_i:hover strong {color: #00af3c;}
.news_r2_cont_i {width: 420px;float: left;margin-right: 50px}
.news_r2_cont_i i {font-size: 13px;font-family: arial;line-height: 30px;position: relative;text-align: right;color: #aaa;display: block;width: 100%;height: 30px;font-style: normal;margin-top: 25px;}
.news_r2_cont_i i em {font-size: 16px; color: #aaa; font-style: normal;font-family: inherit;float: right;}
.news_row2 {padding: 40px 40px;width: 975px;height: 280px;position: relative;overflow: hidden;}
.news_row2 .news_tit a,.news_row3 .news_tit a {color: #343434}
.news_row2 .news_tit a .color,.news_row3 .news_tit a .color {color: #00af3c;font-size: inherit;font-weight: bold;}
.news_row2 .news_tit a .en,.news_row3 .news_tit a .en {color: #999}
.news_row3 {padding: 20px 40px;width: 975px;position: relative;background-position-x: 20px;}
.news_row3 img{ border:1px solid #eee; width:330px; height:251px;}
.news_row3 .fr {width: 530px; margin-top:20px;}
.news_r2_cont_tit {position: absolute;width: 96%;top: 50px;text-align: right;left: 0;}
.news_r2_cont_tit li {width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r2_cont_tit li.cur {width: 30px;background: #00af3c}
.news_r2_cont {overflow: hidden;}
.news_r3_cont {position: relative;margin-top: 10px;}
.news_r3_cont .news_r3_cont_in a {margin-bottom: 10px;}
.news_r3_cont_i p {background: url(../images/yn_w.png) no-repeat left center;font-size: 16px;color: #666;font-weight: normal;padding-left: 40px;line-height: 38px;}
.news_r3_cont_i:hover p{ color: #00af3c;}
.news_r3_cont_i span.small {background: url(../images/yn_d.png) no-repeat left center;font-size: 14px;color: #999;padding-left: 40px;display: block;line-height: 32px;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_r3_cont_i {display: block;}
.news_r3_cont_tit {position: absolute;width: 100%;top: -35px;text-align: right;left: 0;}
.news_r3_cont_tit li {width: 10px;height: 10px;background: #dedede;display: inline-block;border-radius: 50px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;margin-right: 3px;cursor: pointer}
.news_r3_cont_tit li.cur {width: 30px;background: #00af3c}.news_L .news_div_item_date {float: right;font-size: 13px;color: #999999;}
.news_L .news_div_item_body {font-size: 14px;color: #999999;line-height: 35px;}
.news_div_item_pic {margin-bottom: 10px; text-align:center;  overflow: hidden;}
.news_L .news_div_item_content {margin-bottom: 15px; }
.news_L .news_div_item {width: 100%;overflow: hidden;position: relative;}
.news_L .news_div_item::before {content: '';position: absolute;bottom: 8px;left: 0;width: 65px;height: 1px;background: #bbbbbb;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.news_L .news_div_item:hover:before {background: #00af3c;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;width: 95px;}
.news_L .news_div_item_date div {display: inline-block; }
.news_L .news_div_item_pic img {max-width: 100%;transition:all .6s ease; }
.news_L .news_div_item_pic:hover img { transform:scale(1.1); }

/*内页新闻*/
.nynews{width:100%; margin: 0 auto; }    
.nynews-list{width:100%; height:auto; padding:3.2% 3%; margin: 50px auto; box-shadow: 0 0 1px #aaa;box-sizing:border-box; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.nynews-date{float: left; width:9%; padding:4% 3% 0 0; text-align: right; font-size: 16px; font-weight: bold; font-family: sans-serif; color:#999; }
.nynews-date b{ font-size: 34px;  color:#000; line-height:40px;}
.nynews-photo{float: left; width:20%; height: auto; overflow: hidden;}
.nynews-photo img{width: 100%; transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;}
.nynews-content{float: left; width:59%; padding-left:2%;}
.nynews-title{ font-size: 20px; font-weight: bold; color: #222; line-height: 40px; padding-bottom:0.6vw;}
.nynews-text{ font-size: 15px; line-height:28px; color: #666;}
.nynews-more{float: right;width:60px; height: 60px; line-height:60px; margin-top:4%; font-size: 20px; color: #fff; font-family:serif; font-weight: bold; background: #e5e5e5; border-radius: 100%; text-align: center; transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;} 
.nynews-list:hover{box-shadow: 0 26px 50px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.nynews-list:hover .nynews-photo img{transform: scale(1.05);  -webkit-transform: scale(1.05)}
.nynews-list:hover .nynews-title{color:#0d4486;}
.nynews-list:hover .nynews-more{background: #0d4486; transform: translateX(6px); -webkit-transform: translateX(6px);}

/*内页新闻详细*/
.cl{clear:both;}
.nyxqnewsbg{ width:100%; background:#f4f4f4; padding:30px 0;}
.nyxqnews{ margin:0 auto; width:1200px;}
.nyxqnews_left{ width:830px; float:left; background:#FFF; padding:30px; padding-bottom:0; overflow:hidden;}
.news_lefttit{ border-bottom:1px solid #e7e7e7; padding-bottom:15px;}
.news_lefttit h1{ font-size:22px; font-weight:normal; line-height:30px; display:block; margin-bottom:15px; color:#333;}
.news_lefttit span{ display:block; float:left; border-left:1px dotted #b6b6b6; color:#999; line-height:14px; padding:0 10px;}
.news_lefttit .chuchu{ padding:0 10px 0 0; border-left:none;}
.newsshare{ float:right; margin-top:-8px;}
.nyxqnews_leftcont{ margin-top:20px; line-height:28px; color:#777;}
.nyxqnews_leftpage{ width:890px; margin-left:-30px; margin-top:20px; border-top:1px solid #e7e7e7; line-height:70px;}
.nyxqnews_leftup{ float:left; border-right:1px solid #e7e7e7; width:364px; padding-left:50px; padding-right:30px; height:70px; overflow:hidden; background:url(../images/newsup.png) 30px 29px no-repeat; }
.nyxqnews_leftdown{ float:right; text-align:right; width:365px; padding-left:30px; padding-right:50px; height:70px; overflow:hidden; background:url(../images/newsdown.png) 413px 29px no-repeat; }
.nyxqnews_right{ width:300px; float:right; position:relative;}
.nyxqnewsfanhui{ position:absolute; top:0; left:-958px; z-index:10;}
.nywenzhang{ padding:30px 30px 20px 30px; background:#FFF;}
.nyxqnews_righttit{ font-size:18px; border-bottom: 1px solid #e7e7e7; height:36px; line-height:18px; position:relative;}
.nyxqnews_righttit:before{ content:""; width:75px; height:1px; background:#1059a9; position:absolute; left:0; bottom:-1px;}
.nyxqnews_righttit strong{ color:#1059a9;}
.nyxqnews_rightcont{ margin-top:10px; line-height:36px;}
.nyxqnews_rightcont a{ display:block; background:url(../images/newswenzhagn.png) left center no-repeat; padding-left:22px;width:220px; height:36px; overflow:hidden; }
.nyzx{ margin-top:10px;}

/*友情链接*/
.links{ height:100px; color:#666; line-height:100px; background:#f3f3f3;}
.links_l{ width:1400px;}
.links p:nth-child(1){ color:#666; font-size:18px; background:url(../images/links.png) no-repeat left center; margin-right:10px; padding-left:35px; font-weight: normal;}
.linkTagcs { width:1200px; height:auto;}
.linkTagcs ul { margin:0px; padding:0px; list-style-type:none;}
.linkTagcs li{ list-style:none; margin:0px; padding-right:10px; float:left; line-height:0px !important; padding-top: 50px;}
.linkTagcs li a{ color:#666!important; font-size: 14px; word-break:break-all;}
.linkTagcs li a:hover{ color:#00af3c!important;}
.linkTagcs li img { border:0px;}
.links p:nth-last-child(1){ color:#666; font-size:22px; font-family:Impact; line-height:40px; text-transform:uppercase;}

/*版权*/
.copyright{ background:#212225;}
.crcon{ padding:50px 0; border-bottom:1px solid #323337;}
.end{ line-height:100px; border-top:1px solid #0a0a0b; text-align:center;}
.end a,.end{ font-size:15px !important;}
.copyright,.copyright a{ font-size:14px; color:#707173;}
.copyright a:hover{ color:#fff;}
.cr_t{ font-size:20px; color:#fff; margin-bottom:30px;font-weight: normal;}
.kslj ul li{ float:left; padding:0 0 0 20px;}
.kslj ul li span{ font-weight:bold; color:#fff; font-size:14px;}
.kslj ul li t{ width: 28px; height: 2px; background:#666; display:block; margin-bottom:10px; margin-top:5px;}
.kslj ul li:nth-child(3){ float:left;padding:0 10px 0 0;}
.kslj ul li:nth-child(2){ padding:0 80px; height:320px; margin:0 80px; border-left:1px dashed #343538; border-right:1px dashed #343538;} 
.kslj:nth-child(1) .cr_t{ padding-left: 20px;}
.kslj ul li a{ display:block; line-height:38px;}
.crcode ul li{ float:left; text-align:center;} 
.crcode img{ display:block;padding:9px; border:1px solid #3e3f43; margin-bottom:10px; width:160px;}
.crconcat{ width: 360px;}
.crcode ul li+li{ margin-left:20px;}
.crcode{ margin-left:90px;}
.cr_phone{ font-size:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:32px;}
.cr_addr{ line-height:38px;}

/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/kefu.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #00af3c; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #00af3c; border-color: #00af3c; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #00af3c; border-color: #00af3c;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 

/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #00af3c; font-size: 18px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #00af3c; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#00af3c;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }