@charset "utf-8";
/*CSS Document*/
@font-face{font-family:"微軟正黑體";src:url("../fonts/MSJH.TTF");font-weight:normal;font-style:normal;}
html{-webkit-text-size-adjust:none;/*overflow-x:hidden;*/}
html.htmlhidden{overflow:hidden;position:fixed;width:100%;height:100%;}
body{-webkit-text-size-adjust:none;width:100%;min-width:320px;overflow-x:hidden;}
*{font-size:16px;color:#131313;margin:0;padding:0;font-family:"Microsoft JhengHei","微軟正黑體","Arial";}
ul,ol,li{margin:0;padding:0;list-style-type:none;/*list-style-position:inside;*/}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
div,form,span,dl,dt,dd{border:0;margin:0;padding:0;list-style-type:none;}
img{border:0;padding:0;margin:0;max-width:100%;height:auto;}
table{border-collapse:collapse;width:100%;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#333;}
input[type="reset"],
input[type="button"],
input[type="submit"]{-webkit-appearance:none;}
input,button,a{outline:0 none!important;blr:expression(this.onFocus=this.blur());}
input:focus,
textarea:focus{-webkit-outline:none;-moz-outline:none;outline:none;}
textarea{-webkit-appearance:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-outline:none;-moz-outline:none;outline:none;}
select::-ms-expand{display:none;}
button{border:0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
p{padding:0;margin:0;}
a{color:#131313;}
a,a:hover,a:active,a:visited,a:link,a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-outline:none;
	-moz-outline:none;
	outline:none;
	text-decoration:none;
}
/*a[href^="tel:"]{color:#fff;}*/
/*:focus,:focus > img{outline:-webkit-focus-ring-color auto 1px!important;}*/
.fn{float:none!important;}
.fl{float:left;}
.fr{float:right;}
.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;}
.df{display:flex;}
.df-c{display:flex;align-items:center;}
.df-wrap{display:flex;flex-wrap:wrap;}
.dt{display:table;}
.dtc{display:table-cell;}
.w10{width:10%;}.w15{width:15%;}.w16{width:16.66%;} 
.w20{width:20%;}.w25{width:25%;} 
.w30{width:30%;}.w35{width:35%;}.w33{width:33.33%;}
.w40{width:40%;}.w45{width:45%;} 
.w50{width:50%;}.w55{width:55%;}.w66{width:66.66%;} 
.w60{width:60%;}.w65{width:65%;} 
.w70{width:70%;}.w75{width:75%;} 
.w80{width:80%;}.w85{width:85%;} 
.w90{width:90%;}.w95{width:95%;}
.w100{width:100%;margin:0 auto;}
.w750{width:750px;margin:0 auto;}
.w960{width:960px;margin:0 auto;}
.w1070{width:1070px;margin:0 auto;}
.w1136{width:1136px;margin:0 auto;}
.w1170{width:1170px;margin:0 auto;}
.w1180{width:1180px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w1280{width:1280px;margin:0 auto;}
.w1366{width:1366px;margin:0 auto;}
.w1440{width:1440px;margin:0 auto;}
.w1560{width:1560px;margin:0 auto;}
.w200px{width:200px;}.w300px{width:300px;}.w400px{width:400px;}.w500px{width:500px;}
.h150px{height:150px;}.h200px{height:200px;}.h300px{height:300px;}.h400px{height:400px;}.h500px{height:500px;}
.clear:after{content:"";display:block;height:0;clear:both;}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ts01{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}
.ts02{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.ts03{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.ts04{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.ts05{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.tso03{transition: opacity .3s, transform 2s cubic-bezier(0,0,.44,1.18);}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px 30px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px 30px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px 30px;}


/**/
.w150px{width:150px;}
.w-calc-150px{
    width:-webkit-calc(100% - 150px);
	width:-moz-calc(100% - 150px);
	width:calc(100% - 150px);
}





/********************************************/
/*404*/
.site-error{text-align:center;background-color:#131313;border-color:#131313;padding:80px 16px;border:1px solid transparent;border-radius:4px;width:800px;max-width:90%;margin:180px auto 200px;}
.site-error h1{font-size:30px;color:#fff;margin-bottom:24px;}
.site-error p{font-size:16px;color:#fff;}

@media screen and ( max-width:1024px ){
	.site-error{margin:80px auto 200px;}
}
@media screen and ( max-width:996px ){
	.site-error{margin:66px auto 120px;}
}
@media screen and ( max-width:768px ){
	.site-error{margin:36px auto 54px;}
}





/***********美化滚动条***********/
/*x*/
.scroll-bar::-webkit-scrollbar{width:8px;}
.scroll-bar::-webkit-scrollbar-track{/*margin:2px 0;*/ background-color:#e0e0e0;
	/*-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;*/
}
.scroll-bar::-webkit-scrollbar-thumb{background-color:rgba(50,70,90,1);
	/*-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;*/
}
.scroll-bar::-webkit-scrollbar-thumb:hover{background-color:rgba(50,70,90,.9);}

/*y*/
.scroll-bar2::-webkit-scrollbar{width:6px;height:6px;}
.scroll-bar2::-webkit-scrollbar-track-piece{background-color:#e0e0e0;}
.scroll-bar2::-webkit-scrollbar-thumb{background-color:rgba(50,70,90,1);background-clip:padding-box;min-height:28px;}
.scroll-bar2::-webkit-scrollbar-thumb:hover{background-color:rgba(50,70,90,.9);}






/***********显示隐藏***********/
#panel,
.hidden{display:none;}






/*pay-qrcode*/
.pay-qrcode-box{width:350px;margin:80px auto 180px;background-color:#fff;padding:30px 16px;border-radius:10px;box-shadow:0 1px 10px rgba(0,0,0,.05);max-width:86%;position:relative;z-index:2;overflow:hidden;}
.pay-qrcode-box > img,
.pay-qrcode-box > canvas{margin:12px auto;display:block;width:60%;}
.pay-qrcode-box p{text-align:center;padding-bottom:0;}
.pay-qrcode-box:before{
	content:"";width:1000px;height:1000px;display:block;background-color:#cae6da;position:absolute;top:28px;right:0;z-index:-1;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
@media screen and ( max-width:580px ){
	.pay-qrcode-box{margin:54px auto 80px;}
	.pay-qrcode-box img,
	.pay-qrcode-box canvas{margin:12px auto;display:block;width:60%;}
	
}






/*fadeInDown*/
/*.fadeInDown{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
.fadeInDown > div{position:fixed;top:50%!important;left:50%!important;right:auto!important;padding:36px 24px 54px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);width:380px;max-width:92%;border:1px solid #07456c;
	-webkit-transform:translate(-50%,-50%)!important;
	-moz-transform:translate(-50%,-50%)!important;
	-ms-transform:translate(-50%,-50%)!important;
	transform:translate(-50%,-50%)!important;
}
.fadeInDown button.close{position:absolute;top:10px;right:16px;font-size:24px;font-weight:700;background-color:transparent;height:auto;width:20px;line-height:20px;text-align:center;cursor:pointer;}
.fadeInDown span:nth-of-type(3){font-size:18px;display:block;text-align:center;padding:0 30px;}*/
.fadeInDown{top:50%!important;left:50%!important;right:auto!important;width:500px!important;background-color:#fff;padding:44px 24px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2);margin:-55px 0 0 -274px!important;border-radius:6px;
	-webkit-animation-fill-mode:none!important;
    animation-fill-mode:none!important;
}
.fadeInDown span{font-size:20px;font-weight:700;color:#131313;line-height:1.8em;}
.fadeInDown span a{font-size:16px;color:#131313;cursor:pointer;text-decoration:underline;}
.fadeInDown button{background-color:transparent;color:#131313;font-size:24px;text-align:center;width:16px;height:16px;line-height:16px;border:0;vertical-align:middle;position:absolute;top:10px;right:10px;cursor:pointer;}
.fadeInDown button:hover{opacity:.5;filter:alpha(opacity=50);}

.fadeInDown:after{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background-color:rgba(0,0,0,.6);}
.fadeInDown:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:#fff;border-radius:6px;}

@media screen and ( max-width:767px ){
	.fadeInDown{width:400px!important;margin-left:-224px!important;}

}
@media screen and ( max-width:480px ){
	.fadeInDown{width:300px!important;padding:36px 16px!important;margin-left:-166px!important;}

}





/**/
.help-block{color:red;font-size:14px;line-height:1em;margin-top:3px;}







/*crumbs 导航*/
.crumbs{line-height:1em;}
.crumbs:after{content:"";clear:both;display:block;height:0;}
.crumbs a{float:left;font-size:14px;/*font-style:italic;*/ display:block;position:relative;line-height:1em;padding-right:10px;margin-right:5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crumbs a:after{content:"/";margin-left:5px;display:block;position:absolute;top:0;right:0;}
.crumbs a:hover{opacity:.5;}
.crumbs a:last-child{padding-right:0;margin-right:0;}
.crumbs a:last-child:after{display:none;}

.crumbs2{line-height:1em;}
.crumbs2:after{content:"";clear:both;display:block;height:0;}
.crumbs2 a{float:left;font-size:14px;/*font-style:italic;*/ display:block;position:relative;line-height:1em;padding-right:16px;margin-right:2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crumbs2 a:after{content:"\e72f";font-family:"iconfont"!important;margin-left:5px;display:block;position:absolute;top:0;right:0;
	-webkit-transform:scale(.7);
	-moz-transform:scale(.7);
	-ms-transform:scale(.7);
	-o-transform:scale(.7);
	transform:scale(.7);
}
.crumbs2 a:hover{opacity:.5;}
.crumbs2 a:last-child{padding-right:0;margin-right:0;}
.crumbs2 a:last-child:after{display:none;}







/*gotop*/
.gotop{position:fixed;bottom:50px;right:50px;z-index:990;}
.gotop i{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px;background-color:#fff;color:#131313;display:block;cursor:pointer;}
.gotop i:hover{color:#fff;background-color:#131313;}







/*commonpopup*/
.commonpopup{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);visibility:hidden;}
.commonpopup.active{opacity:1;filter:alpha(opacity=100);visibility:visible;} 
.commonpopup-box{position:fixed;top:50%;left:50%;z-index:9;width:550px;max-width:90%;height:auto;background-color:#fff;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
/*.commonpopup-bg{position:relative;padding:24px 44px;background-color:#fff;}*/
.commonpopup-off{position:absolute;top:24px;right:24px;z-index:9;cursor:pointer;} 
.commonpopup-off:before{content:"\e612";font-family:"iconfont"!important;font-size:18px;color:#9ca0a6;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.commonpopup-off:hover:before{color:#131313;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}










/***********數量***********/
.indexnumber{position:relative;width:120px;display:inline-block;vertical-align:top;}
.indexnumber input{width:50px;height:48px;background:transparent;text-align:center;border:0;font-size:18px;font-weight:700;color:#131313;}

.indexnumber > div{height:50px;border:1px solid #131313;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.indexnumber > div:hover{border-color:#131313;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.indexnumber > div > div{width:26px;height:48px;line-height:48px;border-radius:50%;color:#131313;top:1px;cursor:pointer;font-size:18px;font-weight:700;text-align:right;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.indexnumber > div > div:last-child{text-align:left;}
.indexnumber > div > div:hover{color:#cdcdcd;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}










/***********表單***********/
.form-row:after,
.form-item:after,
.form-together:after,
.form-input:after{content:"";clear:both;height:0;display:block;} 

.form-t-s{font-size:13px;line-height:1em;margin:5px 0;color:#777;display:inline-block;vertical-align:top;}

/*.form-row.grid-2,
.form-row .grid-2,
.form-row.grid-3,
.form-row .grid-3{margin-bottom:-20px;}*/

/*.form-row.grid-2 .help-block,
.form-row .grid-2 .help-block,
.form-row.grid-3 .help-block,
.form-row .grid-3 .help-block{margin-top:-10px;}*/

/*一行多个*/
.form-row{width:100%;margin-bottom:20px;position:relative;z-index:2;text-align:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
} 
.form-row:last-of-type{margin-bottom:0;}  

.form-input{position:relative;}

/*基本*/
.form-input select,
.form-input textarea,
input[type="tel"],
input[type="text"],
input[type="password"]{display:inline-block;border:1px solid #131313;padding:0 20px;width:100%;height:50px;position:relative;background-color:transparent;vertical-align:top;border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.form-input select:disabled,
.form-input textarea:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled{background-color:#f4f5f6;}
.form-input textarea{padding:12px 20px;height:120px;}
.form-input select{padding-right:36px;background:url(../images/form-icon1-1.png) no-repeat;background-position:top 20px right 18px;background-size:10px 10px;}

.form-input .show-password-input{position:absolute;top:50%;right:16px;margin-top:-8px;cursor:pointer;font-weight:700;}
.form-input .show-password-input.if-yanjing:before{content:"\e66f"!important;}


/*验证码*/
.form-code{
	width:-webkit-calc(100% - 100px)!important;
	width:-moz-calc(100% - 100px)!important;
	width:calc(100% - 100px)!important;
}
.form-code-img{position:absolute;top:0;right:0;width:94px;height:36px;background-color:#fff;margin-top:7px;}
.form-code-img img{width:auto;height:100%;display:block;margin:0 auto;}


/*标题*/
.form-label{line-height:1em;display:block;font-size:14px;font-weight:700;margin-bottom:6px;}

.df .form-label.w33{box-sizing:border-box;text-align:right;display:flex;align-items:center;margin-left:auto;justify-content:flex-end;padding-right:30px;line-height:1.2em;font-size:14px;font-weight:700;margin-bottom:0;height:50px;}

.df-c .form-label.w33{box-sizing:border-box;text-align:right;padding-right:30px;line-height:1.2em;display:block;font-size:14px;font-weight:700;margin-bottom:0;}

.form-careful
/*.form-label i,
.df .form-label.w33 i,
.df-c .form-label.w33 i*/{font-size:14px;font-weight:700;font-style:normal;color:#d0021b;display:contents;}


/*2*/
/*.form-item2{margin:0 -3px;}
.form-item2 > .form-row{padding-left:120px;}
.form-item2 .form-row > label{position:absolute;top:0;left:3px;line-height:36px;display:block;font-size:14px;font-weight:700;}
.form-item2 .form-row > label i{font-size:14px;font-weight:700;font-style:normal;color:#d0021b;margin-right:2px;}
.form-item2 .form-choice,
.form-item2 .form-choice2{padding:0 3px;}*/




/******/
input[type='radio'],
input[type='checkbox']{width:16px;min-width:16px;height:16px;position:relative;background:transparent;border:0;outline:none;vertical-align:middle;cursor:pointer;margin-right:8px;display:inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input[type='radio']:checked:after,
input[type='checkbox']:checked:after{content:"";position:absolute;top:2px;left:5px;border-right:2px solid transparent;border-bottom:2px solid transparent;width:4px;height:8px;border-color:#fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
input[type='radio']:before,
input[type='checkbox']:before{content:"";position:absolute;width:100%;height:100%;background:#fff;border:1px solid #131313;border-radius:3px;box-sizing:border-box;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
input[type='radio']:hover:before,
input[type='checkbox']:hover:before{background-color:#f4f5f6;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
input[type='radio']:checked:before,
input[type='checkbox']:checked:before{background-color:#131313!important;border-color:#131313!important;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
input[type='radio']:disabled,
input[type='checkbox']:disabled{cursor:default;}
input[type='radio']:disabled:before,
input[type='checkbox']:disabled:before{background-color:#dbdde1;border-color:#9ca0a6;}
input[type='radio']:disabled:hover:before,
input[type='checkbox']:disabled:hover:before{background-color:#dbdde1;
	 -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}


/**/
.form-choice,
.form-choice2{/*padding-bottom:12px;*/ display:flex;align-items:center;flex-wrap:wrap;}
/*.form-input label,*/
.form-choice > label,
.form-choice2 > label{cursor:pointer;display:flex;align-items:center;margin-right:16px;vertical-align:top;padding:3px 0;height:44px;font-size:14px;}
.form-choice > label input[type="tel"],
.form-choice2 > label input[type="tel"],
.form-choice > label input[type="text"],
.form-choice2 > label input[type="text"]{margin-left:10px;display:inline-block;width:auto;vertical-align:top;}
.form-choice2 input[type='radio']:before{border-radius:100%;}
.form-choice2 input[type='radio']:checked:before{background-color:#fff!important;}
.form-choice2 input[type='radio']:checked:after{border:0;width:8px;height:8px;background:#131313;border-radius:100%;top:50%;left:50%;margin:-4px 0 0 -4px;}


/*input[type='checkbox'],input[type='radio']{width:20px;height:20px;position:relative;background:transparent;border:0;outline:none;vertical-align:middle;cursor:pointer;margin-right:8px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input[type='checkbox']:focus,input[type='radio']:focus{border:0!important;}
input[type='checkbox']:before,input[type='radio']:before{content:"";position:absolute;width:100%;height:100%;background:#fff;border:1px solid #131313;border-radius:100%;box-sizing:border-box;}
input[type='checkbox']:checked:after,input[type='radio']:checked:after{content:"";position:absolute;top:50%;left:50%;border:0;width:14px;height:14px;background:#131313;border-radius:100%;margin:-7px 0 0 -7px;}*/


/**/
.form-pay label{position:relative;z-index:9;height:50px;padding:10px 16px;margin-right:20px;overflow:hidden;border-radius:6px;}
.form-pay label img{height:100%;display:block;}
.form-pay label input[type='radio']{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}
.form-pay input[type='radio']:before{width:100%;height:100%;border:2px solid #cecfd3;border-radius:6px;z-index:-1;}
.form-pay input[type='radio']:hover:before{width:100%;height:100%;background-color:#fff;border-color:#d1ef7b!important;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.form-pay input[type='radio']:checked:before{border-color:#d1ef7b!important;background-color:#fff!important;}
.form-pay input[type='radio']:checked:after{border:0;width:50px;height:50px;background:url(../images/gou.png) no-repeat;background-size:100% 100%;top:2px;right:2px;bottom:auto;left:auto;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}










/***********放大***********/
#zoom{position:fixed;top:0;left:0;z-index:99990;display:none;width:100%;height:100%;background:rgba(0,0,0,0.8);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
	filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}
#zoom .content{position:absolute;top:50%;left:50%;z-index:99991;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,0.3);border-radius:4px;}
#zoom .content.loading{background-image:url('../images/loading.gif');}

#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25);border-radius:4px;}

#zoom .close{position:absolute;top:0;right:0;z-index:99993;width:49px;height:49px;cursor:pointer;background:transparent url('../images/close.png') no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px;}
#zoom .close:hover{background-color:#da4f49;}

#zoom .next,
#zoom .previous {position:absolute;top:50%;z-index:99992;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px;}
#zoom .previous{left:0;background:url('../images/arrows.png') no-repeat 0 0;border-radius:0 4px 4px 0;}
#zoom .next{right:0;background:url('../images/arrows.png') no-repeat 100% 0;border-radius:4px 0 0 4px;}

#zoom .next:hover,
#zoom .previous:hover{background-color:#0088cc;}

/*局部放大*/
#zoomiocontainer{position:absolute;z-index:500;overflow:hidden;background:white;visibility:hidden;border-radius:10px;}
#zoomiocontainer img{width:1500px!important;height:auto!important;position:absolute!important;display:block!important;max-width:inherit!important;}
#zoomiocontainer.mobileclass{overflow:scroll;-webkit-overflow-scrolling:touch;}










/***********banner***********/
.commbanner .bx-wrapper { position: relative; }

.commbanner .bx-wrapper .bx-controls-direction a { 
	font-size: 0; position: absolute; top: 50%; margin-top: -25px; z-index: 9; background-color: #fff; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-wrapper .bx-controls-direction a.disabled { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.commbanner .bx-wrapper .bx-controls-direction a:hover { background-color: #131313;
	-webkit-transform: scale(0.85); 
	-moz-transform: scale(0.85); 
	-ms-transform: scale(0.85); 
	-o-transform: scale(0.85); 
	transform: scale(0.85);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-wrapper .bx-controls-direction a:before { font-family: "iconfont"!important; color: #131313; font-size: 20px; display: inline-block; text-align: center; vertical-align: top;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-wrapper .bx-controls-direction a:hover:before { color: #fff;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;
}
.commbanner .bx-wrapper .bx-prev { left: 36px; }
.commbanner .bx-wrapper .bx-next { right: 36px; }
.commbanner .bx-wrapper .bx-prev:before { content: "\e730"; }
.commbanner .bx-wrapper .bx-next:before { content: "\e72f"; }

.commbanner .bx-pager { position: absolute; left: 50%; bottom: 44px; z-index: 9; line-height: 10px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%); 
}
.commbanner .bx-pager > div { display: inline-block; vertical-align: top; margin: 0 6px; }
.commbanner .bx-pager > div a { font-size: 0; width: 10px; height: 10px; background-color: #fff; opacity: .5; filter: alpha(opacity=50); border-radius: 100px; display: block; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.commbanner .bx-pager > div a:hover { opacity: 1; filter: alpha(opacity=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; 
}
.commbanner .bx-pager > div a.active { background-color: #fff; opacity: 1; filter: alpha(opacity=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; 
}


/*  */
/*.swiper-button-prev:after,
.swiper-button-next:after{display:none;}
.swiper-button-prev,
.swiper-button-next{
	background-color:rgba(0,0,0,.6);border-radius:100px;width:36px;height:36px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.swiper-button-prev{left:30px;}
.swiper-button-next{right:30px;}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	-ms-transform:scale(0.85);
	-o-transform:scale(0.85);
	transform:scale(0.85);
}
.swiper-button-prev:before,
.swiper-button-next:before{font-family:"iconfont"!important;color:#fff;font-size:14px;}
.swiper-button-prev:before{content:"\e730";}
.swiper-button-next:before{content:"\e72f";}

.swiper-pagination{bottom:var(--swiper-pagination-bottom,12px)!important;}
.swiper-pagination > span{width:10px;height:10px;background-color:#000;opacity:.3;filter:alpha(opacity=30);}
.swiper-pagination > span:hover,
.swiper-pagination > span.swiper-pagination-bullet-active{opacity:.7;filter:alpha(opacity=70);}*/








/***********按鈕***********/

/*基础*/
.btn-base{text-transform:uppercase;padding:0 30px;height:50px;line-height:50px;background-color:#131313;color:#fff;font-weight:700;text-align:center;display:inline-block;cursor:pointer;} 
.btn-base i{color:#fff;font-weight:normal;vertical-align:top;}
.btn-base:hover{opacity:.7;filter:alpha(opacity=70);}

/*基础+线框*/
.btn-line{text-transform:uppercase;padding:0 30px;height:48px;line-height:48px;background-color:transparent;color:#131313;font-weight:700;text-align:center;border:2px solid #131313;display:inline-block;cursor:pointer;}
.btn-line i{vertical-align:top;}
.btn-line:hover{background-color:#131313;color:#fff;border-color:#131313;}
.btn-line:hover i{color:#fff;}

/*基础+无背景*/
.btn-empty{text-transform:uppercase;font-weight:700;display:inline-block;cursor:pointer;line-height:1em;}
.btn-empty i{vertical-align:top;}
.btn-empty:hover{opacity:.7;filter:alpha(opacity=70);}


/*—————————————————————*/
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
.btn-base:disabled{background-color:#9ca0a6;}
.btn-line:disabled{background-color:#9ca0a6;border-color:#9ca0a6;}


/*——— 加箭头*/
.btn-arrow:after{content:"\e631";font-family:"iconfont"!important;font-size:14px;font-weight:normal;margin-left:16px;display:inline-block;vertical-align:top;}


/*改颜色 ——— 背景*/
.btn-bcolor{background-color:#40708b;}
.btn-bcolor-w{background-color:#fff;color:#131313;}
.btn-bcolor-w i{color:#131313;}
/*改颜色 ——— 线框*/
.btn-lcolor{border-color:#40708b;color:#40708b;}
.btn-lcolor i{color:#40708b;}
.btn-lcolor:hover{background-color:#40708b;color:#fff;border-color:#40708b;}
.btn-lcolor:hover i{color:#fff;font-weight:normal;}
.btn-lcolor-w{border-color:#fff;color:#fff;}
.btn-lcolor-w i{color:#fff;}
.btn-lcolor-w:hover{background-color:#fff;color:#131313;border-color:#fff;}
.btn-lcolor-w:hover i{color:#131313;font-weight:normal;}
/*改颜色 ——— 渐变*/
.btn-gcolor{color:#fff;
	background:-webkit-linear-gradient(left,#88bfdd,#40708b);
    background:-moz-linear-gradient(left,#88bfdd,#40708b);
    background:-o-linear-gradient(left,#88bfdd,#40708b);
    background:linear-gradient(to right,#88bfdd,#40708b);
}
.btn-gcolor i{color:#fff;font-weight:normal;}


/*图标间距*/
.icon-ml-6{margin-left:6px;}
.icon-ml-20{margin-left:20px;}
.icon-ml-80{margin-left:80px;}
.icon-mr-6{margin-right:6px;}


/*圆角*/
.btn-r{border-radius:100px;}
.btn-r4{border-radius:4px;}
.btn-r6{border-radius:6px;}
.btn-r10{border-radius:10px;}


/**/
.btn-db{display:block;}
.btn-p-0-20{padding:0 20px;}


/*高度*/
.lh-1{line-height:1em;}
.lh-34{line-height:34px;height:34px;} 
.lh-36{line-height:36px;height:36px;} 
.lh-42{line-height:42px;height:42px;} 
.lh-44{line-height:44px;height:44px;} 
.lh-48{line-height:48px;height:48px;} 
.lh-50{line-height:50px;height:50px;}


/*字体*/
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f24{font-size:24px!important;}
.f30{font-size:30px!important;}
.f36{font-size:36px!important;}

.fw-700{font-weight:700;}
.fw-bold{font-weight:bold;}
.fw-normal{font-weight:normal;}
.text-d-u{text-decoration:underline;}

.color-666{color:#666;}

.text-lt{text-decoration:line-through;}





/*線*/
hr,.line-solid{width:100%;display:block;border:0;border-bottom:1px solid #eee;}
.line-dashed{width:100%;display:block;border:0;border-bottom:1px dashed #131313;}

.line-breaker-l{border:0;width:100%;max-width:160px;display:block;height:1px;background-color:#131313;margin:20px auto 20px 0;}
.line-breaker-m{border:0;width:100%;max-width:160px;display:block;height:1px;background-color:#131313;margin:20px auto;}
.line-breaker-r{border:0;width:100%;max-width:160px;display:block;height:1px;background-color:#131313;margin:20px 0 20px auto;}




/**/
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px !important;}
.mt-66{margin-top:66px;}
.mt-80{margin-top:80px !important;}
.mt-100{margin-top:120px;}
.mt-120{margin-top:120px;}

.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-36{margin-bottom:36px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px !important;}
.mb-66{margin-bottom:66px !important;}
.mb-80{margin-bottom:80px;}
.mb-120{margin-bottom:120px;}

.pb-10{padding-bottom:10px;}
.p-30{padding:30px;}
.p-0-6{padding:0 6px;}
.p-0-30{padding:0 30px;}
.p-20-0{padding:20px 0;}
.p-30-0{padding:30px 0;}
.p-50-0{padding:50px 0;}
.p-80-0{padding:80px 0;}
.p-50-30{padding:50px 30px;}

.ml-w33{margin-left:33.33%;}
.ml-w40{margin-left:40%;}
.m-100-50,.m-100-0-50{padding:100px 0 50px;}





/*標題*/
.title-b{font-size:24px;font-weight:700;line-height:1em;padding-bottom:20px;border-bottom:1px solid #CBCBCB;margin-bottom:36px;}

.title-s{font-size:18px;position:relative;padding-left:7px;font-weight:700;line-height:1em;margin-bottom:20px;}
.title-s:before{content:"";display:block;width:1px;height:12px;background-color:#131313;position:absolute;top:50%;left:0;margin-top:-6px;}





/*收藏按钮*/
.like-btn{border:1px solid #131313;width:34px;height:34px;line-height:34px;text-align:center;display:inline-block;vertical-align:top;}
.like-btn i{font-size:14px;}
.like-btn.active i:before{content:"\e799";color:#d0021b;}









/*  */
button.lh-50 { line-height: 46px; }
.w1170 hr { margin: 50px 0; }
.w1170 h1,.w1170 h2,.w1170 h3,.w1170 h4,.w1170 h5,.w1170 h6{margin: 0;}
.w1170 .w750 { margin: 0 auto; }
.w1170 h3.f18 { line-height: 1.2em; }

.seo-h1 h1,.seo-h1 h2 { font-size: 36px; text-align: center; line-height: 1em; position: relative; }
.seo-h1 h1:after,.seo-h1 h2:after { content: ""; border-bottom: 3px solid #40708b; display: block; width: 80px; margin: 20px auto 0px; }
.seo-h1 h1:before,.seo-h1 h2:before { content: ""; display: block; width: 38px; height: 3px; background-color: #e17632; position: absolute; bottom: 0; left: 50%; z-index: 2; margin-left: -19px; border-left: 7px solid #fff; border-right: 7px solid #fff; }

.all-contact-animation { width: 100%; height: 3px; position: relative; overflow: hidden; }
.all-contact-animation span { position: absolute; left: 0; height: 100%; width: 100%;
    background: linear-gradient(0.25turn, #00C5F1, #FF6A00, #FE3C72, #B62684, #20C420, #00E0AA, #A100FF, #00C5F1, #FFD500, #FF6A00, #FE3C72, #B62684, #20C420, #00E0AA, #A100FF, #00C5F1);
    background-size: 200%;
    animation: 4s infinite linear animation1;
    transform: scaleX(1.3);
}   
@keyframes animation1 {
    0% { background-position: 106%; }
	100% { background-position: 0%; }
}

/*.btn-animation .all-contact-animation { height: 100%; position: absolute; top: 0; left: 0; z-index: -2; }
.btn-animation { position: relative; z-index: 2; }
.btn-animation:before { content: ""; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; display: block; background-color: #40708b; z-index: -1; transition:all .3s ease; }
.btn-animation:hover:before { top: 0; left: 0; right: 0; bottom: 0; transition:all .3s ease; } */



.all-contact { position: relative; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.1); margin-bottom: 80px; }
.all-contact:after { content: ""; z-index: -1; position: absolute; top: 0; left: 0; transform: translateZ(-1px) translateY(30px) translateX(30px); height: 100%; width: 100%; opacity: 0.2; background: url(../images/point.svg) repeat; background-size: 8px; background-color: transparent !important; box-shadow: none !important; }
.all-contact-box { background-color: #fff; position: relative; z-index: 9; padding: 80px 50px 0; overflow: hidden; }
.all-contact-box h3 { font-size: 30px; line-height: 1.4em; width: 950px; max-width: 100%; margin: 0 auto; }
.all-contact-btn { padding-top: 44px; }
.all-contact-btn .btn-base { padding: 0; vertical-align: top; margin: 0 4px; width: 180px; text-align: center; }
.all-contact-btn .btn-base:hover { color: #fff; }
.all-contact-btn .btn-base:first-child { background-color: #e17632; font-size: 18px !important; position: relative; margin-left: 52px; }
.all-contact-btn .btn-base:first-child i { position: absolute; top: 0; left: -52px; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #e17632; }

.all-contact .all-contact-animation { margin: 80px -50px 0; width: auto; }


.all-problem ul { grid-gap: 30px 36px; }
.all-problem-t { background-color: #40708b; position: relative; padding: 30px; margin-bottom: 30px; }
.all-problem-t:before { content: ""; z-index: -1; position: absolute; top: 20%; left: 0; transform: translateZ(-1px) translateY(16px) translateX(16px); height: 80%; width: 100%; opacity: 0.2; background: url(../images/point.svg) repeat; background-size: 8px; background-color: transparent !important; box-shadow: none !important; }
.all-problem-t p { color: #fff; text-align: center; font-size: 15px; }


.all-problem-t:after { content:'';position:absolute;top:100%;left:38px;margin-left:-15px;width:0;height:0;display:block;
	border-top:solid 8px #40708b;
	border-left:solid 8px transparent;
	border-right:solid 8px transparent; 
}
.all-problem-b { padding-left: 20px; }
.all-problem-b strong { font-size: 20px; line-height: 1.2em; }
.all-problem-b p { font-size: 16px; line-height: 1.2em; }

.all-b-img img { display: block; width: 100%; } 
.all-bg-text { background-color: #40708b; padding: 80px 50px; }
.all-bg-text hr { border-color: #fff; }
.all-bg-text h2 { color: #fff; line-height: 1.2em; margin-bottom: 16px; font-size: 36px; }
.all-bg-text p { color: #fff; }
.all-bg-text .btn-base { background-color: #e17632; }
.all-bg-text .btn-base:hover { color: #fff; }

/*  */
.all--list {grid-gap:30px 50px}
.all--list ul { grid-gap: 36px 36px; }
.all--list ul li > div { height: 100%; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1); position: relative; background-color: #fff; }
.all--list ul li > div:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events:none;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.all-plan-list ul li:after,
.all--list ul li > div:after { content: ""; z-index: -1; position: absolute; top: 3%; transform: translateZ(-1px) translateY(16px) translateX(16px); height: 97%; width: 100%; opacity: 0.2; background: url(../images/point.svg) repeat; background-size: 8px; background-color: transparent !important; box-shadow: none !important; }
.graphic-design-list-text { position: absolute; top: 50%; left: 0; right: 0; text-align: center; background-color: #022e46d6; padding: 20px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
} 
.all--list-img { overflow: hidden; background-color: #fff; position: relative; z-index: 9; }
.all--list-img img { display: block; width: 100%; }
.all--list-text-box { padding: 30px 20px; display: block; box-sizing: border-box; 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;
}
.all--list-text h4 a { font-size: 18px; font-weight: 700; display: block; line-height: 1.4em; margin-bottom: 10px; }
.all--list-text p { font-size: 13px; line-height: 1.5em; color: #7d7d7d; display: block; text-align: left; }
.all--list-text p a { font-size: 13px; line-height: 1.2em; display: inline-block; vertical-align: top; }

.all--list ul li > div:hover .all--list-img img { 
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); 
}
.all--list ul li > div:hover .all--list-text-box { box-shadow: inset 0 3px 0 0 #e17632;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease; 
}
.all--list ul li > div:hover:before { box-shadow: inset 0 0 0 3px #e17632;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease; 
}

.all--list2 .all--list-img img { width: 80%; margin: 30px auto; }




/*  */
.all-plan-list ul li { background-color: #fff; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1); position: relative; padding-bottom: 50px; }
/*.all-plan-list ul li:before { content: ""; width: 100%; height: 2px; display: block; }
.all-plan-list ul li:nth-child(1):before { background-color: #C0C0C0; }
.all-plan-list ul li:nth-child(2):before { background-color: #e1e109; }
.all-plan-list ul li:nth-child(3):before { background: linear-gradient(to right, #e6fbff, #96ddff 100%);
 }*/
.all-plan-list ul li > div.tac { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.all-plan-list ul li .df { flex-direction: column; justify-content: space-between; padding: 0 30px; } 
.all-plan-list-t {  margin-bottom:30px; padding: 36px 20px; background-color: #e1e1e1; /*background: linear-gradient(to right, #f7f7f7, #e1e1e1);*/ }
.all-plan-list ul li:nth-child(2) .all-plan-list-t { background-color: #ffff7b; /*background: linear-gradient(to right, #ffffe0, #ffff7b);*/ }
.all-plan-list ul li:nth-child(3) .all-plan-list-t { background-color: #b1e6ff; /*background: linear-gradient(to right, #f6feff, #b1e6ff);*/ }
.all-plan-list-t h2 { font-size: 30px; font-weight: 700; line-height: 1em; }
.all-plan-list-t span { font-size: 20px; font-weight: normal; line-height: 1em; margin-top: 16px; display: block; }
.all-plan-list-item { margin-bottom: 36px; }
.all-plan-list-item span { font-size: 14px; display: block; line-height: 1.2em; margin-bottom: 8px; }
.all-plan-list-item span:last-child { margin-bottom: 0; }
.all-plan-list-item span:before { content: "\e636"; font-family:"iconfont"!important; color: #e17632; font-size: 14px; font-weight: 700; margin-right: 10px; }
.all-plan-list .btn-line { margin: 0 30px; }


/*  */
.optimize-seo-list {grid-gap:30px 50px}
.optimize-seo-list img { width: 180px; max-width: 100%; display: block; margin: 0 auto 30px; } 
.optimize-seo-list h3 { font-size: 16px; line-height: 1.4em; }

/*  */
.all-plan-list ul,
.phone-application .all--list ul,
.phone-marketing .all--list ul {grid-gap:30px 80px;}

/*  */
.graphic-design-list ul li > div { position: relative; }
.graphic-design-list-text h2 { color: #fff; line-height: 1.2em; font-size: 36px; margin: 0 0 12px; }
.graphic-design-list-text p { color: #fff; line-height: 1.2em; }
.graphic-design-list-img img { display: block; height: 400px; object-fit: cover; object-position: center center; }

/*  */
.all-text-img { align-items: center; }
.all-text-img-r img { height: 400px; object-fit:cover;object-position:center center; }
.all-text-img-l h2 { font-size: 20px; line-height: 1.2em; }
.all-text-img-l ul li { margin-bottom: 16px; }
.all-text-img-l ul li { margin-bottom: 16px; }



/*  */
.government-funding-list ul li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #eee; } 
.government-funding-list ul li h4 { font-weight: 700; font-size: 18px; }


/*  */
.about-us-box { display: flex; align-items: center; justify-content: space-between; }  
.about-us-l { width: 50%; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.1); position: relative; }
.about-us-l-box { background-color: #fff; padding: 66px; box-shadow: inset 0 0 0 3px #e17632; }
.about-us-l:after { content: ""; z-index: -1; position: absolute; top: 30px; right: 30px; height: 100%; width: 100%; opacity: 0.2; background: url(../images/point.svg) repeat; background-size: 8px; background-color: transparent !important; box-shadow: none !important; }
.about-us-l-box:hover { box-shadow: inset 0 0 0 6px #e17632; }
.about-us-l p { font-size: 14px; line-height: 1.6em; margin: 14px 0 20px; }
.about-us-r { width: 50%; }
.about-us-r img { display: block; margin: 0 auto; }
.about-us .all--list-text,
.about-us .all--list-text p { text-align: center; }
.about-us .all--list-text p a { font-size: 14px; margin-bottom: 4px; }
.about-us .all--list-text p a:last-child { margin-bottom: 0; }
.about-us-btn a { margin: 3px; }




/*  */
#project{ padding-top: 20px; padding-bottom: 30px; width: 1160px; margin: 0 auto; }
.pro-nav div{ padding-right: 20px; float: left; }
.pro-nav div a{ font-size: 18px; font-weight: bolder; text-decoration: none; display: block;}

.choose,.choose1{ width: 100%; padding-right: 8px; background: url(../images/timg.jpg) right no-repeat; background-size: 10px 10px;}

.project-nav{ position: relative;}
.project-nav ul{ position: absolute; background: #ee7115; list-style-type: none; width: 200px; z-index: 99999; }
.project-nav ul>:first-child a{ padding-top: 5px; }
.project-nav ul li a{ font-size: 16px; font-weight: normal; color: white; padding-left: 5px; padding-bottom: 5px; }
.project-nav ul li:hover a{ background-color: #F9A386; }

.pro-list{ clear: both; padding-top:20px; display: block;}
.pro-list li{ list-style-type: none; float: left; width: 25%; margin-bottom: 15px;}
.pro-list-nr{ width: 95%; position: relative; z-index: 7; margin: 0 auto; overflow: hidden; border:1px solid #D4D4D4; }
.pro-list li a{ text-decoration: none; }
.pro-list li img{ max-width: 100%; width: 100%; height: 100%; display: block; object-fit: cover; transform: scale(1); -webkit-transition: all 1s ease;}
.pro-list li img:hover{ transform: scale(1.3);}

.promotion-word{ font-size: 18px; position: absolute; bottom: 0px; width: 100%; background-color: black; color: white; display: none; }



/*  */
.pro-details-slides { width: 60%; float: left; }
.pro-details .cont-right{ float: right; width: 36% !important; }
.category{ border-left: 3px #eb7721 solid; margin: 10px 0; padding-left: 5px;}
.category a{ text-decoration: none; background-color: #303030; padding: 5px; border-radius: 5px; color: white;}
.tag{ border-left: 3px #eb7721 solid; margin: 20px 0; padding-left: 5px;}
.tag a{ text-decoration: none; background-color: #303030; padding: 5px; color: #fff; position: relative;height: 100%;left: 15px;margin-right: 15px;border-radius: 0px 5px 5px 0px;}
.tag a::before{	content: ".";font-size: 19px;position: absolute;left: -5px;top: 25%;z-index: 1;transform: translateY(-50%);}
.tag a:after{content:' ';position: absolute;top: 0;left: -30px;border: 15px solid transparent;border-right-color: #303030;}
.neir a{width: 74px;height: 44px;display: block;background: url("../images/20171106110001.png") no-repeat;}
.cont-title{font-size: 20px;line-height: 26px;padding: 20px 0px;font-weight: bold;color: #f5871e;background: url("../images/sep_short.png") repeat-x bottom;}
.underline{clear: both;background: url("../images/sep_short.png") repeat-x;height: 5px;}
.cont-nr{padding-top: 10px;}
.cont{clear: both;float: left;width: 60%;position: relative;padding-bottom: 30px;}
.slides li img{width: 100%;height: 100%;}
.bx-controls-direction{display: block!important;}







.index_banner:after,
.n_banner:after { content: ""; width: 100%; height: 22px; background: url("../images/banner-line.png") no-repeat; background-size: 100% 100%; display: block; }


.language1{line-height:1em; position: absolute; top: 0; right: -44px;}
.language1 dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer;}
.language1 dt{height:32px;line-height:32px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;width:32px;text-align:center;border-radius:100px;background-color: #e17927;}
.language1 dt:hover{border-color:#131313;}
.language1 dd{position:absolute;top:100%;left:0;right:0;z-index:990;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:4px;display: block !important;padding:4px 0;text-align:center;border-radius:6px; opacity: 0; visibility: hidden;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;}
.language1 dd a{display:block;padding:2px 8px;font-size:12px;line-height:18px;}
.language1 dd a:hover{color:#e17927;}
.language1 dt:after{
	content:"\e732";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:none;text-align:center;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
.language1 dl:hover dd { opacity: 1; visibility: visible;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease; }


.hearder-right .litte-nav { margin-right: 44px !important; }




/*  */
html[lang="en-US"] #tab .tabList ul li { background-size: 100% 100% !important; padding-right: 20px; font-size: 12px; display: flex; align-items: center; line-height: 1.1em; }
.footer-list ul li a { display: block; }

html[lang="en-US"] .cont-right-list ul li { display: flex; align-items: center; }
html[lang="en-US"] .cont-right-list ul li a { font-size: 13px; }

#tab .tabList + .tabCon { border-radius: 0 0 10px 10px !important; }

.phone-menu-btn { display: none; }