/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- 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;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{margin: 0 3.7%;}


.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);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}
.yu{line-height: 85px;margin-left: 30px;}
.lastli {position: relative;margin-top: 27px;}
.ss2{padding: 0 10px;}
.ss2 #formsearch{
     width: 30px;
    line-height: 31px;
    transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0);
    overflow: hidden;
}
.ss2 #formsearch input{outline: none;border: none;}
.ss2 #keyword{
     height: 28px;
    margin: 2px 0;
    font-size: 14px;background: none;
    width: 0;
    padding: 0;
    color: #ffffff;
    transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}
.ss2 #s_btn{background: url(../image/734464dace5ccebacebc96f595fa067b583cac9b.png) no-repeat center;width: 26px;height: 23px;margin-top: 4px;}
.ss2 #formsearch:hover {
    border: 1px solid #e6ebf5;
    width: 205px;
    /* background: #fff; */
}
.ss2 #formsearch:hover #keyword {
    width: 155px;
    padding: 0 10px;
}
.ss2 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.ss2 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
.ss2 ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
.ss2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}


.top2{padding-top: 21px;position: absolute;top:0;width: 100%;z-index: 9999;}

.logo{float:left;}
.logo img{height: 85px;}
dt{font-weight: normal;}


/*主体样式*/
.box1{padding: 5% 0;background-color: #f4f4f4;overflow: hidden;}
.bt1{text-align: center;}
.bt1 dd{color: #222222;font-size: 40px;line-height: 1;}
.bt1 dd span{font-weight: bold;}
.bt1 dt{color: #222222;font-size: 18px;line-height: 30px;margin-top: 25px;}
.mySwiper{overflow: hidden;position: relative;margin-top: 6%;margin-left: -9%;}
.mySwiper .swiper-slide .img{overflow: hidden;}
.mySwiper .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.mySwiper .swiper-slide{width:25.5%;}
.bj1{position: absolute;top:0;left: 2.2vw;z-index: 99;height: 100%;padding-top: 3vw;}
.mySwiper .swiper-wrapper{align-items: flex-end;}
.bj1 h3{display: block;color: #ffffff;font-size: 28px;font-weight: bold;}
.pcon{color: #ffffff;font-size: 16px;line-height: 25px;margin-top: 20px;}
.fbt{color: #ffffff;font-size: 16px;position: absolute;bottom: 2.2vw;}
.mySwiper .swiper-slide:hover .img img{transform: scale(1.1);}
.pp .swiper-pagination1{position: relative;width: 92.6%;height: 2px;background-color: #dcdcdc;border-radius: 1px;margin-top: 3.4vw;left: 3.7%;}
.pp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #e30000;border-radius: 3px;height: 6px;top:-2px}
.pp{position: relative;}



/*  */
.box2{margin: 5.4% 0 6.1%;}
.pbt{margin-top: 56px;}
.pbt dd{color: #222222;font-size: 36px;line-height: 32px;margin-bottom: 45px;}
.pbt dd b{color: #e30000;font-size: 72px;}
.m1 a{display: block;color: #222222;font-size: 14px;width: 124px;height: 38px;border-radius: 2px;border: solid 1px #222222;padding-left: 15px;line-height: 36px;position: relative;transition: all 0.5s;}
.m1 a span{position: absolute;border-left: 1px solid#222222;width: 32px;display: block;background: url(../image/1b31442904e3456b99fad8f95593d3ac0d322ac9.png) no-repeat center;right: 0;top:0;height: 36px;}
.mySwiper2{overflow: hidden;width: 73.7%;position: relative;}
.mySwiper2 .swiper-slide{width: 29.6%;}
.mySwiper2 .swiper-slide .img{overflow: hidden;display: block;}
.mySwiper2 .swiper-slide img{width: 100%;transition: all 0.5s;}
.mySwiper2 .swiper-slide h3 a{position: absolute;top:0;left: 0;width: 100%;height: 100%;color: #ffffff;font-size: 24px;display:flex;justify-content:center;align-items: center;font-weight: bold;}
.mySwiper2 .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiper2 .swiper-button-next{background: none;outline: none;}
.m1 a:hover{background: #e30000;border-color: #e30000;color: #fff;}
.m1 a:hover span{border-color: #eee;background: url(../image/9ede5031c50a5d4bbb55a2720c82dccdd257ec05.png) no-repeat center;}
.yul{margin-top: 4.3%;}
.yul li{position: relative;width: 49.39%;}
.yul li .img img{transition: all 0.5s;width: 100%;}
.yul li .img{display: block;overflow: hidden;}
.yul li:hover .img img{transform: scale(1.1);}
.bj2{position: absolute;left: 30px;bottom: 2.6vw;}
.bj2 h3{color: #ffffff;font-size: 30px;font-weight: normal;margin-bottom: 29px;}
.bj2 .m1 a{color: #ffffff;border-color: #fff;}
.bj2 .m1 a span{border-color: #fff;background: url(../image/9ede5031c50a5d4bbb55a2720c82dccdd257ec05.png) no-repeat center;}
.map{position: relative;margin: 67px auto 36px;width: 91.5%;}
.d1{position: absolute;top:23.5%;left: 14%;}
.d11{color: #333333;font-size: 0.833vw;text-align: center; }
.d11 img{display: block;margin: 0 auto;-webkit-animation: myfirst 1s infinite; animation: myfirst 1s infinite;}
.map p img{width: 100%;}
.d2{position: absolute;top:38%;left: 17%;}
.d3{position: absolute;top: 50%;left: 16.5%;}
.d4{position: absolute;top: 25.4%;left: 45%;}
.d5{position: absolute;top: 26.4%;left: 48.5%;}
.d6{position: absolute;top: 31.8%;left: 49%;}
.d7{position: absolute;top: 40%;left: 49.5%;}
.d8{position: absolute;top: 17.5%;left: 72.5%;}
.d9{position: absolute;top: 38%;right: 11.3%;text-align: left;}
.d10{position: absolute;top: 41%;right:15%;text-align: right;}
.d12{position: absolute;top: 43%;right: 19.5%;text-align: left;}
.d12 img{margin-left: 36px;}
.d9 span{padding-left: 40px;}
.d10 span{padding-left: 40px;}
.d12 span{font-size: 0.9375vw;color: #fff;font-weight: bold;}
.map2 img{width: 100%;}
.map2{display: none;}

@-webkit-keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -5px); transform: translate(0px, -5px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}
@keyframes myfirst{
    0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
    50%{-webkit-transform: translate(0px, -5px); transform: translate(0px, -5px);}
    100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
}

.fenx{
     width: 201px;
	height: 43px;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(19, 22, 33, 0.2);
	border-radius: 21px;
     padding: 8px 26px;
     position: absolute;
     right: 0;bottom: 20px;
}

.gotop1  img{cursor: pointer;}
.fenx .social-share .social-share-icon{border:none;margin: 0;width: auto;height: auto;line-height: 1;background: none!important;}
.fenx .social-share .icon-wechat{color: #e30000;font-size: 30px;}
.fenx .social-share .icon-weibo{color: #e30000;font-size: 30px;margin-left: 33px;}

/*  */

.foot{background-color: #23293c;padding-top: 75px;}
.dao li dd{color: #ffffff;font-size: 18px;font-weight: bold;}
.dao li a{display: block;color: #cccccc;font-size: 16px;line-height: 34px;}
.line1{width: 14px;height: 2px;background-color: #ffffff;margin: 34px 0;}
.sec2{width: 360px;}
.sec2 a{width: 50%;}
.dao{padding-bottom: 6.5%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.tul{padding: 48px 0  45px;}
.tcon {margin-left: 14px;}
.tcon h3{font-size: 16px;color: #fff;font-weight: bold;margin-top: 12px;}
.tcon p{color: #cccccc;font-size: 16px;margin-top: 8px;}
.ft2{padding: 25px 0;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.bq{color: #fff;font-size: 14px;line-height: 24px;}
.bq a{color: #fff;}
.x-seo a{margin-left: 30px;}


@media(max-width: 1600px){
     .x-menu > li{margin: 0 2.5vw;}
}



@media(max-width: 1450px){
     .pcon br{display: none;}
     .pcon{padding-right: 20%;}
     .x-menu > li{margin: 0 2vw;}
}

@media(max-width: 1380px){
     .x-menu > li > a{font-size: 16px;}
     .x-menu > li{margin: 0 2vw;}
     .pcon{font-size: 14px;line-height: 24px;}
     .mySwiper2 .swiper-slide h3 a{font-size: 20px;}
     .pbt dd{font-size: 30px;line-height: 26px;}
     .d12 span{padding-left: 20px;}
     .tcon p,.tcon h3{font-size: 14px;}
     .tul li{margin-bottom: 15px;}
     .bq{text-align: center;}
     .ban,.x-seo{float: none;width: 100%;}
}

@media(max-width: 1245px){
     .ss2 #formsearch:hover{width: 180px;}
     .ss2 #formsearch:hover #keyword{width: 138px;}
}


@media(max-width: 1200px){
     .bt1 dd{font-size: 30px;}
     .bt1 dt{font-size: 16px;line-height: 24px;margin-top: 15px;}
     .bj1 h3 a{font-size: 20px;}
     .pbt{margin-top: 30px;}
     .pbt dd{font-size: 24px;line-height: 20px;}
     .bj2 h3{margin-bottom: 20px;font-size: 25px;}
     .map2{display: block;margin-top: 30px;}
     .map,.lastli{display: none;}

}


@media(max-width: 768px){
     .pcon{padding-right: 5%;font-size: 12px;line-height: 20px;}
     .mySwiper2 .swiper-slide{width: 37%;}
     .bj2 h3{font-size: 20px;}
}


@media(max-width: 640px){
     .box1{padding: 30px 0;}
     .bt1 dd{font-size: 24px;}
     .bt1 dt{font-size: 14px;line-height: 23px;}
     .mySwiper{margin-left: 0;}
     .bj1{padding-top: 30px;}
     .pcon{font-size: 14px;line-height: 24px;}
     .pp{margin: 0 15px;}
     .pp .swiper-pagination1{margin-top: 20px;}
     .pbt,.mySwiper2{float: none;width: 100%;}
     .pbt dd{margin-bottom: 25px;}
     .mySwiper2{margin-top: 20px;}
     .mySwiper2 .swiper-slide h3 a{font-size: 16px;}
     .mySwiper2 .swiper-slide{width: 43%;}
     .box2{margin-top: 0;}
     .yul li{width: 100%;margin-bottom: 15px;}
     .yul{margin-top: 25px;}
     .bj2{bottom: 15px;}
     .dao{display: none;}
     .foot{margin-top: 30px;padding-top: 30px;}
     .tul{padding: 0 0 20px 0;}
     .tul li img{width: 45px;}
     .tcon h3{margin-top: 5px;}
     .tcon p{margin-top: 3px;}
     .tul li{width: 100%;}
     .tcon{width: calc(100% - 59px);}
     .x-seo a{margin-left: 5px;}
     .pcon{margin-top: 10px;}
     .bj1{padding-top: 20px;}
     .pcon{font-size: 12px;line-height: 20px;}
}













/*内页左侧样式*/

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


@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: 991px){
	.page-banner,.x-banner{margin-top: 60px;}
     body{padding-bottom: 50px;}
}