@charset "utf-8";
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(../images/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;}
*/
div.header a.menu{left: auto;margin-left: auto;right: 20px;border-left: 1px solid #DDD;}
div.header a.smile{width: auto;height: 100%;padding: 0 20px;left: auto;margin-left: 0;right: 50px;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;}}

div.navigation{display: none;width: 100%;height: 100%;overflow-y: auto;padding-left: 80px;background: url("../images/menu_bg.jpg") #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: #f47427;border: 1px solid #f47427;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;}}
div.touch-service{display: none;width: 100%;height: 100%;overflow-y: auto;padding-left: 80px;color: #FFF;background-color: #f47427;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: #f47427;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-right: 15px;margin-bottom: 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: #f47427;}

@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: #f47427;}}

@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;}}
div.message-service{width: 100%;color: #FFF;height: 100%;background-color: #f47427;position: relative;}
div.message-service .container{width: 100%;height: 100%;padding: 80px;}
div.nav-header{width: 80px;height: 100%;border-right: 1px solid #d9251b;background-color: #f47427;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 #d9251b;}
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;}

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 input::-webkit-input-placeholder,
div.message-service form.update .ipt-input textarea::-webkit-input-placeholder{color: #589d73;}
div.message-service form.update .ipt-input input::-moz-placeholder,
div.message-service form.update .ipt-input textarea::-moz-placeholder{color: #589d73;}
div.message-service form.update .ipt-input input:-ms-input-placeholder,
div.message-service form.update .ipt-input textarea:-ms-input-placeholder{color: #589d73;}
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;}}
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: #f47427;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: #f47427;}

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

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

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;}

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;}
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: #f47427;line-height: 26px;padding-bottom: 12px;}
div.box-who .info b{font-family: proximasansblackregular;text-transform : uppercase;color: #333;font-size: 80px;line-height: .82;display: block;}
div.box-who .info h5{font-size: 56px;line-height: 60px;color: #333;font-family: proximasansblackregular;text-transform: uppercase;}
div.box-who .info span.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 b{font-size: 80px;}}

@media (max-width: 1200px){
div.box-who{padding-left: 36px;}
div.box-who .info b{font-size: 80px;}
div.box-who .info p i{font-size: 18px;}
div.box-who .info h5{font-size: 36px;line-height: 50px;}
div.box-who.first{height: 500px;}
div.box-who .video-box{width: 500px;height: 494px;position: absolute;top: 0;right: 0;z-index: 1;}
.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;}
}

@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 b{font-size: 60px;}
div.box-who .info h5{font-size: 32px;line-height: 40px;}
.news_index{padding:0 15px;}
div.box-who.first{height: 360px;}
div.box-who .video-box{width: 400px;height: 395px;position: absolute;top: 0;right: 0;z-index: 1;}
}

@media (max-width: 560px){div.box-who.first{padding-bottom: 35px;height: auto;}
div.box-who .info p.we{font-size: 16px;}
div.box-who .info b{font-size: 38px;}
div.box-who .info p.value{font-size: 16px;}
div.box-who .info span.value{font-size:20px;}
div.box-who .info p i{font-size: 16px;}
.news_index{padding:0px;}
div.box-who .video-box{display: none;}
}

@media (max-width: 320px){div.box-who .info b{font-size: 32px;}
div.box-who .info span.value{font-size:18px;}}

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: 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.our-work .item dl:hover dd{left:100%;}
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: 20px;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: 18px;}}

@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:16px;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{margin-left: -15px;}
.zp-slide .item{display:block;width:100%;padding-left: 15px;}
.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;}}

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: #f47427;}
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: #f47427;}
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: #f47427;}
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:#f47427;}
.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: #f47427;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 span{font-size: 36px;color: #FFF;padding: 12px 0;font-family: proximasansblackregular;display: block;}
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 span{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 span{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 span{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 span{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;}}
.IndexService{background: #1c1e1f;width: 100%;padding:0 80px;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: #f47427;}
.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;}
.IndexService div.index-more{padding-top: 30px;}

@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_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;}
.IndexService div.index-more{padding-top: 0px;}}

@media screen and (max-width:768px){.IndexService{padding: 0 15px;}
.IndexService .IndexService_content .IndexService_content_title dt{font-size: 12px;}
.IndexService .IndexService_content .IndexService_content_body .content_body_list:before{content: "";display:block;width: 60px;height: 60px;margin: 10px auto;}
.IndexService .IndexService_content .IndexService_content_body .ico-sv-01:before{background: url("../images/ico-sv-01.png")no-repeat center center;background-size: cover}
.IndexService .IndexService_content .IndexService_content_body .ico-sv-02:before{background: url("../images/ico-sv-02.png")no-repeat center center;background-size: cover}
.IndexService .IndexService_content .IndexService_content_body .ico-sv-03:before{background: url("../images/ico-sv-03.png")no-repeat center center;background-size: cover}
.IndexService .IndexService_content .IndexService_content_body .ico-sv-04:before{background: url("../images/ico-sv-04.png")no-repeat center center;background-size: cover}}

@media screen and (max-width:560px){.IndexService{padding: 0 15px;}
.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: 60px 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: 'QUALITY';}
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: 100px;color: #333;font-family: proximasansblackregular;word-break: break-all;font-weight: normal}
div.service-wrapper .ser-title h4{font-size: 30px;color: #f47427;}
div.service-wrapper .ser-title p{font-size: 20px;color: #333;}
div.service-wrapper .ser-title p a{color: #f47427;}
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 ;text-align: center}
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: #f47427;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");}

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");}

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.job-wrap .service-list a.flex-item:hover:nth-child(7){background-image: url("../images/linkBg/job_bg_07.jpg");}
div.service-wrapper.job-wrap .service-list a.flex-item:hover:nth-child(8){background-image: url("../images/linkBg/job_bg_08.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;}
div.service-wrapper .service-list a.flex-item h2 span.en{font-size: 18px;}
div.service-wrapper .service-list a.flex-item img{max-width: 50%;}}

/*@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;}
div.service-wrapper .service-list a.flex-item img{max-width: 30%;}
div.service-wrapper .service-list a.flex-item{height: 320px;}
div.service-wrapper .service-list a.flex-item p{font-size: 12px;}
div.service-wrapper .service-list a.flex-item h2{font-size: 20px;}
div.service-wrapper .service-list a.flex-item h4{font-size: 16px;}}

@media (max-width: 560px){div.service-wrapper .service-list a.flex-item{padding: 20px 5px;}
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}
div.service-wrapper .service-list a.flex-item h2 span.en{font-size: 16px;}
div.service-wrapper .service-list a.flex-item:hover h2 span.cn{font-size: 16px;}}

@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: #f47427;}

@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;margin: 40px 0 0 0}}
/*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: #f47427;}
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: #f47427;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,div.view-points .titlem b{font-size: 56px;color: #333;font-family: proximasansblackregular;line-height: 56px;padding: 8px 0 12px;font-weight: normal}
div.view-points .title h4,div.view-points .titlem h4{font-size: 24px;color: #f47427;}
div.view-points .title p,div.view-points .titlem 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;text-align: right}
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: #f47427;}
div.view-points ul.list:after{display: block;content: '';clear: both;}
div.view-points ul.media-list .media-left{width: 30%;}
div.view-points ul.media-list .media-left img{width: 100%;}
div.view-points ul.media-list h4{color:#333;}
div.view-points ul.media-list .media-right,div.view-points ul.media-list .media-body{width: 70%;color:#999;}
div.view-points ul.list li , div.view-points .title{display:block}
div.view-points ul.media-list li , div.view-points .titlem {display: none;}

@media (max-width: 1200px){
div.view-points ul.list li{width: 50%;}
div.view-points ul.list li , div.view-points .title{display:block}
div.view-points ul.media-list li , div.view-points .titlem {display: none;}
}

@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}
div.view-points ul.list li , div.view-points .title{display:block}
div.view-points ul.media-list li , div.view-points .titlem {display: none;}
}

@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}
div.view-points ul.list li ,div.view-points .title{display: none;}
div.view-points ul.media-list li , div.view-points .titlem {display: block;}
div.view-points ul.media-list .media-left{width: 30%;}
div.view-points ul.media-list .media-left img{width: 100%;}
div.view-points ul.media-list .media-right,div.view-points ul.media-list .media-body{width: 70%;}
}

@media (max-width: 560px){
div.view-points ul.list li ,div.view-points .title{display: none;}
div.view-points ul.media-list li , div.view-points .titlem {display: block;}
div.view-points ul.list li{width: 100%;float: none;padding: 15px 0 15px 20px;}
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 ,div.view-points .title{display: none;}
div.view-points ul.media-list li , div.view-points .titlem {display: block;}
div.view-points ul.list li a{width: 100%;}
div.view-points ul.list li span{display: none;}}

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: 75px 0;}
div.website-bottom .title{padding-bottom: 55px;text-align: center}
div.website-bottom .title h2{font-size: 30px;color: #333333;text-transform: uppercase;}
div.website-bottom .title p{font-size: 16px;color: #999999;margin-top: 12px;line-height: 28px;}
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:0 0 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: 18px;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: 1024px){div.website-bottom{padding: 30px 0;}
div.website-bottom .title{padding-bottom: 25px;}
div.website-bottom .title h2{font-size: 18px;padding-bottom: 0;}
div.website-bottom .title p{font-size: 14px;margin-top: 8px;line-height: 22px}}

@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 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;}
div.website-bottom .lists a:last-child{display: block;}}
/*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: #f47427;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: #f47427;}
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(244, 116, 39, 0.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: #f47427;}
div.about-wrapper .culture h4{font-size: 24px;color: #f47427;}
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: 30px;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: #f47427;margin-top: 5px;}
div.contact-wrapper .infos dl dd h3 a{color: #f47427;}
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: 20px;}
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: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.case-wrapper .case-list dl:hover dd{left:100%;}
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: 18px;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: #f47427;}

@media (max-width: 1500px){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{width: 100%;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 a{color:#666;display:inline-block;*display:inline;height:40px;line-height:40px;padding:0 12px;font-size: 16px;margin:0 5px;text-decoration: none;}
.pagebj li .first,.pagebj li .last{display: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.go_zt{background-image: url("../images/case_view/btn_zt.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-left-no{background-image: url("../images/case_view/btn_left_no.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");}
div.case_view_paging a.btn-right-no{background-image: url("../images/case_view/btn_right_no.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_view_paging a.go_zt{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: #f47427 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: #f47427 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;}
div.news-detail{padding: 50px 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}
div.news-detail .content a{color: #f47427;font-weight: bold;text-decoration:underline}

@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;font-size: 0px;overflow: hidden;text-indent: -9999px;}
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;}
#sale_info .live_chat .live_img{float: left;width: 128px;border: 1px solid #f1f1f1;margin-right: 10px;}
#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;}



section.content{width:100%;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
section.content.active{left:240px;}

.artlist ul.items{position:relative;top:0px;margin:0px 0px;margin-top:20px;padding:0px;list-style:none;}
.artlist ul.items li{margin-bottom:50px;height:166px;}
.artlist ul.items li span.date{display:block;float:left;width:58px;height:66px;padding-top:2px;color:White;font-size:24px;text-align:center;background:url("../Images/icons-1.png") no-repeat 0px -512px;}
.artlist ul.items li span.date u{display:block;margin-top:-5px;font-size:16px;text-decoration:none;}
.artlist ul.items li a.thumb{display:block;float:left;margin-left:12px;width:230px;border:3px solid White;background:White;}
.artlist ul.items li p.left{float:left;width:28%;display:block;padding-right:30px;}
.artlist ul.items li p.right{display:block;float:left;width:72%;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.artlist ul.items li p.right span.title{display:block;}
.artlist ul.items li p.right span.title a{color:#333;font-size:24px;text-decoration:none;}
.artlist ul.items li p.right span.title a:hover{color:#ff6600;}
.artlist ul.items li p.right span.rel{display:block;margin-top:10px;color:#999;font-family:Arial,"宋体";font-size:12px;}
.artlist ul.items li p.right span.rel u{margin:0 10px;color:#aaa;text-decoration:none;}
.artlist ul.items li p.right span.rel a{color:#999;text-decoration:none;}
.artlist ul.items li p.right span.rel a:hover{border-bottom:1px solid #999;}
.artlist ul.items li p.right span.summary{display:block;margin-top:15px;height:60px;color:#555;line-height:28px;overflow:hidden;}
.artlist ul.items li span.tags{display:block;margin-top:8px;}
.artlist ul.items li span.tags .glyphicon{color:#cccccc;}
.artlist ul.items li span.tags a{margin-left:10px;color:#cccccc;}

@media (max-width:1400px){
.artlist ul.items li p.left{float:left;width:35%;}
.artlist ul.items li p.right{display:block;float:left;width:65%;}
}

@media (max-width:1100px){
.artlist ul.items{margin-left:30px;}
section.toolbar.active,section.content.active{left:0px;}
.artlist ul.items li p.left{float:left;width:40%;}
.artlist ul.items li p.right{display:block;float:left;width:60%;}
}

@media (max-width:800px){
.toolbar .category,.toolbar .bt
.artlist ul.items{margin-right:30px;}
.artshow .box{margin-left:30px;}
.artshow aside,.dock{display:none;width:0px;}
.artlist ul.items li p.left{float:left;width:50%;}
.artlist ul.items li p.right{display:block;float:left;width:50%;}
}

@media (max-width:700px){
/*.artlist ul.items li p.left{display:none;width:0px;}*/
.artlist ul.items li p.left{width:100%;}
.artlist ul.items li p.right{width:100%;}
.artshow .box h1{font-size:24px;line-height:40px;}
.caseshow .words>dl.tags dt{margin-left:0px;}
.artlist ul.items li a.thumb{margin-left:0px;width:100%;}
}
@media (max-width:420px){.artlist ul.items li p.right span.title a{font-size:18px;line-height:30px;}}