@charset "utf-8";
/*CSS*/
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, blockquote,menu,big { margin: 0; padding: 0; font-size: 12px; }
html, body { width: 100%; height: 100%; }
body { zoom: 1; background: #ffffff; font-family: Arial, "微软雅黑", "Microsoft YaHei"; }
body { *font-family:"微软雅黑", "Microsoft YaHei";
}
img { border: 0 none; vertical-align: middle; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { }
body, input, select, button, textarea { font-size: 12px; font-family: Arial, "微软雅黑"; }
body, input, select, button, textarea { *font-family:"微软雅黑", "Microsoft YaHei";
}
button { cursor: pointer; }
i, em, cite, address { font-style: normal; }
a { text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());
}
a:link { text-decoration: none; cursor: pointer; }
a:hover, a:active { text-decoration: none; -moz-background-clip: 222; }
a:focus { outline: none; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
body{ overflow-x: hidden ;}

a{  transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear; }
html,body{
	font-size: 16px;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width:8px;  
    height: 8px;  
    background-color: #F5F5F5;  
}    
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{      
    border-radius: 10px;  
    background-color: #E2E2E2;  
}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #555;  
} 

.bodybox{ width: 93.8%; margin: 0 auto;}


a{color: #333;}


header{ height: 125px; line-height: 125px; text-align: center; position: relative; z-index: 999;} 
header:after{content: ""; display: block; clear: both;}
header .logo{ position: absolute; left: 0; height:125px;}
header .logo img{ height:115px;}
header nav.headerNav{ display: inline-block; text-align: center; vertical-align: middle; font-size: 0; position: relative;}
header nav.headerNav a{ font-size: 16px; font-size: 1rem; color: #333; display: inline-block; padding: 0 40px;}
header nav.headerNav a.on{ color: #fff;}
header .mark{ position: absolute; right: 0; top: 0; display: block; float: right; }
header .mark .search{ display: inline-block; position: relative; padding-right: 15px; margin-right: 15px;}
header .mark .search:after{content: ""; display: block; width: 1px; height: 10px; background: #999; position: absolute; right: 0; top: 58px;}
header .mark .search input{ width: 20px; height: 20px; display: inline-block;  background: none; vertical-align: middle; border: 0 none; outline: 0 none;}
header .mark .search input.text{ width: 0px; border-bottom: 1px solid #999; 
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
header .mark .search input.submit{ background:url(search.png) no-repeat center center; cursor: pointer;}
header .mark .search:hover input.text{ width: 100px;}
header .mark .language{ display: inline-block; height: 20px; vertical-align: middle; color: #717171; position: relative;}
header .mark .language dt{ line-height: 20px; font-size: 15px; font-size:.93rem ; cursor: pointer;}
header .mark .language dt i{ font-size: 12px;  font-size:.75rem; display: inline-block;
	
}
header .mark .language dt i,
header .mark .language dd{
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

header .mark .language dd{ line-height: 20px;  font-size: 13px; font-size: .81rem; position: absolute; padding:10px 0; text-align: center; background: #e2e2e2;padding: 15px 12px; opacity: 0;
	transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
}
header .mark .language dd a{ color: #717171; display: block;}
header .mark .language dd a:hover{color: #726e62; text-decoration: underline;}
header .mark .language:hover dd{ opacity: 1;
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
header .mark .language:hover dt i{
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

header nav.headerNav .after{ display: block; position: absolute; top: 0; left: 0; background: #726e62; z-index: -1;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out; height: 125px !important;
} 
header nav:hover a.on{color: #333;}
header nav.headerNav a:hover{ color:#fff;}
header .mark .language:hover dt{ color: #726e62;}
header .markImg{ display: inline-block; padding-left: 80px;}




.indexContact{ width: 100%; padding-bottom: 25.22%; border-bottom: 6px solid #3E76B2; position: relative;}
.contactMiddle{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.contactMiddle:after{content: ""; display: block; clear: both;}
.contactImg{width: 50%; height: 100%; float: left;}
.contactImg img{ width: 100%; height: 100%;}
.contactAddress{width: 50%; float: right; height: 100%; overflow: hidden;}
.companyName{ height: 40%; background: #726e62; padding: 0 11%;}
.companyName span{ display: block; padding-top: 6%; font-size: 30px; font-size: 1.87rem; color: #fff; font-family: "Conv_acid";}
.companyName span img{padding-right: 10px; position: relative; top: -2px;}
.companyName small{padding-top: 3%; display: inline-block; font-size: 16px; font-size: 1rem; border-bottom: 1px solid #fff; color: #fff; line-height: 1.8;}
.addressContent{ padding-top: 38px;}
.addressContent ul{}
.addressContent ul:after{content: ""; display: block; clear: both;}
.addressContent li{ width: 25%; margin-left: 12%; float: left; float: left;} 
.addressContent li:nth-child(1){ width: 55%;}
.addressContent li:nth-child(2){ width: 30%;margin-left: 3%;}
.addressContent aside{ padding-bottom: 10px; font-family: "Conv_acid"; font-size: 33px; font-size: 2.06rem; border-bottom: 1px solid #DFDFDF;}
.addressContent aside i{ font-size: 28px; font-size: 1.75rem;}
.addressContent span{ padding: 15px 0 0 0; display: block; font-size: 14px; font-size: .87rem; color: #666; line-height: 2.2;} 
.addressContent small{ font-size: 16px; font-size: 1rem; display: block; color: #666; line-height: 1.8;}
.addressContent small i{font-size: 22px; color: #666;}




.fixedtool{ width: 80px; position: fixed; right: 0; bottom: 0; z-index: 998; }
.fixedtool a{width: 80px; height: 80px; color: #fff; display: block; text-align: center; line-height: 80px;font-size: 30px; font-size: 1.87rem;}
.fixedtool a.twitter{ background: #FFC300;}
.fixedtool a.twitter:hover{ background: #A5830F;}
.fixedtool a.facebook{ background: #309BE1;}
.fixedtool a.facebook:hover{background: #0F6298;}
.fixedtool a.bi{ background: #E35069;}
.fixedtool a.bi:hover{ background: #A0273B;}
.fixedtool a.gotop{ background: #29C7BC;}
.fixedtool a.gotop:hover{ background: #0D8179;}


footer{ width: 100%; height: 116px; line-height: 116px; position: relative;}
footer .copyright{ font-size: 14px; font-size: .87rem; color: #666; display: inline-block; line-height:30px;}
footer .copyright p{ font-size: 14px; font-size: .87rem; color: #666; display: inline-block; line-height:30px;}
footer .share{float: right; margin-right: 10%; display: inline-block;}
footer .share1{float: right; margin-right: 10%; display: inline-block;}
footer .share a{ width: 28px; height: 28px; border-radius: 50%; border: 1px solid #666; display: inline-block; vertical-align: middle;margin: 0 5px; line-height: 28px; text-align: center; font-size: 16px; font-size: 1rem;}
footer .share a:hover{color: #fff; background: #726e62; border-color: #726e62;}
footer .GOTOP{position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -8px; line-height: 1; font-size: 20px; font-size: 1.25rem;}




header .Navs{ position: absolute; right: 200px; top: 46px; width: 39px; height: 31px; z-index: 9; display: none;}
header .NavsTop{ position: absolute; top: 0; left: 0; height: 5px; background: #E50000; width: 100%;}
header .NavsCenter{ position: absolute; top: 13px; left: 0; width: 100%; height: 5px;}
header .NavsCenter:before{ position: absolute; left: 0; width: 18px; height: 5px; background: #e50000; content: ""; display: block; opacity: 1;}
header .NavsCenter:after{ position: absolute; right: 0; width: 18px; height: 5px; background: #e50000; content: ""; display: block; opacity: 1;}



header .NavsBottom{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #e50000;}


header .Navs .NavsTop,
header .Navs .NavsBottom,
header .NavsCenter:before,
header .NavsCenter:after{
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
header .Navs.on .NavsTop{ top: 13px;
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
header .Navs.on .NavsBottom{ bottom: 13px;
	transform: rotate(-150deg);
	-moz-transform: rotate(-150deg);
	-webkit-transform: rotate(-150deg);
}
header .Navs.on .NavsCenter:before{
	left: -18px; opacity: 0;
}
header .Navs.on .NavsCenter:after{
	right: -18px; opacity: 0;
}

header .logo{ max-width: 60%; width: auto;}
header .logo img{max-width: 100%; display: inline-block; vertical-align: middle;}

.markImg a, .markImg span{display: inline-block;vertical-align: middle;}
.markImg a{margin-right: 10px;}
.markImg span{color: #666;}
.loginMark{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.66);z-index: 999;display: none;}
.loginMark2{padding: 40px 40px 50px;position: fixed;top: 50%;left: 50%;width: 412px;background: #fff;z-index: 9999;margin-left: -246px;margin-top: -183px;display: none;}
.loginMark2 input{height: 48px;line-height: 48px;width: 410px;border: 1px solid #DDDDDD;text-indent: 10px;background: #F5F5F5;margin-bottom: 15px;}
.loginMark2 input[type="submit"]{text-indent: 0; width: 140px;background: #D64221;color: #fff;margin: 35px 0;}
.loginMark2 input[type="checkbox"]{width: 12px;height: 12px;border: 1px solid #DBDBDB;background: #F5F5F5;}
.loginMark2 p{color: #999;}