/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.wh1{max-width: 1430px;padding: 0 15px;margin: 0 auto;}
@media (min-width: 1200px){
    .container {
    width: 1430px;padding: 0 15px;
}
}
.wh{max-width: 1802px;margin:0 auto;padding: 0 15px;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{position: fixed;top:0;z-index: 999;width: 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 90px;width: 27%;}
.logo img{width: 100%;}
.top2 .k2{font-size: 22px;color: #fff;margin-top: 20px; line-height: 24px;text-align: right;padding-left: 45px;background: url(../images/tel.png) no-repeat left center;}
.topr{width: 68%;}
.logo .img2{display:none;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;color: #999999;font-size: 16px;margin-top: 32px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink a{color: #999999;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{margin-right: 20px;}
.bwz{display:none;letter-spacing: 2px;color: #ffffff;font-size: 30px;text-align: center;position: absolute;top:50%;width: 100%;margin-top: -20px;}
.bwz h3{letter-spacing: 4px;color: #fbe04c;font-size: 72px;margin-bottom: 20px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}




/*热门搜索*/
.sou{margin: 15px 0;}
.ss{position: relative;margin-top:20px;}
.top2 #formsearch{float:right;position: absolute;top:60px;z-index: 9999;right: 0;display: none;width: 187px;}
.hotSearch{font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.ss-btn{line-height: 90px;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
.top2 #formsearch input{height:30px;background:#fff;border:1px solid #c8c8c8;line-height:30px;outline: none;}
.top2 #formsearch input#keyword{height:30px;line-height:30px;padding-left:4px;color:#666;}
.top2 #formsearch input#s_btn{width:46px;height:30px;line-height:30px;text-align:center;background-color:#000;color:#fff;border:none;cursor:pointer;font-size: 12px;}



/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 105px;background: url(../images/dian.png) no-repeat right center;}
.nav li:last-child{background: none;}
.nav li a{display:block;line-height:90px;color:#fff;height:90px;padding: 0;font-size: 16px;padding: 0;font-weight: bold;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:transparent;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:90px;left:0px;width: 100%;}
.nav .sec a{background:rgba(0,0,0,.5);color:#fff;height:38px;line-height:38px;font-size: 14px;font-weight: normal;}
.nav .sec a:hover{background:rgba(0,0,0,.8);text-decoration:none;}
.top2.cur{position:fixed;}
.top2:hover .nav> li >a,.top2.cur .nav> li >a{color:#777;}
.top2:hover .nav li,.top2.cur .nav li{background: url(../images/dian2.png) no-repeat right center;}
.top2:hover .k2,.top2.cur .k2{color:#666;background: url(../images/tel22.png) no-repeat left center;}
.top2:hover,.top2.cur{background:#fff;}
.top2:hover .logo .img2,.top2.cur .logo .img2{display:inline-block;}
.top2:hover .logo .img1,.top2.cur .logo .img1{display:none;}
@media(max-width:1380px){
	.nav li{width: 90px;}
}
@media(max-width:1025px){
	.top2 .k2{display: none;}
	.topr{width: auto;}
	.top2{padding: 20px 0;}
}



/**/
.box1{margin: 40px 0;position: relative;}
.box1 .wh{background: url(../images/kuang.png) no-repeat bottom center;padding-bottom: 40px;background-size: 98%;}
.aleft{width: 48.98%;}
.aimg{overflow: hidden;width: 48.98%;border-radius: 100px 0px 100px 0px;}
.aimg img{display: block;width: 100%;}
.abox{position: absolute;width: 100%;top:0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.gywm{max-width: 900px;margin: 0 auto;background: rgba(0,0,0,.5);padding: 3% 15px;}
.abt{color: #333333;font-size: 30px;text-align: center;letter-spacing: 2px;font-weight: bold;}
.abt span{display: block;font-size: 26px;font-weight: normal;}
.abt p{width: 4px;height: 28px;background-color: #333333;margin: 0 auto;margin-top: 15px;}
.acon{color: #333333;font-size: 16px;line-height: 40px;margin: 13px  0;letter-spacing: 1px;}
.aleft a{display: block;margin:0 auto;width: 144px;height: 41px;border: solid 1px #333333;background-color: #ffffff;line-height: 39px;margin: 0 auto;text-align: center;color: #333333;font-size: 16px;text-transform: uppercase;}
.aimg img{border-radius: 100px 0px 100px 0px;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.aimg:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.bt1{letter-spacing: 1px;color: #333333;font-size: 18px;text-transform: uppercase;line-height: 39px;}
.bt1 b{font-size: 22px;}
.biaoti a{display: block;text-transform: uppercase; width: 95px;height: 39px;border-radius: 20px;border: solid 1px #333333;line-height: 37px;text-align: center;color: #333333;font-size: 16px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.biaoti{margin-bottom: 16px;}
.biaoti a:hover{background: #333333;color: #fff;}
.clist li{width: 49.77%;margin-bottom: 9px;position: relative;overflow: hidden;}
.clist li .img img{display: block;width: 100%;}
.clist li h3 a{position: absolute;bottom: -60px;left: 0;width: 100%; display: block;line-height: 60px;background: rgba(0,0,0,.5);font-weight: normal; padding-left: 26px;letter-spacing: 1px;font-size: 22px;color: #ffffff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.clist li:hover h3 a{bottom: 0;}
.clist li .img img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.clist li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.aul {text-align: center;margin-top: 32px;}
.aul li{cursor: default;display: inline-block;background: url(../images/kuang2.png) no-repeat center;width: 132px;height: 148px;margin: 0 2%;}
.aul li h3{color: #333333;font-size: 16px;cursor: default;}
.aul li .img{margin: 26px 0 6px 0;cursor: default;}
.aul li .img img{cursor: default;}
.aul li:hover{background: url(../images/ling.png) no-repeat center;cursor: default;}



/**/
.box3{margin: 30px 0 90px 0;}
.nlist{padding-top:5px;margin-top:25px;border-top:1px solid #dedede;}
.nlist li{width: 23.476%;}
.nlist li .img {display: block;overflow: hidden;}
.nlist li .img img{display: block;width: 100%;}
.nlist li .img img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nlist li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.nlist li h3 a{color: #333333;font-size: 18px;font-weight: normal;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 24px 0 18px 0;}
.nlist li p{color: #696868;font-size: 16px;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nbox{margin-top: 20px;}
.nbox span{color: #696868;font-size: 16px;padding-left: 29px;display: block;background: url(../images/shi.png) no-repeat left center;}

.nlist2{position:relative;}
.slick-arrow{outline:none;border:none;font-size:0;}
.nlist2 .slick-prev,.nlist2 .slick-next{width:40px;height:30px;position:absolute;bottom:0;right:0;z-index:999;}
.nlist2 .slick-prev{background:url(../images/lt2.png) no-repeat top center;right:41px;}
.nlist2 .slick-next{background:url(../images/rt2.png) no-repeat top center;}
.nlist2 li .img{width:50%;}
.nei{width:48%;}
.nlist2 li{outline:none;}
.nlist2 li h3 a{font-size:16px;color:#333333;padding:20px 0;background:url(../images/line11.png) no-repeat bottom left;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nlist2 li p{color:#666666;font-size:16px;text-indent:2em;margin-top:13px;}
.nlist2 li .img {display:block;overflow:hidden;}
.nlist2 li .img img{display: block;width: 100%;}
.nlist2 li .img img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nlist2 li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


/**/
.wh2{max-width: 1610px;padding: 0 15px;margin: 0 auto;}
.yan{margin-top: 30px;}
.ycon{width: 42.4%;}
.ycon textarea{height: 100%; outline: none;border:none;background: none;border-radius: 24px;color: #999999;font-size:14px;border: solid 1px #999999;width: 100%;resize:none;padding: 16px 20px;}
.yright{width: 48.86%;}
.lxfs{margin: 40px 0;}
.yan input{width: 47.15%;outline: none;border:none;background: none;border-radius: 23px;border: solid 1px #999999;line-height: 46px;padding: 0 25px;color: #999999;font-size: 14px;}
.yan ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999999;
}
.yan :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999999;
}
.yan ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999999;
}
.yan :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999999;
}
.lxfs input{width: 100%;}

.tj input{display: block;width: 105px;height: 46px;border-radius: 23px;border: solid 1px #333333;padding: 0;text-align: center;color: #333333;font-size: 14px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.yan .ybtn #checkcode{width:120px;}
.yan .checkCodeImg {display: block;margin: 0 2%;}
.ycon textarea:hover,.yan input:hover{box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);}
.tj input:hover{background: #333;color: #fff;}


/**/
.foot{background-color: #ebebeb;padding: 42px 0 38px ;}
.ft1{border-bottom: 1px solid #d2d6dc;padding-bottom: 10px;margin-bottom: 10px;}
.ft2{color: #999999;font-size: 16px;line-height: 28px;}
.ft2 a{color: #999;}







/*友情链接*/

.f_link{line-height: 30px;margin:30px auto;}
.f_link a{color: #666;}

@media(max-width: 1700px){
    .nlist2 li p{font-size:14px;line-height:20px;}
    .nlist2 li h3 a{padding:10px 0;}
}

@media(max-width: 1666px){
.acon{line-height: 30px;letter-spacing: 0;}
.aul li{margin: 0 1%;}
.box1 .wh{padding-bottom: 20px;}
}
@media(max-width: 1566px){
.abt span{font-size: 20px;}
.abt{font-size: 26px;}
.box1 .wh{background: none;}
}

@media(max-width: 1466px){
    .nlist2 li h3 a{font-size:14px;}
    .nlist2 li p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top:5px;}
}
@media(max-width: 1286px){
.box1 .flex{display: block;}
.aleft,.aimg{width: 100%;}
.aimg{margin-top: 20px;}
}
@media(max-width: 1366px){
	.acon{font-size: 14px;line-height: 26px;margin: 2% 0 3% 0;padding: 0 30px;}
	.gywm{padding: 2% 15px;}
}
@media(max-width: 1310px){
    .top2 .k2{display:none;}
    .ss{float:right;}
    .nav li{width:100px;}
}
@media(max-width: 1110px){
    .nav li{width:90px;}
}
@media(max-width: 1025px){
	.nlist li h3 a{margin:18px 0 12px 0;font-size: 16px;}
	.nlist li p{font-size: 14px;line-height: 24px;}
	.nbox{margin-top: 10px;}
	.nbox span{font-size: 14px;}
	.nlist2 li h3 a{padding-top:0;}
	.nlist2 .slick-prev, .nlist2 .slick-next{bottom: -21px;}
}



/*内页左侧样式*/
@media(max-width: 991px){
	.gywm{width: 90%;padding:2% 0;}
	.lxfs{margin: 20px 0;}
	.yright{width: 52%;}
	.yan input{padding: 0 18px;}
	.box3{margin-bottom: 50px;}
	.x-banner,.page-banner{margin-top:60px;}
	
}
@media(max-width: 768px){
	.abt{font-size: 20px;}
	.acon{margin: 10px 0 15px 0;padding: 0;}
	.gywm{margin: 20px 0;}
	.box1{margin: 30px 0;}
	.box3{margin: 15px 0 20px 0;}
	.nlist2 li{padding-bottom:40px;}
	.nlist2 li .img{margin-bottom:15px;}
	.nlist2 li .img,.nei{float:none;width:100%;}
	.nlist2 .slick-prev, .nlist2 .slick-next{bottom: 0;}
	
}
@media(max-width: 640px){
.abox{position: static;background: #fff;}
.gywm{background: #fff;margin-bottom: 0;}
.abt{color: #333;}
.acon{color: #666;}
.abox a{background: #000;color: #fff;}
.bt1{letter-spacing: 0;font-size: 12px;line-height: 30px;}
.clist li{width: 48%;}
.clist li h3 a{position: static;text-align: center;padding-left: 0;font-size: 14px;line-height: 40px;color:#333;background: #fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nlist li{width: 48%;margin-bottom: 20px;}
.biaoti a{width: 80px;height: 30px;line-height: 30px;font-size: 13px;}
.bt1 b{font-size: 20px;}
.yan{margin-top: 20px;}
.ybox.flex{display: block;}
.ycon{width: 100%;margin-bottom: 10px;}
.lxfs{margin: 10px 0;}
.ycon textarea{padding: 10px 15px;height: 100px;}
.yan input{line-height: 38px;}
.yright{width: 100%;}
.yan .ybtn #checkcode{width: 101px;}
.tj input{line-height: 38px;height: 38px;width: 90px;padding: 0;}
.foot{padding: 20px 0;}
.tlogo{text-align: center;}
.tlogo img{width: 70%;}
.topLink{display: none;}
.ft2{font-size: 14px;line-height: 24px;}



}





/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}
@media (max-width:640px){
  .aul{font-size: 0;margin-top: 15px;display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
  .aul li{width: 80px;height: 90px;background-size: 100% ;margin: 0;display: block;}
  .aul li  .img{margin-top: 15px;}
  .aul li img{width: 28px;}
  .aul li h3{font-size: 12px;}
  .aul li:hover{width: 80px;height: 90px;background-size: 100% ;}
}

.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #151515;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #151515;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}



.page-product-inquiry a{color: #fff;}