/* ---- global.css ver. 1.0.0 ----*/
html,body{margin: 0;padding: 0;}
body{font-family: "microsoft yahei";font-style: normal;font-size: 14px;letter-spacing: normal;line-height: 28px;color: #585858;background-color: #fff;}
section{width: 100%;text-align: center;margin: auto;position: relative;}
ul,li,ol,dl,dd{list-style: none;margin: 0;padding: 0;}
/* -- LINKS --*/
a:link{color: #999;text-decoration: none;border: none;outline: none;transition: background .3s ease, color .3s ease;-o-transition: background .3s ease, color .3s ease;-ms-transition: background .3s ease, color .3s ease;-moz-transition: background .3s ease, color .3s ease;-webkit-transition: background .3s ease, color .3s ease;}
a:hover{color: #999;text-decoration: none;border: none;outline: none;transition: background .3s ease, color .3s ease;-o-transition: background .3s ease, color .3s ease;-ms-transition: background .3s ease, color .3s ease;-moz-transition: background .3s ease, color .3s ease;-webkit-transition: background .3s ease, color .3s ease;}
a:visited{color: #999;text-decoration: none;border: none;outline: none;}
a img{border: none;outline: none;}
/* -- HEADINGS --*/
h1{font-size: 65px;line-height: 85px;}
h2{font-size: 55px;line-height: 70px;}
h3{font-size: 36px;line-height: 50px;}
h4{font-size: 18px;line-height: 40px;}
h5{font-size: 18px;line-height: 34px;}
p{font-size: 16px;line-height: 32px;}
h1,h2,h3,h4,h5,p{margin: 0;padding: 0;font-weight: 200;-webkit-text-size-adjust: 100%}
@media (max-width: 1200px){h1{font-size: 55px;line-height: 70px;}
h2{font-size: 48px;line-height: 60px;}
h3{font-size: 28px;line-height: 36px;}
h4{font-size: 18px;line-height: 32px;}
h5{font-size: 16px;line-height: 28px;}
p{font-size: 14px;line-height: 28px;}}
@media (max-width: 767px){h1{font-size: 40px;line-height: 50px;}
h2{font-size: 36px;line-height: 40px;}
h3{font-size: 24px;line-height: 32px;}
h4{font-size: 18px;line-height: 28px;}
h5{font-size: 14px;line-height: 24px;}
p{font-size: 14px;line-height: 24px;}}
@media (max-width: 480px){h1{font-size: 26px;line-height: 40px;}
h2{font-size: 24px;line-height: 32px;}
h3{font-size: 20px;line-height: 30px;}
h4{font-size: 16px;line-height: 28px;}
h5{font-size: 14px;line-height: 22px;}
p{font-size: 14px;line-height: 22px;}}
/* -- FORM STYLES --*/
button,input,textarea{background-color: #f9f9f9;font-size: 14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;font-family: "microsoft yahei";text-align: left;color: #898989;}
input,textarea{padding: 10px;width: 100%;-webkit-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-moz-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-ms-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-o-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);}
button:focus,input:focus,textarea:focus{background-color: #282828;color: #fff;}
::-webkit-input-placeholder{font-size: 14px;line-height: 14px;font-weight: 400px;}
:-moz-placeholder{/* Firefox 18-*/font-size: 14px;line-height: 14px;font-weight: 400px;}
::-moz-placeholder{/* Firefox 19+*/font-size: 14px;line-height: 14px;font-weight: 400px;}
:-ms-input-placeholder{font-size: 14px;line-height: 14px;font-weight: 400px;}
@media (max-width: 480px){
	.form-input{padding: 12px!important;}
}
/* -- MISC --*/
img{max-width: 100%;}
:before,:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* -- CLEARFIX --*/
.clearfix:after{clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0}
* html .clearfix,*:first-child+html .clearfix{zoom: 1}
/* -- SECTIONS --*/
.content{display: inline-block;max-width: 1050px;width: 100%;padding:20px 0;}
.content.lg{max-width: 100%;padding: 0;}
.content.hd{max-width: 1260px;}
.content.sm{max-width: 850px;}
@media (max-width: 1200px){.content{width: 80%;}}
@media (max-width: 990px){.content{width: 90%;}}
@media (max-width: 480px){.content{width: 100%;padding: 10px;}}
.wrapper{max-width: 1200px;width: 100%;margin: auto;}
@media (max-width: 1200px){.wrapper{width: 90%;}}
@media (max-width: 990px){.wrapper{width: 100%;padding-left: 20px;padding-right: 20px;}}
@media (max-width: 480px){.content{width: 100%;padding-left: 10px;padding-right: 10px;}}
/*hide*/
.hide{display: none;}
/*pull float*/
.pull-left{float: left;}
.pull-right{float: right;}
/*background*/
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f5f5f5;}
/*text*/
.text-orange{color: #F28517!important;}
.text-blue{color: #60c0fe!important;}
.text-purple{color: #99aaf1!important;}
.text-dark-orange{color: #F28517!important;}
.text-dark-blue{color: #50adfc!important;}
/*border*/
.border-default{border-width: 1px;border-style: solid;border-color: #ebebeb;}
/* -- BUTTONS --*/
.btn,a.btn{display: inline-block;padding: 21px 53px;min-width: 190px;font-size: 18px;line-height: 18px;color: #fff;background: #F28517;border: none;text-align: center;cursor: pointer;
-webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
   -moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
    -ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
     -o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);
        transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1);border-radius: 15px;




}
.btn.orange{background: #ffae01;-webkit-box-shadow: 0 5px 16px rgba(88, 136, 246, .5);-moz-box-shadow: 0 5px 16px rgba(88, 136, 246, .5);box-shadow: 0 5px 16px rgb(255 199 145 / 100%);}
.btn.blue{background: #ffc291;-webkit-box-shadow: 0 5px 16px rgba(112, 134, 228, .5);-moz-box-shadow: 0 5px 16px rgba(112, 134, 228, .5);box-shadow: 0 5px 16px rgb(255 199 145);}
.btn.black{background: #ff5501;-webkit-box-shadow: 0 5px 16px rgba(77, 94, 128, .5);-moz-box-shadow: 0 5px 16px rgba(77, 94, 128, .5);box-shadow: 0 5px 16px rgb(255 199 145);}
.btn.orange:hover,a.btn.orange:hover{background: #ffae01;}
.btn.blue:hover,a.btn.blue:hover{background: #ffc291;}
.btn.black:hover,a.btn.black:hover{background: #ff5501;}
.btn span.plus{position: relative;top: 1px;display: inline-block;width: 14px;height: 14px;background-image: url(../images/icon-jia.png);}
@media (max-width: 1200px){
	.btn,a.btn{padding: 18px 30px;font-size: 16px;line-height: 16px;min-width: 180px;}
	
	
	
}

@media (max-width: 767px){
	.btn,a.btn{padding: 18px 30px;font-size: 16px;line-height: 16px;min-width: 160px;}
}




@media (max-width: 480px){
	.btn,a.btn{padding: 10px 30px 14px;font-size: 14px;line-height: 14px;min-width: auto;}	
}
/* -- MAIN NAV --*/
#nav-main{display: block;width: 100%;height: 148px;position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 6;text-align: center;padding: 0;overflow: visible;background: #fff;border-bottom: solid 1px #e5e5e5;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translate3d(0px, 0px, 0px);-webkit-transition: height .3s ease;-moz-transition: height .3s ease;-ms-transition: height .3s ease;-o-transition: height .3s ease;transition: height .3s ease;}
#nav-main:before{position: absolute;top: 0;right: 0;left: 0;z-index: 8;display: block;width: 100%;height: 4px;content: '';background: #F28517;/*Webkit*/background:-moz-linear-gradient(left,#F28517,#5a80d8);/*Mozilla*/background:-o-linear-gradient(left,#F28517,#5a80d8); /*Opera11*/filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F28517, endColorstr=#5a80d8);/*IE<9>*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#F28517, endColorstr=#5a80d8)";/*IE8+*/}
#nav-main.fadeout{height: 85px;}
.header-wrapper{position: relative;margin: 0 0 -1px 0;padding: 0 80px;width: 100%;height: 80px;background: #fff;}
.header-wrapper .hotline{margin-top: 30px;}
.header-wrapper .hotline span{padding-left:30px;background: url(../images/email.png) no-repeat left center;font-size:20px;color:#F28517;}
.header-wrapper .nav-logo{float:left;padding:12px 0px;}
.header-wrapper .nav-logo img{max-width: 264px;max-height:58px;}
.header-wrapper .slogan-line{margin:21px 20px 10px;}
.header-wrapper .slogan{margin-top: 24px;text-align: left;}
.header-wrapper .slogan>h4{font-size: 16px;line-height: 1;}
.header-wrapper .slogan>h4>span{color: #F28517; font-weight:bold;}
.header-wrapper .slogan>h5{font-size: 15px;}
#nav-main .customer-home{position: absolute;float: left;left: 0;top: 0;height: 80px;width: 80px;margin: 0;padding: 40px;background-image: url('../images/home-icon.png');background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;z-index: 7;background-color: #fff;-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-ms-transition: background .5s ease;-o-transition: background .5s ease;transition: background .5s ease;}
#nav-main .customer-home:hover{background-image: url('../images/home-icon-hover.png');}
#nav-main .lang{position: absolute;float: left;left: 0;top: 0;z-index: 10;height: 80px;width: 80px;margin: 0;padding: 26px 22px;}
#nav-main .lang a{display: block;width: 36px;height: 28px;background-color: #F28517;border: 2px solid transparent;color: #fff;line-height:24px;}
#nav-main .lang a:hover{background-color: transparent;border-color: #F28517;color: #F28517;}
#nav-main ul.nav-links{width: 100%;display: block;text-align: center;background: #fff;border-top: solid 1px #e5e5e5;border-bottom:1px solid #e5e5e5;opacity: 1;position: absolute;top: 0;margin-top: 80px;z-index: -1;-webkit-transition: margin-top .3s ease;-moz-transition: margin-top .3s ease;-ms-transition: margin-top .3s ease;-o-transition: margin-top .3s ease;transition: margin-top .3s ease;}
#nav-main:hover ul.nav-links{margin-top: 80px;border-bottom:1px solid #e5e5e5;}
#nav-main:hover.fadeout ul.nav-links{margin-top: 80px;}
#nav-main.fadeout ul.nav-links{margin-top: 0px;}
#nav-main .nav-links li{display: inline-block;vertical-align: top;overflow: hidden;opacity: 1;max-height: none;}
#nav-main .nav-links li.subdomain-link{display: inline-block;vertical-align: top;overflow: hidden;opacity: 1;max-height: none;width: 33.33%;text-align: center;border-right: 1px solid #efefef;}
#nav-main .nav-links li a{display: inline-block;height: 66px;line-height: 66px;padding: 0 66px;color:#333;text-decoration: none;font-size: 16px;font-weight: 300;position: relative; font-family:"微软雅黑";}
#nav-main .nav-links li.subdomain-link a{display: inline-block;height: 62px;line-height: 62px;padding: 0 25px;color: #b5bbbd;text-decoration: none;font-size: 14px;font-weight: 300;position: relative;width: 100%;}
#nav-main .nav-links li a::before{content: "";width: 100%;height: 1px;border-top: 1px solid #F28517;position: absolute;top: -1px;left: 0;right: 0;margin: auto;z-index: 1;opacity: 0;-webkit-transition: opacity .4s ease;-moz-transition: opacity .4s ease;-ms-transition: opacity .4s ease;-o-transition: opacity .4s ease;transition: opacity .4s ease;}
#nav-main .nav-links li.has-dd a::after{bottom: -6px;opacity: 0;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;}
#nav-main .nav-links li.has-dd a:hover::after{content: "";width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 6px solid #fff;position: absolute;bottom: -6px;left: 0;right: 0;margin: auto;opacity: 1;z-index: 1;}
#nav-main .nav-links li a:hover::before,#nav-main .nav-links li.current a::before,#nav-main .nav-links li.active a::before{opacity: 1;}
#nav-main .nav-links li a:hover::after,#nav-main .nav-links li.active a::after{opacity: 1;}
#nav-main .nav-links li:hover,#nav-main .nav-links li.current,#nav-main .nav-links li.active{overflow: visible;}
#nav-main .nav-links li.active a::before{-webkit-transition-delay: .1s;transition-delay: .1s;}
/* DROPDOWNS*/
#nav-main .nav-links li .dropdown{position: absolute;width: 100%;text-align: center;display: block;background: #272727;max-height: 0px;padding: 0;text-align: center;opacity: 1;overflow: hidden;left: 0;right: 0;}
#nav-main .nav-links li:hover .dropdown{max-height: 90px;opacity: 1;}
#nav-main .nav-links li:hover .dropdown.industries{max-height: 800px;opacity: 1;}
#nav-main .nav-links li .dropdown.solutions{-webkit-transition: max-height .2s ease;-moz-transition: max-height .2s ease;-ms-transition: max-height .2s ease;-o-transition: max-height .2s ease;transition: max-height .2s ease;}
#nav-main .nav-links li .dropdown.industries{-webkit-transition: max-height .4s ease;-moz-transition: max-height .4s ease;-ms-transition: max-height .4s ease;-o-transition: max-height .4s ease;transition: max-height .4s ease;}
#nav-main .nav-links li .dropdown a{display: inline-block;padding: 0 50px;color: #fff;background: transparent;height: 90px;line-height: 90px;font-size: 14px;opacity: 0;}
#nav-main .nav-links li:hover .dropdown a{opacity: 1;}
#nav-main .nav-links li .dropdown.industries .industries-wrapper{max-width: 1100px;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 90%;opacity: 0;-webkit-transition: opacity .3s ease;-moz-transition: opacity .3s ease;-ms-transition: opacity .3s ease;-o-transition: opacity .3s ease;transition: opacity .3s ease;}
#nav-main .nav-links li:hover .dropdown.industries .industries-wrapper{opacity: 1;}
#nav-main .nav-links li .dropdown.industries .industries-wrapper h3{margin: 0 0 30px 0;color: #F28517;}
#nav-main .nav-links li .dropdown.industries .industries-wrapper p{color: #fff;font-size: 12px;line-height: 24px;}
#nav-main .nav-links li .dropdown.industries .industries-wrapper .left{display: inline-block;float: left;width: 60%;padding: 34px 50px 0 0;text-align: left;}
#nav-main .nav-links li .dropdown.industries .industries-wrapper .right{display: inline-block;float: left;width: 40%;padding: 62px 0;border-left: 1px solid #444;}
#nav-main .nav-links li .dropdown.industries a{display: block;color: #fff;background: transparent;height: auto;font-size: 14px;line-height: 30px;text-align: center;text-align: left;text-transform: uppercase;letter-spacing: 2px;padding: 0 0 0 40px;}
#nav-main .nav-links li .dropdown.industries a::before{display: none;}
#nav-main .nav-links li .dropdown.industries a::after{display: none;}
#nav-main .nav-links li .dropdown.industries a:hover{color: #F28517;}
#nav-main .nav-links li .dropdown .right a:hover{background-color: #313131;color: #F28517;}
#nav-main .nav-links li .dropdown a::after{opacity: 0;}
#nav-main .nav-links li.active .dropdown a::after{-webkit-transition-delay: .1s;transition-delay: .1s;}
@media (max-width: 1440px){
	#nav-main .nav-links li .dropdown.industries .industries-wrapper .left{width: 65%;padding: 65px 15px 10px 75px;}
	#nav-main .nav-links li .dropdown.industries .industries-wrapper .right{width: 35%;padding: 40px 0;}
	#nav-main .nav-links li .dropdown.industries a{padding: 0 0 0 40px;}
}
#nav-button{display: block;width: 30px;height: 20px;text-align: center;position: fixed;top: 35px;right: 30px;margin: auto;cursor: pointer;z-index: 10;}
#nav-button i{display: block;position: absolute;float: left;vertical-align: top;background: #adb6b9;width: 3px;margin: 0 5px 0 0;transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-o-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-ms-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-moz-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-webkit-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);}
#nav-button i:nth-child(1){top: 0px;left: 10px;height: 65%;}
#nav-button i:nth-child(2){top: 0px;left: 17px;height: 85%;}
#nav-button i:nth-child(3){top: 0px;left: 24px;height: 50%;}
#nav-button:hover i{background: #F28517;height: 100%;}
#nav-button.active i{background: #fff;}
#nav-button.active:hover i{background: #979797;}
#nav-button.active i:nth-child(1){left: 14px;height: 100%;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-button.active i:nth-child(2){opacity: 0;}
#nav-button.active i:nth-child(3){left: 15px;height: 100%;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#nav-overlay{background: #F28517;opacity: 0;position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;z-index: 7;}
#nav-overlay.open{opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s ease;}
@media (max-width: 1440px){
	#nav-main{height: 85px;}
	#nav-main.fadeout{height: 85px;}
}
@media (max-width: 1226px){
	.header-wrapper .slogan-line, .header-wrapper .slogan{display: none;}
}
@media (min-width: 990px) and (max-width: 1170px) {
	#nav-main .nav-links li a{padding: 0 33px;}	
}
@media (max-width: 990px){
	.header-wrapper .hotline{display: none;}
	.header-wrapper .nav-logo{float: none;}
}
@media (max-width: 767px){
	#nav-button{right: 10px;}
	#nav-main{height: 85px;}
	#nav-main.fadeout{height: 85px;}
	#nav-main .customer-home{width: 60px;height: 60px;padding: 40px 30px;}	
}

@media (max-width: 480px){
	#nav-button{top: 20px;}
	#nav-main{height: 55px;}
	#nav-main.fadeout{height: 55px;}
	#nav-main .customer-home{padding: 0px;width: 54px;height: 54px;}
	#nav-main .lang{height: 55px;width: 60px;padding: 14px 12px;}
	.header-wrapper{height: 50px;padding: 0px;}
	.header-wrapper .nav-logo{height: 50px; padding: 10px 0px;}
	.header-wrapper .nav-logo img{max-height: 40px;}
}
/* -- NAV OVERLAY MENU --*/
#nav-overlay-menu{position: fixed;width: 100%;text-align: center;color: #fff;font-size: 30px;width: 100%;z-index: 8;opacity: 0;visibility: hidden;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#nav-overlay-menu.open{visibility: visible;opacity: 1;}
#nav-overlay-menu a{color: #fff;font-size: 24px;}
#nav-overlay-cols{position: fixed;max-width: 830px;width: 100%;height: 550px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#nav-overlay-menu .overlay-menu-col{display: inline-block;vertical-align: top;width: 50%;text-align: left;margin-bottom: 40px;}
#nav-overlay-menu .overlay-menu-col label{font-size: 24px;color: #fff;display: inline-block;margin: 0 0 30px 0;}
#nav-overlay-menu .overlay-menu-col label>a{color: #fff;}
#nav-overlay-menu .overlay-menu-col ul li{color: #b02b25;font-size: 11px;line-height: 22px;}
#nav-overlay-menu .overlay-menu-col ul li span{margin: 15px 0 0 0;color: #fff;font-size: 11px;line-height: 22px;}
#nav-overlay-menu .overlay-menu-col ul li a{display: block;overflow: hidden;color: #01514d;font-size: 15px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;}
#nav-overlay-menu .overlay-menu-col ul li a:hover{color: #fff;}

@media (min-width: 768px)and (max-width: 830px){
	#nav-overlay-menu .overlay-menu-col{padding-left: 20px;padding-right: 20px;}
}

/* MOBILE LAYOUT*/
@media (max-width: 767px){
	#nav-overlay-cols{top: 50%;margin-top: -200px;height: 100%;}
	#nav-overlay-menu .overlay-menu-col, #nav-overlay-menu .overlay-menu-col:nth-child(3), #nav-overlay-menu .overlay-menu-col:nth-child(6){display: block;width: 100%;padding:0 10px;text-align: center;height: auto;margin:10px 0;}
	#nav-overlay-menu .overlay-menu-col a{display: block;width: 100%;text-align: center;color: #fff;font-size: 24px;line-height: 20px;letter-spacing: 1px;}
	#nav-overlay-menu .overlay-menu-col a:hover{color: #333;}
	#nav-overlay-menu .overlay-menu-col ul{display: none;}
}

/* STOPPING POINT HEIGHT*/
@media (max-height: 480px) and (orientation: landscape){
	#nav-overlay-cols{top: 50%;margin-top: -100px;height: 100%;}
	#nav-overlay-menu{width: 100%;height: 100%;}
	#nav-overlay-menu .overlay-menu-col, #nav-overlay-menu .overlay-menu-col:nth-child(3), #nav-overlay-menu .overlay-menu-col:nth-child(6){float: left;width: 50%;}
	#nav-overlay-menu .overlay-menu-col a{font-size: 18px;line-height: 18px;letter-spacing: 1px;}
}


a.down-arrow{position: absolute;margin: auto;left: 0;right: 0;bottom: 20px;height: 50px;width: 50px;background-image: url('../images/chevron-down.png');background-repeat: no-repeat;background-position: center center;z-index: 5;opacity: .5;filter: alpha(opacity=50);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-webkit-transition: opacity .4s ease, bottom .2s ease;-moz-transition: opacity .4s ease, bottom .2s ease;-ms-transition: opacity .4s ease, bottom .2s ease;-o-transition: opacity .4s ease, bottom .2s ease;transition: opacity .4s ease, bottom .2s ease;}
.down-arrow:hover{bottom: 25px;opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* -- BOTTOM LINKS --*/
#footer{width: 100%;background-color: #282828;}
#footer p{color: #898989;font-size: 14px;line-height: 22px;text-align: center;word-break: break-word;overflow-wrap: break-word;}
#footer a{color: #666;line-height: 22px;text-transform: uppercase;display: inline-block;transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-o-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-ms-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-moz-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);-webkit-transition: 0.6s cubic-bezier(0.18, 1, 0.21, 1);}
#footer a:hover{color: #fff;}
@media (max-width: 480px){
	#footer p{line-height: 20px;}
}
/** LOADER **/
#overlay{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(255, 255, 255, 1);z-index: 9999999;}
#logo-anim-container{top: 0;right: 0;left: 0;bottom: 0;position: absolute;margin: auto;width: 365px;height: 114px;text-align: center;}
#logo-anim{opacity: 1;width: 365px;height: 114px;margin: 0 auto;background-image: url(../images/loading-logo.png);background-repeat: no-repeat;background-position: 0px 0px;}
#logo-anim>div {width: 1px;height: 114px;overflow: hidden;background-image: url(../images/loading-logo.png);background-repeat: no-repeat;background-position: 0px -114px;-webkit-animation: logoAni 2s linear infinite;animation: logoAni 2s linear infinite;}			
@-webkit-keyframes logoAni {
	form {width: 1px;}
	to{width: 100%;}
}
@keyframes logoAni {
	form {width: 1px;}
	to{width: 100%;}
}
@media (max-width: 360px){
	#logo-anim-container{width: 300px;height: 93px;}
	#logo-anim{width: 300px;height: 93px;background-image: url(../images/loading-logo-small.png);}
	#logo-anim>div {height: 93px;background-position: 0px -93px;background-image: url(../images/loading-logo-small.png);}
 
}
/** GOTOP **/
.onlinefloat{position: fixed;bottom: 160px;right: 20px;z-index: 6;}
.float-icon{position: relative;display: block;width: 70px;height: 70px;background-color: #F28517;background-image: url(../images/sprite-float.png);background-repeat: no-repeat;cursor: pointer;-webkit-box-shadow: 0px 0px 20px 3px rgba(0, 132, 125, .3);-moz-box-shadow: 0px 0px 20px 3px rgba(0, 132, 125, .3);-ms-box-shadow: 0px 0px 20px 3px rgba(0, 132, 125, .3);-o-box-shadow: 0px 0px 20px 3px rgba(0, 132, 125, .3);box-shadow: 0px 0px 20px 3px rgba(0, 132, 125, .3);-webkit-transition: all linear .3s;-moz-transition: all linear .3s;transition: all linear .3s;}
.float-icon:hover{background-color: #F28517;}
.float-qq{background-position: 0px 0px;}
.float-wx{background-position: 0px -70px;}
.float-wx .qrcode{position: absolute;top: 0px;right: 70px;padding: 10px;display: none;width:220px;background-color: #F28517; color:#FFF; text-align:center; font-size:18px;}
.float-wx .qrcode a{padding:0px 10px;display:block;height:60px;line-height: 60px;font-size:20px;color:#fff;}
.float-wx .qrcode>img{display: block;}
.float-wx:hover .qrcode{display: block; width:220px;}
.qrcode-weixin{display: none;text-align: center;color: #fff;}
.float-kf{background-position: 0px -140px;}
.float-qq:hover{background-position: -70px 0px;}
.float-kf:hover{background-position: -70px -140px;}
.gotop{visibility: hidden;background-position: 0px -210px;}
.gotop:hover{background-position: -70px -210px;}


@media (min-width: 480px){
	
	
	.wapqq{ display:none;}
	
	}

@media (max-width: 480px){
	.onlinefloat{right: 10px;bottom: 140px;}
	.float-icon{width: 50px;height: 50px;background-size: 100px;}
	.float-wx .qrcode{right:50px;}
	.float-wx .qrcode a{height:40px;line-height: 40px;font-size:16px;}
	.float-wx .qrcode>img{display: none;}
	.qrcode-weixin{display: block;}
	.float-lang{background-position: 0px -1px;}
	.float-wx{background-position: 0px -50px;}
	.float-kf{background-position: 0px -100px;}
	.float-kf:hover{background-position: -50px -100px;}
	.float-wx:hover .qrcode{display: block; width:160px;}
	.float-qq:hover {background-position: -50px 0px;}
	.gotop{background-position: 0px -150px;}
	.gotop:hover{background-position: -50px -150px;}
	.float-wx .qrcode .weixin-link{margin-top:5px;}
	.float-wx .qrcode .weixin-link a{font-size:14px;background: rgba(0,0,0,0.5);font-weight: normal;border-radius: 4px;}
	.float-wx .qrcode .weixin-link img{position: relative;top: 4px;margin-right: 4px;font-weight: normal;}
	.pcqq{ display:none;}

}

/* -- ANIMATIONS --*/
@-webkit-keyframes fadeInDownSmall{0%{opacity: 0;-webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDownSmall{0%{opacity: 0;-webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 60%, 0);transform: translate3d(0, 60%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 60%, 0);transform: translate3d(0, 60%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInDownSmall{-webkit-animation-name: fadeInDownSmall;animation-name: fadeInDownSmall;}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.animated{-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*banner*/
.bannerbox{overflow:hidden;position:relative;}
.banner{width:100%;margin:0px auto;}
.banner li img{width:100%;display: block;}
.banner_cl{position:absolute;bottom: 0px;text-align: center;width: 100%;}
.banner_cl li{display: inline-block; width:15px; height:15px;margin:0 5px;*display:inline;*zoom:1;font-size: 0px;border-radius: 50%;border: 1px #fff solid;}
.banner_cl li.on{background: #F28517;border: 1px #F28517 solid;}

.index-bq{padding:30px 0;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;background-size: cover;}
.index-bq-box{ width:1200px;margin:0 auto;background:#fbfbfb;padding-bottom:40px;}
.index-bq .tit{ line-height:50px;font-size:36px;font-weight:200; text-align:center;padding:60px 0;}

.biaoqian{ padding:0 0px;margin:0 120px;border:solid 1px #eaeaea;border-bottom:0;}
.biaoqian li{ overflow: hidden;height:62px;line-height:62px;font-size:18px;border-bottom:solid 1px #eaeaea;color:#999; text-align:left;}
.biaoqian li strong{ font-weight:500;display: inline-block;width:152px;background:#f5f5f5;text-align:center;margin-right:30px;color:#222;border-right:solid 1px #eaeaea;}

/*选项卡*/
.tab{ }
.tab .hd{ overflow: hidden;margin-bottom:40px;}
.tab .hd ul{ text-align:center;}
.tab .hd ul li{ border-radius:15px;cursor: pointer;padding:0 40px;font-size:18px;margin:0 10px;display: inline-block;height:42px;line-height:42px;}
.tab .hd ul li.on{ background:#F28517;color:#fff; }



/*优势*/
.index-ys{ background-image: url(../images/chengsebeijing.jpg);padding:60px 0;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;background-size: cover;}
.index-ys-box{ width:1200px;margin:0 auto;background:#fff;}
.index-ys .tit{ line-height:50px;font-size:36px;font-weight:200; text-align:center;padding:60px 0;}

.hzalbj{ background-image: url(../images/chengsebeijing.jpg);padding:60px 0;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;background-size: cover;}



.index-hyal-box{ width:1200px;margin:0 auto;}
.index-hyal .tit{ line-height:50px;font-size:36px;font-weight:200; text-align:center;padding-bottom:60px;color:#fff;}

#guide-content .tit{font-size:36px;color:#fff;}

.yslb{ padding:0 0 0 0;}
.yslb:after{content:""; display: block; height: 0; clear: both; visibility: hidden; }
.yslb ul{ margin-left:-2px;}
.yslb ul li{ width:25%;float:left;Position: relative;overflow: hidden;}
.yslb ul li .box{ overflow: hidden;cursor: pointer; margin-left:10px;text-align:center;min-height:390px;border-top:solid 2px #F28517;background:#fff;}
.yslb ul li img{ Position: relative;z-index:2;width:100%;height:230px;border:solid 1px rgba(0,0,0,0.2);  -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s; }
.yslb ul li:hover img{ box-shadow: 0 5px 25px rgba(0, 0, 0, .1);transform:translateY(-5px);}
.yslb ul li h4{ Position: relative;z-index:2;line-height:30px;font-size:20px;font-weight:500;margin-bottom:10px;color:#222; }
.yslb ul li p{ Position: relative;z-index:2;font-size:16px;color:#999;line-height:24px;text-align:left; padding:0 5px;}
 
 
.yslb ul li .bg{ -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;Position: absolute;width:265px;z-index:1;background:#F28517;left:-265px;top:0;bottom:0;}
 



@media screen and (min-width:0px) and (max-width:1042px)
{
	
	
.index-bq{ padding:0px 0;margin-bottom:10px;}
.index-bq-box{ width:auto;margin:0 auto;background:#fff;padding-bottom:15px;}
.index-bq .tit{ line-height:30px;font-size:20px;padding:20px 0;}

.biaoqian{ padding:0 0px;margin:0 15px;border:solid 1px #eaeaea;border-bottom:0;}
.biaoqian li{ Position: relative; overflow: hidden;height:auto;line-height:24px;font-size:14px;border-bottom:solid 1px #eaeaea;color:#999;padding:10px 10px;padding-left:105px;}
.biaoqian li strong{ width:90px;background:#f5f5f5;margin-right:0px;border-right:solid 1px #eaeaea;Position: absolute;left:0;top:0px;bottom:0;padding-top:10px;}


/*选项卡*/
.tab{ }
.tab .hd{ overflow: hidden;margin-bottom:20px;padding:0 15px;}
.tab .hd ul{ text-align:center;}
.tab .hd ul li{ width:20%;float:left;cursor: pointer;padding:0 0;font-size:12px;margin:0px;height:32px;line-height:32px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.tab .hd ul li.on{ border-radius: 42px; }
	
	
	
	
/*优势*/
.index-ys{ background-image:none;padding:20px 0;background:#fff;margin-bottom:10px;padding-bottom:0;}
.index-ys-box{ width:auto;margin:0 auto;background:#fff;}
.index-ys .tit{ line-height:32px;font-size:22px;font-weight:200; text-align:center;padding:20px 0;padding-top:0;}

.index-hyal{ background-image:none;padding:20px 0;background:#fff;margin-bottom:10px;padding-bottom:0;}
.index-hyal-box{ width:auto;margin:0 auto;background:#fff;}
.index-hyal .tit{ line-height:32px;font-size:22px;font-weight:200; text-align:center;padding:20px 0;padding-top:0;color:#333;}

#guide-content .tit{font-size:22px;color:#fff;}

.yslb{ padding:0 15px;}
.yslb:after{content:""; display: block; height: 0; clear: both; visibility: hidden; }
.yslb ul{ margin-left:-15px;}
.yslb ul li{ width:50%;float:left;Position: relative;overflow: hidden;padding-bottom:15px;}
.yslb ul li .box{ overflow: hidden;cursor: pointer; margin-left:15px;text-align:center;min-height:350px;border-top:solid 2px #F28517;background:#f5f5f5;}
.yslb ul li img{ Position: relative;z-index:2;width:100%;height:230px;border:solid 1px rgba(0,0,0,0.1); -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s; }
.yslb ul li:hover img{ box-shadow: 0 5px 25px rgba(0, 0, 0, .1);transform:translateY(-5px);}
.yslb ul li h4{ Position: relative;z-index:2;line-height:28px;font-size:18px;font-weight:500;margin-bottom:10px;color:#222; }
.yslb ul li p{ Position: relative;z-index:2;font-size:14px;color:#999;line-height:20px;text-align:left; padding:0 5px;}
 
.yslb ul li .bg{ display:none;}

.yslb ul li:nth-child(5){ display:none;}	
	
	
}


.fenye {
    width: 100%;
    TEXT-ALIGN: center; margin-top:20px;
    padding-bottom:30px; font-size:14px;
    color: #888;
}
.fenye ul li {
    display: inline;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    BACKGROUND-REPEAT: repeat-x;
    border: 1px solid #ddd;
    MARGIN-RIGHT: 4px;
    TEXT-DECORATION: none;
}

.fenye ul .active {
    color: #FFF;
    background: #7086e4;
    border: 1px solid #7086e4;
}

.fenye ul .active a {
    color: #fff;
}

 

.agent-list > div {
  margin-bottom: 20px;
}
.agent-list {
  margin: 19px auto 0;
  font-size: 0;
}
.agent-list .list-wrap {
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom:20px;
  border: 1px solid #E0E5F6; background:#FFF;
  height: 122px;
}
.agent-list .agent-icons {
  display: inline-block;
  vertical-align: middle;
}
.agent-list .agent-icons .pic {
  display: inline-block;
  width: 78px;
  height: 90px;
  margin-right:20px;

}
.agent-list .agent-icons .pic:nth-child(2) {
  display: none;
}
.agent-list .agent-des {
  display: inline-block; text-align:left;
  vertical-align: middle;
}
.agent-list .agent-des .tit {
  margin-bottom: 11px;
  font-size: 20px;
  color: #161616;
  line-height: 1;
}
.agent-list .agent-des .des {
  width: 228px;
  font-size: 15px;
  color: #565656;
  line-height: 26px;
}
.agent-list .row > div:hover .agent-icons .pic:nth-child(2) {
  display: block;
}
.agent-list .row > div:hover .agent-icons .pic:nth-child(1) {
  display: none;
}

@media screen and (max-width: 1199px) {
  .l-agent {
    padding: 24px 0 12px;
  }
.agent-list > div {
    margin-bottom: 12px;
    vertical-align: top;
    float: none;
    display: inline-block;
  }
.agent-list {
    margin: 20px auto 0;
    font-size: 0;
  }
.agent-list .list-wrap {
    padding-right: 0;
    padding-top: 16px;
    padding-bottom: 18px; background:#FFF;
    height: auto;
  }
.agent-list .agent-icons {
    margin-left: 0;
    margin-bottom: 10px;
    display: block;
    text-align: center;
  }
.agent-list .agent-icons .pic {
    width: 52px;
    height: 60px;
  }
.agent-list .agent-icons .pic:nth-child(2) {
    margin-right: 0;
  }
.agent-list .agent-des {
    display: block;
  }
.agent-list .agent-des .tit {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
  }
.agent-list .agent-des .des {
    max-width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
.agent-list .agent-icons {
    display: block;
    text-align: center;
  }
.agent-list .agent-icons .pic {
    width: 39px;
    height: 45px;
    margin: 0 auto!important;
  }
.agent-list .agent-des .tit {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
  }
.agent-list .agent-des .des {
    font-size: 12px;
    line-height: 17px;
  }
}