/*初始化样式*/
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{width:1200px;margin:0 auto;}


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


/*样式*/
.wt_t{max-width: 1680px;margin:0 auto;padding:0 10px}
.flex_11{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}





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






/*头部样式*/
.top_11{border-bottom: 1px solid #dcdcdc;height:82px;position: absolute;width:100%;left:0px;top:0px;z-index: 999999;;}
.logo{line-height: 82px;}
.logo img{line-height: 82px;}



/* 产品展示 */
.box1{margin-top:4.5vw}
.nn_11{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.cptt{	font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;}

.cptt span{	font-family: ArialMT;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #555555;display: block;margin-top:10px}


.port li{float:left;	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;background:url(../image/f8240dae35c9511b3c8f6a5b73dd9885c953f085.png) no-repeat center right;}
.port li a{color: #999999;padding-right: 35px;padding-left: 35px;}
.port li:hover a{color:#333}
.port li:last-child{background:none;}


.pp_ll{margin-top:4.5vw;display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.pp_ll li{width:24%;position: relative;}
.pp_ll li .img_11 img{width: 100%;}
.pp_ll li .img_11{width: 100%;overflow: hidden;}
.pp_ll li .dnn{position: absolute;bottom: 10px;width:90%;left:5%;
background:url(../image/795a4fe8e7b5a149b4358ef781eb55956d686076.png) no-repeat top;background-size: 100% 100%;padding: 2.5vw 0px;display: none;}
.pp_ll li .dnn .sz{	font-family: ArialMT;
	font-size: 128px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #f5f5f5;position: absolute;right:15px;top:-25px;z-index: 1;}
.pp_ll li:hover .dnn{display: block;}

.pp_ll li .dnn h3{	font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;text-align: center;z-index: 2;position: relative;}

.pp_ll li .dnn h4{	font-family: ArialMT;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;text-align: center;text-transform: uppercase;z-index: 2;position: relative;}


@media (max-width: 1440px) {
   .pp_ll li .dnn .sz{top:-20px;font-size: 100px;}
  }

@media (max-width: 1280px) {
   .pp_ll li .dnn .sz{top:-10px;font-size: 85px;}
  }

@media (max-width: 1024px) {
   .pp_ll li .dnn .sz{top:-10px;font-size: 65px;}
   .pp_ll li .dnn h3{font-size: 16px;}
  }


  @media (max-width: 990px) {
  .pp_ll li{width:49%;margin-bottom: 25px;}
  }


  @media (max-width: 768px) {
 .port li a{color: #999999;padding-right: 15px;padding-left: 15px;}
 .pp_ll li{width:100%;}
  }




/* box2 */
.box2{margin-top: 25px;}
.p_le{width:49.3%}
.p_le a.img{display: block;}
.p_le a.img img{width: 100%;}

.p_re{width:49.3%; display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.p_re li{width:48.8%;margin-bottom: 15px;}
.p_re li a.img{display: block;}
.p_re li a.img img{width: 100%;}
.p_re li:nth-child(3){margin-bottom: 0px;}
.p_re li:nth-child(4){margin-bottom: 0px;}


  @media (max-width: 1370px) {
.p_re li{width:48.6%;margin-bottom: 15px;}
  }


  @media (max-width: 1024px) {
.p_re li{width:48.5%;margin-bottom: 15px;}
  }

  @media (max-width: 992px) {
.p_re li{width:48%;margin-bottom: 15px;}
  }

  @media (max-width: 990px) {
.p_le{width:100%}
.p_re{width:100%;margin-top: 25px;}
.p_re li{width:49%;margin-bottom: 15px;}
.box2{margin-top: 0px;}
  }


.more1{padding: 25px 0;width:100%;margin-top:25px;text-align: center;
  background: url(https://cdn.myxypt.com/bbe45ba7/23/07/634eb1648816e16ecbb7eb846e19907be988c202.png) no-repeat center center #f5f5f5;}
.more1 a{	font-family: ArialMT;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #222222;text-align: center;text-transform: uppercase;}




/* box3 */
.box3{margin-top:4.5vw}
.ab_img{width:50%}
.ab_img a.img{display: block;}
.ab_img a.img img{width: 100%;}

.aann{width:39%;margin-right: 6.25%;text-align: center;}
.aann h2{	font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;}

.aann h3{	font-family: ArialMT;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;margin-top: 10px;}

.aabb{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #888888;margin-top: 5%;}

.more2{width:34px;margin:0 auto;margin-top:5%}

@media (max-width: 990px) {
	.ab_img{width: 100%;}
	.aann{width: 100%;margin-right: 0px;padding: 3.5%;}
}



/* box4 */
.box4{margin-top: 4.5vw;}

.newsbg {
    background: url(../image/ef6860f4f5d30f2170b837558c803f611e6c7a7e.jpg) no-repeat center top;
    padding-top: 17.5vw;
    margin-top: 3vw;
}

.news1 {
    max-width: 1680px;
    margin: 0 auto;
    padding: 32px 25px;
    background: #fff;
}

.news_left {
    width: 22%;
}

.news_left img {
    width: 100%;
    height: auto;
}

.news_right {
    width: 75%;
    float: right
}

.news_right li {
    width: 27%;
    margin-right: 6.33%;
    float: left;
}

.news_right li span {
    display: block;
    color: #999;
    font-family: "arial";
    font-size: 1.9rem;
    line-height: 3.5vw;
}

.news_right li span i {
    font-style: normal;
    font-size: 14px;
    padding-left: 15px;
}

.news_right li a {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 2.8vw;
    height: 2.8vw;
    overflow: hidden;
}

.news_right li div {
    color: #999;
    line-height: 25px;height: 50px;overflow: hidden;
}



.news_right li a.aa1 {
    color: #999;
    font-size: 14px;
    line-height: 3.5vw;
    line-height: 3.5vw;
    border-left: 1px solid #bbbbbb;
    margin-top: 3.5vw;
}



.more2{width:100%;margin:0 auto;line-height:48px;color:#222222;text-align:center;background:url(../image/37b5654f6384bb9572019078723de8bce16fff93.png) no-repeat center;margin-top:2.5vw;text-transform:uppercase}
.more2 a{color:#222222;font-size:14px;line-height:48px}


@media (max-width: 640px) {
.more2{background:url(../image/37b5654f6384bb9572019078723de8bce16fff93.png) no-repeat center;background-size: 100% 100%;}

}



@media(max-width:1024) {
    .news1 {
        width: 98%;
    }
 }


@media(max-width:768px) {
    .news_left,
    .news_right {
        width: 100%;
    }
    .news_right{margin-top: 20px;}
    .news_right li {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    .news_right li span {
        line-height: 40px;
    }
    .news_right li a {
        line-height: 32px;
        height: 32px;
    }


}



.xx2{width:100%;height:1px;background:#f5f5f5;margin-top: 3.55vw;margin-bottom: 3.5vw;}






/* box5 */
.box5{margin-top:1.5vw}
.tta{	font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;text-align:center}

.ttb{	font-family: ArialMT;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;margin-top: 10px;text-align:center}


.f_ll{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;margin-top: 3.5vw;}

.f_ll li{width:25%;position: relative;}
.f_ll li::after{width:1px;height:100%;position: absolute;right:0px;top:0px;content: "";background:#f0f0f0;}
.f_ll li .dgg{width:80%;margin:0 auto;text-align: center;display: block;}
.f_ll li .dgg .img_33{width:100%;display: block;margin-top: 20px;}
.f_ll li .dgg .img_33 img{width:100%;}
.f_ll li .dgg  h2{color:#d4d4d4;font-size: 70px;text-align: center;}
.f_ll li .dgg  h3{color:#666666;font-size: 18px;font-weight: 400;margin-top: 20px;}
.f_ll li .xx4{	width: 36px;
	height: 2px;
	background-color: #d6d6d6;margin:0 auto;margin-top:20px}
.f_ll li .dgg p{font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #999999;height:56px;overflow: hidden;margin-top:20px}



@media (max-width: 1370px) {
.f_ll li .dgg  h2{color:#d4d4d4;font-size: 60px;text-align: center;}
}


@media (max-width: 1024px) {
.f_ll li{width:50%;position: relative;margin-bottom: 20px;}
.f_ll li .dgg  h2{color:#d4d4d4;font-size: 50px;text-align: center;}
.f_ll li .dgg  h3{color:#666666;font-size: 16px;font-weight: 400;margin-top: 10px;}
}


.more3{width:100%;margin:0 auto;line-height:48px;color:#fff;text-align:center;background:url(../image/155bcf075d17a5dba20e8845bad440256c7e7936.png) no-repeat center;margin-top:2.5vw;text-transform:uppercase}
.more3 a{color:#fff;font-size:14px;line-height:48px}


@media (max-width: 640px) {
.more3{background:url(../image/155bcf075d17a5dba20e8845bad440256c7e7936.png) no-repeat center;background-size: 100% 100%;}
.box5{   padding: 32px 25px;}
}



/* box6 */
.box6{margin-top: 3.5vw;}
.hz_ll li{margin:0 10px}
.hz_ll li a.img{display: block;}
.hz_ll li a.img img{width:100%}

@media (max-width: 640px) {
   .hz_ll li{margin:0 5px} 
}




/* 通栏 */
.dff{background:#f3f3f3;padding-top: 3.5vw;margin-top:3.5vw;padding-bottom: 25px;}
.dd1{float:left;width:11%}
.dd1 h2{	font-family: MicrosoftYaHei;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;}

.dd1 h3{
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #999999;}



.dd2{width:19%;float:left}
.dd2 h3{color:#666666;font-size: 16px;}

.g_ll{margin-top: 20px;}
.g_ll .li1{width:25px;height:25px;float:left;margin-right: 20px;position: relative;}
.g_ll .li1{background:url(https://cdn.myxypt.com/bbe45ba7/23/07/ea73d43f511e218a163a63289c1f80248c9cd8ee.png) no-repeat center top;}
.g_ll .li1:hover{background:url(../image/f8c14e081a751977ce4628c5f5ed601c4f383c83.png) no-repeat center top;}

.wm1{position: absolute;left:-20px;display: none;top:30px}
.g_ll .li1:hover .wm1{display: block;}



.g_ll .li2{width:25px;height:25px;float:left;margin-right: 20px;}
.g_ll .li2{background:url(https://cdn.myxypt.com/bbe45ba7/23/07/85a636e94ea48ec3731853319af6dcd7f3e10f6a.png) no-repeat center top;}
.g_ll .li2:hover{background:url(../image/c747ce8bfa441f63c3ad9cf7642f061bd6c1652b.png) no-repeat center top;}



.g_ll .li3{width:25px;height:25px;float:left;margin-right: 20px;}
.g_ll .li3{background:url(../image/d978bbbdc025a496ecb042d66b6ae3cf22cfcdd4.png) no-repeat center top;}
.g_ll .li3:hover{background:url(../image/95c4fa0ce6a2facb5963a99c5700c69077bc3806.png) no-repeat center top;}

.g_ll .li4{width:25px;height:25px;float:left;margin-right: 20px;position: relative;}
.g_ll .li4{background:url(../image/741c403126227dad8142c593ec93ff096f54e75f.png) no-repeat center top;}
.g_ll .li4:hover{background:url(../image/f655c17f4e5eacaa748d4a85caa7bfc99400e6b9.png) no-repeat center top;}


.wm2{position: absolute;left:-20px;display: none;top:30px}
.g_ll .li4:hover .wm2{display: block;}


.lxwm{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #999999;margin-top: 30px;}



.dao{margin-top:3.5%;margin-left: 3.5%;;float:left}
.dao a{color:#999999;font-size: 14px;line-height: 28px;}


.dd3{width:20%;float: right;}

.dd3 #formsearch{width:100%;border-bottom:2px solid #999994;}
.dd3 #formsearch input{height:55px;background:none;width:80%;float:left;
line-height:55px;border: none;outline: none;}
.dd3 #formsearch input#keyword{height:55px;line-height:55px;padding-left:4px;color:#666;}
.dd3 #formsearch input#s_btn{
    width:20%;height:55px;float: left;line-height:55px;text-align:center;color:#fff;
    border:none;cursor:pointer;font-size: 0px;
    background:url(../image/379d925d94ab80e7c96120e65a13e2d71141f068.png) no-repeat center;
    }
.dd3 #formsearch input::placeholder{color:#959595;font-size: 12px;}




.xx5{border-bottom: 1px solid #e5e5e8;margin-top: 3%;margin-bottom: 2%;}

.seox{	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #999999;}

.seox a{color: #999999;}


@media (max-width: 1024px) {
.dd2{width: 24%;float:left;}
}


@media (max-width: 768px) {
.dd2{width: 38%;float:left;}
}


@media (max-width: 420px) {
.dd2{width: 100%;float:left;margin-bottom: 20px;}
.dd3{width: 100%;float:left;}
.dff2{margin-bottom: 25px;}
}


/*样式*/
@media (max-width: 990px) {
    .flex_11{display: block;}
    .page-banner,.x-banner{margin-top:60px}
	.cptt{font-size: 20px;}
	.aann h2{font-size: 20px;}
    .tta{font-size: 20px;}
  }














/*内页左侧样式*/

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