/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


.header{ height:112px; position:relative; z-index:9999;}
.header .logo{ float:left; width:220px; margin-top:15px;}

/*menu*/
.menu{ float:right; height:70px;line-height:70px; margin-top:42px;}
.menu ul li{ float:left; position:relative; width:140px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:70px; -webkit-box-shadow: #ccc 0px 0px 10px;   -moz-box-shadow: #ccc 0px 0px 10px;  box-shadow: #ccc 0px 0px 10px; padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:30px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#000; font-weight:normal; display:block; padding:0; text-align:center;}
.menu ul li dl dd a:hover{ color:#c00;}
.menu a{ font-size:16px;color:#000; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#c00;}
a.menu_hover{ color:#c00;}


#top-banner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  z-index: 1
}

#top-banner #top-banner-background #top-banner-background-1,
#top-banner #top-banner-background #top-banner-background-2,
#top-banner #top-banner-background #top-banner-background-3,
#top-banner #top-banner-background #top-banner-background-4,
#top-banner #top-banner-background #top-banner-background-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%;
  opacity: 1;
  background-color: transparent;
  z-index: 1;
  overflow: hidden
}

#top-banner #top-banner-background #top-banner-background-1 div,
#top-banner #top-banner-background #top-banner-background-2 div,
#top-banner #top-banner-background #top-banner-background-3 div,
#top-banner #top-banner-background #top-banner-background-4 div,
#top-banner #top-banner-background #top-banner-background-5 div {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw + 100px);
  height: 100%;
  background-color: transparent;
  z-index: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: all 9s linear;
  overflow: hidden
}

#top-banner #top-banner-background #top-banner-background-1 div.active,
#top-banner #top-banner-background #top-banner-background-2 div.active,
#top-banner #top-banner-background #top-banner-background-3 div.active,
#top-banner #top-banner-background #top-banner-background-4 div.active,
#top-banner #top-banner-background #top-banner-background-5 div.active {
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 1;
}

#top-banner #top-banner-background #top-banner-background-1 div {
  -ms-background-size: cover;
  background-size: cover;
  background-position: 50% 85%;
  background-repeat: no-repeat
}

#top-banner #top-banner-background #top-banner-background-2 div {
  -ms-background-size: cover;
  background-size: cover;
  background-position: 50% 85%;
  background-repeat: no-repeat
}

#top-banner #top-banner-background #top-banner-background-3 div {
  -ms-background-size: cover;
  background-size: cover;
  background-position: 50% 85%;
  background-repeat: no-repeat
}

#top-banner #top-banner-background #top-banner-background-4 div {
  -ms-background-size: cover;
  background-size: cover;
  background-position: 50% 85%;
  background-repeat: no-repeat
}

#top-banner #top-banner-background #top-banner-background-5 div {
  -ms-background-size: cover;
  background-size: cover;
  background-position: 50% 85%;
  background-repeat: no-repeat
}
.top-banner-context{
  position: absolute;
  max-width:1200px;
  width:100%;
  bottom:100px;
  left:0;
  z-index:5;
  font-family: 'SourceHanSerifCN';
}
.top-banner-context>p{
  font-size:1.9rem;
  color:#fff;
  /*line-height:1.2;*/
  font-family:'NotoSansCJK-DemiLight-4';
  padding-left: 1.5rem;
  /*font-style: italic;*/
  /*  letter-spacing: 4px;*/
}
.top-banner-context > p > span{
  font-size:3.4rem;
  color:#fff;
  line-height:1.2;
  font-family:'Futura';
  padding-left: 0rem;
  font-style: italic;
  letter-spacing: normal;
  margin-left: -5px;
}
.top-banner-context p span{display: block; font-size: 2.4rem; font-family: Futura Std -Medium;letter-spacing: normal;}

@media screen and (max-width:768px){
  .top-banner-context{
    height:65vh;
    display:flex;
    justify-content: center;
    align-items: center;
    bottom:0;
  }
  .top-banner-context p{
    text-align:center;
    font-size: 4rem;
  }
}

@media only screen and (min-width:1200px){
  .top-banner-context{
    left:50%;
    margin-left:-600px;
  }
}
@media only screen and (min-width:1680px){
  .top-banner-context{
    max-width: 50%;
    left:31.9rem;
    margin-left: 0;
	    bottom: 20rem;
  }
  .top-banner-context p{padding-left: 0;}
}
@media screen and (min-width: 768px){
  .shou_nav{display: none;}
  .pc_no,.m-cat-nav1 ul li.pc_no{display: none;}
}
@media screen and (max-width: 641px){
  .pc_show{display: none!important;}
.history-img{height: 55rem;overflow: hidden;}
}
@media screen and (max-width: 768px){
  .top-banner-context p{text-align: center; padding-left: 0; position: absolute; left: 2rem; right: 2rem;}
  .shou_no{display: none;}
  .m-footer .am-u-sm-6 h2 img{width: 26vw;}
  .m-footer .am-u-sm-6 h2.am-hide{display: none !important;}
  .m-footer .am-u-sm-6 .footer01{width: 100%;}
  .footer_add_shou{clear: both; padding-left: 1.2rem; padding-top: 1.8rem;}
  .footer_add_shou .address{font-size: 1.2rem;}
  .am-about02{height: 20rem;}
  .am-cf-box .am-modal-bd .am-padding-xl{padding: 0;}
  .am-cf-box .am-modal-bd .am-padding-xl h2{margin: 0;}
  .am-cf-box .am-modal-bd .am-padding-xl .am-padding-top{padding: 0;}
  .am-cf-box .am-modal-bd .am-padding-xl .am-padding-top p{margin: 0; overflow-y: scroll; height: 20rem;}
  .am-cf-box .am-modal-bd .am-padding-xl .am-padding-top p::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #ddd;
  }
  .am-cf-box .am-modal-bd .am-padding-xl .am-padding-top p::-webkit-scrollbar-track {
    background-color: #ddd;
  }
  .am-cf-box .am-modal-bd .am-padding-xl .am-padding-top p::-webkit-scrollbar-thumb{
    background-color: #9a0028;
  }
}


.con01{ margin-top:40px;}
.con01 .left{ float:left; width:527px;}
.con01 .left h2{ height:50px; line-height:50px;}
.con01 .left h2 a{ color:#000; font-size:22px;}
.con01 .left span{ display:block; width:100%; line-height:30px; font-size:14px;}


/*slideTxtBox_01*/
.slideTxtBox_01{ float:right; width:600px;}
.slideTxtBox_01 .hd{ height:50px; line-height:50px; margin-bottom:10px;}
.slideTxtBox_01 .hd ul li{ float:left; width:120px;}
.slideTxtBox_01 .hd ul li a{ color:#000; font-size:22px;}
.slideTxtBox_01 .hd ul li a:hover{ color:#c00;}
.slideTxtBox_01 .hd ul li.on{ cursor:pointer; } 
.slideTxtBox_01 .hd ul li.on a{ color:#333;}
.slideTxtBox_01 .hd ul li.on a:hover{ color:#c00;}


/*scroll_02*/
.scroll_02{ width:600px;}
.scroll_02 .bd{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_02 .bd ul li{ width:600px; height:30px; line-height:30px;}
.scroll_02 .bd ul li a{ float:left; font-size:14px;}
.scroll_02 .bd ul li span{ float:right; font-size:14px;}


/*scroll_03*/
.scroll_03{ width:600px;}
.scroll_03 .bd{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd ul li{ width:600px; height:30px; line-height:30px;}
.scroll_03 .bd ul li a{ float:left; font-size:14px;}
.scroll_03 .bd ul li span{ float:right; font-size:14px;}

	
.con03{ margin-top:40px;}	
.container {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  height: 39vh;
}

.box {
  flex: 1; position:relative;
  overflow: hidden;
  transition: .5s;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
  line-height: 0;
}
.box strong{ z-index:9999; position:absolute; left:0; top:0; display:block; width:100%; height:20vh; padding:15vh 0; background:rgba(0,0,0,0.2);}
.box strong:hover{ background:none;}
.box strong b{ display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; }
.box strong span{ display:block; width:100%; height:20px; line-height:20px; color:#fff; font-size:12px; text-align:center; }
.but{ margin-top:20px;}
.but img{ display:block; margin:10px auto;}
.but span{ display:block; text-align:center; margin-top:15px; font-size:16px; color:#000; line-height:26px;}
.but a{ display:block; width:100px;  height:40px; line-height:40px; text-align:center; color:#fff; background:#F30; border-radius:6px; margin:0 auto; margin-top:10px;}
.box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: .5s;
}

.box > span {
  font-size: 3.8vh;
  display: block;
  text-align: center;
  height: 10vh;
  line-height: 2.6;
}

.box:hover {
  flex: 1 1 50%;
}

.box:hover > img {
  width: 100%;

}


.image{ margin-top:22px; position:relative; }
.image img{ width:100%;}
.image b{ display:block; width:1200px; height:317px; position:absolute; left:0; top:0;}
.image b:hover{ background:rgba(0,0,0,0.2);}
.image strong{ display:block; width:100%; height:50px; line-height:50px; font-size:22px; color:#333; text-align:center; font-weight:normal;}
.image span{ display:block; width:100%; height:28px; line-height:10px; font-size:14px; color:#666; text-align:center; font-weight:normal;}






.con04_bg{ padding:30px 0; /*background:url(../images/tmp1561019891_1878574_s.jpg) center top no-repeat;*/ margin-top:40px;}
.con04{ background:rgba(255,255,255,0.5);}
.con04 h2{ /*margin-left:20px;*/ height:50px; line-height:50px;}
.con04 h2 font{ display:block; display:block; width:238px; height:50px; line-height:50px; border-bottom:#999 solid 2px;}
.con04 h2 font strong{ color:#000; font-size:24px; font-weight:normal;}
.con04 h2 font span{ margin-left:20px; font-size:16px; font-weight:normal; color:#000;}
.con04 ul li{ float:left; width:190px; height:60px; margin:15px 25px;}
.con04 ul li img{ max-width:150px; height:60px;}


.footer{ background:url(../images/tmp1561019970_1878574_s.jpg) center top no-repeat; }
.footer .top{ padding:30px 0;}
.footer .top .left{ float:left; width:680px;}
.footer .top .left dl{ float:left; width:23%; margin-right:2%;}
.footer .top .left dl dt{ height:34px; line-height:34px;}
.footer .top .left dl dt a{ font-size:14px; color:#fff; /*padding-left:10px;*/ font-size:18px;}
.footer .top .left dl dd{ line-height:30px; background:url(../images/tmp1560765612_1878574_s.png) left center no-repeat; color:#fff; font-size:14px; }
.footer .top .left dl dd a{ font-size:14px; color:#fff; padding-left:10px;}
.footer .top .right{ float:right; width:400px;}
.footer .top .right ul li{ line-height:34px; color:#fff; font-size:14px;}
.footer .top .right ul li strong{ font-size:16px; color:#fff; padding-right:20px;}

.footer .down{ padding-bottom:30px; line-height:30px; color:#fff; font-size:14px;}
.footer .down a{ font-size:14px; color:#fff;}


.abt01_bg{ background:url(../images/bg.jpg) center top no-repeat;}
.abt01{ padding:150px 0 0 0}
.abt01 .top{ width:50%;}
.abt01 .top h2{ height:50px; line-height:50px; font-size:20px; color:#000;}
.abt01 .top span{ display:block; width:100%; line-height:30px; font-size:14px; color:#333;}
.abt01 .down{ width:600px; padding:30px 50px; line-height:50px; color:#000; font-size:24px; text-align:center; margin:68px auto 0 auto; /*background:#fff;*/}


.abt02{ margin-top:60px;}
.abt02 h2{ margin-bottom:30px;}
.abt02 h2 strong{ display:block; width:100%; height:40px; line-height:40px; font-size:28px; color:#000; font-weight:normal; text-align:center;}
.abt02 h2 span{ display:block; width:100%; height:25px; line-height:25px; color:#666; font-size:14px; font-weight:normal; text-align:center;}
.abt02 h2 em{ display:block; width:30px; height:4px; background:#c00; margin:12px auto 0 auto;}
.yzs_main02{ width:100%; margin-top: 35px;}
.yzs_main02 dl{ width:298px; float:left; margin: 0 2px;margin-left: 0;}
.yzs_main02 dl dt .img{ width:298px; height:181px; overflow:hidden;}
.yzs_main02 dl dt .img img{ width:100%; height:181px; overflow:hidden;}
.yzs_main02 dl dt .img_zhe{ float: left; margin-top: -181px;z-index: 9; position: relative; background: rgba(0,0,0,0.4);width: 100%; height: 181px;}
.yzs_main02 dl dt .img_zhe img{ float:left;margin-left: 120px;margin-top: 53px;}
.yzs_main02 dl dd{ width:100%; height:80px; background:#e2e2e2; float:left;}
.yzs_main02 dl dd b{ width:30px; height:2px; background:#515151; float:left;margin-left: 134px;margin-top: 12px; margin-bottom: 8px;}
.yzs_main02 dl dd span{ width:100%; font-size:16px; color:#515151; text-align:center; float:left;}
.yzs_main02 dl dd i{ width:100%; font-size:12px; color:#515151; text-align:center; float:left; margin-top: 6px;}
.yzs_main02 dl:hover dd{ background:#b81b26; -webkit-transition: all 0.4s linear -1ms;}
.yzs_main02 dl:hover dd b{ background:#fff; -webkit-transition: all 0.4s linear -1ms;}
.yzs_main02 dl:hover dd span{ color:#fff; -webkit-transition: all 0.4s linear -1ms;}
.yzs_main02 dl:hover dd i{ color:#fff; -webkit-transition: all 0.4s linear -1ms;}
.yzs_main02 dl:hover .img_zhe{ display:none; -webkit-transition: all 0.4s linear -1ms;}


.abt03{ margin-top:60px; margin-bottom:60px;}
.abt03 h2{ margin-bottom:30px;}
.abt03 h2 strong{ display:block; width:100%; height:40px; line-height:40px; font-size:28px; color:#000; font-weight:normal; text-align:center;}
.abt03 h2 span{ display:block; width:100%; height:25px; line-height:25px; color:#666; font-size:14px; font-weight:normal; text-align:center;}
.abt03 h2 em{ display:block; width:30px; height:4px; background:#c00; margin:12px auto 0 auto;}
.abt03 .heng{ width:100%;}
.abt03 .heng dl{ float:left; width:400px;opacity:1;filter(alpha=100)}
.abt03 .heng dl:hover{opacity:0.8;filter(alpha=80)}
.abt03 .heng dl dt{ float:left; width:180px; height:190px;}
.abt03 .heng dl dt.dt1{ background:#2f5597;}
.abt03 .heng dl dt.dt2{ background:#ed7d31;}
.abt03 .heng dl dt.dt3{ background:#669900;}
.abt03 .heng dl dt.dt4{ background:#5b9bd5;}
.abt03 .heng dl dt.dt5{ background:#f4b183;}
.abt03 .heng dl dt.dt6{ background:#7030a0;}
.abt03 .heng dl dt strong{ display:block; width:160px; padding:0 10px; margin-top:80px; line-height:30px; font-size:16px; color:#fff;}
.abt03 .heng dl dt span{ display:block; width:160px; padding:0 10px; line-height:20px; font-size:13px; color:#fff;}
.abt03 .heng dl dd{ float:left; width:220px; height:190px;}
.abt03 .heng dl dd img{ width:220px; height:190px;}

.qywh{ margin-top:40px; /*margin-bottom:40px;*/}
.qywh h2{ margin-bottom:30px;}
.qywh h2 strong{ display:block; width:100%; height:40px; line-height:40px; font-size:28px; color:#000; font-weight:normal; text-align:center;}
.qywh h2 span{ display:block; width:100%; height:25px; line-height:25px; color:#666; font-size:14px; font-weight:normal; text-align:center;}
.qywh h2 em{ display:block; width:30px; height:4px; background:#c00; margin:12px auto 0 auto;}


.qywh .wh1{ /*background:url(../images/nei-bg.png) center top no-repeat;*/ background-size:100%;}

.qywh .wh2{ margin-top:40px;}
.qywh .wh2 ul li{ float:left; width:560px; margin:0 20px;}
.qywh .wh2 ul li img{ width:210px; height:130px;}
.qywh .wh2 ul li strong{ display:block; width:100%; height:32px; line-height:32px; color:#333; font-size:20px; font-weight:normal;}
.qywh .wh2 ul li span{ display:block; width:100%; height:22px; line-height:22px; color:#888; font-size:14px;}
.qywh .wh2 ul li font{ display:block; width:100%; margin-top:10px; line-height:20px; font-size:12px;}
img{max-width:100% !important}


.anli{ margin-top:40px; margin-bottom:90px;}
.anli h2{ height:40px; line-height:40px; text-align:center;}
.anli h2 a{ font-size:18px; color:#000; font-weight:normal;}
.anli h2 a.active{ color:#c00;}
.anli h3{ height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;}
.anli ul{ width:74%; margin:0 auto;}
.anli ul li{ position:relative; margin-top:66px; height:292px;}
.anli ul li img{ width:100%; height:260px;}
.anli ul li font{ position:absolute; left:0; top:0; width:100%; height:260px; z-index:999; }
.anli ul li font:hover{ background:rgba(0,0,0,0.2);}
.anli ul li font a{ display:block; width:100%; height:328px;}
.anli ul li strong{ display:block; width:100%;}
.anli ul li strong:hover{ background:none;}
.anli ul li strong b{ display:block; width:100%; height:40px; line-height:40px; font-size:20px; font-weight:normal; text-align:center; color:#000;}
.anli ul li strong span{ display:block; width:100%; height:auto; line-height:30px; font-size:14px; font-weight:normal; text-align:center; color:#000;}

/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:40px;  min-height:400px; margin-bottom:40px;}





/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}