@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,h4,h5,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea,button {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ color:#333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
@font-face { font-family:"MyriadSetPro-Thin"; src: url(../font/MyriadSetPro-Thin.ttf); }
body {margin: 0px; font-size: 12px; color:#000; font-family:"MyriadSetPro-Thin"; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; background-color:#fff; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration: none;}
a:active {text-decoration: none;}
.cl:after{ content: ""; height: 0; display: block; visibility: hidden; clear: both;}
.fl{ float: left;}
.fr{ float: right;}

.common-width{ width:1440px; height:auto; margin:0 auto;}
#menu{ display:none;}
.top-box{ width:100%; height:140px; background-color: rgba(57,46,40,.7); position: fixed; left: 0; top: 0; z-index: 999;box-shadow: 1px 1px 10px #df0000;}
.top{ width:100%; height:140px;}
.top-logo{ width:370px; height:92px; padding-top:29px; float:left;}
.top-logo img{ width:370px; height:auto;}

.top-navb{ width:900px; height:140px; float:right;}
.top-sousuo{ height:30px; float:right; margin:22px 42px 23px 0;}
.top-sousuo-yy{ height:20px; float:left; padding-top:5px;}
.top-sousuo-yy img{ width:21px; height:20px; float:left; margin-right:12px;}
.top-sousuo-ss{ width:180px; height:28px; border:1px solid #c08550; border-radius:20px; float:left;}
.top-sousuo-ss input{ float:left; width:140px; height:28px; line-height:28px; text-indent:1em; color:#c08550; background:none; border:none;}
.top-sousuo-ss button{ width:40px; float:left; height:28px; background:url(/statics/images/en/ss.png) no-repeat center; border:none; cursor:pointer;}

.top-nav{ width:100%; height:65px; float:right;}
.pc_nav li{ float:left; line-height: 65px; transition: all 200ms;position: relative; padding:0 42px;}
.pc_nav li .waia{ display: block; text-align:center; font-size: 18px; font-weight:bold; color: #c08550;transition: all 200ms; font-family:"MyriadSetPro-Thin";}
.pc_nav li.gaoliang{ background-color:#542d18;}
.pc_nav li.gaoliang .waia{ color:#c08550;}
.pc_nav li:hover{ background-color:#542d18;}
.pc_nav li:hover .waia{ color: #c08550;}
.pc_nav li.active .waia{ color: #542d18;}
.pc_nav li .xldiv{ display: none; position: absolute; top: 65px;padding: 20px 0; left: 50%; margin-left: -65px; width: 130px;background: rgba(145,63,15,.4);text-align: center;}
.pc_nav li .xldiv a{ display: block; font-size: 14px; color: #d4d5d7;line-height: 36px; font-family:"MyriadSetPro-Thin";}
.pc_nav li .xldiv a:hover{ color: #fff;}

.change_height.top-box{ height:120px; transition: all .5s;}
.change_height.top-box .top-logo { width:350px; height:87px; padding-top:15px; transition: all .5s;}
.change_height.top-box .top-logo img{ width:350px; transition: all .5s;}
.change_height.top-box .top-navb{ height:120px;}
.change_height.top-box .top-sousuo{ height:30px; float:right; margin:18px 42px 17px 0;}
.change_height.top-box .top-nav{ height:55px;}
.change_height.top-box .pc_nav li{ line-height: 55px;}
.change_height.top-box .pc_nav li .xldiv{ top: 55px;}

owl-demo1 img.bannerimg { display: block; width: 100%; vertical-align:middle;}
.banner-font{ position:absolute; left:56%; bottom:0;margin-left: 100px;opacity: 0;transition: all 1.5s;}
#owl-demo1 .owl-item.active .banner-font{ margin-left: 0;opacity: 1;}
.banner-font p img.banner-font01{ width:640px; height:auto; }*/



.banner{width: 100%;}
#owl-demo1 { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo1 .item{ display: block;}
#owl-demo1 .item img{width: 100%;-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);-webkit-transition: all 8s ease;transition: all 8s ease;}
#owl-demo1 .owl-item.active img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: rgba(233,83,49,0.6);
    overflow: hidden;
}
#progressBar {
    width: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
}

.foot-box{ width:100%; height:auto; overflow:hidden; background:url(/statics/images/en/foot-bg.jpg) repeat; padding:50px 0;}
.foot{ width:100%; height:auto; overflow:hidden; font-weight:bold;}
.foot-l{ width:50%; height:auto; font-size:18px; line-height:28px; color:#989492; float:left;}
.foot-r{ width:50%; height:auto; float:right; color:#989492; font-size:16px; margin-top:20px;}
.foot-r-u{ height:34px; text-align:right;}
.foot-r-u a{ padding:0 10px; color:#989492;}
.foot-r-d{ height:34px; text-align:right; margin-right:10px; font-size:18px;}
.foot-r-d a{ color:#989492;}
.foot-r-u a:hover{ color:#ececec; transition: all .5s;}
.foot-r-d a:hover{ color:#ececec; transition: all .5s;}

@media screen and (max-width:1400px){

.common-width{ width:1000px;}
.top-box { height: 100px;}
.top { height: 100px;}
.top-logo { width: 300px; height: 75px; padding-top: 12px;}
.top-logo img{ width: 300px;}
.top-navb { width: 660px; height: 100px;}
.top-sousuo { height: 30px; margin: 10px 0;}
.top-nav { height: 50px;}
.pc_nav li{ float:left; font-size:16px; line-height: 50px; transition: all 200ms;position: relative; padding:0 28px;}
.pc_nav li .waia { font-size: 14px;}
.pc_nav li .xldiv { top: 50px; margin-left: -42px; width: 84px;}

.change_height.top-box{ height:80px; transition: all .5s;}
.change_height.top-box .top-logo { width:282px; height:70px; padding-top:5px; transition: all .5s;}
.change_height.top-box .top-logo img{ width:282px; transition: all .5s;}
.change_height.top-box .top-navb{ height:80px;}
.change_height.top-box .top-sousuo{ height:30px; float:right; margin:5px 0;}
.change_height.top-box .top-nav{ height:40px;}
.change_height.top-box .pc_nav li{ line-height: 40px;}
.change_height.top-box .pc_nav li .xldiv{ top: 40px;}

.banner-font{ left:60%;}
.banner-font p img.banner-font01{ width:540px;}
.banner-font p img.banner-font02{ width:540px;}
.banner-font p img.banner-font03{ width:540px;}


}

@media screen and (max-width:1024px){
	
.common-width{ width:96%;}
.common1-width{ width:96%;}
.banner-font{ left:35%;}
.banner-font p img.banner-font01{ width:450px;}
.banner-font p img.banner-font02{ width:450px;}
.banner-font p img.banner-font03{ width:450px;}

.top-nav{ display:none;}
#menu{ display:block;}
.top-navb { width: 50%; height: 70px;}
.top-sousuo-ss{ display:none;}

.top-box { height: 70px;}
.top { height: 70px;}
.top-logo { width: 201px; height: 50px; padding-top: 10px;}
.top-logo img{ width: 201px;}
.top-sousuo { height: 30px; margin: 22px 15% 0 0;}

.change_height.top-box{ height:70px;}
.change_height.top-box .top-logo { width:201px; height:50px;}
.change_height.top-box .top-logo img{ width:201px;}
.change_height.top-box .top-navb{ width: 50%; height: 70px;}
.change_height.top-box  .top-sousuo { height: 30px; margin: 22px 15% 0 0;}


.phone_nav a
{
	display: block;
	width: 28px;
	height: 18px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 6px 0;
}


}

@media screen and (max-width:768px){
	
.common-width{ width:90%;}

.top-box { height: 50px;}
.top { height: 50px;}
.top-logo { width: 161px; height: 40px; padding-top: 5px;}
.top-logo img{ width: 161px;}
.top-navb { width: 50%; height: 50px;}
.top-sousuo { height: 30px; margin: 10px 25px 0 0;}
.top-nav { height: 50px;}
.phone_nav a { top: 18px;}
.change_height.top-box{ height:50px; transition: all .5s;}
.change_height.top-box .top-logo { width: 161px; height: 40px; padding-top: 5px;}
.change_height.top-box .top-logo img{ width:161px; transition: all .5s;}
.change_height.top-box .top-navb{ height:50px;}
.change_height.top-box .top-sousuo{ height:30px; margin: 10px 25% 0 0;}
.change_height.top-box .top-nav{ height:50px;}

.banner-font{ left:30%;}
.banner-font p img.banner-font01{ width:350px;}
.banner-font p img.banner-font02{ width:350px;}
.banner-font p img.banner-font03{ width:350px;}
}

@media only screen and (max-width:640px){

  
.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 16px;
	right: 16px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 6px 0;
}

}
#goodcover{

    display: none;

    position: fixed;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 133%;

    background-color: black;

    z-index: 1001;

    -moz-opacity: 0.8;

    opacity: 0.50;

    filter: alpha(opacity=80);

}

#code {

    width: 777px;

    height:auto;

    /*background-color: #fff;*/

    padding: 10px;

    position:fixed;

    display: none;

    left:50%;

    top:50%;
	
	/*left:30%\9;

    top:20%\9;
	
	left:50%\0;

    top:50%\0;*/

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    overflow:hidden;

    z-index: 1002;

}

@media(max-width:640px){

    #code{

        overflow-y: scroll;

    }

}

.close {

    width: 770px;

    height: 20px;

    position: absolute;

}



@media(max-width:777px){

    #code{

        width: 100%;

        height:490px;

    }

    .close{

        width: 92%;

        position: absolute;

    }

}

@media(max-width:400px){

    #code{

        height:375px;

    }

}

#closebt {

    float: right;

    font-size: 0;

    width: 32px;

    height:32px;

    display: inline-block;

    background: url("/statics/images/close.png") center no-repeat;
    
}

#closebt img {

    width: 20px;

}

.goodtxt {

    text-align: center;

}

.goodtxt p {

    height: 35px;

    line-height: 35px;

    font-size: 28px;

    color: #000;

    font-weight: 600;

}

@media(max-width:640px){

    .goodtxt p{

        margin: 0;

        font-size: 22px;

    }

}