/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/


html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; background-color:#fff; font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", Helvetica, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
html,body{width: 100%;height: 100%;}
form{margin:0px;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0;  }
a{outline: medium none;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;color:#333;}
a:link {color:#333;text-decoration:none;}
a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:rgba(187, 154, 125, 1);}
a:active {text-decoration:none;color:rgba(187, 154, 125, 1);}
a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i{ font-style:normal;}
button, input:not([type="radio"]):not([type="checkbox"]), select {vertical-align: middle;}

*{margin:0;padding:0;
box-sizing:border-box;  
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-o-box-sizing:border-box; 
}


.fright{ float:right !important;}
.fleft{ float:left !important;}


.home-box{ width: 100%; height: 100vh; overflow: hidden; background: url(../images/home-bg.png) center center no-repeat ; background-size: 100% 100%; position: relative;padding: 0px;margin: 0px;}
.allbox{display: flex; justify-content:center; align-items:center; text-align: center;height: 100vh;width: 100%;}
.allbox .box{ overflow: hidden; padding:8% 4%;}
.allbox .box:first-child{border-right:1px rgba(255, 255, 255, 0.3) solid;}
.allbox .title{color: #fff;font-size: 60px;font-weight: bold;margin-top: 25px;}
.allbox .logo{ height: 130px;justify-content:center;align-items:center; display: flex; }
.allbox .logo.l1 img{ height:130px;}
.allbox .logo.l2 img{ height:76px;}
.allbox .but{display: block;width: 326px;height: 64px;background: #FFFFFF;margin:100px auto 0 auto; line-height: 64px;font-weight: bold;font-size: 16px;color: #333333;border-radius: 10px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); position: relative;display: flex; justify-content:center;align-items:center;}
.allbox .but .el-icon-right{font-size:26px; }
.allbox .but:hover{ background-color: #ff9705;color: #fff;}
.allbox   .language{overflow: hidden;margin-top:20px;background-image:url("../images/icon_yuyan.png");background-size: 16px;background-repeat: no-repeat; padding-left: 20px;color: #fff;background-position:0 3px;  cursor: pointer; position: absolute; top: 20px; right: 50px;}
.allbox   .language .el-dropdown{font-size: 16px; color: #FFF;}




.border0{ border:0 !important;}
a.co4{color:#048ac2;text-decoration:underline;}
a.co4:hover{ color:#F00;}
.cf00{ color:#ff0000;}
.padding0{ padding:0 !important;}
.margin0{ margin:0 !important;}
.margintop20{ margin-top:20px!important;}
.margintop10{ margin-top:10px!important;}
.margintop40{ margin-top:40px!important;}
.margintop0{ margin-top:70px!important;}
.margintop00{ margin-top:0!important;}
/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/



@media only screen and (max-width:1440px){
.allbox .title{font-size:50px !important;}
}



@media only screen and (max-width:1200px){
.allbox .title{font-size:40px !important;}
.allbox .but{ margin-top: 50px;}
.allbox .box{ overflow: hidden; padding:8% 4%;}
}


@media only screen and (max-width:1000px){
.allbox .title{font-size:30px !important;}
}

@media only screen and (max-width:870px){
	.allbox .box{ overflow: hidden; padding:6% 2%;}
.allbox .title{font-size:26px !important;}
}


@media only screen and (max-width:640px){
.allbox{display: block; padding-top: 15%;}
.allbox .logo.l1 img{ height:100px;}
.allbox .logo.l2 img{ height:50px;}
.allbox .box:first-child{border-bottom:1px rgba(255, 255, 255, 0.3) solid;border-right:0}
.allbox .title{font-size:24px !important;}

.allbox .but{width: 300px;height:50px; line-height: 50px; margin-top: 30px;}
.allbox   .language{top: 5px; right:10px;}
}