/*初始化样式*/
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;}




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


.top2{height:130px;width:100%;position:fixed;left:0;top:0;z-index:99999;}
.logo{float:left;line-height:130px;width:20%;}
.logo img{
    max-width:100%; height:auto !important;width:auto !important;
}
.logo2{float:left;line-height:130px;width:20%;}
.logo2 img{
    max-width:100%; height:auto !important;width:auto !important;
}
.top2.fix{background:#fff;box-shadow: 0 5px 8px -4px rgb(4 0 0 / 20%);}
.top2.fix .logo2{display:block!important;}
.top2.fix .logo{display:none!important;}

.top2.fix .search1 {
    width:50px;
    height:130px;
    background: url(../images/e007c1842a3d7eb7c98838fb76be650c602f9134.png) no-repeat center center;
}

.top2.fix .x-menu > li > a{color:#000;}
.top2.fix .x-menu > li > a:hover {
   background:url(../images/5482d08a56fbe17619257d4809a3b39240fb34ef.png) no-repeat center 68%;
  color: #000;
}



/*搜索和热门搜索*/
.search {
    position: relative;
    float: right;
    width:50px;
    height:130px;
    cursor: pointer;
    z-index: 99999;
  
}

.search1 {
    width:50px;
    height:130px;
    background: url(../images/f3424f93431651f745ae7e400478c64b8e6c76eb.png) no-repeat center center;
}

#formsearch1 {
    position: absolute;
    z-index: 20;
    top:130px;
    right:0;
    display: none;
    width: 350px;
    margin-left: -20px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

#formsearch1 input {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 34px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#formsearch1 input:focus {
    border-color: #3dbfe7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.sinput {
    position: relative;
    height: 36px;
}

#formsearch1 input#keyword {
    outline: none;text-indent:6px;
}

#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: -1px;
    width: 39px;
    height: 34px;
    border: 0;
   outline:none;color:#fff;background:#3dbfe7;
    cursor: pointer;font-size:13px;
}


.search .triangle {
    position: absolute;
    top: -15px;
    right: 0;
    display: none9;
    overflow: hidden;
    width: 320px;
    height: 15px;
}







/*热门搜索*/
.sou{margin: 15px 0;}


#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}





.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}



.box1{background:#f8fcff;padding:40px 0 56px;}
.bt{text-align:center;color:#333333;font-size:40px;background:url(../images/5e4085d7a99098b01196e8ba915f75e97e83efee.png) no-repeat center bottom;padding-bottom:20px;}

    .slideTxtBox{margin-top:36px;}
    .slideTxtBox .hd{}
    .slideTxtBox .hd ul{text-align:center;}
    .slideTxtBox .hd ul li{cursor:pointer;display:inline-block;color:#666666;font-size:15px;text-transform:uppercase;padding:0 100px;line-height:46px;border-radius:25px;background:#fff;margin:0 16px;}
    .slideTxtBox .hd ul li.on{background:#3dbfe7;color:#fff;}

  .slideTxtBox .bd ul{zoom:1;margin-top:48px;}
  .slideTxtBox .bd li{float:left;margin-right:34px;margin-bottom:30px;position:relative;}
  .slideTxtBox .bd li:nth-child(4n){margin-right:0;}
  .slideTxtBox .bd li img{width:266px;height:266px;}
  .slideTxtBox .bd li .mask{width:266px;hetight:266px;position:absolute;left:0;top:0;display:none;}
  .slideTxtBox .bd li .det{background:#fff;border-top:1px solid #e5e5e5;height:52px;}
  .slideTxtBox .bd li h3{text-align:center;font-weight:normal;color:#666666;font-size:17px;padding-top:10px;}
  .slideTxtBox .bd li span{text-align:center;font-weight:normal;color:#666666;font-size:16px;display:block;line-height:10px;}
  .slideTxtBox .bd li:hover .mask{display:block;}
  .slideTxtBox .bd li:hover h3{color:#3bb2d7;}
  .slideTxtBox .bd li:hover .det{border-color:#3bb2d7;}



.box2{margin-top:55px;}
.btwz{text-align:center;color:#666666;font-size:16px;margin-top:19px;}
.ads{margin-top:42px;}
.ads li{float:left;text-align:center;}
.ads li .img img{width:374px;height:294px;}
.ads li h3{color:#333333;font-size:16px;margin-top:20px;}
.ads li+li{margin-left:39px;}




.box3{margin-top:68px;}
.box3 .cont{margin-top:68px;}
.abp{width:573px;background:url(../images/61787bf0b72881c9e4fa00ac0885beac8a54aaf1.png) no-repeat left bottom;height:413px;}
.apic{width:521px;height:374px;margin:0 auto;}
.about{width:542px;margin-right:15px;margin-top:25px;}
.abtt{color:#333333;font-size:20px;}
.abtt p{color:#333333;font-size:14px;opacity:.7;font-weight:normal;margin-top:6px;}
.ab{color:#333333;font-size:14px;opacity:.7;line-height:30px;margin-top:25px;}

a.am{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(7, 0, 2);
  border-radius:25px;
  background-color: rgba(45, 57, 142, 0);
  width: 128px;
  line-height:33px;text-align:center;display:block;color:#333333;font-size:13px;margin-top:33px;

}



.box4{margin-top:90px;}
.box4 .cont{margin-top:32px;height:700px;position:relative;}

.slider-for .slick-list{width:1920;height:700px;position:relative;left:50%;margin-left:-960px;}
.slider-for .slick-list img{width:1920px!important;height:500px;display:block;}

.slider-for .slick-list .det{width:572px;position:absolute;left:360px;top:146px;z-index:99999;background:rgba(255,255,255,0.6);padding:30px;display:none;}
.slider-for .slick-list h2{color:#000;font-size:34px;}
.slider-for .slick-list span{color:#000;font-size:18px;display:block;line-height:30px;height:90px;overflow:hidden;margin-top:47px;}
.slider-for .slick-list h3{background:url(../images/dc603394a540228930272a8cae9cb2a504c6e203.png) no-repeat;line-height:58px;color:#000;font-size:14px;padding-left:2px;margin-top:33px;}


.yy{position: absolute;bottom: 0;left: 0;height: 129px;background: url(../images/95d7b000321ab31c29edbd4d68ef753e34d192b8.png) no-repeat;width:1920px;display:none;}

.slider-nav{width:1320px;height:129px;position:relative;left:50%;margin-left:-660px;}
.slider-nav .slick-prev{width:27px;height:42px;position:absolute;left:0;top:40px;background:url(../images/10b7849a8635f4208bf65d798f1c4fccfb494f08.png) no-repeat;text-indent:-120px;overflow:hidden;border:none;display:block;z-index:9999;outline:none;cursor:pointer;}
.slider-nav .slick-next{width:27px;height:42px;position:absolute;right:0;top:40px;background:url(../images/bff215116f34665426a43537efde475baacf3ea2.png) no-repeat;text-indent:-120px;overflow:hidden;border:none;display:block;z-index:9999;outline:none;cursor:pointer;}
.slider-nav .slick-prev:hover{background:url(../images/454c85e3877c20266c1d09185e9182844ed14d76.png) no-repeat;}
.slider-nav .slick-next:hover{background:url(../images/2b115258ae9c1ac756f2420eef5db73415f26850.png) no-repeat;}



.slider .slick-prev{width:27px;height:42px;position:absolute;left:20%;top:50%;margin-top:-21px;background:url(../images/10b7849a8635f4208bf65d798f1c4fccfb494f08.png) no-repeat;text-indent:-120px;overflow:hidden;border:none;display:block;z-index:9999;outline:none;cursor:pointer;}
.slider .slick-next{width:27px;height:42px;position:absolute;right:20%;top:50%;margin-top:-21px;background:url(../images/bff215116f34665426a43537efde475baacf3ea2.png) no-repeat;text-indent:-120px;overflow:hidden;border:none;display:block;z-index:9999;outline:none;cursor:pointer;}



.slider-nav{padding:0 60px;}
.slider-nav .aa{border:none;outline:none;display:block;text-align:center;padding-top:19px;height:129px;}
.slider-nav .img{}
.slider-nav img{height:57px;display:block;cursor:pointer;margin: 0 auto;border:none;outline:none;}
.slider-nav h3{color:#ffffff;font-size:20px;margin-top:13px;}
.slider-nav .slick-current img{}
.slider-nav .slick-current{background:#3bb2d7;}








.box5{background:url(../images/bdc2ede826becc310710c76917fc2ce42e944155.jpg) no-repeat;/*height:1022px;*/padding-top:0px;margin-top:-140px;}

.c4{margin-top:37px;}
.c4sort1{width: 618px;margin: 0 auto;}
.c4sort1 li{float: left;width: 146px;height: 44px;background: #f6f6f6;border-radius: 30px;text-align: center;line-height: 44px;color:#333333;
font-size: 17px;margin: 0 30px;}
.c4sort1 li a{color:#333;}
.c4sort1 li:hover{background:#3dbfe7;}
.c4sort1 li:hover a{color:#fff;}




.c44{padding-top:66px;}
.c4a{width:541px;height: 410px;background: url(../images/50387ce2833bc7a92995950a0566e749278ff8ee.png) no-repeat;}

.rongBox{margin-top: 0px;position: relative;}
#focus2 {width:492px; height:410px; overflow:hidden; position:relative;}
#focus2 ul {height:410px; position:absolute;}
#focus2 ul li {float:left; width:492px; height:410px; overflow:hidden; position:relative;}
#focus2 ul li a img{height:223px;width:492px;overflow:hidden;}


#focus2 .btnBg2 {position:absolute; width:428px;left:0; bottom:0;display: none;}
#focus2 .btn2 {position:absolute; width:428px;right:5px; bottom:0; text-align:right;display: none;}
#focus2 .btn2 span {display:inline-block; _display:inline; _zoom:1; width:13px; height:13px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus2 .btn2 span.on {background:#fff;}
#focus2 ul li h3{font:400 18px/40px;color: #464646;padding-top:26px;padding-left:20px;}
#focus2 ul li .xianxi0{font:400 13px/30px;color: #666666;padding-left:20px;}
#focus2 ul li .xianxia{font-size: 13px;color:#afafaf;padding-left: 12px;padding-top: 44px;}

.rongBox>img{
  cursor:pointer;
  position: absolute;
  bottom: 0;
  margin-top:-15px;
}
.rongBox .pre{
  right: 109px;
  z-index: 9999;
}
.rongBox .next{
  right: 50px;
  z-index: 9999;
}


.c4b{width:578px;margin-right:24px;}
.c4bxlist1{}
.c4bxlist1 li{position: relative;margin-bottom: 56px;}
.c4b1{width: 112px;}
.c4bb{width:455px;}
.c4b11{font-size: 30px;color:#4a4a4a;font-family: "arial";line-height: 20px;}
.c4b12{font-size: 16px;color:#a6a6a6;font-family: "arial";line-height: 20px;padding-left: 40px;padding-top: 22px;}
.c4bb h3{color:#464646;font-size: 18px;line-height: 20px;}
.c4bb h3 a{color:#464646;}
.c4bb p{line-height: 30px;font-size: 13px;color:#666666;padding-top: 18px;}
.c4bxlist1 li:hover .c4bb h3 a{color:#464646;}


#ydemo{overflow:hidden;margin: 0 auto;position:relative;height:410px;}
#yindemo{height:100%;}
#ydemo1 {}
#ydemo2 {}


.c5ads{margin-top:90px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.c5ads li{float:left;text-align: center;margin-bottom: 1%;}
.c5ads li:not(:nth-of-type(5n+1)) {
    margin-left: 38px;
}
.c5ads li img{width: 207px;height:118px;}
.c5ads li h3{font-size: 14px;color:#666666;line-height: 42px;}
.c5ads li .c5img{border: 1px solid #e7e7e7;}



/*页面底部*/
.out-foot{background:#333a40;padding-top:74px;margin-top: 50px;}
.foot{font-size: 14px;height:270px;overflow: hidden;}
.fo1{width:393px;margin-top:17px;}
.fo12{width:393px;height:195px;}


.fo2{width: 420px;margin-left:90px;}
.fo3{width: 296px;}



.fo11{font-size: 26px;color:#fff;background: url(../images/94221e831e2085baabe45e8187245d814cac5873.png) no-repeat 0 50%;padding-left: 24px;}

.fo22{font-size: 13px;color:#e1e1e1;line-height: 46px;padding-left: 26px;padding-top:18px;}
.fo33{padding-left: 22px;padding-top: 18px;}
.fo33 a{background: url(../images/e041d978ae4b809a5dde8c73d07278fa1b3f1cf5.png) no-repeat 0 50%;padding-left: 26px;line-height: 38px;color:#e1e1e1;}
.linkk{border-bottom: 1px solid #2b2b2b;font-size: 13px;color:#e1e1e1;overflow: hidden;padding-bottom:15px;}
.linkk a{color:#e1e1e1;}

.foott{/*line-height: 64px;*/line-height:1.75;color:#c5c5c5;font-size:12px;padding-bottom: 12px;}
.foott a{color:#c5c5c5;}
.out-foot a:hover{}






/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}


.box33{margin-top:50px;}
.sj{}
.sj li{width:300px;text-align:center;float:left;}
.sj li+li{background:url(../images/7fdcf4c6fca5581e59d23b5bcd6ef9ab61153aee.png) no-repeat left center;}
.sj li .wz{text-align:center;}
.sj li h3{display:inline-block;font-size:50px;color:#333333;font-family:"Arial";}
.sj li sup{font-size:14px;color:#333333;top:-37px;margin-left:13px;}
.sj li span{font-size:14px;color:#333333;margin-top:3px;display:block;}

div#solve_summary {
    float: left;
    text-align: center;
    z-index: 9;
    font-size: 24px;
    color: #fff;
    position: relative;
    left: 32%;
    top: 400px;
}
.xypg-right-content img{max-width: 100%;}

/*留言弹出层*/
#cover{ position:fixed; z-index:102; top:0; left:0; display:none; width:100%; height:100%; background: rgba(0,0,0,0.8);}
.msg_box{ width:800px; background: #FFFFFF;box-shadow: 0 40px 60px 0 rgba(43,61,160,0.06);border-radius: 10px; position: fixed; top: 50%;transform: translateY(-50%);z-index:103; left:50%; margin-left:-400px; padding:40px;}
.msg_box dl{font-size: 20px;color: rgba(0,0,0,0.75); font-weight:bold; text-align:center;}
.msg_box dl img{ width: 32px; height: 32px; vertical-align:-10px; margin-right: 10px; }
.msg_box dd{font-size: 16px;color: rgba(0,0,0,0.75);text-align: center; margin:20px auto;}
.msg_box dt{ text-align:center; margin-top:50px;}
.msg_close{ position:absolute; right:10px; top:10px; width:30px;cursor:pointer;}
.msg_close img{ width:100%;}