@charset "utf-8";
@import "bootstrap.css";
@import "animate.min.css";
@import "keyframe.css";
@import "waterfall.css";
@import "base.css";

html, body{ background-color: #f5f5f5; }
body{ padding-left: 80px; }

@media (max-width: 768px) {
    body{ padding-left: 0; }
}
.bd_weixin_popup{height: 300px !important;}
.mouse-animte{ position:absolute; left:50%; margin-left:-10px; bottom:100px; width:20px; height:31px; background:url(..1275images`sb1.png) no-repeat
center center; z-index:3;}
.mouse-animte a{ display:block; width:100%; height:100%; position:relative;}
.mouse-animte a img{ position:absolute; left:50%; margin-left:-3px; top:6px; opacity:1;animation: aimte 1s cubic-bezier(0.45,0.45,0.45,0.45) 0s 
infinite alternate;-webkit-animation: aimte 1s cubic-bezier(0.45,0.45,0.45,0.45) 0s infinite alternate;}
@keyframes aimte{ 
	from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);} 
	20%{opacity:0.5;top:8px;}
	40%{opacity:0.8;top:10px;}
	60%{opacity:1;top:12px;}
	80%{opacity:0.8;top:14px;}
	to{opacity:0.5;top:16px;}
}
@-webkit-keyframes aimte{ 
	from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);} 
	20%{opacity:0.5; top:8px; }
	40%{opacity:1; top:10px;}
	60%{opacity:0.5; top:12px;}
	80%{opacity:1; top:14px;}
	to{opacity:0.5;top:16px;}  
}

/*loading-wrap*/
div.loading-wrap{ width: 100%; height: 100%; background-color: rgba(245, 245, 245, 1); position: fixed; top: 0; left: 0; z-index: 9998; display: none}
div.loading-wrap .loader{ width: 180px; height: 160px; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -80px; 
margin-left: -90px; overflow: hidden; }
div.loading-wrap .loader:before{ display: block; width: 100%; padding-top: 85px; text-align: center; content: ''; /*background: 
url("../images/logo.svg") no-repeat left top / 100%;*/ }
div.loading-wrap .loader-inner{ display: inline-block; width: 40px; height: 40px; }


/*header*/
div.header{ width: 80px; height: 100%; background-color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .2); position: fixed; top: 0; left: 0; z-index: 9999; 
}
div.header a.logo{ display: block; width: 100%; }
div.header a.logo img{ width: 100%; }

div.header a.menu{ display: block; width: 22px; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -11px; z-index: 1; }
div.header a.menu span{ display: block; width: 100%; height: 2px; background-color: #000; margin-top: 5px;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.3s linear 0s; /* Opera */
}
div.header a.menu span:first-child{ margin-top: 0; }
div.header a.menu span:last-child{ width: 12px; }

div.header a.menu:hover span:nth-child(1){ width: 11px; }
div.header a.menu:hover span:nth-child(2){ width: 18px; }
div.header a.menu:hover span:nth-child(3){ width: 22px; }

div.header a.smile{ display: block; width: 45px; height: 45px;  position: absolute; left: 50%; margin-left: -22.5px; bottom: 30px; }
div.header a.smile:before{ display: block; width: 100%; height: 100%; content: ''; background: url("../images/smile.png") no-repeat center / 34px; 
position: relative; z-index: 10; }
div.header a.smile:after{ display: block; width: 100%; height: 100%; content: ''; background-color: #e5f3ec; position: absolute; left: 0; top: 0; 
z-index: 1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    animation:ani-smile 1s infinite;
    -moz-animation:ani-smile 1s infinite;    /*Firefox */
    -webkit-animation:ani-smile 1s infinite; /* Safari and Chrome */
    -o-animation:ani-smile 1s infinite;      /* Opera */
}
div.header a.smile:hover:before{ background-image: url("../images/smile2.png"); background-size: 32px; }
div.header a.smile:hover:after{ display: none; }

@media (max-width: 768px) {
    body{ padding-top: 80px; }

    div.header{ width: 100%; height: 80px; overflow: hidden; }
    div.header a.logo{ display: inline-block; width: auto; height: 100%; overflow: hidden; }
    div.header a.logo span{ display: block; float: left; }
    div.header a.logo span:last-child{ line-height: 80px; }
    div.header a.logo img{ width: inherit; }
    div.header a.logo:after{ display: block; content: ''; clear: both; }

    div.header a.menu{ left: auto; margin-left: auto; right: 100px; }

    div.header a.smile{ width: auto; border-left: 1px solid #DDD; height: 100%; padding: 0 20px; left: auto; margin-left: 0; right: 0; bottom: 0; 
	margin-bottom: 0; }
    div.header a.smile:before{ width: 32px; height: 32px;  background-size: 28px; margin: -18px auto 0; position: relative; top: 50%; }
    div.header a.smile:after{ width: 38px; height: 38px; left: 50%; top: 50%; margin-top: -21px; margin-left: -19px; }
}

@media (max-width: 375px) {
    body{ padding-top: 60px; }
    div.header{ height: 60px; }
	div.header a.logo{ height:60px; }
    div.header a.logo span{ width: 60px; }
    div.header a.logo span:last-child{ line-height: 60px; }
}

/*navigation*/
div.navigation{ display: none; width: 100%; height: 100%; overflow-y: auto; padding-left: 80px; background: #1c1e1f no-repeat center center / cover; 
position: fixed; top: 0; left: 0; z-index: 9999; }

div.navigation .nav-markwater{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:1;}
div.navigation .nav-markwater .inner{ width:100%; height:100%; background: no-repeat center; background-size:cover; 
		transition:All 0.5s ease-in-out;
	    -webkit-transition:All 0.5s ease-in-out;
	    -moz-transition:All 0.5s ease-in-out;
	    -o-transition:All 0.5s ease-in-out;
		transform:scale(1.2);
	    -webkit-transform:scale(1.2);
	    -moz-transform:scale(1.2);
	    -o-transform:scale(1.2);
	    -ms-transform:scale(1.2);
 }
 div.navigation  .nav-markwater .inner.hover{
		transform:scale(1);
	    -webkit-transform:scale(1);
	    -moz-transform:scale(1);
	    -o-transform:scale(1);
	    -ms-transform:scale(1);
 }

div.navigation .container{ width: 100%; height: 100%; position:relative; z-index:10; }
div.navigation .nav-header{ width: 80px; height: 100%; border-right: 1px solid #323334; background-color: #1c1e1f; position: fixed; top: 0; left: 0; 
z-index: 10; }
div.navigation a.logo{ display: block; border-bottom: 1px solid #323334; }
div.navigation a.logo img{ width: 100%; }
div.navigation a.smile{ display: block; width: 45px; height: 45px; background: url("../images/smile3.png") no-repeat center center;  position: 
absolute; left: 50%; margin-left: -22.5px; bottom: 30px; cursor: default; }
div.navigation a.close{ display: block; width: 18px; height: 18px; background: url("../images/close.png") no-repeat center center; position: absolute; 
left: 50%; margin-left: -9px; top: 50%; margin-top: -9px; z-index: 1; }


div.navigation .nav-table{ width: 100%; height: 100%; padding: 0 50px; display: table; }
div.navigation .nav-table .nav-item{ display: table-cell; width: 50%; vertical-align: middle; }

div.navigation ul.list{ display: inline-block; }
div.navigation ul.list li{ padding: 10px 0; font-size: 24px;}
div.navigation ul.list li span.num{ display: inline-block; font-size: 14px; font-family: Arial; line-height: 14px; color: #008d43; border: 1px solid 
#008d43; padding: 5px 8px; position: absolute; top: 0;
    left:100%;
	z-index: 1;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	font-weight: normal;
}
div.navigation ul.list li a{ display: inline-block; position: relative; color: #FFF; }
div.navigation ul.list li a:hover, div.navigation ul.list li a:focus{ text-decoration: none; color: #FFF; }
div.navigation ul.list li.gray a{ color: #999; }

div.navigation .right-info{ }
div.navigation .right-info dl{ width: 50%; padding-right: 50px; padding-bottom: 15px; float: left; }
div.navigation .right-info dl dt{ font-size: 20px; color: #FFF;font-weight: bold; }
div.navigation .right-info dl dd{ font-size: 14px; color: #aaa; padding: 10px 0; line-height: 24px; }
div.navigation .right-info dl dd span.tit{ white-space: nowrap; }
div.navigation .right-info dl.wd100{ width: 100%; }

@media (min-width: 1200px) {
    div.navigation .nav-table .nav-item:first-child{ padding-left: 90px; }
}

@media (max-width: 768px) {
    div.navigation{ padding-left: 0; padding-top: 80px; }
    div.navigation .nav-header{ width: 100%; height: 80px; border-right: 0; border-bottom: 1px solid #323334; }
    div.navigation a.logo{ display: inline-block; width: auto; height: 100%; border-bottom: 0; }
    div.navigation a.logo img{ width: auto; }
    div.navigation a.logo span:first-child img{ height: 100%; }
    div.navigation a.smile{ display: none; left: auto; right: 15px;  bottom: 50%; margin-bottom: -22.5px; }
    div.navigation a.close{ left: auto; right: 30px; }


    div.navigation .nav-table{ display: block; padding: 0; }
	div.navigation .nav-table .right-info{display: none !important}
    div.navigation .nav-table .nav-item{ display: block; width: 100%; padding: 35px 0; }
    div.navigation ul.list{ display: block; text-align: center; }
    div.navigation ul.list li{ padding: 15px 0; font-size: 20px; }
    div.navigation ul.list li span.num{ font-size: 12px; padding: 3px 6px; }
    div.navigation .right-info dl{ width: 100%; padding: 15px 20px; float: none; }
    div.navigation .right-info dl:last-child{ display: none; }
}

@media(max-width:375px){
	div.navigation .nav-header{ height:60px; }
}

/*touch-service*/
div.touch-service{ display: none; width: 100%; height: 100%; overflow-y: auto; padding-left: 80px; color: #FFF; background-color: #008d43; position: 
fixed; top: 0; left: 0; z-index: 9999; }
div.touch-service .container{ width: 100%; height: 100%; padding: 80px; }
div.touch-service .nav-header{ width: 80px; height: 100%; border-right: 1px solid #323334; background-color: #008d43; position: fixed; top: 0; left: 0; 
z-index: 10; }
div.touch-service a.logo{ display: block; border-bottom: 1px solid #323334; }
div.touch-service a.logo img{ width: 100%; }
/*div.touch-service a.close{ display: block; width: 18px; height: 18px; opacity: .8; background: url("../images/close.png") no-repeat center center 
!important; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -9px; z-index: 1; }*/


div.touch-service .container{ }
div.touch-service .container h3{ font-size: 32px; padding-bottom: 12px; }
div.touch-service .container p{ font-size: 14px; }

div.touch-service .msg-table{ padding: 35px 0; }
div.touch-service .msg-table a.item{ display: flex; background-color: #007f3c; color: #FFF; margin-left: 15px; justify-content: center; align-items: 
center; flex-direction: column; width: 310px; height: 310px; float: left; }
div.touch-service .msg-table a.item:first-child{ margin-left: 0; }
div.touch-service .msg-table a.item:hover, div.touch-service .msg-table a.item:focus{ text-decoration: none; color: #FFF; }
div.touch-service .msg-table img{ max-width: 100%; }
div.touch-service .msg-table img.none{ max-width: 100%; }
div.touch-service .msg-table img.hover{ display: none; max-width: 100%; }
div.touch-service .msg-table h2{ font-size: 16px; padding-bottom: 8px; }
div.touch-service .msg-table p{ font-size: 14px; color: #a3c5b0; }
div.touch-service .msg-table:after{ display: block; content: ''; clear: both; }

div.touch-service .msg-table a.item:hover{ background-color: #FFF; }
div.touch-service .msg-table a.item:hover img.none{ display: none; }
div.touch-service .msg-table a.item:hover img.hover{ display: inline; }
div.touch-service .msg-table a.item:hover h2{ color: #008d43; }

@media (max-width: 1600px) {
    div.touch-service .msg-table a.item{ width: 210px; height: 210px; }
}

@media (max-width: 1200px) {
    div.touch-service .msg-table a.item{ width: 160px; height: 160px; }
    div.touch-service .msg-table img{ display: inline-block; width: 45%; }
}

@media (max-width: 980px) {
    div.touch-service .container{ padding: 36px; }
    div.touch-service .nav-header{ background-color: #008d43; }
   
}

@media (max-width: 768px) {
    div.touch-service .container{ height: auto; padding: 30px 20px; }
    div.touch-service{ padding-left: 0; padding-top: 80px; }
    div.touch-service .nav-header{ width: 100%; height: 80px; border-right: 0; border-bottom: 1px solid #323334; }
    div.touch-service a.logo{ display: inline-block; width: auto; height: 100%;  border-bottom: 0; }
    div.touch-service a.logo img{ width: auto; }
    div.touch-service a.logo span:first-child img{ height: 100%; }

    div.touch-service a.close{ left: inherit; right: 30px; }

}

@media (max-width: 420px) {
	div.touch-service .msg-table a.item{ width: 48%; height: auto; margin: 2% 0 2% 4%; display: block; text-align: center; padding: 35px 15px 45px; }
    div.touch-service .msg-table a.item:nth-child(2n+1){ margin-left: 0; }
}
@media (max-width: 375px) {
    div.touch-service .nav-header{ height:60px; }
}
@media (max-width: 320px) {
	
    div.touch-service .msg-table a.item{ width: 100%; margin: 3% 0; }
    div.touch-service .container{ padding: 25px 15px; }
}

/*message-service*/
div.message-service{ width: 100%; color: #FFF; height: 100%; background-color: #008d43; position: relative; }
div.message-service .container{ width: 100%; height: 100%; padding: 80px; }

div.nav-header{ width: 80px; height: 100%; border-right: 1px solid #00773d; background-color: #008d43; position: fixed; top: 0; left: 0; z-index: 9999; 
}
div.touch-service div.nav-header a.logo{ background: #038842}
div.nav-header a.logo{ display: block; border-bottom: 1px solid #00773d; }
div.nav-header a.logo img{ width: 100%; }
div.nav-header a.close{ display: block; width: 10px; height: 18px; opacity: .8; background: url("../images/back.png") no-repeat center center;  
background-size:100%; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -9px; z-index: 1; }
div.nav-header a.close.right{ background-image: url("../images/back2.png"); }
div.navigation a.close.menuClose{ width:18px; margin-left:-9px; background-image: url("../images/close.png") !important;  }

/*返回顶部*/
a.back2top{ display: block; width: 30px; height: 30px; background: url("../images/back-top2.png") no-repeat 0 0; position: fixed; right: 30px; bottom: 
80px; z-index: 99999; }
a.back2top:hover{ background-position: -30px 0; }

/*message-service*/
div.message-service .container h3{ font-size: 32px; padding-bottom: 12px; }
div.message-service .container p{ font-size: 14px; }

div.message-service form.update{ width: 1285px; padding: 35px 0; }
div.message-service form.update .ipt-input{ width: 100%; background-color: #007f3c; color: #FFF; margin: 10px 0 10px 20px; float: left;  }
div.message-service form.update .ipt-input input, div.message-service form.update .ipt-input textarea{ width: 100%; background-color: transparent; 
border: 0; outline: none; resize: none; padding: 18px; font-size: 14px; line-height: 24px; }
div.message-service form.update .ipt-input textarea{ min-height: 200px; }
div.message-service form.update .ipt-input.wd{ width: 415px;}
div.message-service form.update .ipt-input.ml0{ margin-left: 0; }
div.message-service form.update:after{ display: block; content: ''; clear: both; }
div.message-service form.update .btn-submit button{ font-size: 16px; border: 1px solid #FFF; background: transparent url("../images/right.png") 
no-repeat right 15px center; color: #FFF; padding: 8px 30px 8px 15px; outline: none; margin-top: 20px; float: right;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
div.message-service div.error{ display: block; height: 24px; line-height: 24px; font-size: 16px; overflow: hidden; }
div.message-service div.error label{ font-weight: normal; color: #F00; text-shadow: 0 0 5px rgba(0, 0, 0, .3); }
div.message-service div.error p{ text-align: left; }

div.message-service .message-box{ padding: 80px; position: relative; z-index: 1; }
div.message-service .message-box .text-info{ color: #FFF; }
div.message-service .message-box .text-info b{ font-size: 32px; line-height: 42px; padding-bottom: 12px;font-weight: normal}
div.message-service .message-box .text-info p{ font-size: 14px; line-height: 24px; padding: 5px 0; }

@media (max-width: 1500px) {
    div.message-service form.update{ width: 100%; }
    div.message-service form.update .ipt-input.wd{ width: 32.6%;  margin-left: 1%; }
    div.message-service form.update .ipt-input.ml0{ margin-left: 0; }
}

@media (max-width: 980px) {
    div.message-service form.update .ipt-input.wd{ width: 100%; margin-left: 0; }
}

@media (max-width: 768px) {
    div.message-service .message-box{ padding: 30px 20px; }
    div.message-service .message-box .text-info b{ font-size: 24px; line-height: 32px; }

    div.message-service{ padding-left: 0; padding-top: 20px; height: auto; overflow: hidden;}
    div.nav-header{ width: 100%; height: 80px; border-right: 0; border-bottom: 1px solid #323334; }
    div.nav-header a.logo{ display: inline-block; width: auto; height: 100%;  border-bottom: 0; }
    div.nav-header a.logo img{ width: auto; }
    div.nav-header a.logo span:first-child img{ height: 100%; }
    div.nav-header a.close{ left:  auto !important; right: 30px; background-image: url("../images/right.png"); }

    div.message-service form.update button.btn-submit{ width: 80%; margin: 15px auto; padding: 8px 30px; background: transparent; display: block; 
	float: none; }
    div.message-service div.error{ margin: 15px 0 30px; text-align: center; }
}



/*touch-pay*/
div.message-service.touch-pay{ height: 100%; position: absolute; top: 0; left: 0; z-index: 999; background: url("../images/pay/touch_pay_bg.png") 
no-repeat center / cover; }
div.message-service.touch-pay:before{ display: block; content: ''; width: 100%; height: 100%; background: url("../images/pay/touch_pay_info.png") 
no-repeat left top; position: absolute; top: 0; left: 80px; z-index: 1; }
div.message-service.touch-pay  a.close{ background-image: url("../images/close.png"); }

div.pay-dialog{ width: 420px; position: absolute; top: 50%; margin-top: -120px; left: 50%; margin-left: -210px; background-color: #FFF; z-index: 99; 
overflow: hidden;;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
div.pay-dialog p{ font-size: 12px; color: #999; }
div.pay-dialog button.btn-submit{ width: 100%; background-color: #008d43; color: #FFF; font-size: 18px; border: 0; outline: none; padding: 15px 0; 
font-family: Arial}
div.pay-dialog .content{ padding: 30px 20px 20px; }
div.pay-dialog .content .ipt-tta{ width: 100%; border: 1px solid #CCC; margin-top: 10px; }
div.pay-dialog .content .ipt-tta input{width: 100%; border: 0; color: #333; background-color: transparent; outline: none; resize: none; padding:0 
10px;height: 60px;line-height: 60PX;}
div.pay-dialog div.error{ display: none; width: 100%; margin: 10px 0; line-height: 24px; font-size: 14px; height: 24px; overflow: hidden; }
div.pay-dialog div.error label{ font-weight: normal; color: #F00; }
div.pay-dialog a.getPwd{ color: #666; display: inline-block; padding-left:3px; }
div.pay-dialog a.getPwd span.qq{ display: inline-block; vertical-align: middle; padding-left: 28px; margin-left: 3px; background: 
url("../images/qqon.gif") no-repeat left center; background-size: auto 100%;  }
div.pay-dialog a.getPwd:hover, div.pay-dialog a.getPwd:focus{ text-decoration: none; color: #008d43; }

@media (max-width: 768px) {
    div.message-service.touch-pay:before{ left: 0; }
}

@media (max-width: 420px) {
    div.pay-dialog { width: 80%; margin-left: -40%; }
}

/*touch-pay-info*/
div.message-service.touch-pay-info{ }
div.message-service.touch-pay-info .bank-list{ padding: 35px 0; }
div.message-service.touch-pay-info .bank-list dl{ width: 465px; height: 180px; background-color: #007f3c; margin: 12px 0 12px 15px; padding: 15px; 
display: table; float: left; }
div.message-service.touch-pay-info .bank-list dl dt, div.message-service.touch-pay-info .bank-list dl dd{ display: table-cell; vertical-align: middle; 
}
div.message-service.touch-pay-info .bank-list dl dt{ width: 50px; padding: 0 10px; }
div.message-service.touch-pay-info .bank-list dl dd{ line-height: 21px; padding-left: 15px; }
div.message-service.touch-pay-info .bank-list dl dd h3{ font-weight: bold; padding-bottom: 8px; font-size: 16px; color: #FFF; }
div.message-service.touch-pay-info .bank-list dl dd p{ font-size: 14px; color: #CCC; }
div.message-service.touch-pay-info .bank-list:after{ display: block; content: ''; clear: both;  }

div.message-service.touch-pay-info .bank-list dl:first-child{ margin-left: 0; }
div.message-service.touch-pay-info .bank-list dl:nth-child(4), div.message-service.touch-pay-info .bank-list dl:nth-child(6){ margin-left: 0; clear: 
both; }

@media (max-width: 1680px) {
    div.message-service.touch-pay-info .bank-list dl{ width: 32.33%; margin: 1% 0 1% 1%; }
}

@media (max-width: 1400px) {
    div.message-service.touch-pay-info .bank-list dl{ width: 49%; }
    div.message-service.touch-pay-info .bank-list dl:nth-child(4), div.message-service.touch-pay-info .bank-list dl:nth-child(6){ margin-left: 1%; 
	clear: none; }
    div.message-service.touch-pay-info .bank-list dl:nth-child(2n+1){ margin-left: 0; clear: both; }
}

@media (max-width: 980px) {
    div.message-service.touch-pay-info .bank-list dl{ width: 100%; margin: 15px 0 !important; }
}

div.touch-service a.close{ display: block; width: 18px; height: 18px; opacity: .8; background: url("../images/close.png") no-repeat center center  / 
100% !important; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -9px; z-index: 1; }


    /*box-who*/
div.box-who{ width: 100%;  padding:150px 0 30px 80px; position: relative; z-index: 1; }
div.box-who.first{ height: 600px; }
div.box-who .info{ width: 100%; text-shadow: 3px 3px 3px rgba(245, 245, 245, .3); position: relative; z-index: 10; }
div.box-who .video-box{ width: 620px; height: 612px; position: absolute; top: 0; right: 0; z-index: 1; background: url("../images/index/img_01.png")}
div.box-who .video-box video{ width: 100%; vertical-align: top; }
div.box-who .video-box .wavy{ width: 100%; position: absolute; left: 0; top:0; }
div.box-who:after{ display: block; content: ''; clear: both; }

div.box-who .info p.we{ font-size: 26px; color: #008d43; line-height: 26px; padding-bottom: 12px; }
div.box-who .info h4{ font-family: proximasansblackregular; text-transform : uppercase; color: #333; font-size: 80px; line-height: .82;}
div.box-who .info h5{font-size: 56px; line-height: 60px; color: #333; font-family: proximasansblackregular; text-transform: uppercase;}
div.box-who .info h1.value{ font-size:24px; color: #282828; font-weight: normal; margin-top: 20px;}
div.box-who .info p.value{ font-size: 18px; }
div.box-who .info p i {
    font-family: 'Merriweather Light Regular', serif;
    font-weight: 300;
    font-size: 24px;
	line-height: 1.5;
	 word-break: keep-all;
		word-wrap:break-word;
		display:block;
	}

.news_index{background: #ececec;width: 100%;padding:0 60px 0 80px; position: relative; z-index: 1;}

@media (min-width: 1400px) {
    div.box-who .info p.we{ font-size: 30px; line-height: 30px; }
    div.box-who .info h4{ font-size: 80px; }
   
}

@media (max-width: 1200px) {
    div.box-who{ padding-left: 36px;  }
	div.box-who .info h4{font-size: 80px;}
	div.box-who .info p i{font-size: 18px;}
	div.box-who .info h5{font-size: 36px; line-height: 50px;}
	.news_index{padding:0 36px;}
}

@media (max-width: 860px) {
    div.box-who.first{ height: auto; padding-top:55px; padding-bottom: 50px; }
    div.box-who{ min-height: inherit;  }
    div.box-who .video-box{ display: none; }
}

@media (max-width: 768px) {
    div.box-who{ padding: 30px 15px; word-break: break-all; }
    div.box-who .video-box .wavy{ display: none; }
    div.box-who .info p.we{ font-size: 20px; }
    div.box-who .info h4{ font-size: 60px; }
	div.box-who .info h5{font-size: 32px; line-height: 40px;}
	.news_index{padding:0 15px;}
}

@media (max-width: 560px) {
    div.box-who.first{ padding-bottom: 35px; }
    div.box-who .info p.we{ font-size: 16px; }
    div.box-who .info h4{ font-size: 38px; }
    div.box-who .info p.value{ font-size: 16px; }
	div.box-who .info h1.value{ font-size:20px;}
	div.box-who .info p i{font-size: 16px;}
	.news_index{padding:0px;}
}

@media (max-width: 320px) {
	div.box-who .info h4{ font-size: 32px; }
	div.box-who .info h1.value{ font-size:18px;}
}
/*our-work*/
div.our-work{ width: 100%; padding-left: 80px; position: relative; z-index: 2; }
div.our-work .tits{position: absolute; top: -80px;font-size:28px;line-height: 80px; font-family: proximasansblackregular; text-transform: uppercase;}
div.our-work .inner{ width: 100%; overflow: hidden; }
div.our-work .item{ display: block; }
div.our-work .item:after{ display: block; content: ''; clear: both; }
div.our-work .item a.link{ display: block; }
div.our-work .item dl{ width: 33.33%; overflow: hidden; position: relative; float: left; }
div.our-work .item dl dt{ width: 100%; font-weight: normal; overflow: hidden; position: relative; }
div.our-work .item dl dt img{ width: 100%; }
div.our-work .item dl dt span.thumb{ position: relative; z-index: 1; }
div.our-work .item dl dt span.thumb-logo{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 2;
   /* transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;*/
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
div.our-work .item dl dt span.thumb-logo img{ width: auto; max-width: 80%; }
div.our-work .item dl dt span.tag{ display: inline-block; font-size: 14px; line-height: 14px; padding: 10px 15px; color: #FFF; position: absolute; top: 15px; left: 15px; z-index: 10; border: 1px solid #FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
div.our-work .item dl dt span.tag:hover{ background-color: rgba(0, 0, 0, .2); }
div.our-work .item a:hover dl span.thumb-logo{ /*top: -100%; left: -100%;*/
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

div.our-work .item dl dd{width: 100%; background-color: rgba(0, 0, 0, .6); color: #FFF; position: absolute; left: 100%; bottom: 0; z-index: 12;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.3s linear 0s; /* Opera */
}
div.our-work .item dl:hover dd{ left: 0; }
div.our-work .item dl dd span.tit{ display: block; width: 100%; height: 100%; padding: 10px; color: #FFF; }
div.our-work .item dl dd span.tit:hover, div.our-work .item dl dd span.tit:focus{ color: #FFF; text-decoration: none; }
div.our-work .item dl dd h2{ font-size: 24px; line-height: 24px; padding: 12px 0 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.our-work .item dl dd h2:after{ display: block; width: 70px; height: 2px; background-color: #999; content: ''; margin-top: 15px; }
div.our-work .item dl dd p{ font-size: 14px; line-height: 18px; padding:  15px 0; color: #999; }

div.our-work .item:after{ display: block; content: ''; clear: both; }

div.our-work .btns{  width: 40px; height: 40px; background: #FFF no-repeat center center; box-shadow: 0 0 5px rgba(0, 0, 0, .3); position: absolute; top: -20px; right: 20px; z-index: 99; cursor: pointer;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
div.our-work .btns.btn-left{ right: 70px; background-image: url("../images/index/btn_left.png"); }
div.our-work .btns.btn-right{ background-image: url("../images/index/btn_right.png"); }

div.our-work.sm-our-work{ display: none; }

@media (max-width: 1200px) {
    div.our-work{ padding-left: 36px; }
}

@media (min-width: 641px) and (max-width: 1200px) {
    div.our-work .item a.link:last-child{ display: none; }
    div.our-work .item dl{ width: 50%; }

    div.our-work .item dl dt span.tag{ font-size: 12px; line-height: 12px; }
    div.our-work .item dl dd h2{ font-size: 20px; }
}

@media (max-width: 768px) {
    div.our-work{ padding-left: 0; }
	div.our-work .tits{ padding-left: 15px; }
	div.our-work .item dl dd{ left:0; }
	div.our-work .item dl dt span.tag{ display:none; }
	div.our-work .item dl dd h2{ font-size:18px; padding: 15px; }
	div.our-work .item dl dd h2::after{ display:none; }
	div.our-work .item dl dd p{ display:none; }
}

@media (max-width: 640px) {
    div.our-work{ display: none; }
    div.our-work.sm-our-work{ display: block; }
    div.our-work .item a.link:last-child{ display: block; }
    div.our-work .item dl{ width: 100%; }
}

div.index-empty{ width: 100%; height: 90px; }





/*------------首页修正-------*/
.zp-slide{
	overflow:hidden;
	position: relative;
}
.zp-slide>ul{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 1600%;
	transition: all 0.3s;
	transform: translate3d(0px, 0px, 0px);
}
.zp-slide>ul>li{
	float: left;
}
[class^=zp-slide-]{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	left: 30px;
	opacity: 0.5;
}
[class^=zp-slide-]:hover{
	opacity: 1;
}
.zp-slide-right{
	left: auto;
	right: 30px;
}
.zp-slide .item{ display:block; width:100%; }
.zp-slide .item a{ display:block; width:100%; }
div.our-work .item dl, .zp-slide .item dt, .zp-slide .item dd{ width:100%; }
.zp-slide .item dd{ padding-left:20px; padding-right:20px; }
.zp-slide ul:after{ display:block; content:''; clear:both; }
div.our-work .inner{ overflow:visible; }
@media (max-width: 768px){
	div.our-work {
		position:static;
	}
	div.our-work .tits{
		position:static;
	}
	div.our-work .inner{
		position:relative;
	}
	.zp-slide .item dd{ padding-left:0; padding-right:0;}
}

@media (max-width: 640px){
	div.our-work {
		display: block;
	}
}


/*---------//end--首页修正-------*/


/*we-node*/
div.box-who.we-node{ padding-bottom: 0; padding-right: 80px; }
div.box-who.we-node .info{ width: 1000px; }
div.box-who.we-node .left, div.box-who.we-node .right{ width: 50%; position: relative; z-index: 10; }
div.box-who.we-node .left{ float: left; }
div.box-who.we-node .right{ float: right; }

div.box-who.we-node div.thumb{ width: 100%; overflow: hidden; display: block;}
div.box-who.we-node div.thumb img{ width: 100%;}
div.box-who.we-node .text{ width: 60%; height: 420px; color: #FFF; display: flex; align-items: center; justify-content: center; flex-direction: column; 
}
div.box-who.we-node .text strong{ font-size: 72px; padding: 0 15px; font-family: 'CenturyGothic'; line-height: 72px;font-weight: normal}
div.box-who.we-node .text strong em{font-style: normal}
div.box-who.we-node .text strong span{font-size:30px; margin-left: 6px; font-family: "Microsoft YaHei"; }
div.box-who.we-node .text p{ font-size: 18px; padding: 0 15px; }
div.box-who.we-node .left .text{ background-color: #333; float: right; }
div.box-who.we-node .right .text{ background-color: #008d43; }

div.box-who.we-node .text.sm-hover{ display: none; }

div.box-who.we-node .list{ padding: 150px 0 0; position: relative; z-index: 1; }
div.box-who.we-node .list:before{ display: block; content: 'CULTURE'; font-size: 270px; line-height: 270px; color: #ededed; font-family: 
proximasansblackregular; position: absolute; top: 20px; left: 20px; z-index: 1; }
div.box-who.we-node .list:after, div.box-who.we-node .left:after, div.box-who.we-node .right:after{ display: block; content: ''; clear: both; }

@media (max-width: 1400px) {
    div.box-who.we-node .list:before{ font-size: 210px; line-height: 210px; }
}

@media (max-width: 1200px) {
    div.index-empty{ display: none; }

    div.box-who.we-node{ padding-top: 50px; padding-right: 36px; }
    div.box-who.we-node .info{ width: 100%; padding-right: 30px; }
    div.box-who.we-node .list{ padding: 90px 0 0; }
    div.box-who.we-node .list:before{ font-size: 160px; line-height: 160px; }

    div.box-who.we-node .text{ height: 300px; }
    div.box-who.we-node .text strong{ font-size: 42px; }
    div.box-who.we-node .text p{ font-size: 14px; }
}

@media (max-width: 980px) {
    div.box-who.we-node .left{ padding-bottom: 50%; }
    div.box-who.we-node .right{ padding-top: 50%; }
    div.box-who.we-node .text{ width: 100%; height: 50%; position: absolute; }
    div.box-who.we-node .left .text{ left: 0; bottom: 0; }
    div.box-who.we-node .right .text{ top: 0; right: 0; }
}

@media (max-width: 860px) {
    div.box-who.we-node{ padding-bottom: 0; }
}

@media (max-width: 768px) {
    div.box-who.we-node{ padding: 0; }
    div.box-who.we-node .info{ padding: 45px 15px 35px; }
    div.box-who.we-node .list{ padding-top: 35px;  }
    div.box-who.we-node .list:before{ display: none; }
}

@media (max-width: 560px) {
div.box-who.we-node .list{ padding-left:15px; }
    div.box-who.we-node{ padding: 15px 15px 15px 0; }
    div.box-who.we-node .left, div.box-who.we-node .right{ width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, .2); }
    div.box-who.we-node div.thumb{ width: 100%; }

    div.box-who.we-node .left{ padding-bottom: 0; }
    div.box-who.we-node .right{ padding-top: 0; margin-top: 30px; }
    div.box-who.we-node .right .text, div.box-who.we-node .left .text{ display: none; }

    div.box-who.we-node .text.sm-hover{ height:90px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: 
	static; }
    div.box-who.we-node .left .text.sm-hover{ background-color: #008d43; }
    div.box-who.we-node .right .text.sm-hover{ background-color: #333; }
}

@media (max-width: 420px) {
    div.box-who.we-node .text strong{ font-size: 30px; padding: 0px; overflow: hidden; line-height: 30px;}
	div.box-who.we-node .text strong span{font-size: 16px;}
    /*div.box-who.we-node .text p{ font-size: 12px; }*/
}

div.index-more{ font-size: 18px; text-align: center; color: #333; padding: 50px 0; }
div.index-more a{ color: #333; }
div.index-more a span{ display: inline-block; vertical-align: middle; }
div.index-more a:after{ display: inline-block; width: 40px; height: 40px; line-height: 40px; content: ''; background: 
url("../images/index/btn_right.png") no-repeat center center; vertical-align: middle; border: 1px solid #333; margin-left: 15px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.index-more a:hover, div.introduction a:focus{ text-decoration: none; color: #666; }
div.index-more a:hover:after{
    transform:rotate(360deg) scale(1.2);
    -webkit-transform:rotate(360deg) scale(1.2);
    -moz-transform:rotate(360deg) scale(1.2);
    -o-transform:rotate(360deg) scale(1.2);
    -ms-transform:rotate(360deg) scale(1.2);
}

div.index-more.we-node{ padding: 40px 0; }

@media (max-width: 768px) {
    div.index-more.we-node{ visibility: hidden !important; padding: 0px;}
}


/*customer-list*/
div.customer-list{ width: 100%; overflow: hidden; background-color: #1c1e1f; }
div.customer-list .title{ width: 800px; margin: 0 auto; padding: 120px 20px 60px 20px; text-align: center; }
div.customer-list .title h5{ font-size: 24px; color: #008d43; }
div.customer-list .title h2{ font-size: 56px; line-height: 80px; color: #FFF; font-family: proximasansblackregular;text-transform : uppercase }
div.customer-list .title p{ font-size: 16px; padding: 15px 0; line-height: 24px; color: #FFF; }

div.customer-list div.index-more{ padding: 40px 0 90px 0; }
div.customer-list div.index-more a{ color: #FFF; }
div.customer-list div.index-more a:after{ border-color: #FFF; background-image: url("../images/index/right.png"); }

div.customer-list ul.link-list{ width: 100%; background: no-repeat center center / cover; }
div.customer-list ul.link-list li{ width: 25%; text-align: center; padding: 45px 15px; float: left; }

/*div.customer-list ul.link-list li img{ max-width: 100%; }*/

div.customer-list ul.link-list:after{ display: block; content: ''; clear: both; }


.icon-box-text .icon {margin: 0 0 5px;display: inline-block;line-height: 70px;vertical-align: middle;font-size: 50px;text-align: inherit;white-space: nowrap;}
.icon-box-text .icon .st0{fill:#008d43;}
.icon-txt-center h3 {font-size: 16px;margin: 0;color: #fff;clear: both;font-weight: 700;text-align: inherit;line-height: 1.2;position: relative;}
.icon-txt-center p{display: block;margin-top: 10px;color: #999}

@media (max-width: 1200px) {
    div.customer-list .title{ padding: 100px 20px 60px; }
    div.customer-list .title h5{ font-size: 21px; }
    div.customer-list .title h2{ font-size: 36px; line-height: 60px; }

    
}

@media (max-width: 768px) {
    div.customer-list .title{ width: 100%; padding: 60px 15px; }
    div.customer-list .title h5{ font-size: 18px; }
    div.customer-list .title h2{ font-size: 32px; line-height: 50px; }
    div.customer-list .title p{ font-size: 14px; padding: 8px 0; }
	div.customer-list ul.link-list li{ width: 50%; padding: 15px; }
    div.customer-list div.index-more{ visibility: hidden !important; padding: 15px 0; }
}

@media (max-width: 320px) {
	div.customer-list ul.link-list li{ width: 100%; padding: 15px; }
}

/*index-bottom*/
div.index-bottom{ width: 100%; padding:100px 80px 70px; background-color: #f5f5f5; position: relative; z-index: 10; }
div.index-bottom .item{ width: 50%; text-align: center;  background-color: #008d43; color: #FFF; position: relative; float: left; }
div.index-bottom .inner{ width: 100%; padding: 100px 0; overflow: hidden; }
div.index-bottom .item:first-child{ background-color: #FFF; color: #000;  }
div.index-bottom .item:before{ display: block; content: ''; width: 230px; height: 120px; background: url("../images/wavy2.png") no-repeat; position: 
absolute; top: -60px; left: 50%; margin-left: -115px; z-index: 10; }
div.index-bottom .item:first-child:before{ background-image: url("../images/wavy.png"); }
div.index-bottom:after{ display: block; content: ''; clear: both; }

div.index-bottom .item p{ font-size: 14px; color: #CCC; }
div.index-bottom .item h2{ font-size: 36px; color: #FFF; padding: 12px 0; font-family: proximasansblackregular;}
div.index-bottom .item a.more{ display: inline-block; width: 40px; height: 40px; border: 1px solid #FFF; margin-top: 12px; background: 
url("../images/index/right.png") no-repeat center center;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0px;
}
div.index-bottom .item a.more:hover{
    transform:rotate(360deg) scale(1.2);
    -webkit-transform:rotate(360deg) scale(1.2);
    -moz-transform:rotate(360deg) scale(1.2);
    -o-transform:rotate(360deg) scale(1.2);
    -ms-transform:rotate(360deg) scale(1.2);
}

div.index-bottom .item:first-child p{ color: #CCC; }
div.index-bottom .item:first-child h2{ color: #000; }
div.index-bottom .item:first-child a.more{ border-color: #000000; background-image: url("../images/index/btn_right.png"); }

div.index-bottom .item:hover{ background-color: #333; }
div.index-bottom .item:hover:before{ background-image: url("../images/wavy.png"); }

div.index-bottom .item:first-child:hover h2{ color: #FFF; }
div.index-bottom .item:first-child:hover a.more{ border-color: #FFF; background-image: url("../images/index/right.png"); }

@media(max-width:1440px){
	div.index-bottom .inner{  padding: 70px 0; }
}

@media (max-width: 1200px) {
    div.index-bottom{  padding: 80px 36px 50px; }
    div.index-bottom .item:before{ width: 180px; height: 100px; top: -50px; margin-left: -90px; }
	
}

@media (max-width: 1024px) {
	div.index-bottom .inner{padding: 50px 0;}
}

@media (max-width: 768px) {
    div.index-bottom{ padding: 60px 15px; }
    div.index-bottom .item{  box-shadow: 0 0 6px rgba(0, 0, 0, .2); margin-bottom:0; }
    div.index-bottom .inner{  padding: 40px 0; }
    div.index-bottom .item:before{ display: none; }
    div.index-bottom .item h2{ font-size: 26px; }
    div.index-bottom .item p{ display: none; }
    div.index-bottom .item a.more{ width: 30px; height: 30px; }
}

@media (max-width: 420px) {
    div.index-bottom{ padding: 30px 15px 30px 15px; }
    div.index-bottom .item{ width: 100%; float: none; box-shadow: 0 0 6px rgba(0, 0, 0, .2); margin-bottom:0; }
    div.index-bottom .item:before{ display: none; }
    div.index-bottom .item h2{ font-size: 26px; }
    div.index-bottom .item p{ display: none; }

    div.index-bottom .item a.more{ width: 30px; height: 30px; }
}

@media (max-width: 375px) {
    div.index-bottom .inner{ padding: 30px 0; }
}

/*footer*/
div.footer{ width: 100%; color: #9a9c9e; background-color: #f5f5f5; padding: 15px 0; }
div.footer .container{ width: 100%; padding: 0 80px; }
div.footer .table{ display: table; width: 100%; }
div.footer .flex-item{ display: table-cell;}
div.footer .flex-item.tl{ text-align: left; width: 20%;}
div.footer .flex-item.tc{ text-align: center;width: 60%;}
div.footer .flex-item.tr{ text-align: right;width: 20%;}

div.footer  span{  vertical-align: middle; }
div.footer  span:before{ display: inline-block; content: '/'; vertical-align: middle; margin: 0 6px; }
div.footer  span:first-child:before{ display: none; }
div.footer a.btm-logo{ display: inline-block; height: 45px;}
div.footer a.btm-logo img{ max-width: 100%; }

div.footer img.normal{ display: inline-block; }
div.footer img.hover{ display: none; }
div.footer .flex-item:hover img.normal{ display: none; }
div.footer .flex-item:hover img.hover{ display: inline-block; }

@media (max-width: 1200px) {
    div.footer .container{ padding: 0 36px; }
}

@media (max-width: 890px) {
    div.footer .flex-item.tl{ display: none; }
	div.footer .flex-item.tr{ display: none; }
}

@media (max-width: 768px) {
    div.footer .container{ padding: 0 15px; }
    div.footer{ text-align: center; padding-bottom: 30px; }
    div.footer  span:before{ display: none; }
    div.footer  span{ display: block; }
    
}


/*touch_idea*/
div.touch_idea{ width: 100%; }

div.touch_idea .section{ width: 100%; height: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; 
background: no-repeat center center / cover; }
div.touch_idea .section .icon{ display: inline-block; margin: 15px 0; }
div.touch_idea .section .icon img{ max-width: 100%; }
div.touch_idea .section h1{ display:black; font-size: 32px; line-height: 32px; padding: 10px 0; color: #FFF; font-weight: bold }
div.touch_idea .section h3{ display:black; font-size: 18px; line-height: 18px; padding: 10px 0 20px;  color: #ccc; font-family: Arial;}
div.touch_idea .section p{ display:black; font-size: 14px; line-height: 32px; color: #FFF; text-align: center; }

div.touch_idea .section.touch_bg_01{ background-image: url("../images/touchIdea/banner_01.jpg"); }
div.touch_idea .section.touch_bg_02{ background-image: url("../images/touchIdea/banner_02.jpg"); }
div.touch_idea .section.touch_bg_03{ background-image: url("../images/touchIdea/banner_03.jpg"); }
div.touch_idea .section.touch_bg_04{ background-image: url("../images/touchIdea/banner_04.jpg"); }
div.touch_idea .section.touch_bg_05{ background-image: url("../images/touchIdea/banner_05.jpg"); }
div.touch_idea .section.touch_bg_06{ background-image: url("../images/touchIdea/banner_06.jpg"); }
div.touch_idea .section.touch_bg_07{ background-image: url("../images/touchIdea/banner_07.jpg"); }

ul.touch-nav{ padding: 20px 30px 35px; background-color: #FFF; position: fixed; top: 0; right: 0; z-index: 999; }
ul.touch-nav li{ font-size: 14px; padding: 0 18px; float: left; position: relative; }
ul.touch-nav li a{ display: inline-block; color: #333; cursor: pointer; }
ul.touch-nav li a:hover, ul.touch-nav li a:focus{ text-decoration: none; color: #333; }
ul.touch-nav li a:after{ display: block; content: ''; width: 8px; height: 8px; background-color: #e6e6e6; position: absolute; left: 50%; margin-left: 
-4px; bottom: -13.5px; z-index: 2;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
ul.touch-nav li:before, ul.touch-nav li:after{ display: block; content: ''; width: 50%; border-bottom: 1px solid #CCC; position: absolute; left: 0; 
bottom: -10px; z-index: 1; }
ul.touch-nav li:after{ left: 50%; }
ul.touch-nav li:first-child:before{ display: none; }
ul.touch-nav li:last-child:after{ display: none; }
ul.touch-nav:after{ display: block; content: ''; clear: both; }
ul.touch-nav li.active a:after{ width: 10px; height: 10px; margin-left: -5px; background-color: #309646; }
ul.touch-nav li.act a:after{ background-color: #309646; }
ul.touch-nav li.active:before{ border-color: #309646; }
ul.touch-nav li.act:before, ul.touch-nav li.act:after{ border-color: #309646; }
ul.touch-nav li.act.active:after{ border-color: #CCC; }

@media (max-width: 768px) {
    div.touch_idea .section h1{ font-size: 21px; line-height: 21px; padding: 6px 0; }
    div.touch_idea .section h3{ font-size: 16px; line-height: 16px; padding: 6px 0 10px; }
    div.touch_idea .section p{ font-size: 12px; line-height: 24px;  }

    ul.touch-nav{ top: 50%; margin-top: -25%; padding: 0 20px; background-color: transparent; }
    ul.touch-nav li{ padding: 6px 0; float: none; }
    ul.touch-nav li:before, ul.touch-nav li:after{ width: 0; height: 50%; border-bottom: 0; border-right: 1px solid #CCC; left: auto; bottom: auto; top 
	: 0; right: 0;   }
    ul.touch-nav li:after{ top: 50%; }

    ul.touch-nav li a:hover, ul.touch-nav li a:focus{ color: #FFF; }
    ul.touch-nav li a{ color: #FFF; text-shadow: 0 0 3px rgba(0, 0, 0, .3); white-space: nowrap; padding: 0 12px; }
    ul.touch-nav li a span{ display: none; }
    ul.touch-nav li a:after{left: auto; bottom: auto; top: 50%; margin-top: -4px; right: -3px; }
    ul.touch-nav li.active a:after{ margin-left: 0; margin-top: -5px; right: -4px; }
    /*ul.touch-nav li.active a{ color: #F00; }*/
    ul.touch-nav li.active a span{ display: inline; }
}

/*2019-7-21*/
.IndexService {background: #1c1e1f;width: 100%;padding:0 50px;position: relative;z-index: 1;overflow: hidden}
.IndexService_content{margin: 0 auto;padding: 85px 0 0 0;overflow: hidden;}
.IndexService .IndexService_content .IndexService_content_title {text-align: center;padding-bottom: 55px;}
.IndexService .IndexService_content .IndexService_content_title dd {color: #fff;text-transform: uppercase;font-size: 56px;font-family: proximasansblackregular;}
.IndexService .IndexService_content .IndexService_content_title dt {font-size: 16px;color: #999;margin-top: 10px;line-height: 28px;}
.IndexService_content_body{display: block;width: 100%;}	
.IndexService .IndexService_content .IndexService_content_body .content_body_list {width: 25%;padding: 20px 30px;float: left; overflow: hidden;text-decoration: none; display: inline-block;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list:hover{ background: #161819}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_title {font-size: 20px;color: #fff;text-align: center;margin-bottom: 15px;color: #008d43;}

.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_content {font-size: 13px;color: #999;text-align: center;line-height: 26px;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification {padding-top: 30px;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list {display: inline-block;width: 50%;text-align: center;border-bottom: 1px solid #333;border-right: 1px solid #333;padding: 20px 0px;float: left;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list:nth-child(1) {padding-top: 10px;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list:nth-child(2) {padding-top: 10px;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list:nth-child(2n) {border-right: 0px;}

.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list dd {color: #bfbfbf;font-size: 28px;transition: all 0.5s ease;-webkit-transform: all 0.5s ease; }
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list dd img{height: 32px;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification .list_classification_list dt {color: #666;font-size: 14px;margin-top: 10px;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
	

@media screen and (max-width:1366px){
	.IndexService{padding: 0 36px;}
	.IndexService .IndexService_content .IndexService_content_body .content_body_list{padding: 10px 20px;}

}

@media screen and (max-width:1200px){
	.IndexService{padding: 0 16px;}
	.IndexService_content{padding: 70px 0px 0px 0;}
	.IndexService .IndexService_content .IndexService_content_body .content_body_list{width: 50%;margin-bottom: 50px;}
	.IndexService .IndexService_content .IndexService_content_body .content_body_list .body_list_classification{padding-top:20px;}
	.IndexService .IndexService_content .IndexService_content_title dt{font-size: 14px;}
}

@media screen and (max-width:768px){
	.IndexService{padding: 0 15px;}
    .IndexService .IndexService_content .IndexService_content_title dt{font-size: 12px;}
}

@media screen and (max-width:560px){
	.IndexService{padding: 0 10px;}
	.IndexService .index-more{display: none}
	.IndexService .IndexService_content .IndexService_content_title{padding-bottom: 35px;}
	.IndexService .IndexService_content .IndexService_content_title dd {font-size: 32px;}
	.IndexService_content{width: 100%; padding:60px 0px 30px 0;}
	.IndexService .IndexService_content .IndexService_content_body .content_body_list{width:100%; padding:20px 10px; float: none; margin:10px 0 20px 0;border: 1px solid #333436}
	.body_list_classification .list_classification_list:nth-child(5),.body_list_classification .list_classification_list:nth-child(6){border-bottom: none!important}
}

/*service-wrapper*/
div.service-wrapper{ width: 100%; }
div.service-wrapper .section{ width: 100%; }
div.service-wrapper .container{ width: 100%; padding: 0 80px; }

div.service-wrapper .section.clr-white{ background-color: #FFF; box-shadow: rgba(255, 255, 255, .2); }

div.service-wrapper .ser-title{ width: 100%; padding: 120px 0 60px 0; position: relative; overflow: hidden}
div.service-wrapper .ser-title:before{ display: block; font-size: 270px;  line-height: 270px; padding-left: 150px; position: absolute; left: 0; top: 
80px; z-index: 1;
    filter:alpha(opacity=5);
    -moz-opacity:0.05;
    -khtml-opacity: 0.05;
    opacity: 0.05;
	font-family: proximasansblackregular;
	white-space:nowrap;  
	
}
div.service-wrapper .ser-title.service:before{ content: 'SERVICE'; }
div.service-wrapper .ser-title.website:before{ content: 'WEBSITE'; }
div.service-wrapper .ser-title.app:before{ content: 'APP DEVELOPMENT'; }
div.service-wrapper .ser-title.wechat:before{ content: 'WECHAT DEVELOPMENT'; }
div.service-wrapper .ser-title.graphic:before{ content: 'GRAPHIC DESIGN'; }
div.service-wrapper .ser-title.webShops:before{ content: 'WEBSHOPS'; }
div.service-wrapper .ser-title.seo:before{ content: 'SEO'; }
div.service-wrapper .ser-title.ui:before{ content: 'UI DESIGN'; }
div.service-wrapper .ser-title.inter:before{ content: 'INTERNET WORK'; }
div.service-wrapper .ser-title.jobs:before{ content: 'JOBS'; }
div.service-wrapper .ser-title.error:before{ content: '404'; }
div.service-wrapper .ser-title.about:before{ content: 'PROFILE'; }
div.service-wrapper .ser-title.contact:before{ content: 'CONTACT'; }
div.service-wrapper .ser-title.case:before{ content: 'CASES'; }
div.service-wrapper .ser-title.news:before{ content: 'NEWS'; }

div.service-wrapper .ser-title .content{ position: relative; z-index: 10; }
div.service-wrapper .ser-title b{ font-size: 120px; color: #333; font-family: proximasansblackregular; word-break: break-all; font-weight: normal}
div.service-wrapper .ser-title h4{ font-size: 30px; color: #008d43; }
div.service-wrapper .ser-title p{ font-size: 20px; color: #333; }
div.service-wrapper .ser-title p a{ color: #008d43; }
div.service-wrapper .ser-title.inter h1{ font-size: 100px; }

div.service-wrapper .service-list{ width: 100%; }
div.service-wrapper .service-list a.flex-item{ width: 800px; height: 450px; display: flex; justify-content: center; align-items: center; 
flex-direction: column; padding: 30px; background: #FFF no-repeat center /cover; box-shadow: 0 0 15px rgba(0, 0, 0, .2); float: left; margin: 20px 0 
20px 40px; text-decoration: none; cursor: pointer; position: relative;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.service-wrapper .service-list a.flex-item:hover, div.service-wrapper .service-list a.flex-item:focus{ text-decoration: none; }
div.service-wrapper .service-list a.flex-item:nth-child(2n+1){ margin-left: 0; }
div.service-wrapper .service-list a.flex-item:hover{
    transform:scale(1.02);
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -o-transform:scale(1.02);
    -ms-transform:scale(1.02);
}
div.service-wrapper .service-list a.flex-item img{ max-width: 60%; margin-bottom: 15px; }
div.service-wrapper .service-list a.flex-item h2{ font-size: 26px; font-weight: bold; color: #333; padding: 12px 0 ; }
div.service-wrapper .service-list a.flex-item h2 span{ display: none; }
div.service-wrapper .service-list a.flex-item h2 span.en{ display: block; }
div.service-wrapper .service-list a.flex-item h4{ color: #008d43; font-size: 20px; }
div.service-wrapper .service-list a.flex-item p{ font-size: 14px; color: #999; line-height: 28px; }

div.service-wrapper .service-list a.flex-item p.no{ width: 100%; text-align: center; padding: 20px;  position: absolute; left: 0; bottom: 0; }

div.service-wrapper .service-list a.flex-item img.normal{ display: inline; }
div.service-wrapper .service-list a.flex-item img.hover{ display: none; }

div.service-wrapper .service-list a.flex-item:hover img.normal{ display: none; }
div.service-wrapper .service-list a.flex-item:hover img.hover{ display: inline; }
div.service-wrapper .service-list a.flex-item:hover h2{ color: #FFF; }
div.service-wrapper .service-list a.flex-item:hover h2 span.en{ display: none; }
div.service-wrapper .service-list a.flex-item:hover h2 span.cn{ display: block; }
div.service-wrapper .service-list a.flex-item:hover p{ color: #FFF; }
div.service-wrapper .service-list a.flex-item:hover h4{ color: #FFF; }

div.service-wrapper .service-list a.flex-item:hover:nth-child(1){ background-image: url("../images/linkBg/s_bg_01.jpg"); }
div.service-wrapper .service-list a.flex-item:hover:nth-child(2){ background-image: url("../images/linkBg/s_bg_02.jpg"); }
/*2019新增*/
div.service-wrapper .service-list a.flex-item:hover:nth-child(3){ background-image: url("../images/linkBg/s_bg_07.jpg"); }
div.service-wrapper .service-list a.flex-item:hover:nth-child(4){ background-image: url("../images/linkBg/s_bg_08.jpg"); }
/*end 2019新增*/
div.service-wrapper .service-list a.flex-item:hover:nth-child(5){ background-image: url("../images/linkBg/s_bg_03.jpg"); }
div.service-wrapper .service-list a.flex-item:hover:nth-child(6){ background-image: url("../images/linkBg/s_bg_04.jpg"); }
div.service-wrapper .service-list a.flex-item:hover:nth-child(7){ background-image: url("../images/linkBg/s_bg_05.jpg"); }
div.service-wrapper .service-list a.flex-item:hover:nth-child(8){ background-image: url("../images/linkBg/s_bg_06.jpg"); }

div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(1){ background-image: url("../images/linkBg/job_bg_01.jpg"); }
div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(2){ background-image: url("../images/linkBg/job_bg_02.jpg"); }
div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(3){ background-image: url("../images/linkBg/job_bg_03.jpg"); }
div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(4){ background-image: url("../images/linkBg/job_bg_04.jpg"); }
div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(5){ background-image: url("../images/linkBg/job_bg_05.jpg"); }
div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(6){ background-image: url("../images/linkBg/job_bg_06.jpg"); }


div.service-wrapper .ser-big-banner{ width: 100%; padding: 80px 0; }
div.service-wrapper .ser-big-banner img{ width: 100%; }

@media (max-width: 1880px) {
    div.service-wrapper .service-list a.flex-item{ width: 48%; height: 420px; margin: 2% 0 2% 4%; }
}

@media (max-width: 1200px) {
    div.service-wrapper .container{ padding: 0 36px; }

    div.service-wrapper .ser-title{ padding: 60px 0 30px; }
    div.service-wrapper .ser-title:before{ font-size: 160px; line-height: 160px; top: 45px; }
    div.service-wrapper .ser-title b{ font-size: 80px; }
    div.service-wrapper .ser-title h4{ font-size: 18px; }
    div.service-wrapper .ser-title p{ font-size: 14px; }

    div.service-wrapper .ser-title.inter h1{ font-size: 60px; }
}

/*@media (max-width: 890px) {
    div.service-wrapper .service-list a.flex-item{ width: 100%; height: auto; margin: 3% 0; padding: 60px 15px; }
    div.service-wrapper .service-list a.flex-item p.no{  position: relative; left: 0; bottom: 0; }
}*/

@media (max-width: 768px) {
    div.service-wrapper .container{ padding: 0 15px; }

    div.service-wrapper .ser-title{ padding: 45px 0 25px 0; }
    div.service-wrapper .ser-title:before{ font-size: 110px; line-height: 110px; top: 35px; }
    div.service-wrapper .ser-title b{ font-size: 50px; padding: 5px 0; }
    div.service-wrapper .ser-title h4{ font-size: 16px; }
    div.service-wrapper .ser-title p{ font-size: 12px; }

    div.service-wrapper .ser-title.inter h1{ font-size: 40px; }

    div.service-wrapper .ser-big-banner{ padding: 45px 0; }
}

@media (max-width: 560px) {
	 div.service-wrapper .service-list a.flex-item{ width: 100%; height: auto; margin: 3% 0; padding: 60px 15px; }
    div.service-wrapper .service-list a.flex-item p.no{  position: relative; left: 0; bottom: 0; }
    div.service-wrapper .ser-title:before{ display: none; }
    div.service-wrapper .ser-title b{ font-size: 36px; }
	.type-status{display: none}
	#newsList .padding{padding:0px}
}

@media (max-width: 375px) {
    div.service-wrapper .ser-title.inter h1{ font-size: 28px; }
    div.service-wrapper .ser-title b{ font-size: 30px; }
}

.construction{}
.construction .plugin-web{color: #FFF; text-align: center; background: #ccc url("../images/service/banner.png") no-repeat center center; background-size: cover; padding: 180px 80px; margin: 80px 0;overflow: hidden;}
.construction .plugin-web h3{font-size: 32px;margin: 0 0 10px;}
.construction .plugin-web p{font: inherit;font-size: 16px; }
.construction .plugin-web a{display: inline-block;padding: 12px 50px;border-radius: 25px;border: 1px solid #ccc;background-color: #fff;opacity: 0.8;margin: 0 10px;margin-top: 30px;font-size: 18px;text-decoration:none;}
.construction .plugin-web a:hover{ color: #008d43; }
@media (max-width: 1200px){
	.construction .plugin-web{padding: 120px 36px;}
	.construction .plugin-web h3{font-size: 24px;}
	.construction .plugin-web p{font-size: 12px; }
	.construction .plugin-web a{font-size: 14px; }
}
@media (max-width: 768px){
	.construction .plugin-web{padding: 80px 15px;}
}

/*our-approach*/
div.our-approach{ width: 100%; padding: 60px 0; overflow: hidden; /*background: url("../images/service/bg_01.png") no-repeat right bottom;*/ }
div.our-approach .title{ position: relative; z-index: 10; }
div.our-approach .title b{ font-size: 56px; color: #333; font-family: proximasansblackregular; line-height: 56px; padding: 8px 0 12px; font-weight: normal}
div.our-approach .title h4{ font-size: 24px; color: #008d43; }
div.our-approach .title p{ font-size: 16px; color: #666; line-height: 30px; }

div.our-approach .list-wrap{ width: 100%; position: relative; }

div.our-approach .list-wrap .rightBg{ width: 745px; height: 630px; position: absolute; right: 0;  bottom: 0; z-index: 1; }
div.our-approach .list-wrap .rightBg span{ display: block; width: 100%; height: 100%; background: transparent no-repeat center center; background-size: 
100%; position: absolute; top: 0; left: 0; z-index: 1; }

div.our-approach .list-wrap .rightBg span:nth-child(1){ background-image: url("../images/service/li_01.png"); z-index: 3; }
div.our-approach .list-wrap .rightBg span:nth-child(2){ background-image: url("../images/service/li_02.png"); z-index: 2; }
div.our-approach .list-wrap .rightBg span:nth-child(3){ background-image: url("../images/service/li_03.png"); z-index: 1; }

div.our-approach ul.list{ width: 750px; margin-top: 120px; position: relative; z-index: 10; }
div.our-approach ul.list li{ padding: 24px 0; font-size: 18px; border-bottom: 1px solid #CCC; }
div.our-approach ul.list li span, div.our-approach ul.list li:before{ display: inline-block; vertical-align: middle; }
div.our-approach ul.list li:before{ color: #008d43; padding-right: 15px; }
div.our-approach ul.list li:nth-child(1):before{ content: '01/'; }
div.our-approach ul.list li:nth-child(2):before{ content: '02/'; }
div.our-approach ul.list li:nth-child(3):before{ content: '03/'; }
div.our-approach ul.list li:nth-child(4):before{ content: '04/'; }
div.our-approach ul.list li:nth-child(5):before{ content: '05/'; }
div.our-approach ul.list li:nth-child(6):before{ content: '06/'; }
div.our-approach ul.list li:nth-child(7):before{ content: '07/'; }
div.our-approach ul.list li:nth-child(8):before{ content: '08/'; }
div.our-approach ul.list li:nth-child(9):before{ content: '09/'; }

div.our-approach ul.list ol{ display: none; padding-left: 50px; }
div.our-approach ul.list ol li{ padding: 15px 0 5px; font-size: 14px; line-height: 24px; border-bottom: 0; color: #666; }
div.our-approach ul.list ol li:before{ display: none; }




@media (max-width: 1600px) {
    div.our-approach{ background-size: 450px; }
    div.our-approach ul.list{ width: 450px; }

    div.our-approach .list-wrap .rightBg{ width: 600px; height: 500px; }
}

@media (max-width: 1200px) {
    div.our-approach .list-wrap .rightBg{ width: 420px; height: 360px; }
}

@media (max-width: 890px) {
    div.our-approach{ background-image: none; }
    div.our-approach ul.list{ width: 100%; }
    div.our-approach .list-wrap .rightBg{ display: none; }
}

@media (max-width: 768px) {
    div.our-approach{ padding: 35px 15px; }
    div.our-approach ul.list{ margin-top: 30px; }

    div.our-approach .title b{ font-size: 32px; padding: 5px 0 8px; }
    div.our-approach .title h4{ font-size: 18px; }
    div.our-approach .title p{ font-size: 12px; }

    div.our-approach ul.list li{ font-size: 14px; }
    div.our-approach ul.list ol{ padding-left: 42px; }
}

div.view-points{ padding: 60px 0; }
div.view-points .title b{ font-size: 56px; color: #333;font-family: proximasansblackregular; line-height: 56px; padding: 8px 0 12px;font-weight: normal }
div.view-points .title h4{ font-size: 24px; color: #008d43; }
div.view-points .title p{ font-size: 16px; color: #666; line-height: 30px; }

div.view-points ul.list{ width: 100%; padding: 30px 0; }
div.view-points ul.list li{ width: 33.33%; padding: 15px 20px; background: url("../images/point.png") no-repeat left center; float: left; overflow: hidden;}
div.view-points ul.list li a{ font-size: 16px; color: #333; float: left;width: 75%;display: inline-block; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
div.view-points ul.list li span{float: right;width: 20%; display: inline-block; line-height: 22px}
div.view-points ul.list li a:hover, div.view-points ul.list li a:focus{ text-decoration: none; }
div.view-points ul.list li a:hover{ color: #008d43; }
div.view-points ul.list:after{ display: block; content: ''; clear: both; }

@media (max-width: 1200px) {
    div.view-points ul.list li{ width: 50%; }
}

@media (max-width: 768px) {
    div.view-points{ padding: 36px 15px; }
    div.view-points .title b{ font-size: 32px; padding: 5px 0 8px; }
    div.view-points .title h4{ font-size: 18px; }
    div.view-points .title p{ font-size: 12px; }
	div.view-points ul.list{padding: 15px 0 0 0}
}
@media (max-width: 860px) {
	
    div.view-points ul.list li a{ font-size: 12px;width: 100%; }
	div.view-points ul.list li span{display: none}
}


@media (max-width: 560px) {
    div.view-points ul.list li{ width: 100%; float: none; }
	div.view-points ul.list li a{ font-size: 12px;width: 75%; }
	div.view-points ul.list li span{display: block;width: 20%;}
}

@media (max-width: 400px) {
	div.view-points ul.list li a{ width: 100%;}
	div.view-points ul.list li span{display: none;}
}

/*website*/
div.service-wrapper .ser-title.website{ padding-bottom: 0; }

div.website{ padding: 60px 0; }
div.website .item{ padding: 110px 0; }
div.website .item:after{ display: block; content: ''; clear: both; }
div.website .item .txt, div.website .item .thumb{ width: 770px;  }
div.website .item .thumb{ /*box-shadow: 0 0 15px rgba(0, 0, 0, .2);*/ }
div.website .item .thumb img{ max-width: 100%; }
div.website .item .txt h2{ font-size: 20px; font-weight: bold; padding-bottom: 15px; }
div.website .item .txt p{ font-size: 16px; color: #666; line-height: 24px; margin-bottom: 15px; }
div.website .item img.photo{ margin-top: 30px; max-width: 100%; }
div.website .item h4{ font-size: 16px; font-weight: bold; color: #666; padding-bottom: 12px; }

div.website .item ul.list{ width: 100%; }
div.website .item ul.list li{ font-size: 16px; line-height: 30px; }
div.website .item ul.list li a{ color: #666; }


div.website .link-box{ width: 100%; padding: 15px 0 0;  }
div.website .link-box span{ padding: 5px; display: inline-block; }

@media (max-width: 1880px) {
    div.website .item{ padding: 5% 0; }
    div.website .item .txt, div.website .item .thumb{ width: 47%; }
}

@media (max-width: 1200px) {
    div.website .link-box{ display: table; }
    div.website .link-box span{ display: table-cell; text-align: center; }
}

@media (max-width: 768px) {
    div.website{ padding: 0; }
    div.website .item{ padding: 30px 0; }
    div.website .item .txt, div.website .item .thumb{ width: 100%; }
    div.website .item .txt.fl, div.website .item .txt.fr, div.website .item .thumb.fl, div.website .item .thumb.fr{ float: none; }
    div.website .item .txt{ padding-top: 20px; }

    div.website .item .txt h2{ font-size: 16px; }
    div.website .item .txt p{ font-size: 12px; }
    div.website .item h4{ font-size: 12px; }
    div.website .item ul.list li{ font-size: 12px; line-height: 24px; }

    div.website .link-box span{ text-align: center; }
}


div.website-bottom{ width: 100%; background-color: #FFF; padding: 90px 0; }
div.website-bottom .title{ }
div.website-bottom .title h2{ font-size: 30px; font-weight: bold; padding-bottom: 30px; }
div.website-bottom .title p{ font-size: 14px; color: #666; }

div.website-bottom ul.list{ width: 100%; padding: 15px 0; }
div.website-bottom ul.list li{ width: 32.63%; margin-left: 1%; float: left; }
div.website-bottom ul.list li img{ width: 100%; }
div.website-bottom ul.list li:first-child{ margin-left: 0; }
div.website-bottom ul.list:after{ display: block; content: ''; clear: both; }


div.website-bottom .lists{ width: 100%; padding: 15px 0; }
div.website-bottom .lists a{margin-left: 1%;width: 32.63%; float: left; overflow: hidden; display: block;}
div.website-bottom .lists dl{position: relative;width: 100%; }
div.website-bottom .lists a:first-child{ margin-left: 0; }
div.website-bottom .lists dl dt{ width: 100%; }
div.website-bottom .lists dl dt span{ display: block; width: 100%; height: 100%; text-align: center; position: relative; z-index: 1; }
div.website-bottom .lists dl dt span img{ max-width: 100%; }
div.website-bottom .lists dl dt span.thumb img{ width: 100%; }
div.website-bottom .lists dl dt span.thumb-logo{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 2;
    /* transition: all 0.5s linear 0s;
     -moz-transition: all 0.5s linear 0s;
     -webkit-transition: all 0.5s linear 0s;
     -o-transition: all 0.5s linear 0s;*/
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
	 -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}
div.website-bottom .lists a:hover dl dt span.thumb-logo{
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

div.website-bottom .lists dl dd{ width: 100%; background-color: rgba(0, 0, 0, .6); color: #FFF; position: absolute; left: 0; bottom: 0; z-index: 12;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.3s linear 0s; /* Opera */
}
div.website-bottom .lists a:hover dl dd{ left: 100%; }
div.website-bottom .lists dl dd span{ display: block; width: 100%; height: 100%; padding: 10px; color: #FFF; }
div.website-bottom .lists dl dd span:hover, div.our-work .item dl dd a:focus{ color: #FFF; text-decoration: none; }
div.website-bottom .lists dl dd h2{ font-size: 24px; line-height: 24px; padding: 12px 0 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.website-bottom .lists dl dd h2:after{ display: block; width: 70px; height: 2px; background-color: #999; content: ''; margin-top: 15px; }
div.website-bottom .lists dl dd p{ font-size: 14px; line-height: 14px; padding:  15px 0; color: #999; }

div.website-bottom .lists:after{ display: block; content: ''; clear: both; }



@media (max-width: 1400px) {
    div.service-wrapper .ser-title.graphic h1{ font-size: 90px; }
}

@media (min-width: 769px) and (max-width: 1200px) {
    div.website-bottom .lists a{ width: 49.5%; }
    div.website-bottom .lists a:last-child{ display: none; }
}

@media (max-width: 980px) {
    div.service-wrapper .ser-title.graphic h1{ font-size: 60px; }
}

@media (max-width: 768px) {
    div.service-wrapper .ser-title.graphic h1{ font-size: 42px; }
	
	div.website-bottom .lists dl dd{ left:0; }
	div.website-bottom .lists dl dd h2{ font-size:18px; padding:15px; }
	div.website-bottom .lists dl dd p, div.website-bottom .lists dl dd h2:after{ display:none; }

    div.website-bottom{ padding: 45px 0; }

    div.website-bottom .title h2{ font-size: 20px; padding-bottom: 15px; }
    div.website-bottom .title p{ font-size: 12px; }

    div.website-bottom ul.list{ padding-top: 0; }
    div.website-bottom ul.list li{ width: 100%; margin: 30px 0 30px 0; float: none; }
	div.website-bottom .lists a{ width: 49.5%; }
	div.website-bottom .lists a:last-child{ display: none; } 
}

@media (max-width: 420px) {
	div.website-bottom .lists a{ width: 100%; margin: 2% 0; }
    div.service-wrapper .ser-title.graphic h1{ font-size: 32px; }
	
}


/*job-view-info*/
div.job-view-info{ width: 100%; padding: 50px; margin-top: 60px; margin-bottom: 20px; background-color: #FFF; box-shadow: 0 0 15px rgba(0, 0, 0, .2); }
div.job-view-info .title{ padding-bottom: 15px; }
div.job-view-info .title h1{ font-size: 30px; }

div.job-view-info .content{ }
div.job-view-info .content h4{ font-size: 18px; line-height: 30px; padding-bottom: 8px; }
div.job-view-info .content p{ font-size: 14px; line-height: 28px; color: #666; }

div.job-view-info a.btn-job{ display: inline-block; background-color: #008d43; font-size: 18px; color: #FFF; padding: 12px 30px; margin-top: 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.job-view-info a.btn-job:hover, div.job-view-info a.btn-job:focus{ text-decoration: none; }


div.service-wrapper.jobs-view{ width: 100%; overflow: hidden; position: relative; }
div.service-wrapper.jobs-view .job-banner{ position: relative; z-index: 1; }
div.service-wrapper.jobs-view .inner{  }
div.service-wrapper.jobs-view .inner:after{ display: block; content: ''; clear: both; }
div.service-wrapper.jobs-view .item{ }
div.service-wrapper.jobs-view .item img{ width: 100%; }

div.service-wrapper.jobs-view .section-01{ background-color: #f5f5f5; }

div.service-wrapper.jobs-view .btns{ display: block; width: 80px; height: 80px; border: 1px solid #CCC; border-left: 0; background: #FFF no-repeat 
center center; position: absolute; top: 0; right: 0; z-index: 11; }
div.service-wrapper.jobs-view .btns.btn-left{ border-left: 1px solid #CCC; background-image: url("../images/job/btn_right.png"); }
div.service-wrapper.jobs-view .btns.btn-right{ right: 80px; background-image: url("../images/job/btn_left.png"); }


div.jobs-banner-wrapper{ width: 100%; height: 100%;  position: relative; top: 0; left: 0; z-index: 1; }
.job_body{ width: 100%; overflow-x: hidden; overflow-y: auto; background: url("../images/job/view_banner.png") no-repeat center top; 
background-attachment: fixed; background-size: cover; }
div.sm-job-banner{ width: 100%; }
div.sm-job-banner img{ width: 100%; }

@media (max-width: 768px) {
    div.job-view-info{ padding: 30px; }

    div.service-wrapper.jobs-view .btns{ width: 32px; height: 100%; background: rgba(0, 0, 0, .05) no-repeat center center; border: 0; }
    div.service-wrapper.jobs-view .btns.btn-left{ border: 0; right: 0; }
    div.service-wrapper.jobs-view .btns.btn-right{ right: auto; left: 0; }

    .job_body{ background: none; }
    div.jobs-banner-wrapper{ background: url("../images/job/view_banner.png") no-repeat center center; background-size: cover; }
}

@media (max-width: 640px) {
    div.job-view-info{ padding: 30px 20px; }
    div.job-view-info .title h1{ font-size: 24px; }
    div.job-view-info .content h4{ font-size: 16px; }
    div.jobs-banner-wrapper{ display: none; background-size: 700px 100%; height: 300px !important; }
}


/*error404*/
div.error404{ }
div.service-wrapper.error404 .ser-big-banner{ padding: 0; }

/*about*/
div.about-wrapper{ }
div.about-wrapper .aInfo{ padding: 120px 0 60 0; }
div.about-wrapper .aInfo:after{ display: block; content: ''; clear: both; }

div.about-wrapper .aInfo .text{ width: 730px; float: left; }
div.about-wrapper .aInfo .text dl{ width: 100%; padding-bottom: 30px; }
div.about-wrapper .aInfo .text dt{ font-size: 30px; font-weight: bold; }
div.about-wrapper .aInfo .text dd{ font-size: 18px; line-height: 32px; padding: 15px 0; }
div.about-wrapper .aInfo .text dd p{ text-indent: 18px; }
div.about-wrapper .aInfo .text dd p b{ color: #008d43; }

div.about-wrapper .aInfo .thumb{ width: 720px; text-align: center; float: right; position: relative; }
div.about-wrapper .aInfo .thumb video{ max-width: 100%; }
div.about-wrapper .aInfo .thumb img{display: none}
div.about-wrapper .aInfo .thumb:before, div.about-wrapper .aInfo .thumb:after{ display: block; content: ''; position: absolute; }
div.about-wrapper .aInfo .thumb:before{ width: 320px; height: 180px; background: url("../images/about/about_04.png") no-repeat top left / 100%; top: 
-120px; left: 50%; margin-left: -160px; z-index: 1; }
div.about-wrapper .aInfo .thumb:after{ width: 300px; height: 120px; background-color: rgba(0, 141, 67, .5); left: -5%; bottom: -60px; z-index: 1; }


@media (max-width: 1800px) {
    div.about-wrapper .aInfo .text{ width: 45%; }
    div.about-wrapper .aInfo .thumb{ width: 50%; }
    div.about-wrapper .aInfo .thumb:before{ width: 30%; height: 30%; top: -15%; margin-left: -15%; }
    
}

@media (max-width: 1600px) {
    div.about-wrapper .aInfo{ padding: 80px 0; }
}

@media (max-width: 1200px) {
    div.about-wrapper .aInfo{ padding: 36px 0 0 0; }
    div.about-wrapper .aInfo .text{ width: 100%; float: none; }
    div.about-wrapper .aInfo .thumb{ margin: 0 auto 15%; float: none;width: 80%; }
}

@media (max-width: 768px) {
    div.about-wrapper .aInfo{ padding: 0; }
    div.about-wrapper .aInfo .thumb{ width: 100%;  margin: 0; padding: 0 0 30px; }
    div.about-wrapper .aInfo .thumb:before, div.about-wrapper .aInfo .thumb:after{ display: none;  }
    div.about-wrapper .aInfo .text dt{ font-size: 20px; }
	div.about-wrapper .aInfo .thumb video{ display: none }
    div.about-wrapper .aInfo .thumb img{max-width: 100%; display: block}
}

div.about-wrapper .culture{ padding: 60px 0; }
div.about-wrapper .culture b{ font-size: 56px;  font-family: proximasansblackregular;padding: 12px 0; font-weight: normal}
div.about-wrapper .culture h2{ font-size: 24px; font-weight: bold; color: #666; padding-top: 30px; }
div.about-wrapper .culture h2 span{ color: #008d43; }
div.about-wrapper .culture h4{ font-size: 24px; color: #008d43; }
div.about-wrapper .culture p{ font-size: 18px; color: #666; line-height: 32px; }

@media (max-width: 1400px) {
    div.about-wrapper .culture{ padding: 30px 0; }
}

@media (max-width: 768px) {
    div.about-wrapper .culture b{ font-size: 36px; }
    div.about-wrapper .culture h2{ font-size: 18px; }
    div.about-wrapper .culture h4{ font-size: 18px; }
    div.about-wrapper .culture p{ font-size: 14px; line-height: 24px; }
	div.about-wrapper .aInfo .text dd p { font-size: 14px;}
}

@media (max-width: 560px) {
    div.about-wrapper .culture b{ font-size: 30px; }
    div.about-wrapper .culture h2{ font-size: 16px; }
    div.about-wrapper .culture h4{ font-size: 16px; }
    div.about-wrapper .culture p{ line-height: 20px; }
}
@media (max-width: 414px) {
	div.about-wrapper .aInfo .text dd p{font-size: 14px;}
	div.about-wrapper .culture h2{ font-size: 14px; }
}

div.about-wrapper .btm-thumb{ width: 100%; margin: 40px 0 ; position: relative; }
div.about-wrapper .btm-thumb span.item{ display: block; width: 50%; float: left; position: relative; z-index: 1; }
div.about-wrapper .btm-thumb span.item img{ width: 100%; }
div.about-wrapper .btm-thumb:before, div.about-wrapper .btm-thumb:after{ display: block; content: ''; }
div.about-wrapper .btm-thumb:before{ width: 36%; height: 30%; background-color: rgba(0, 141, 67, .5); position: absolute; top: 50%; left: 50%; 
margin-top: -6.5%; margin-left: -18%; z-index: 10; }
div.about-wrapper .btm-thumb:after{ clear: both; }

@media (max-width: 768px) {
    div.about-wrapper .btm-thumb{ margin: 20px 0; }
}


/*contact-wrapper*/
div.contact-wrapper{ }
div.contact-wrapper .section.banner{ width: 100%; position: relative; margin-bottom: 120px; }
div.contact-wrapper .section.banner img.bg{ width: 100%; }

div.contact-wrapper .infos{ width: 912px; padding: 45px; background-color: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, .2); position: absolute; right: 
70px; bottom: -70px; z-index: 1; }
div.contact-wrapper .infos .tit{ }
div.contact-wrapper .infos .tit h2{ font-size: 36px; font-family: proximasansblackregular;}
div.contact-wrapper .infos .list{ padding: 15px 0; }
div.contact-wrapper .infos .list:after{ display: block; content: ''; clear: both; }
div.contact-wrapper .infos dl{ width: 250px; margin-left: 30px; float: left; }
div.contact-wrapper .infos dl dt{ padding: 16px 0; font-size: 20px; color: #666; font-weight: bold; }

div.contact-wrapper .infos dl dd{ height: 70px; font-size: 16px; color: #83868a; line-height: 24px; }
div.contact-wrapper .infos dl dd a.icon{ display: block; color: #83868a; }
div.contact-wrapper .infos dl dd a.icon:before, div.contact-wrapper .infos dl dd a.icon span{ display: inline-block; vertical-align: middle; }
div.contact-wrapper .infos dl dd a.icon:before{ background: no-repeat left center; height: 100%; margin-right: 5px; padding-left: 21px; content: ':'; }
div.contact-wrapper .infos dl dd a.icon.email:before{ background-image: url("../images/contact/email.png"); }
div.contact-wrapper .infos dl dd a.icon.qq:before{ background-image: url("../images/contact/qq.png"); }
div.contact-wrapper .infos dl dd h3{ font-size: 24px; color: #008d43; margin-top: 5px; }
div.contact-wrapper .infos dl dd h3 a{color: #008d43;}

div.contact-wrapper .our-links{ }
div.contact-wrapper .our-links:after{ display: block; content: ''; clear: both; }
div.contact-wrapper .our-links a{ display: block; margin-left: 8px; width: 32px; height: 32px; background: no-repeat center center; float: left; 
position: relative; }
div.contact-wrapper .our-links a:hover, div.contact-wrapper .our-links a:focus{ text-decoration: none; }
div.contact-wrapper .our-links a:hover{ /*opacity: .8;*/ }
div.contact-wrapper .our-links a:first-child{ margin-left: 0; }
div.contact-wrapper .our-links a.wx{ background-image: url("../images/contact/share_01.png"); }
div.contact-wrapper .our-links a.sina{ background-image: url("../images/contact/share_02.png"); }
div.contact-wrapper .our-links a.design{ background-image: url("../images/contact/share_03.png"); }
div.contact-wrapper .our-links a.zcool{ background-image: url("../images/contact/share_04.png"); }

div.contact-wrapper .our-links a.wx span{ display: none; width: 110px; height: 110px; border: 1px solid #DDD; padding: 5px; background-color: #FFF; 
position: absolute; right : -35px; top: -120px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.contact-wrapper .our-links a.wx span img{ width: 100%; }
div.contact-wrapper .our-links a.wx span:before{ display: block; content: ''; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; z-index: 
10;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #FFF;
}
div.contact-wrapper .our-links a.wx span:after{ display: block; content: ''; position: absolute; left: 50%; margin-left: -5px; bottom: -9px; z-index: 
1;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 10px solid #DDD;
}
div.contact-wrapper .our-links a.wx:hover span{ opacity: 1; display: block; }

@media (min-width: 981px) {
    div.contact-wrapper .infos dl:nth-child(3n+1){ margin-left: 0; }
}

@media (max-width: 1600px) {
    div.contact-wrapper .infos{ bottom: -120px; }
}

@media (max-width: 1200px) {
    div.contact-wrapper .infos{ width: 100%; position: static;}
    div.contact-wrapper .section.banner{ margin-bottom: 0; }

    div.contact-wrapper .infos dl{ width: 31%; margin-left: 2.7%; }
}

@media (max-width: 980px) {
    div.contact-wrapper .infos dl{ width: 48%; margin-left: 4%; }
    div.contact-wrapper .infos dl.share{ display: none; }
    div.contact-wrapper .infos dl:nth-child(1), div.contact-wrapper .infos dl:nth-child(4){ margin-left: 0; }
}

@media (max-width: 768px) {
    div.contact-wrapper .infos{ padding: 45px 20px 20px; }
    div.contact-wrapper .infos .tit h2{ font-size: 22px; }

    div.contact-wrapper .infos dl.share{ display: none; }
    div.contact-wrapper .our-links a.wx span{ margin-right: -40px; }
    div.contact-wrapper .our-links a.wx span:before{ bottom: -9px; left: 0; margin-left: 10px; }
    div.contact-wrapper .our-links a.wx span:after{ bottom: -10px; left: 0; margin-left: 9px; }

    div.contact-wrapper .infos dl{ width: 100%; margin-left: 0; margin-bottom: 20px; }
    div.contact-wrapper .infos dl.tech dt{ display: none; }
    div.contact-wrapper .infos dl dt{ font-size: 18px; }
    div.contact-wrapper .infos dl dd{ height: auto; }
    div.contact-wrapper .infos dl dd h3{ font-size: 20px; }
}


/*case-wrapper*/
div.case-wrapper .case-list{ padding-bottom: 50px; }
div.case-wrapper .case-list:after{ display: block; content: ''; clear: both; }
div.case-wrapper .case-list a.link{ display: block; width: 33.33%; padding: 15px; float: left; }
div.case-wrapper .case-list dl{ width: 100%; overflow: hidden; position: relative; }
div.case-wrapper .case-list dl dt{ width: 100%; font-weight: normal; overflow: hidden; position: relative; }
div.case-wrapper .case-list dl dt img{ width: 100%; }
div.case-wrapper .case-list dl dt span.thumb{ position: relative; z-index: 1; }
div.case-wrapper .case-list dl dt span.thumb-logo{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 2;
    /* transition: all 0.5s linear 0s;
     -moz-transition: all 0.5s linear 0s;
     -webkit-transition: all 0.5s linear 0s;
     -o-transition: all 0.5s linear 0s;*/
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
div.case-wrapper .case-list dl dt span.thumb-logo img{ width: auto; max-width: 80%; }
div.case-wrapper .case-list dl dt span.tag{ display: inline-block; font-size: 14px; line-height: 14px; padding: 10px 15px; color: #FFF; position: absolute; top: 15px; left: 15px; z-index: 10; border: 1px solid #FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
div.case-wrapper .case-list dl dt span.tag:hover{ background-color: rgba(0, 0, 0, .2); }
div.case-wrapper .case-list dl:hover span.thumb-logo{ /*top: -100%; left: -100%;*/
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

div.case-wrapper .case-list dl dd{ width: 100%; background-color: rgba(0, 0, 0, .6); color: #FFF; position: absolute; left: 100%; bottom: 0; z-index: 12;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.3s linear 0s; /* Opera */
}
div.case-wrapper .case-list dl:hover dd{ left: 0; }
div.case-wrapper .case-list dl dd span.tit{ display: block; width: 100%; height: 100%; padding: 10px; color: #FFF; }
div.case-wrapper .case-list dl dd span.tit:hover, div.case-wrapper .case-list dl dd span.tit:focus{ color: #FFF; text-decoration: none; }
div.case-wrapper .case-list dl dd h2{ font-size: 24px; line-height: 24px; padding: 12px 0 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.case-wrapper .case-list dl dd h2:after{ display: block; width: 70px; height: 2px; background-color: #999; content: ''; margin-top: 15px; }
div.case-wrapper .case-list dl dd p{ font-size: 14px; line-height: 18px; padding:  15px 0; color: #999; }

div.service-wrapper ul.all-catalog{ width: 100%; padding-bottom: 30px; display: none; }
div.service-wrapper ul.all-catalog li{ display: inline-block; padding: 5px; }
div.service-wrapper ul.all-catalog li a{ display: inline-block; background-color: #FFF; color: #333; padding: 10px 12px; font-size: 14px; line-height: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.service-wrapper ul.all-catalog li a:hover, div.service-wrapper ul.all-catalog li a:focus{ text-decoration: none; }
div.service-wrapper ul.all-catalog li a:hover, div.service-wrapper ul.all-catalog li.active a{ color: #FFF; background-color: #008d43; }


@media (max-width: 1200px) {
    div.case-wrapper .case-list a.link{ width: 50%; }
}

@media (max-width: 768px) {
div.case-wrapper .case-list dl dt span.tag{ display:none; }
div.case-wrapper .case-list dl dd{ left:0; }
    div.case-wrapper .case-list dl dd span.tit h2{ font-size: 18px; padding-bottom: 12px; }
    div.case-wrapper .case-list dl dd span.tit h2:after{ display: none; }
    div.case-wrapper .case-list dl dd span.tit p{ display: none; }
}

@media (max-width: 640px) {
    div.case-wrapper .case-list a.link{ width: 100%; padding: 20px 0; }
}

/*paging*/
div.paging{ width: 100%; text-align: center; padding: 30px 0; }
div.paging a{ display: inline-block; vertical-align: middle; width: 70px; height: 70px; margin: 0 5px; box-shadow: 0 0 12px rgba(0, 0, 0, .1); 
background: #FFF no-repeat center center; background-size: 100%; }
div.paging a.btn-left{ background-image: url("../images/case_view/btn_left.png"); }
div.paging a.btn-menu{ background-image: url("../images/case_view/btn_menu.png"); }
div.paging a.btn-right{ background-image: url("../images/case_view/btn_right.png"); }


.page-box{ overflow:hidden;position:relative; margin:20px auto 50px auto; text-align: center}
.pagebj{padding:7px 25px; background:#fff; display:inline-block;border-radius:30px; }
.pagebj li{display: inline-block}
.pagebj li a{ color:#666; display:inline-block; *display:inline; height:40px; width:40px; line-height:40px; font-size: 16px; margin:0 5px;border-radius:50%; text-decoration: none;}
.pagebj li.active a,.pagebj li a:hover{ background:#666; color:#ffffff;}

@media screen and (max-width: 768px){
	.page-box .page{display: none}
}

/*case_view_paging*/
div.case_view_paging{ position: fixed; top: 0; right: 0; z-index: 999; }
div.case_view_paging:after{ display: block; content: ''; clear: both; }
div.case_view_paging a{ display: block; vertical-align: middle; width: 70px; height: 70px; margin: 0; border: 1px solid #DDD; background: #FFF 
no-repeat center center; background-size: 100%; float: left; overflow: hidden; font-size: 0px; text-indent: -99999px}
div.case_view_paging a.go_back{ background-image: url("../images/case_view/btn_back.png"); border-right: 0; }
div.case_view_paging a.btn-left{ background-image: url("../images/case_view/btn_left.png"); }
div.case_view_paging a.btn-menu{ background-image: url("../images/case_view/btn_menu.png"); border-left: 0; border-right: 0; }
div.case_view_paging a.btn-right{ background-image: url("../images/case_view/btn_right.png"); }


@media (max-width: 768px) {
    div.paging a{ width: 50px; height: 50px; }
    div.case_view_paging{ left: 50%; margin-left: -105px; top: auto; bottom: 30px; }
    div.case_view_paging a{ background-color: rgba(255, 255, 255, .9); }
	div.case_view_paging a.go_back{display: none}
}


div.case-filter{ width: 100%; position: fixed; top: 0; right: 0; z-index: 999; }
div.case-filter:after{ display: block; content: ''; clear: both; }

div.case-filter .item{ float: right; }
div.case-filter .item:after{ display: block; content: ''; clear: both; }
div.case-filter .item a{ display: block; width: 80px; height: 80px; float: left; }
div.case-filter .item a.text{ width:auto; padding-right:12px; font-size: 16px; line-height: 80px; color: #333; }
div.case-filter .item a.text span{ color: #999; }
div.case-filter .item a.text:hover, div.case-filter .item a.text:focus{ text-decoration: none; }

div.case-filter .item a.filter, div.case-filter .item a.search{ background: #FFF no-repeat center center; border: 1px solid #e3e3e3;  }
div.case-filter .item a.filter{ border-right: 0; background-image: url("../images/case/filter.png"); }
div.case-filter .item a.search{ background-image: url("../images/search2.png"); }

div.case-filter .search-wrap{ display: none; width: 100%; height: 80px; padding: 0 80px; background-color: #FFF; border-bottom: 1px solid #e3e3e3; 
position: absolute; top: 0; right: 0; z-index: 10; }
div.case-filter .search-wrap a.btn-close{ width: 80px; height: 80px; background: #008d43 url("../images/case/close.png") no-repeat center center; 
display: block; position: absolute; top: 0; right: 0; z-index: 1; }
div.case-filter .search-wrap form.search-box{ width: 100%; height: 100%; }
div.case-filter .search-wrap form.search-box{}
div.case-filter .search-wrap form.search-box input[type=text]{ width: 100%; height: 100%; border: 0; background: no-repeat; outline: none; padding: 0 
20px; font-size: 16px; }
div.case-filter .search-wrap form.search-box input.search{width: 80px; height: 80px; background:url("../images/search2.png") no-repeat center center; 
display: block; position: absolute; top: 0; right: 80px; z-index: 1; border: none}

div.filter-nav{ display: none; height: 100%; background-color: #FFF; border-left: 1px solid #e8e8e8; position: fixed; top: 0; right: 0; z-index: 9991; 
}
div.filter-nav a.btn-close{ width: 80px; height: 80px; background: #008d43 url("../images/case/close.png") no-repeat center center; position: absolute; 
top: 0; left: -80px; }

div.filter-nav ul.list{ width: 100%; height: 100%; padding: 30px 0; position: relative; }
div.filter-nav ul.list div.tit{padding: 0 96px 0 16px;font-size: 20px; line-height: 80px; color:#222;}
div.filter-nav ul.list div.tit span{display: inline-block; width: 80px;}
div.filter-nav ul.list li{ position: relative; z-index: 10; }
div.filter-nav ul.list li:hover{background: #f3f3f3}
div.filter-nav ul.list li:hover span{background: #eaeaea}
div.filter-nav ul.list li span, div.filter-nav ul.list li a{ display: inline-block; vertical-align: middle; padding: 12px 15px; color: #999;
    overflow:hidden;margin: 0;

}
div.filter-nav ul.list li span{ width: 80px; text-align: right; }
div.filter-nav ul.list li a{ min-width: 178px; font-size: 16px; line-height: 16px; }
div.filter-nav ul.list li.active span, div.filter-nav ul.list li.active a{ color: #333; }
div.filter-nav ul.list li.active{background: #ededed}
div.filter-nav ul.list li.active span{background: #e1e1e1}
div.filter-nav ul.list li a:hover, div.filter-nav ul.list li a:focus{ text-decoration: none; }
div.filter-nav ul.list:before{ display: block; content: ''; background-color: #f5f5f5; width: 80px; height: 100%; position: absolute; left: 0; top: 0; 
z-index: 1; }


@media (max-width: 768px) {
    div.case-filter{ top: 80px; display: none; }
    div.case-filter .search-wrap{ padding-left: 0; }
    div.case-filter .search-wrap a.btn-close{ width: 73px; }

    div.case-filter .item{ width: 60px; }
    div.case-filter .item a{ width: 60px; height: 60px; }
    div.case-filter .item a.text, div.case-filter .item a.search{ display: none; }

    div.filter-nav{ padding-top: 60px; }
    div.filter-nav a.btn-close{ top: 80px; }
}

@media (max-width: 375px) {
    div.case-filter{ top: 60px; }

    div.filter-nav{ padding-top: 50px; }
    div.filter-nav a.btn-close{ top: 60px; }

    div.filter-nav ul.list:before, div.filter-nav ul.list li span{ width: 60px; }
    div.filter-nav ul.list li a{ min-width: inherit; }
}

/*case-view-banner*/
div.case-view-banner{ width: 100%; height: 100%;  position: relative; top: 0; left: 0; z-index: 1; }
.case_body{ width: 100%; overflow-x: hidden; overflow-y: auto; }
div.sm-top-banner{ display: none; width: 100%; }
div.sm-top-banner img{ width: 100%; }

@media (max-width:1024px) {
    .case_body{ background: none; }
    div.case-view-banner{ display: none;  }
    div.sm-top-banner{ display: block; }
}

/*case-view-wrapper*/
div.case-view-wrapper{ position: relative; z-index: 99; }


div.case-view-info{ width: 100%; background: #FFF; padding: 80px 0; }
div.case-view-info:after{ display: block; content: ''; clear: both; }
div.case-view-info .left, div.case-view-info .right{ width: 50%; }
div.case-view-info .left{ float: left; }
div.case-view-info .left h1{ font-size: 36px; padding: 15px 0; }
div.case-view-info .left p{ font-size: 14px; color: #666; line-height: 24px; }
div.case-view-info .left p.icon:before{ display: inline-block; width: 20px; height: 20px; margin-right: 6px; content: ''; vertical-align: middle; 
background: no-repeat left center; }
div.case-view-info .left p.icon.clock:before{ background-image: url("../images/case_view/clock.png"); }
div.case-view-info .left p.icon.service:before{ background-image: url("../images/case_view/star.png"); }
div.case-view-info .left p.icon.menu:before{ background-image: url("../images/case_view/menu.png"); }
div.case-view-info .left p.icon.link:before{ background-image: url("../images/case_view/link.png"); }

div.case-view-info .bdsharebuttonbox{ padding-top: 20px; }
div.case-view-info .bdsharebuttonbox a{ display: inline-block; width: 38px; height: 38px; background: no-repeat center center; margin: 0 5px; }
div.case-view-info .bdsharebuttonbox a.bds_tsina{ background-image: url("../images/case_view/icon_wb.png"); }
div.case-view-info .bdsharebuttonbox a.bds_qzone{ background-image: url("../images/case_view/icon_qzone.png"); }
div.case-view-info .bdsharebuttonbox a.bds_huaban{ background-image: url("../images/case_view/icon_huaban.png"); }
div.case-view-info .bdsharebuttonbox a.bds_weixin{ background-image: url("../images/case_view/icon_wx.png"); }


div.case-view-info .right{ font-size: 16px; color: #999; line-height: 28px; float: right; }
div.case-view-info .right p{ text-indent: 2em; }

@media (max-width: 1200px) {
    div.case-view-info .left, div.case-view-info .right{ width: 100%; float: none; }
    div.case-view-info .right{ padding-top: 30px; }
}

@media (max-width: 768px) {
    div.case-view-info{ padding: 36px 0 50px; }
    div.case-view-info .left h1{ font-size: 28px; }
    div.case-view-info .right{ display: none; }
}

@media (max-width: 420px) {
    div.case-view-info .left h1{ font-size: 20px; }
}

div.case-view-content{ width: 100%; overflow: hidden;background: #333; padding: 50px 0;}
div.case-view-content img{ max-width: 100%; }

@media (max-width: 768px) {
	div.case-view-content{padding: 0; background: #f1f1f1}
}


div.case-view-bottom{ width: 100%; background-color: #f5f5f5; padding: 35px 0; }
div.case-view-bottom dl.tags{ width: 100%; display: table; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.case-view-bottom dl.tags dt, div.case-view-bottom dl.tags dd{ display: table-cell; font-size: 16px; color: #666; padding: 12px 0; }
div.case-view-bottom dl.tags dt{ width: 20px; padding-left: 30px; white-space: nowrap; background: url("../images/case_view/tag.png") no-repeat left 
center; }
div.case-view-bottom dl.tags dd a{ color: #666; }

div.case-view-bottom .btm-link{ padding: 15px 0; font-size: 16px; color: #666; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; margin: 
15px 0; }
div.case-view-bottom .btm-link p{ padding: 3px 0; }
div.case-view-bottom .btm-link a[href]{ color: #336699; }
div.case-view-bottom .btm-link a{ color: #666; }

@media (max-width: 768px) {
	div.case-view-bottom{padding: 15px 0;}
	div.case-view-bottom dl.tags{display: none}
    /*div.case-view-bottom dl.tags dt, div.case-view-bottom dl.tags dd{ font-size: 14px; }*/
    div.case-view-bottom .btm-link{ font-size: 14px; }
}

/*news-wrapper*/
div.news-wrapper{  }
div.news-wrapper .news-list{ padding-bottom: 50px; position: relative; }
div.news-wrapper .news-list:after{ display: block; content: ''; clear: both; }
div.news-wrapper .news-list a.box{ display: block; width: 100%; overflow: hidden; background: #FFF; margin: 10px 0; float: left; }
div.news-wrapper .news-list a.box:hover ,div.news-wrapper .news-list a.box:focus{ text-decoration: none; color: #333; }
div.news-wrapper .news-list .box span.thumb{ width: 100%; display: block; overflow: hidden; }
div.news-wrapper .news-list .box span.thumb img{ width: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.news-wrapper .news-list .box span.thumb:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
div.news-wrapper .news-list .box .info{ padding: 20px 30px; }
div.news-wrapper .news-list .box .info h2{ font-size: 20px; margin-bottom: 8px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.news-wrapper .news-list .box .info h2{ color: #666; }
div.news-wrapper .news-list .box .info h2:hover{ color: #333; }
div.news-wrapper .news-list .box .info p{ font-size: 14px; color: #666; }
div.news-wrapper .news-list .box .btm{ font-size: 14px; color: #666; border-top: 1px solid #DDD; padding: 20px 30px; }
div.news-wrapper .news-list .box .btm span.more{ display: block; width: 24px; height: 8px; margin-top: 5px; background: url("../images/news/ico_08.png") no-repeat left top; float: right; }


/*news-detail*/
div.news-detail{ padding: 135px 0 20px; }
div.news-detail .inner{ background-color: #FFF; padding: 50px; box-shadow: 0 0 12px rgba(0, 0, 0, .2) }
div.news-detail .title{ border-bottom: 1px solid #CCC; padding-bottom: 20px; }
div.news-detail .title h1{ font-size: 30px; padding-bottom: 15px; }
div.news-detail .title .left{ float: left; }
div.news-detail .title .left span{ display: inline-block; padding-left: 20px; margin-left: 25px; font-size: 12px; color: #999; line-height: 16px; 
background: no-repeat left center; }
div.news-detail .title .left span:first-child{ margin-left: 0; }
div.news-detail .title .left span.clock{ background-image: url("../images/news_view/clock.png"); }
div.news-detail .title .left span.count{ background-image: url("../images/news_view/count.png"); }
div.news-detail .title .left span.font{ background-image: url("../images/news_view/font.png"); cursor: pointer; }
div.news-detail .title .left span.print{ background-image: url("../images/news_view/print.png"); cursor: pointer; }

div.news-detail .title .bdsharebuttonbox{ float: right; }
div.news-detail .title .bdsharebuttonbox a{ display: inline-block; width: 38px; height: 38px; background: no-repeat center center; }
div.news-detail .title .bdsharebuttonbox a.bds_qzone{ background-image: url("../images/news_view/icon_qzone.png"); }
div.news-detail .title .bdsharebuttonbox a.bds_tsina{ background-image: url("../images/news_view/icon_sina.png"); }
div.news-detail .title .bdsharebuttonbox a.bds_huaban{ background-image: url("../images/news_view/icon_huaban.png"); }
div.news-detail .title .bdsharebuttonbox a.bds_weixin{ background-image: url("../images/news_view/icon_wx.png"); }

div.news-detail .title:after{ display: block; content: ''; clear: both; }

div.news-detail .content{ padding: 20px 0; font-size: 14px; line-height: 28px; }
div.news-detail .content p{margin: 10px 0 20px 0;text-indent: 1em;}
div.news-detail .content img{ max-width: 100% !important; height: auto!important}

@media (max-width: 1200px) {
    div.news-detail .title h1{ font-size: 24px; }
    div.news-detail .inner{ padding: 30px; }
}

@media (max-width: 768px) {
	div.news-wrapper .news-list{padding-bottom:0px;}
    div.news-detail{ padding-top: 35px; }
    div.news-detail .inner{ padding: 30px 20px; }
    div.news-detail .title .left{ width: 100%; text-align: center; }
    div.news-detail .title .left span{ margin-left: 15px; }
    div.news-detail .title .bdsharebuttonbox, div.news-detail .title .left span.print, div.news-detail .title .left span.font{ display: none; }
}
@media (max-width: 640px){
	div.news-detail .content p{text-indent:inherit;}
}

@media (max-width: 375px) {
    div.news-detail .title h1{ font-size: 18px; }
    div.news-detail .content{ font-size: 12px; line-height: 24px; }
}

.not-allowed {cursor: not-allowed;}
.no-result {background: url(../images/no-result.png) no-repeat top center; width: 100%; height: 300px; text-align: center; padding-top: 220px; 
font-size: 14px;}

div.case-view-banner:before{ display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;
    background: -ms-linear-gradient(top, transparent,  rgba(0, 0, 0, .8));        /* IE 10 */
    background:-moz-linear-gradient(top,transparent,rgba(0, 0, 0, .8));/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(transparent), to(rgba(0, 0, 0, .8)));/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, .8)));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .8));  /*Opera 11.10+*/
}
div.touch-upDown{ padding: 0 60px 80px 180px; position: absolute; right: 30px; bottom: 0; width: 100%; z-index: 10; }
div.touch-upDown .info{ width: 50%; color: #FFF; }
div.touch-upDown .info h2{ font-size: 48px; font-weight:bold; position: relative; }
div.touch-upDown .info h2:after{ display: block; content: ''; border-bottom: 2px solid #FFF; width: 90px; margin: 15px 0; }
div.touch-upDown .info p{ font-size: 12px; padding-top:15px; color: #999}
div.touch-upDown a.btn-down{ display: block; background: url("../images/top/download.svg") no-repeat left top; background-size: 100%; width: 52px; height: 64px; position: absolute; bottom: 90px; right: 36px; z-index: 1;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.touch-upDown a.btn-down.active{ bottom: 120px;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}

@media (max-width: 1200px) {
    div.touch-upDown{ padding: 0 36px 60px 146px; }
    div.touch-upDown .info{ width: 70%; }
    div.touch-upDown .info h2{ font-size: 42px; }
   
}

@media (max-width: 768px) {
    div.touch-upDown{ display: none; }
}

#link_index{padding: 20px 80px; background: #eee; margin-bottom: 30px; display: block; overflow: hidden;}
#link_index span { overflow: hidden; display: block; color: #aaa; font-size: 16px; margin-bottom: 0.5em; font-weight: bold; background: url("../images/links_ico.png") no-repeat center left; padding-left: 25px;}
#link_index span em{font-size: 12px; font-style: normal; color: #ccc; font-weight: normal}
#link_index ul { display: block; overflow: hidden; line-height: 1.2;}
#link_index ul li{float: left; font-size: 12px; margin-right:15px; margin-top: 10px; }
#link_index ul li a{color: #aaa;}
@media (max-width: 1200px) {#link_index{display: none}}

/*back2Top*/
div.back2Top{ display: none; width: 60px; position:fixed; right:15px; bottom:180px; z-index:9997; }
div.back2Top a{ display: block; width: 60px; height:60px; background:no-repeat center center; margin-bottom: 10px; }
div.back2Top a.service-qq{ background-image:url('../images/top/top_qq.png'); }
div.back2Top a.service-qq:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #f10000, #f10000);
    position: absolute;
    right: 1px;
    top: 1px;
	z-index: 50;}
div.back2Top a.service-message{ background-image:url('../images/top/top_02.png'); }
div.back2Top a.service-ewm{ background-image:url('../images/top/top_ewm.png'); }
div.back2Top a.btn-up{ background-image:url('../images/top/top_03.png'); }
div.back2Top a.btn-up:hover{ margin-top: 10px; background-image:url('../images/top/top_04.png'); }
div.back2Top.showTop{ display: block; }

@media (max-width: 768px) {
    div.back2Top.showTop{ display: none; }
}

div.footer .flex-item a{color:#9a9c9e}

@media (max-width: 1024px) {
	div.footer .flex-item span.webmap{display: none}
}


.sitemap {
    width: 100%;
    padding-left: 80px;
	padding-right: 80px;
    overflow: hidden;
    padding-bottom: 50px;
}
	@media (max-width: 1200px){
		.sitemap {padding-left: 36px;padding-right: 36px;}
	}
	@media (max-width: 768px){
		.sitemap {padding-left: 15px;padding-right: 15px;}
	}
.sitemap h1 {
    font-size: 30px;
    color: #333;
    padding: 80px 0 30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 36px;
}
.sitemap dl {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding-bottom: 60px;
}
.sitemap dl dt {
    font-size: 20px;
    color: #333;
    line-height: 28px;
    padding-bottom: 13px;
}
.sitemap dl dt a{color: #000}
.sitemap dd {
    display:inline-block;
	font-size: 14px;
	float: left;
	margin-right: 15px;
}
.sitemap dd a{color: #999}

#sale_info{background: #fff; width: 100%; padding: 20px 80px; }
#sale_info .live_chat {width: 530px;overflow: hidden;margin: 10px auto 30px; display: flex; align-items: center}
#sale_info .live_chat .live_img {float: left;width: 128px; border: 1px solid #f1f1f1; margin-right: 20px;}
#sale_info .live_chat .live_img img {width: 100%;display: block;}
#sale_info .live_chat .live_txt {float: right;width: 380px;}
#sale_info .live_chat .live_txt h3 {height: 36px;line-height: 36px;font-weight: normal;font-size: 16px;margin: 0 0 5px 0;}
#sale_info .live_chat .live_txt p {line-height: 24px;overflow: hidden;font-size: 14px;color: #999;}
#sale_info p.about_info{font-size: 14px; margin-bottom:10px;color: #666;border-top: 1px solid #dcdcdc;padding-top: 30px;}
#sale_info p.about_info a{color: #666}

@media (max-width: 1200px){
	#sale_info{padding: 20px 36px;}
}

@media (max-width: 768px){
	#sale_info{padding: 20px 15px;}
	#sale_info .live_chat {width: 100%; text-align: center}
	#sale_info .live_chat .live_img {float: none;width: 160px;margin:0 auto 10px auto;}
	#sale_info .live_chat .live_txt {float: none;width: 100%;}
}

.padnone{padding-left: 0px!important; padding-right: 0px!important; border-top: 1px solid #dcdcdc; margin-top: 10px;}


#linkbox{padding: 20px 80px;background: #eee;margin-bottom: 30px;display: block;overflow: hidden;color: #9b9b9b;}
.site_link{display: block;width: 100%; position: relative; margin: 5px 0;}
.linklist{width: 100%;padding-right: 100px; height: 22px;overflow: hidden;}
.linklist2 {height: auto;}
.linklist span {font-size: 14px;color:#999;margin-bottom: 10px; font-weight: bold;}
.linklist a {color: #9b9b9b; margin-right: 13px; line-height: 1.6; font-size: 14px;white-space:nowrap}
.linklist span.txt {color: #9b9b9b; line-height: 1.6; font-size: 14px; font-weight: normal}
.link_cose {cursor: pointer;position: absolute;width: 50px;right: 0;top: 0;color: #999;font-size: 14px;background: url(/themes/2017/images/like01.png) no-repeat center right;}
.link_cose2 {background: url(/themes/2017/images/like02.png) no-repeat center right;}
@media (max-width: 1200px){
	#linkbox{padding-right: 36px;padding-left: 36px;}
}
@media (max-width: 768px){
	#linkbox{display: none}
}