@import url(anim.css);
@charset "utf-8";
* {margin: 0px;padding: 0px; font-family:"微软雅黑";}
body{ min-width:1200px;font-size: 12px; /*overflow-x:hidden;*/}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{ color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{ font-size:12px;}
p{ color:#686868;}
ul{ list-style:none;}
.clear {clear: both;}
.mln {margin-left: auto !important}
input, textarea {font-family: 微软雅黑;font-size: 14px;font-size: 1.4rem;color:#fff;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;}
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}


 .zanwu{ padding-top:70px; color:#fff;}

@font-face {
    font-family: 微软雅黑;
    src: url('../fonts/oswaldbold.eot');
    src: url('../fonts/oswaldbold.eot') format('embedded-opentype'),
         url('../fonts/oswaldbold.woff2') format('woff2'),
         url('../fonts/oswaldbold.woff') format('woff'),
         url('../fonts/oswaldbold.ttf') format('truetype'),
         url('../fonts/oswaldbold.svg#oswaldbold') format('svg');
}

.juse{ color:#fadc00 !important;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.ziti{  font-family: 微软雅黑;}
.zitib{  font-family: 微软雅黑;}


/* about */
.about{padding-bottom: 141px; }

.ab_ttile{ text-align: center; font-size:44px;font-size:4.4rem;color:#fff; line-height: 95px; font-family: 微软雅黑; background: url(../images/ab_tit.png) no-repeat top center;  margin-top: 35px; margin-bottom: 13px;}
.ab_ttile2{  text-align: center; font-size:44px;font-size:4.4rem;color:#fff; line-height: 95px;font-family: 微软雅黑; background: url(../images/ab_tit2.png) no-repeat top center; margin-top: 71px; margin-bottom: 50px;  }
.ab_ttitlp1 p{  line-height: 30px; text-align: center; color: #fff;  padding-bottom: 30px;}
.ab_img1{ display: block; max-width: 1201px; width: 100%; margin-top: 15px; }


.about .img-scroll { position:relative; width: 100%;  }
.about .img-scroll .prev,.about .img-scroll .next{position:absolute;display:block;width:35px;height:45px; top: 50%; margin-top:-30.5px; z-index: 999; }
.about .img-scroll .prev { left:0;cursor:pointer; background:url(../images/arrowleft.png) no-repeat center;}
.about .img-scroll .next { right:0;cursor:pointer; background:url(../images/arrowright.png) no-repeat center;}
.about .img-scroll .prev:hover { background:url(../images/arrowlefton.png) no-repeat center;}
.about .img-scroll .next:hover { background:url(../images/arrowrighton.png) no-repeat center;}

.about .img-list { position:relative; width:100%; overflow:hidden;margin: 0 auto;}
.about .img-list ul { width:1000%;}
.about .img-list li { float:left; display:inline; width:2.31%; margin-right:.26%;}
  
.ab_ul1{} 
.ab_ul1 li .ab1_wrap{ max-width: 278px; width: 100%;  position: relative; overflow: hidden;}
.ab_ul1 li .ab1_wrap .fu{ position: absolute; top: 100%;  left: 0px; width: 100%; height: 100%; }
.ab_ul1 li .ab1_wrap img{ display: block; max-width: 278px; width: 100%; }
.ab_ul1 li:hover .ab1_wrap .fu{ top: 0px; }




@media screen and (max-width:1219px) {
    .ab_ttile{   font-size:44px;font-size:4.4rem;color:#fff; background: none;   }
    .ab_ttile2{   font-size:44px;font-size:4.4rem;color:#fff;  background: none;   }
 
}
@media screen and (max-width:999px) {
    .ab_ttile{ font-size:34px;font-size:3.4rem; line-height: 80px; }
    .ab_ul1{margin-bottom: 50px; }
    .ab_ul1 li:hover .ab1_wrap .fu{ top:0px; }
    .ab_img1{ display: block; max-width: 1201px; width: 100%; margin-top: 5px; }
   
  

}
@media screen and (max-width:640px) {
    .ab_ttile{ font-size:24px;font-size:2.4rem; line-height: 50px;  margin-top: 20px; margin-bottom: 0px; }
    .ab_ttile2{ font-size:24px;font-size:2.4rem; line-height: 50px;  margin-top: 20px; margin-bottom: 20px; }
    
    .ab_ul1{margin-bottom: 10px; padding-bottom: 0px; }
    .ab_ttitlp1 p{ padding-bottom: 5px; }


    .about .img-list li { float:left; display:inline; width: 3%; margin-right: .48%;}
}

@media screen and (max-width:320px) {
    
    .ab_ttile{ font-size:2px;font-size:2rem; line-height:30px; }
    .ab_ttile2{ font-size:2px;font-size:2rem; line-height:30px; } 
    .about .img-scroll{ width: 278px; margin: 0 auto; }
    .about .img-list li { float:left; display:inline; width: 4.8%; margin-right: .48%;}
}





/* contact */
 
.contact{ }
.con_ttile{ text-align: center; font-size:44px;font-size:4.4rem;color:#fff; line-height: 95px; text-transform: uppercase; font-family: 微软雅黑; background: url(../images/con_tit2.png) no-repeat top center;  margin-top: 35px; margin-bottom: 23px;}


.contact form{  margin-bottom: 77px;}
 
.contact .c_div1{ padding-bottom:37px; }
.contact .c_div2{ padding-bottom:35px; }
.contact .c_div3{ padding-bottom:27px; }
.contact .c_nr1{}

.contact .c_bt1,.c_bt2{ float:left; height:36px; line-height:36px; text-align:center;color:#dc000c; }
.contact .c_bt1{ width:20px; font-size: 12px; font-size: 1.2rem; color: #dc000c; }
.contact .c_bt2{ width:20px;font-size: 16px; font-size: 1.6rem;  }


.contact .c_input,.c_textarea,.c_captcha{ float:left; border:solid 1px #cccccc; color:#666666; background:#fff;}
.contact .c_input,.c_captcha{ height:35px; line-height:35px;}

.contact .c_input{ width:501px; text-indent:6px; font-size:12px;font-size:1.2rem;color: #666;  border: 1px solid #bfbfbf;  }
.contact .c_textarea{ width:1178px; line-height:26px; height:141px; padding-top:1px; text-indent:7px;font-size:12px;font-size:1.2rem;
     color: #666; border: 1px solid #bfbfbf; }

.contact .c_captcha{ width:154px; text-indent:13px; background:#fff url(../images/c-bt.jpg) no-repeat 4px center; color: #4d4d4d;}
.contact .c_yzm{ float:left; cursor:pointer; margin-left:0px;  width: 125px; border:0px solid #cdcdcc; height: 38px;}
.contact .c_send{ float:left; cursor:pointer; margin-left:33px; width:181px; height:33px; line-height:33px; text-align:center; color:#333; 
    background:#fadc00 ; font-size:14px; font-size:1.4rem;  } 

.contact .c_map{ text-align:center; margin-top:24px; }
.contact .c_map img{ width:100%; max-width:1042px; max-height:426px; }

 
.con_left{ background: url(../images/con_bj.png) no-repeat left top; }

.con_right{ width: 598px;  }
.con_right img{ display: block; max-width: 598px; width: 100%;  }


.con_wrap{ padding-bottom: 123px;}

.con_left_wrap{ padding-top: 69px; padding-left: 56px;padding-bottom: 90px; }
.bshare-custom .bshare-more{ color:#fff !important;}

.con_left_wrap .title2{padding-bottom: 21px; font-size:20px;font-size:2rem;color:#dadada; line-height: 30px; font-weight: bold; }
.con_left_wrap  b{ display: block; width: 319px; height: 1px; background: #aaaaaa; }
.con_ul{  width: 497px; margin-top: 21px;width: 470px\0; padding-right:20px\0;}
.con_ul li{ padding-left: 34px; line-height: 30px; color: #aaa;  }
.con_ul li a{ color: #aaa;  }
.con_ul li.li1{ background: url(../images/hua3.png) no-repeat left 9px;  }
.con_ul li.li2{ background: url(../images/hua2.png) no-repeat left 8px;  }
.con_ul li.li3{ background: url(../images/hua1.png) no-repeat left 5px;  }
.con_ul li a:hover{ color:#fadc00;}




@media screen and (max-width:1219px) {
    .con_right{ width: 420px; }
    .contact .c_input{width: 430px;}

    .contact .c_textarea{width: 961px;}
    .conul li{width: 23%;margin: 1%!important;}

    .contact .c_bt1{ width:16px; font-size: 12px; font-size: 1.2rem; color: #dc000c; }
    .contact .c_bt2{ width:16px;font-size: 16px; font-size: 1.6rem;  }

}
@media screen and (max-width:999px) {
    .contact .c_textarea{width: calc(100% - 18px);}

    .contact form{ margin-bottom: 20px; }
    .con_ul{ width: 100%; }
    .con_right{ width: 100%; float: none; }

    .con_left_wrap  b{ width: 200px; }

    .con_left{ background: none; margin-bottom: 20px;  }

    .con_left_wrap{ padding: 0px; }
    .con_left_wrap .title2{ padding-bottom: 5px;   }

    .con_wrap{ padding-bottom: 20px;}
}
@media screen and (max-width:979px) {
    .contact .c_nr1{width: 100%;margin-bottom: 35px;}
    .contact .c_div1,.contact .c_div2{margin-bottom: 0;padding-bottom: 0;}
    .contact .c_div3{padding-bottom: 0;}
    .contact .c_input{width: calc(100% - 18px);}

    .contact .c_nr1{ margin-bottom: 15px; }
    .contact .c_yzm{ }

    .con_ttile{   font-size:34px;font-size:3.4rem;  line-height: 50px;  background : none;  margin-top: 20px; margin-bottom: 20px;}

}
 
@media screen and (max-width:570px) {
    .contact .c_captcha{width: calc(100% - 18px);}
    .contact .c_send{width: calc(100% - 18px);margin-left: 0;margin-top: 15px;}
    .contact .c_yzm{margin-top: 15px;margin-left: 0;}

    .con_ttile{   font-size:24px;font-size:2.4rem;  line-height: 30px;  background : none;  margin-top: 20px; margin-bottom: 10px;}

}
 


 
.zitib{  font-family: 微软雅黑;}
@media screen and (max-width:1219px) {
    
}
@media screen and (max-width:999px) {
    
}
@media screen and (max-width:640px) {
	.list_cart a{ width:123px !important;}
    
}

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




/* xiugai */
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family: 微软雅黑;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}

.ab_ul1 li .ab1_wrap a{
    display: block;position: relative;
}
.ab_ul1 li .ab1_wrap a img{
    display: block;
    transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;
}