@import url(anim.css);
@font-face{font-family:PINGHEI-LIGHT;src:url(../fonts/PINGHEI-LIGHT.eot);src:url(../fonts/PINGHEI-LIGHT.eot?#iefix) format("embedded-opentype"),url(../fonts/PINGHEI-LIGHT.woff) format("woff"),url(../fonts/PINGHEI-LIGHT.otf) format("otf"),url(../fonts/PINGHEI-LIGHT.ttf) format("truetype"),url(../fonts/PINGHEI-LIGHT.svg#gotham) format("svg");}
@font-face{font-family:MSYHL;src:url(../fonts/MSYHL.eot);src:url(../fonts/MSYHL.eot?#iefix) format("embedded-opentype"),url(../fonts/MSYHL.woff) format("woff"),url(../fonts/MSYHL.otf) format("otf"),url(../fonts/MSYHL.ttf) format("truetype"),url(../fonts/MSYHL.svg#gotham) format("svg");}
*{margin:0;padding:0;border:0;}
*{box-sizing:border-box;}
body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px; font-family: "微软雅黑","Arial", "Microsoft YaHei","Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
a { color: #333;
  text-decoration: none;-webkit-tap-highlight-color:transparent;
  /*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
}
a:hover {color: #6e615a;/*text-decoration: underline;*/}
input,select,textarea,img{vertical-align:middle;}
button, input, pre, select, textarea{font-size: 14px;font-family:'Arial','Microsoft YaHei';}
input, textarea{-webkit-appearance: none;border-radius: 0}
ol,li, ul{list-style: none}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1;}
.wrap3{clear:both; width:94%;max-width:1000px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.ofH{overflow:hidden;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.f50{ font-size:50px;}
.f48{ font-size:48px;}
.f36{ font-size:36px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:20px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}

/*导航*/
.header-v1{ width:100%; position:fixed;height:95px;z-index:10; background-color:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav-hide .header-v1{ height:80px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav-hide .blank_h{ height:80px;}
.nav-hide .header-v1 .top-main .logo1 img{ height:60px;}
.header-v1 .top-main{ width:96%; max-width:1200px; margin:0 auto;/* position:relative;*/}
.header-v1 .top-main .logo1{ float:left; height:100%; margin-top: 8px;}
.header-v1 .top-main .logo1 img{ height:100%;}
.header-v1 .top-main .logo1 img:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
.header-v1 .top-main .nav_bg{  width:100%; height:100%; position:fixed; top:80px; left:0; background:rgba(0, 0, 0, 0.15); z-index:99;display:none;}
.header-v1 .top-main .top_r{float:right; width:60%; margin-top:10px;}
.nav-hide .header-v1 .top-main .top_r{ margin-top:0;}
.header-v1 .top-main .top_r .navBar{ margin-top:18px; }
.header-v1 .top_ico{ float:right; width:35px; height:50px; position:relative; margin-top:30px; cursor:pointer; display:none;}
.header-v1 .top_ico i{ display:block; font-size:0;width: 30px;height: 3px;z-index: 1; left: 6px; position:absolute;  top: 0px;  background: #6b6b6b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s; -o-transition: 0.6s; overflow: hidden;}
.header-v1 .top_ico i:nth-child(2){ top:8px;}
.header-v1 .top_ico i:nth-child(3){ top:16px;}
.header-v1 .top_ico i span{width: 2px; height: 2px; margin-left: 3px;  float: left; background: #fff;}
.header-v1 .top_ico.on{ margin-top:30px;}
.header-v1 .top_ico.on i:nth-child(1){top: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.header-v1 .top_ico.on i:nth-child(2){opacity: 0;}
.header-v1 .top_ico.on i:nth-child(3){top: 6px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.header-v1 .top_ico.on i span{display: none;}

.nav{ list-style:none; padding:0;  }
.nav .m{ float:left; width:16.6666%;position:relative; text-align: center;} 
.nav h3{ float:left; font-weight:normal; height:46px; line-height:46px; overflow:hidden; width:100%;}
.nav h3 a{ display:block; color:#000000; width:100%;height:46px; font-size:16px; text-transform:uppercase; overflow:hidden;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:24px; text-transform:uppercase;}
.nav-hide .nav h3 a span{ height:24px;}

.nav .on{}
.nav .on h3 a{/* height:42px; line-height:42px; */color:#b39173; /*background:url(../images/top_bg.png) center bottom no-repeat;*/}
.nav .on h3 a span{ color:#b39173;}
/*.nav li.on a:after{left: 16%;right: 16%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 18px;height:1px;opacity: 0;background-color: #fff;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.top_contact{ float:right; height:42px; line-height:42px; border:1px solid #b39173;  font-size:18px;padding-left:3%; padding-right:3%;}
.top_contact.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle;background:#fff; color:#b39173; }
.top_contact.hvr-shutter-out-vertical::before{background:#b39173 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1;}
.top_contact.hvr-shutter-out-vertical:active::before,.top_contact.hvr-shutter-out-vertical:focus::before,.top_contact.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);color:#fff;}
.top_contact.btn-enter:active,.btn-enter:focus,.top_contact.btn-enter:hover{background:#fff;color:#fff;}

.blank_h{ height:95px; overflow:hidden;}



/*尾部*/
.f_bg{overflow:hidden; color:#000000; font-size:14px; clear:both; padding-top:2%; border-top: 1px solid #e2e2e2;}
.f_bg_div{ width:96%; max-width:1200px; margin:0 auto;}
.f_bg a{color:#666666; text-decoration:none;}
.f_bg a:hover{ color:#b39173;}
.f_bg .links{ float:left; margin-right:2%; width:18%;overflow:hidden;  padding-bottom:2%;}
.f_bg .links:nth-child(4){ margin-right:0;}
.f_bg .links h2{ font-size:18px; line-height:36px; font-weight:normal; margin-bottom:5px;}
.f_bg .links ul{ min-height:78px;}
.f_bg .links ul li{ display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_r2{ float:right;line-height:36px; width:165px; }
.f_bg .f_div2_r2 h2{ font-size:18px; line-height:36px; font-weight:normal; margin-bottom:5px;}
.f_bg .f_div2_r2 ul li{ float:left; width:100%; overflow:hidden; text-align:center;}
.f_bg .f_div2_r2 ul li:nth-child(2){ float:right;}
.f_bg .f_div2_r2 img{ display:block; width:100%; max-width:135px;margin-top:5px; }
.f_bg .f_div2_r2 ul li h3{ font-weight:normal; font-size:16px; color:#666666; width:100%; max-width:100px; margin:0 auto;}


.f_div3{ background: #eee; line-height:30px; min-height:30px;  clear:both; overflow:hidden; padding:12px 0;  margin-top:1%; color:#666;}
.f_div3 a{ color:#999999;}
.f_div3 a:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
.f_div3 span{ padding-left:3px; padding-right:3px;}
.gotop{ position:fixed; bottom:10%; right:1%; width:50px; height:50px; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

.right_ul{ height:46px; line-height:46px; overflow:hidden; border-top:2px solid #dedede; position:fixed; width:100%; bottom:0; left:0; display:none; background-color:#fff;}
.right_ul ul li{ width:25%; float:left; overflow:hidden; text-align:center; font-size:14px;}
.right_ul ul li img{ height:22px; margin:0 auto;}
.right_ul ul li a{ display:block; border-right:1px solid #dedede;}
.right_ul ul li:last-child a{ border:0;}

/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}








@media screen and (max-width: 1310px) {
.f50{ font-size:42px;}
.f48{ font-size:40px;}
.f36{ font-size:32px;}
.f30{ font-size:30px;}
.f24{ font-size:21px;}
/*尾部*/
.f_bg{ background-size:145% auto;}

}
@media screen and (max-width: 1200px) {
.f50{ font-size:38px;}
.f48{ font-size:36px;}
.f36{ font-size:30px;}
.f30{ font-size:28px;}
.f28{ font-size:24px;}
.f26{ font-size:22px;}
.f24{ font-size:20px;}
.f20{ font-size:18px;}
.f18{ font-size:16px;}
}
@media screen and (max-width: 1100px) {
.f50{ font-size:34px;}
.f48{ font-size:30px;}
.f36{ font-size:28px;}
.f30{ font-size:27px;}

.header-v1 .top-main .logo1 img{height: 60px;}

/*导航*/
.nav h3 a{ font-size:16px;}
.nav h3 a i{ font-size:15px;}
.top_contact{ font-size:17px;}
/*尾部*/
.f_bg{ background-size:132% auto;}
.f_bg .links{ margin-right:1%; width:17%;}
}
@media screen and (max-width: 1000px) {
/*尾部*/
.f_bg{ background-size:126% auto;}
.f_bg .links{width:16%;}
}
@media screen and (max-width: 960px) {
.f50{ font-size:30px;}
.f48{ font-size:28px;}
.f36{ font-size:26px;}
.f30{ font-size:26px;}
.f28{ font-size:22px;}
.f26{ font-size:20px;}
.f24{ font-size:18px;}
.f20{ font-size:16px;}
.f18{ font-size:14px;}
/*尾部*/
.f_bg{ background:#fff;}

}
@media screen and (max-width: 830px) {
.f50{ font-size:29px;}
.f48{ font-size:26px;}
.f28{ font-size:20px;}
.f24{ font-size:16px;}
/*导航*/
.header-v1{ height:80px;}
.header-v1 .top-main .logo1 img{ height:60px;}
.header-v1 .top-main .nav_bg#on2{ display:block;}
.header-v1 .top-main .top_r{ /*display:none;*/z-index:999; overflow:hidden;margin-top:0; height:0%;width:50%;max-width:250px; background:#fff; position:fixed; right:0; top:80px;transition: all 0.3s; }
.header-v1 .top-main .top_r#on{/*display:block;*/height:100%;}
.header-v1 .top-main .top_r .navBar{ margin-top:0; }
.nav .m{ width:100%; margin-bottom:0; border-bottom: 1px solid #e2e2e2;}
.nav .m:hover{ background-color:#f5f5f5;}
.nav h3{ text-indent:4%; padding-top:5px; padding-bottom:3px;}
.nav h3 a i{ background:none; font-size:14px;}
.top_contact{ float:none; padding-left:4%; border:0;height:36px; line-height:36px;}
.top_contact.hvr-shutter-out-vertical{ color:#000000;}
.top_contact.btn-enter:active,.btn-enter:focus,.top_contact.btn-enter:hover{ color:#b39173; }
.header-v1 .top_ico{ display:block;}
.blank_h{ height:80px;}
/*尾部*/
.f_bg .links h2{ font-size:16px;}
.f_bg .links{ float:none; width:100%;}
.f_bg .links ul{ min-height:inherit;}
.f_bg .links ul li{ float:left; margin-right:2%; font-size:14px;}
.f_bg .f_div2_r2{ float:none; width:100%;}
.f_bg .f_div2_r2 h2{font-size:16px;}
.f_bg .f_div2_r2 ul{ text-align:center;}
.f_bg .f_div2_r2 ul li{ display:inline-block; float:none; width:25%;}
.f_bg .f_div2_r2 ul li:nth-child(2){ float:none;}
.f_bg .f_div2_r2 ul li h3{ font-size:14px;}
}
@media screen and (max-width: 780px) {

}

@media screen and (max-width: 640px) {
.f50{ font-size:27px;}
.f48{ font-size:25px;}
.f36{ font-size:24px;}
.f30{ font-size:20px;}
.f28{ font-size:18px;}
.f26{ font-size:17px;}
.f24{ font-size:15px;}
.f20{ font-size:14px;}
.f18{ font-size:13px;}
/*尾部*/
.f_bg{ font-size:13px;}
.f_div3{ text-align:center; margin-top:0%; line-height:22px;}
.f_div3 span{ display:block;}
.f_div3 span.l{ float:none;}
.f_div3 span.r{ float:none;}
}

@media screen and (max-width: 480px) {
.f50{ font-size:24px;}
.f48{ font-size:22px;}
.f36{ font-size:20px;}
.f30{ font-size:18px;}
.f28{ font-size:16px;}
.f26{ font-size:15px;}
.f24{ font-size:14px;}
/*导航*/
.header-v1{ height:70px;}
.header-v1 .top-main .logo1 img{ height:60px;}
.header-v1 .top-main .nav_bg{ top:70px;}
.header-v1 .top-main .top_r{ top:70px;}
.nav h3{ height:50px;}
.nav h3 a{ font-size:15px; height:42px;}
.nav h3 a i{font-size:13px;}
.nav h3 a span{ height:20px;}
.nav-hide .nav h3 a span{ height:20px;}
.header-v1 .top_ico{ margin-top:28px; height:40px;}
.header-v1 .top_ico.on{ margin-top:25px;}
.header-v1 .top-main .top_r .navBar{ margin-top:0;border-top: 1px solid #e2e2e2;}
.top_contact{ font-size:15px; height:30px; line-height:30px;}
.blank_h{ height:70px;}
/*尾部*/
.f_bg{ font-size:12px;}
.f_div3{ padding-top:0; line-height:20px;}
}

@media screen and (max-width: 360px) {
.f50{ font-size:22px;}
.f48{ font-size:20px;}
.f36{ font-size:18px;}
.f30{ font-size:17px;}
.f28{ font-size:15px;}
.f24{ font-size:13px;}
}


.anim-show .imgsa1{animation:mymove8 0.6s; -webkit-animation:mymove8 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}
.anim-show .imgsa2{animation:mymove7 0.6s; -webkit-animation:mymove7 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.1s;
}