@font-face{
     font-family: 'bigjohn';
     src: url('../libs/font/BIG JOHN.otf');
}
@font-face{
	 font-family: 'systRegular';
     src: url('../libs/font/SourceHanSerifCN-Light.ttf?v101');
}
@font-face{
	 font-family: 'syst';
     src: url('../libs/font/SourceHanSerifCN-Light.ttf?v101');
}
body,html{font-size:18px;color:#333;}
input,textarea{font-size:18px;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select,object,i,em{margin:0px;padding:0px;outline:none;}
ul,li,ol{list-style-type:none;}
address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{font-style:normal;}
img{border:0 none;}
input,button,select,textarea{outline:none;}
object,textarea,img,iframe{vertical-align:middle;}
li{vertical-align:bottom}
textarea{overflow:auto;}
s{text-decoration:none;}
*{margin:auto;}
a{text-decoration:none;color:#333;}
a:hover{color:#e0612e;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#000;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#000;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
/*字体*/
.font_cn{font-family:'syst';}
.font_en{font-family:'Arial';}

.font_cn input,.font_cn textarea{font-family:'syst';}
.font_en input,.font_en textarea{font-family:'Arial'}

/*clear*/
.clear{clear:both;height:0px;font-size:0px;_line-height:0px;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;content:"\0020";}
.blank0,.blank5,.blank10,.blank15,.blank20,.blank25,.blank30,.blank35,.blank40,.blank45,.blank50{font-size:0px;height:0px;display:block;clear:both;overflow:hidden;}
.blank0{height:0;}
.blank5{height:5px;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank25{height:25px;}
.blank30{height:30px;}
.blank35{height:35px;}
.blank40{height:40px;}
.blank45{height:45px;}
.blank50{height:50px;}

.fl{float:left;}
.fr{float:right !important;}
/*form*/
.btn{display:inline-block;border:none;-webkit-appearance:none;white-space:nowrap;text-align:center;cursor:pointer;}
.btn:visited,.btn:hover{color:#ffffff;}
.form-control{width:100%;border:1px solid #a09e9f;color:#444;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.form-submit{width:100%;background:#000000;height:40px;line-height:30px;color:#fff;border:none;}
/*公共*/
body,html{height:100%;}
.wrapper{height:100%;position:relative;padding-left:300px;}
.wrapper .sidebar{width:250px;height:100%;padding-left:50px;position:absolute;left:0px;top:0px;z-index:9;}
.wrapper .sidebar .logo{width:250px;height:160px;padding:30px 0px;}
.wrapper .sidebar .logo img{width:160px;}
.wrapper .sidebar .nav{height:auto;font-size:16px;}
.wrapper .sidebar .nav ul li{height:70px;line-height:70px;}
.wrapper .sidebar .nav ul li.cn{font-size:22px;}
.wrapper .sidebar .nav ul li.act a{text-decoration:underline;}
.wrapper .sidebar .nav ul li.act.cn{font-style:oblique;}
.wrapper .sidebar .nav ul li.en{font-family:'bigjohn';font-size:18px;}
.wrapper .main{width:100%;height:100%;position:relative;}
.wrapper .header{position:absolute;top:30px;right:30px;z-index:99;text-align:right;height:30px;}
.wrapper .header .search{float:right;height:30px;}
.wrapper .header .search>a{width:20px;height:30px;background:url(../images/search.png) no-repeat center center;background-size:100% auto;display:inline-block;}
.wrapper .header .language{float:right;height:30px;font-size:24px;margin-left:20px;}
.wrapper .header .language a{margin:0px 15px;}

.main{height:auto;}
/*首页*/
.index-main{height:auto !important;}
.index-main .banner{width:100%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-main .banner .index_logo{width:410px;height:200px;position:absolute;left:50%;top:50%;margin-left:-205px;margin-top:-100px;z-index:99;display: none}
.index-main .banner .index_logo img{width:410px;height:200px;display:block;}
.index-main .banner .index-main .swiper-container{overflow:hidden;}
.index-main .banner .swiper-pagination-bullet{width:36px;height:2px;border-radius:0px;opacity:.3;}
.index-main .banner .swiper-pagination-bullet-active{background:#000;opacity:1 !important;}
.index-main .banner .swiper-slide{}
.index-main .banner .swiper-slide img{width:100%;}
/*.index-main .content{padding-top:120px;width:100%;height:calc(100% - 170px);margin:0px auto;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-main .content .index_logo{width:410px;height:200px;position:absolute;left:50%;top:50%;margin-left:-205px;margin-top:-100px;z-index:99;}
.index-main .content .index_logo img{width:410px;height:200px;display:block;}
.vui-slider{position:relative;overflow:hidden;}
.vui-slider .vui-items{overflow:hidden;width:100%;height:100%}
.vui-slider .vui-item{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
.vui-slider .vui-item img{width:100%;height:100%;}
.vui-slider .vui-item a,.vui-slider .vui-item img{display:block;padding:0;margin:0;border:none}
.vui-slider .vui-buttons{position:absolute;z-index:5;bottom:16px;left:50%;float:left;display:inline;}
.vui-slider .vui-button{float:left;display:inline;overflow:hidden;height:2px;width:70px;margin:0 10px;padding:0;border:none;border-radius:6px;background:#a8a8a8;cursor:pointer}
.vui-slider .vui-button-cur{background-color:#000000}
.vui-slider .vui-transfer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}

.vui-slider .vui-sidebutton-hover{filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;background-color:#000}*/

.index-foot{height:100px;text-align:center;margin-top:40px;font-size:16px;font-family:'Arial';}
.index-foot .link{height:auto;}
.index-foot .link a{margin:0px 6px;}
.index-foot .link a img{width:22px;}
.index-foot p{padding:10px 0px;}

/*关于*/
.about-main{display:flex;align-items:center;padding-right:50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.about-main .box{min-height:70%;background:url(../images/about.png) no-repeat right center;background-size:80% auto;padding-right:20%;display:flex;align-items:center;}
.about-main .box .content{background:rgba(0,0,0,0.7);height:auto;padding:40px 50px;color:#e6e6e6;line-height:34px;}
/*品牌*/
.pp-main{background:url(http://img.yuzaoq.com/pro/images/bg.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;}
.pp-main .box{height:auto;padding:20px;}
.pp-main .box ul{display:flex;flex-wrap:wrap;align-items:center;}
.pp-main .box ul li{width:33.33%;height:auto;text-align:center;padding:10px 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;}
.pp-main .box ul li img{max-width:100%;}
.pp-main .box ul li:nth-child(31){width:28%}
.pp-main .box ul li:nth-child(32){width:22%}
.pp-main .box ul li:nth-child(33){width:22%}
.pp-main .box ul li:nth-child(34){width:28%}
/*联系*/
.contact-main{background:url(http://img.yuzaoq.com/pro/images/bg.png) no-repeat;background-size:100% 100%;padding-top:160px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.contact-main .box{width:100%;height:auto;padding:0px 56px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.font_en .contact-main .info{font-size:16px;font-weight:700;}
.contact-main .info{height:auto;font-size:20px;}
.contact-main .info p{line-height:50px;padding-left:30px;}
.contact-main .info .site{background:url(../images/ico_site.png) no-repeat left center;background-size:18px auto;}
.contact-main .info .time{background:url(../images/ico_time.png) no-repeat left center;background-size:18px auto;}
.contact-main .info .tell{background:url(../images/ico_tell.png) no-repeat left center;background-size:18px auto;}
.contact-main .info .p{background:url(../images/ico_p.png) no-repeat left center;background-size:18px auto;}
.contact-main .info .email{background:url(../images/ico_email.png) no-repeat left center;background-size:18px auto;}

.contact-main .formtable{height:auto;margin-top:20px;}
.contact-main .formtable h4{height:46px;line-height:40px;padding-left:30px;background:url(../images/ico_edit.png) no-repeat left center;background-size:22px auto;border-bottom:1px solid #b1b5be;}
.contact-main .formtable .form{height:auto;margin:0px -8px;}
.contact-main .formtable .form textarea{height:200px;}
.contact-main .formtable .col-3{width:33.33%;height:auto;float:left;padding:16px 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.contact-main .formtable .col-10{width:100%;padding:0px 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.contact-main .formtable .btn-div{width:33.33%;height:auto;float:right;padding:16px 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}