@charset "utf-8";
*,:before,:after {margin: 0;padding: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,pre,form,fieldset,figure,figcaption,table,th,td img {margin: 0;padding: 0;}
body {font-family: "Microsoft YaHei", "微软雅黑";color: #333;font-size: 16px;line-height: 1.7;margin: 0 auto;background-color: #FFF;min-width: 1280px;}
ol,ul,li {list-style: none;}
i,em {font-style: normal;}
a {color: #333;text-decoration: none;outline: none;cursor: pointer;}
a:hover,a:active,a:link,a:visited { text-decoration: none;}
fieldset,img,video {max-width: 100%;border: none;vertical-align: middle;}

input,select,textarea,button {color: #333;font-size: 16px;font-family: "Microsoft Yahei", sans-serif;outline: none;border: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
input,button { border-radius: 0;-webkit-appearance: none;}
/*清除IOS默认圆角*/
textarea {resize: none;outline: none;border: none;-webkit-appearance: none;}
/*去除右下角拖动边框标识*/
input:-ms-clear { display: none;}
/*消除 IE10 里的叉号*/
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;outline: none;}

::-webkit-input-placeholder {color: #EEE;}
::-moz-placeholder {color: #EEE;}
:-ms-input-placeholder {color: #EEE;}
:-moz-placeholder {color: #EEE;}
table {border-collapse: separate;}

/*边线重叠*/
.clearfix:after {content: ".";display: block;height: 0;line-height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}
.transition {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.wrap {width: 98%;max-width: 1500px;margin: 0 auto}


/* 专题页 */
.header{width: 100%;padding: 40px 0;line-height: 60px;background-color: #327566;}
.logo{float: left;width: 206px;margin-top: -2px;}
.logo img {width: 100%;height: auto;}

.nav{float: left;width: 58%;margin-left: 50px;}
.nav li{float: left;margin-right: 26px;}
.nav li a{display: block;color: #FFF;font-size: 20px;padding: 0 5px;position: relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.nav li a:after{content: "";position: absolute;left: 0;bottom: -7px;width: 100%;height: 0;background-color: #FDCD50;}
.nav li.nav-on a,.nav li:hover a {margin-top: -10px;color:#FFCF50;}
.nav li.nav-on a:after,.nav li:hover a:after{height: 4px;}

.top-tel {float: right;margin-top: 4px;}
.top-tel p{background: url(../greenimg/top-tel.png) no-repeat left center;color: #FFF;font-size: 16px;line-height: 1.4;padding-left: 58px;}
.top-tel p strong{display: block;color: #ff945a;font-size: 28px;}

.green-base{background: url(../greenimg/green-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 150px 0 180px;text-align: center;}
.green-base h1{color: #F7F7F7;font-size: 130px;font-weight: 500;line-height: 1.3; background: url(../greenimg/green-tit.png) no-repeat center bottom;}
.green-base p{color: #E8E8E8;font-size: 32px;line-height: 1.2;margin-top: 44px;letter-spacing: 0.5px;}
.green-base p:before{content: '';display: inline-block;width: 50px;height: 2px;background-color: #E8E8E8;vertical-align: middle;margin-top: -5px;margin-right: 18px;}
.green-base p:after{content: '';display: inline-block;width: 50px;height: 2px;background-color: #E8E8E8;vertical-align: middle;margin-top: -5px;margin-left: 18px;}

.green-name{position: relative;padding-top: 36px;padding-bottom: 25px;margin-bottom: 30px;}
.green-name:before{content: "";position: absolute;left: 0;top: 0;width: 583px;height: 80px;background: url(../greenimg/green-font.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.green-name:after{content: "";position: absolute;left: 0;bottom: 0;width: 100px;height: 6px;background: -webkit-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -moz-linear-gradient(left, #FF753A 0%, #FF965C 100%);background: -ms-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -o-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: linear-gradient(to right, #FF753A 0%,#FF965C 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF753A, endColorstr=#FF965C, GradientType=1);}
.green-name h2{color: #285E51;font-size: 40px;line-height: 1.2;}
.green-name.names{text-align: center;}
.green-name.names:before,.green-name.names:after{right: 0;margin: 0 auto;}
.green-text{color: #4C4C4C; font-size: 22px;line-height: 1.7;}


/* 01 */
.green-one{background: url(../greenimg/green-onebg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:40px 0 80px;}
.one-fl{float: left;width: 50%;}
.one-fl p{padding-top: 24px;}
.one-fl img{max-width:744px;width: 100%;margin-top: 70px;margin-left: -18px;}
.one-fr{float: right;width: 48%;}
.one-fr img{margin-top: 40px;}


/* 02 */
.green-two{background: url(../greenimg/green-twobg.jpg);padding:40px 0 60px;}
.two-text{text-align: center;width: 64%;margin: 0 auto;}
.two-show{margin-top: 40px;position: relative;z-index: 0;}
.two-show:before{content: "";position: absolute;top: 0;right:0;bottom:0;width: 60%; background: url(../greenimg/green-twobg01.png);-webkit-border-radius: 40px 40px 50px 40px;-moz-border-radius: 40px 40px 50px 40px;-ms-border-radius: 40px 40px 50px 40px;-o-border-radius: 40px 40px 50px 40px;border-radius: 40px 40px 50px 40px;-webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);-ms-box-shadow: 0 0 25px rgba(0,0,0,.1);-o-box-shadow: 0 0 25px rgba(0,0,0,.1);box-shadow: 0 0 25px rgba(0,0,0,.1);z-index: -1;}
.two-fl{float: left;width: 48%;}
.two-fl img{width: 100%;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,.1);-ms-box-shadow: 0 0 20px rgba(0,0,0,.1);-o-box-shadow: 0 0 20px rgba(0,0,0,.1);box-shadow: 0 0 20px rgba(0,0,0,.1);margin: 50px 0;}
.two-fr{float: left;width: 52%;padding: 36px 60px 36px 40px;}
.two-fr strong{color: #275D50;font-size: 30px;font-weight: normal; line-height: 1.6;}
.two-fr ul{margin-top: 30px;margin-left: -4%;}
.two-fr ul li{float: left;width: 46%;margin-left: 4%;position: relative;}
.two-fr ul li:before{content: "";position: absolute;right: 0;top: 0;bottom:0;width:40%;background: url(../greenimg/green-twobg02.png);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;z-index: -1;}
.two-fr ul li img{width: 83%;-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);-o-box-shadow: 0 0 10px rgba(0,0,0,.2);box-shadow: 0 0 10px rgba(0,0,0,.2);}
.two-fr ul li span{position: absolute;right:12px;top:26px;color: #326458;font-size: 24px;width: 30px;line-height: 28px;}
.two-fr p{color: #5C5C5C;font-size: 26px;position: relative;padding-left: 40px;margin-top: 30px;}
.two-fr p:before{content: "";position: absolute;left: -40px;top: 10px;width: 66px;height: 24px;background: url(../greenimg/green-twoline.png) no-repeat;}


/* 03 */
.green-pro{background: url(../greenimg/green-probg.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 50px 0 70px;}
.pro-main{position: relative;}
.pro-base{position: absolute;left: 0;top: 0;}
.pro-base .green-name:before{background-image: url(../greenimg/green-fonts.png);}
.pro-base .green-name h2{color: #FEFEFE;}
.green-tab{margin-top: 60px;}
.green-tab span{display: inline-block; width: 190px;height: 52px;line-height: 52px;text-align: center; border:1px solid #D7FCF4;color: #D7FCF4;font-size: 24px;-webkit-border-radius: 52px;-moz-border-radius: 52px;-ms-border-radius: 52px;-o-border-radius: 52px;border-radius: 52px;margin-right: 26px;cursor: pointer;}
.green-tab span:before{content: '';display: inline-block;width: 18px;height: 18px;border:4px solid #D7FCF4;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin-right: 8px;}
.green-tab span.on{background-color: #D7FCF4;color: #285E51;}
.green-tab span.on:before{border-color:#F0BE4D;}

.pro-fl{float: left;width: 48%;margin-top: 270px;}
.pro-fl ul{margin-bottom: 30px;}
.pro-fl ul li{display: inline-block;color: #ECF0F1;font-size: 22px;line-height: 2;margin-right: 24px;}
.pro-fl ul li:last-child{margin-right: 0;}
.pro-fl ul li strong{font-size: 30px;font-weight: bold;}
.pro-fl ul li:before{content:'';display: inline-block;width: 20px; height: 20px;padding: 3px;border:2px solid;-webkit-border-radius: 50%;border-radius: 50%;background-color: #F0BE4D;background-clip: content-box;margin-right:10px;}
.pro-fl p{color: #BCD3CD;font-size: 20px;line-height: 2;margin-top: 10px;}
.pro-fl p span{color: #FFF;}
.pro-fl a{margin-top: 50px;}
.green-btn{display: inline-block;width: 220px;height: 56px;line-height: 56px;text-align: center; background: -webkit-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -moz-linear-gradient(left, #FF753A 0%, #FF965C 100%);background: -ms-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -o-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: linear-gradient(to right, #FF753A 0%,#FF965C 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF753A, endColorstr=#FF965C, GradientType=1);-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;color: #FFF;font-size: 26px;text-shadow:0 3px 3px rgba(0,0,0,.3);}
.green-btn:hover{color: #d7fcf4;}
.pro-fr{float: right;width: 51%;}
.pro-wl{background-color: #DFEDEA;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;-webkit-box-shadow: inset 0 0 30px rgba(40,94,81,.08);-moz-box-shadow: inset 0 0 30px rgba(40,94,81,.08);-ms-box-shadow: inset 0 0 30px rgba(40,94,81,.08);-o-box-shadow: inset 0 0 30px rgba(40,94,81,.08);box-shadow: inset 0 0 30px rgba(40,94,81,.08);padding: 48px 48px 32px;}
.wl-fl{float: left;width: 360px;margin-right: 40px;}
.wl-fl strong{display: block; color: #275d50;font-size: 30px;line-height: 1.2;}
.wl-fl p{color: #4c4c4c;font-size: 22px;line-height: 1.6;margin-top: 20px;}
.wl-fr{display: block;overflow: hidden;}
.wl-fr ul{margin-left: -3%;}
.wl-fr ul li{float: left;width: 22%;margin-left: 3%;}
.tab-no{display: none;}


/* 04 */
.green-four{background-color: #EDF1F2;padding: 70px 0;}
.four-fl{float: left;width:53%;}
.four-fr{float: right;width: 43%;margin-top: 100px;}
.four-fr strong{display: block;color: #333;font-size: 28px;line-height: 1.2;margin-top: 48px;}
.four-fr p{color: #4C4C4C;font-size: 22px;line-height: 2;margin-top: 30px;}


/* 05 */
.green-case{background: url(../greenimg/green-casebg.png);padding: 40px 0 80px;}
.case-video{margin-top: 80px;}
.case-fl{float: left;width: 777px;margin-right: 40px;}
.case-fl video{width: 100%;height: auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.case-fr{display: block;overflow: hidden;}
.case-fr h3 a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 30px;line-height: 1.2;}
.case-fr h3 a:hover{color: #275d50;}
.case-fr p{font-size: 20px;color: #4C4C4C;line-height: 1.6;margin-top: 12px;}
.case-info{background-color: #285E51;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;margin-top: 24px;padding: 32px;text-align: center;}
.case-info strong{display: block;font-size: 24px;line-height: 1.2;font-weight: normal;color: #FFF;margin-bottom: 30px;text-align: left;}
.case-info p{color: #ECF0F1;font-size: 18px;margin-top: 18px;position: relative;padding-left: 30px;text-align: left;}
.case-info p:before{content: "";position: absolute;left: 0;top: 8px;width: 18px;height: 18px;background: url(../greenimg/green-caseico.png) no-repeat;}
.case-info p span{font-size: 20px;font-weight: bold;}
.case-info a{margin-top: 24px;}

.case-pro{position: relative;margin-top: 40px;padding-left: 180px;}
.case-txt{position: absolute;left:0;width: 110px;height: 260px;background-color: #ff753a;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;-ms-border-radius: 4px 0 0 4px;-o-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;padding: 26px 20px;}
.case-txt:after{ content: "";position: absolute; top: 50%;right: -20px;width: 0;height: 0;border-top: 130px solid transparent;border-bottom: 130px solid transparent;border-left: 20px solid #FF965C;margin-top: -130px;}
.case-txt h3{display: inline-block;color: #FFF;width: 30px;font-size: 30px;line-height: 32px;font-weight: normal;}
.case-txt span{display: inline-block;color: #FFF;width: 30px;font-size: 24px;line-height: 26px;position: relative;top:55px;left: 10px;}

.case-pro ul{margin-left: -3%;}
.case-pro ul li{float: left;width: 22%;margin-left: 3%;background: url(../greenimg/green-casepro.png) no-repeat #ECF0F1 bottom center;border:1px solid #D9D9D9;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;padding-top: 48px;text-align: center;}
.case-pro ul li a{display: block;}
.green-propic{padding: 0 29px;}
.green-propic a{position: relative;padding-top: 67%;}
.green-propic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.case-pro ul li:hover a img{ -webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.green-protxt{color: #16332C;font-size: 24px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.green-protxt:hover{color: #FF753A;}


/* 06 */
.green-six{background: url(../greenimg/green-sixbg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-top: 60px;padding-bottom: 80px;}

.good-name{position: relative;top:-60px;background: url(../greenimg/green-sixname.png);text-align: center;height: 120px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.good-name:after{content: "";position: absolute;left: 100px;right:100px;bottom: -10px;height: 10px;background-color: rgba(255,255,255,.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;-ms-border-radius: 0 0 4px 4px;-o-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;z-index: 0;}
.good-name h2{color: #ECF0F1;font-size: 40px;line-height: 1.2;position: relative;padding: 25px 0;}
.good-name  h2:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width: 100px;height: 6px;margin:0 auto;background: -webkit-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -moz-linear-gradient(left, #FF753A 0%, #FF965C 100%);background: -ms-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -o-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: linear-gradient(to right, #FF753A 0%,#FF965C 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF753A, endColorstr=#FF965C, GradientType=1);}

.good-step{margin-left: -2%;margin-top: 30px;}
.good-step li{float: left;width: 23%;margin-left: 2%;background: url(../greenimg/green-sixline.png) no-repeat;color: #FFF;font-size: 24px;line-height: 72px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.good-step li span{display: inline-block;width: 38px;height: 38px;line-height: 38px;text-align: center;margin:0 15px;color: #FF753A;font-size: 24px;background-color: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

.good-pic{position: relative;margin-top: 80px;}
.good-pic img{width: 100%;}
.pic-tip{position: absolute;left: 0;right: 0;top: 100px;text-align: center;}
.pic-tip strong{display: block;color: #FFF;font-size: 34px;line-height: 1.2;}
.pic-tip p{color: #e8e8e8;font-size: 26px;line-height: 1.2;margin-top: 20px;}

.green-footer{color: #FFF;font-size: 20px;text-align: center;line-height: 30px;padding: 35px 0;background-color: #34363B;}
.green-footer span{margin-left: 80px;}
.green-footer span strong{color: #FF965C;}
.green-footer span strong i{font-size: 28px;}


/* 左侧快速定位悬浮 */
.fix-nav{position: fixed;left: 12px;top:160px;width: 130px;height:360px;background: url(../greenimg/green-footer.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-right: 16px; display: none;}
.fix-nav ul{margin: 30px 0 25px;}
.fix-nav li{font-size: 20px;border-bottom:1px dashed #298773; line-height: 50px;font-size: 18px;padding-left: 16px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; position: relative;}
.fix-nav li:last-child{border:none;}
.fix-nav li:after{content: "";position: absolute; top: 18px;right: 0;width: 12px;height: 15px;background: url(../greenimg/green-footico.png) no-repeat; display: none;}
.fix-nav li a{color: #FFF;display: block;letter-spacing: 0.5px;}
.fix-nav li.current a,.fix-nav li:hover a{color: #FF945A;}
.fix-nav li.current:after,.fix-nav li:hover:after{display: block;}


/* 右侧商务通悬浮 */
.fixed-right{position:fixed;right:20px;bottom:22%;z-index:9999;background:url(../shuimg/fixed-bgw.png) no-repeat;background-size:100% 100%;width:160px;height:445px;font-weight:300}
.fixed-fix{position:fixed;right:20px;bottom:22%;z-index:9999;display:block;background:url(../shuimg/fixed-bgw.png) no-repeat;background-size:100% 100%;width:160px;height:445px;font-weight:300}
.fixed-fix .online-service,.fixed-right .online-service{width:140px;height:49px;line-height:42px;text-align:center;display:block;font-size:18px;cursor:pointer;color:#ffffff;}
.fixed-fix .online-service:hover,.fixed-right .online-service:hover{color:#ffde99;}
.fixed-head{display: block;cursor: pointer;margin: 0 4px;}
.fixed-head img{width: 100%;}
.fixed-linkw{margin: 32px 10px 0;}
.fixed-linkw li{background: url(../shuimg/fixed-btnw.png) no-repeat center;cursor: pointer;margin-bottom: 10px;}
.message-consult,.phone-bj{display:block;width:140px;height:49px;line-height:42px;text-align:center;color:#fff;font-size:18px;cursor:pointer;}
.message-consult:hover,.phone-bj:hover{color:#fae3b3}
.phone-quote{position:relative}
.phone-quote .box{display:none;position:absolute;top:-48px;right:116%;width:246px;height:144px;background:url(../shuimg/ewm-telbg.png) no-repeat;background-size:100% 100%;padding:13px}
.phone-quote .box-left{float:left;width: 112px;}
.phone-quote .box-left img{width: 100%;margin-top: -30px;-webkit-box-shadow: 0 0 10px rgba(46,115,99,.3);-moz-box-shadow: 0 0 10px rgba(46,115,99,.3);-ms-box-shadow: 0 0 10px rgba(46,115,99,.3);-o-box-shadow: 0 0 10px rgba(46,115,99,.3);box-shadow: 0 0 10px rgba(46,115,99,.3);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.phone-quote .box-right{float: left;color: #FFF;font-size: 18px;margin-left: 16px;margin-top: 8px;line-height: 1.5;}
.phone-quote .box strong{font-size: 24px;color: #ffcb52;display: block;margin-top: 3px;text-align: center;}
#back-top{text-align:center;color:#fce8be;font-size:16px;margin-top:30px;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;position: relative;padding-top: 16px;}
#back-top:after{content: "";position: absolute;left: 0;right:0;top: 0;margin: 0 auto; width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #f9e6bd;}
#back-top:hover{color:#f0be4d;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
#back-top:hover:after{border-bottom:12px solid #f0be4d}

/* 右下角商务通 */
.fixed-box{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;}
.fixed-box.open{bottom: 0;}

@media screen and (max-width:1480px){
    .fix-nav{display: none!important;}
    .fixed-fix{right: 2px;}
    .pro-fl{width: 54%;padding-bottom: 40px;margin-top: 252px;}
    .pro-fr{width: 46%;margin-top: 40px;}
    .four-fr{margin-top: 60px;}
    .good-step li{font-size: 22px;}
    .four-fr p br{display: none;}
}
@media screen and (max-width: 1399px) {
    .nav li a{font-size: 18px;}
    .top-tel p strong{font-size: 24px;}
    .green-name:before{width: 500px;height: 69px;}
    .green-name{padding-top: 28px;}
    .one-fl p{padding-top: 18px;}
    .green-text,.four-fr p{font-size: 20px;}
    .two-fr strong{font-size: 26px;}
    .two-fr p{font-size: 22px;}
    .two-fr ul li span{font-size: 22px;line-height: 24px; right: 6px;top: 20px;}
    .pro-fl ul li{font-size: 20px;}
    .pro-fl ul li strong{font-size: 26px;}
    .wl-fl{margin-right: 20px;}
    .wl-fl strong{font-size: 28px;}
    .wl-fl p{margin-top: 18px;font-size: 18px;}
    .case-fl{width: 720px;margin-top: 20px;}
    .green-btn{font-size: 24px;}
    .green-protxt{line-height: 44px;font-size: 22px;}
    .case-pro{padding-left: 160px;}
    .case-txt{height: 228px;padding: 18px 20px;}
    .case-txt:after{border-top: 114px solid transparent;border-bottom: 114px solid transparent;margin-top: -114px;}
    .case-txt h3{font-size: 24px;line-height: 26px;}
    .case-txt span{font-size: 20px;line-height: 22px;}
    .good-step{margin-top: 20px;}
    .good-step li{font-size: 20px;line-height: 66px;}
    .good-step li span{width: 32px;height: 32px;line-height: 32px;font-size: 20px;margin-right: 8px;}
    .pic-tip{top: 90px;}
    .pic-tip strong{font-size: 30px;}
    .pic-tip p{font-size: 22px;}
    .green-footer{font-size: 18px;padding: 24px 0;}
    .green-footer span strong i{font-size: 26px;}
}
@media screen and (max-width: 1300px) {
    .green-base h1{font-size: 100px;}
    .green-name h2,.good-name h2{font-size: 36px;}
    .header{padding: 24px 0;}
    .pro-fl p{font-size: 18px;}
    .case-txt{height: 220px;}
    .case-txt:after{border-top: 110px solid transparent;border-bottom: 110px solid transparent;margin-top: -110px;}
    .green-protxt{font-size: 20px;}
    .good-step li{line-height: 60px;}
    .pic-tip{top: 80px;}
    .case-info p span{font-size: 18px;}
    .case-info{padding: 24px;}
    .case-fl{margin-top: 5px;}
}