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


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


.com-img{overflow:hidden;}
.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);}


.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/*头部样式*/
.top2{height:150px;overflow:hidden;background:#f7f7f7;}
.logo{float:left;line-height:150px;}

.k2{margin-top:42px;font-size:14px;color:#666666;line-height:28px;background: url(../images/dh.png) no-repeat left center;padding-left:73px;}
.k2 p:nth-child(2){color:#333333;font-size:28px;}



.n_banner{width:100%;}
.n_banner img{max-width:100%; height:auto !important;width:auto !important;}



/*热门搜索*/
/*搜索*/
.x-ss{
    border-bottom: 1px solid #ededed;
    padding: 17px 0;
}
.x-ss-h1{
    font: 400 14px/44px "Microsoft yahei";
    color: #333333;
}
.x-ss-h1 a{
    color: #666666;
    font: 400 14px/44px "Microsoft yahei";
    margin-right:18px;
}
.x-ss-h1 a:hover{
    color: #666666;
}

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



.x-ss-right {
    float: right;
    text-align: right;
    width: 308px;
}

.x-ss-right #formsearch,
.x-ss-right .x-login {
    display: inline-block;
    vertical-align: middle;
}

.x-ss-right #formsearch {
    position: relative;
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 2px;
    border-radius: 22px;
}


.x-ss-right #formsearch #s_btn {
    float: left;
    outline: none;
    border: none;
    width: 38px;
    height: 38px;
    font-size: 0;
    background: url(../images/sss.png) no-repeat center #2652ff;
    border-radius: 21px;
}

.x-ss-right #formsearch #keyword {
    float: left;
    background: none;
    outline: none;
    border: none;
    width: calc(100% - 38px);
    color:#999999;
    height: 38px;
    padding-left: 10px;font-size:14px;
}







/* 导航样式 */
.dao{border-top:1px solid #e4e4e4;position:relative;z-index:99999;}

.yuyan{
   position: absolute;
    right: -36px;
    top: 20px;
    font-size: 16px;
    background: url(../images/x1.png) no-repeat left center;
    padding-left: 30px;
}

.x-menu {}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:130px;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #444444;
  line-height:64px;
}

.x-menu > li:hover > a {
  background: #2652ff;
  color: #fff;
}

.x-menu > li.active > a {}
.x-menu > li+li{background: url(../images/x1.png) no-repeat left center;}
.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 100%;
  left: -0%;
  top: 65px;
  background: #2652ff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}


.x-sub-menu > li > a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height:40px;
  height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #fff;color:#2652ff;
}



.html5zoo-arrow-left-0,
.html5zoo-arrow-right-0 {
    display: none!important
}
.html5zoo-bullet-wrapper-0 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.html5zoo-bullet-wrapper-0 div {
    width:48px !important;
    height: 8px !important;
    background: #ffffff !important;
    opacity: 0.3 !important;
    margin: 0 11px !important;
}

.html5zoo-bullet-wrapper-0 .active {
    background: #2652ff !important;opacity:1!important;
}





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


/*主体样式*/
.x-product2 {
    padding-top: 75px;overflow:hidden;
}

.bt{text-align:center;font-weight:bold;color:#333333;font-size:44px;}
.bt p{font-weight:normal;color:#999999;font-size:18px;font-family:"Arial";text-transform:uppercase;}




/*产品*/
.tabz{position:relative;margin-top:35px;}
.tabz li{
   width:256px;display:block;line-height:64px;
    background:#eeeeee;
    text-align:center;
    cursor: pointer;float:left;
}
.tabz li a{
    color: #444444;
    font: 400 20px/64px "Microsoft yahei";
}
.tabz li + li{
    margin-left: 5px;
}



.tabz li.cur{
    color:#fff;text-decoration:none;background:#2652ff;
}
.tabz li.cur a{color:#fff;}





.ttz{display: none;margin-top:38px;}
.list1z{

}
.list1z li{
    position:relative;
    vertical-align: middle;
    float:left;
    margin-right:22px;
    margin-bottom:26px
}
.list1z li a.img{
    display:block;
    overflow: hidden;
}
.list1z li a.img img{
    width:308px;
    height:302px;
    transition: all 0.8s;
}


.list1z li:nth-child(4n){
    margin-right:0px;
}


.list1z li h3{
  text-align: center;
}
.list1z li h3 a{
      color:#666666;
    font: 400 16px/63px "Microsoft yahei";
}
.list1z li:hover h3 a{
    color: #2652ff;
}


.list1z li:hover .img img{
    transition: all 0.8s;
    transform: scale(1.05);
}





.box2{margin-top:48px;height:360px;}
.zbt{width:1174px;height:287px;position:absolute;left:0;top:11px;z-index:999;}
.zbt img{width:1174px;height:287px;display:block;}
.ybt{width:900px;height:287px;position:absolute;right:0;top:0;z-index:99;}
.ybt img{width:900px;height:287px;display:block;}
.zuob{position:relative;z-index:9999;margin-left:310px;width:834px;}

.hf1-left{}
.hf1-left-tt{
    color: rgba(255, 255, 255, 0.6);
    font: 100 24px/52px "Microsoft yahei";
    text-transform: uppercase;
    padding-top:60px;
}
.hf1-left h3{
    color: #fff;
    font: 600 40px/52px "Microsoft yahei";
}
.hf1-tt{
    width:395px;
    background-color: #2652ff;
    color: #fff;
    font: 400 20px/44px "Microsoft yahei";
    margin-top: 20px;
    text-align: center;
}
.hf1-tt span{
    width: 168px;
    float: left;
    background-color: #fff;
    color: #333333;
    text-align: center;
}

.hf1-a{
    width: 150px;
    text-align: center;
    margin-top: 117px;
    margin-left: 25px;
}

.youb{position:relative;z-index:9999;}

.hf1-a{
    width: 152px;
    text-align: center;
    margin-top: 117px;
    margin-left: 25px;
}
.hf1-a a{
    display: block;
    border: 2px solid #fff;
    color: #ffffff;
    font: 600 18px/50px "Microsoft yahei";
}
.hf1-right{
    background: url(../images/dh2.png) no-repeat left center;
    padding-left: 66px;
    margin-top: 100px;
}
.hf1-right h3{
    color: #ffffff;
    font: 400 14px/30px "Microsoft yahei";
}
.hf1-right p{
    color: #ffffff;
    font: 600 28px/36px "Airal";
    margin-bottom: 0;
}
.x-hf1-right-t{
    color: #ffffff;
    font: 400 18px/26px "Microsoft yahei";
}


/*优势*/
.x-ys{}

.x-ys-1{margin-top:45px;position:relative;height:590px;}

.x-ys-1-img{
    width:830px;
    position:absolute;top:0;left:-180px;
}

.x-ys-1-img img{width:830px;height:590px;display:block;}

.x-ys-1-text{
    width:544px;
    height: 588px;
}
.x-ys-1-text li{
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 50px;
}
.x-ys-text li + li{
    border-top: 1px dashed #c3c2c2;
    margin-top: 50px;
    padding-top: 50px;
}

.x-ys-text li h3{
    color: #666666;
    font: 400 24px/36px "Microsoft yahei";
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.x-ys-text li h3 span{
    display: block;
    color: #333333;
    font: 600 24px/36px "Microsoft yahei";
}
.x-ys-text li h3::before{
    position: absolute;
    content: "";
    display: block;
    width: 60px;
    height: 5px;
    background-color: #2652ff;
    left: 0;
    bottom: 0;
}
.x-ys-text li .yswz{
    color: #666666;
    font: 400 16px/28px "Microsoft yahei";
}
.x-ys-2-text{
    width: 544px;
}
.x-ys-2-text li{
    margin-right: 66px;
    list-style-type: none;
    margin-top: 50px;

}
.x-ys-2{position:relative;height:590px;}
.x-ys-2-img{
    width:830px;position:absolute;top:0;right:-180px;
}
.x-ys-2-img img{width:830px;height:590px;display:block;}



/* 关于我们 */

.x-about2 {
    background: url(../images/abj.jpg) no-repeat center top;margin-top:80px;
    padding-top:65px;
}
.x-about-img{
    padding: 10px;
    background-color: #fff;margin-top:52px;
}
.x-about-img img{
    max-width: 100%;display:block;
}
.x-about-box h3{
    color: #2652ff;
    margin-top: 20px;
    font: 600 24px/66px "Microsoft yahei";
}
.x-about-box .ab{
    color: #666666;
    font: 400 16px/32px "Microsoft yahei";
}




.x-company2{
    margin-top:52px;
    margin-bottom: 88px;
}
.x-company-sort{
    position: relative;
    margin-bottom: 40px;
}
.x-company-sort li{
    float: left;
    height: 36px;
    margin-right: 20px;
    position: relative;
    width: 160px;cursor:pointer;
}
.x-company-sort li a{
    color: #333;
    font: 600 18px/36px "Microsoft yahei";
    padding-left:28px;
}
.x-company-sort li a img{
    position: absolute;
    left: 0;
    top: 6px;
}
.x-company-sort li a:hover{
    color: #333333;
}
.x-company-more{
    position: absolute;
    top: 6px;
    right: 0;
    width: 86px;
    background: url(../images/mo.png) no-repeat right center;
    transition: all 0.8s;
}
.x-company-more a{
    color: #2652ff;
    font: 400 14px/22px "Microsoft yahei";
    transition: all 0.8s;
}
.x-company-more:hover{
    background: url(../images/mo.png) no-repeat 62px center;
    transition: all 0.8s;
}
.x-company-more:hover a{
     text-decoration:none;
}

#o_demo {
    overflow: hidden;
    margin: 0 auto;
}

#o_indemo {
    float: left;
    width: 800%
}

#o_demo1 {
    float: left;
}

#o_demo2 {
    float: left;
}

/*滚动*/
.x-product-list1 {
    position: relative;
}

.x-product-list1 li {
    float: left;width:303px;
    margin-left: 13px;
    margin-right: 13px;
    position: relative;
}

.x-product-list1 li img {
     width:303px;
    height:207px;
}

.x-product-list1 li h3 {
    position: absolute;
    text-align: center;
    color: #333333;
    font: 400 16px/46px "Microsoft yahei";
    background-color:rgba(0, 0, 0, 0.4);
    bottom: -50px;
    left: 0;
    right: 0;
    z-index: 999;
    transition: all 0.8s;
}
.x-product-list1 li:hover h3{
    transition: all 0.8s;
    transform: translateY(-50px)
}

.x-product-list1 li:hover h3{
    color: #fff;
}



.box5{background: url(../images/bj5.jpg) no-repeat;height:752px;margin-top:80px;padding-top:65px;}
.box5 .cont{margin-top:48px;}
.xw1{width:371px;}
.x-news-left-list{}

.x-news-left-list li{
    list-style-type: none;border-bottom:1px solid #e3e3e2;height:350px;overflow:hidden;
}

.x-news-left-list li .img{
    display: block;
    overflow: hidden;
}

.x-news-left-list li .img{
    position: relative;
}
.x-news-left-list li .img img{
    position: relative;
    transition: all 0.8s;width:371px;height:199px;display:block;
}
.x-news-left-list li .img .xtts{
    background-color: #2652ff;
    width: 100px;
    font: 400 16px/43px "Microsoft yahei";
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.x-news-left-list li h3{
    color: #333333;
    font: 400 16px/50px "Microsoft yahei";
    margin-top: 10px;
}
.x-news-left-list li p{
    color: #888888;
    font: 400 14px/24px "Microsoft yahei";
}

.x-news-left-list li:hover h3{
    color: #2652ff;
}
.x-news-left-list li:hover .img img{
    transition: all 0.8s;
    transform: scale(1.05);
}

    .txtMarquee-top{ overflow:hidden;margin-top:28px;}
    .txtMarquee-top .tempWrap{height:84px!important;overflow:hidden;}
    .txtMarquee-top .infoList li{height:42px;position:relative;}
    .txtMarquee-top .infoList li h4{line-height:42px;color:#333333;font-size:16px;font-weight:normal;}
    .txtMarquee-top .infoList li h3{line-height:42px;color:#999999;font-size:14px;position:absolute;right:0;top:0;font-family:"Arial";font-weight:normal;}


    .txtMarquee-top2{ overflow:hidden;margin-top:28px;}
    .txtMarquee-top2 .tempWrap{height:84px!important;overflow:hidden;}
    .txtMarquee-top2 .infoList li{height:42px;position:relative;}
    .txtMarquee-top2 .infoList li h4{line-height:42px;color:#333333;font-size:16px;font-weight:normal;}
    .txtMarquee-top2 .infoList li h3{line-height:42px;color:#999999;font-size:14px;position:absolute;right:0;top:0;font-family:"Arial";font-weight:normal;}


    .xw3{width:436px;}
    .txtMarquee-top3{ overflow:hidden;}
    .txtMarquee-top3 .tempWrap{height:460px!important;overflow:hidden;}
    .txtMarquee-top3 .infoList li{position:relative;margin-bottom:22px;}
    .txtMarquee-top3 .infoList li h4{line-height:42px;color:#333333;font-size:16px;font-weight:normal;}
    .txtMarquee-top3 .infoList li h3{line-height:42px;color:#999999;font-size:14px;position:absolute;right:0;top:0;font-family:"Arial";font-weight:normal;}
    .txtMarquee-top3 .infoList li span{color:#888888;font-size:14px;display:block;}
   .txtMarquee-top3 .infoList li h4:hover{color:#2652ff;}


.box6{margin-top:75px;}

.a8_list1{
    margin-top:30px;
}
.a8_list1 li{
    float: left;
    margin-bottom:25px;border:2px solid #f7f7f7;
}
.a8_list1 li:not(:nth-child(5n)){
    margin-right:21px;
}

.a8_list1 li a.img{
    display: block;
    font-size: 0;
}
.a8_list1 li a.img img{
    width: 239px;
    height: 121px;display:block;
}
.a8_list1 li:hover{border-color:#9aaeff;}









/*页面底部*/
.foot{background: url(../images/foot.jpg) no-repeat;height:541px;margin-top:55px;padding-top:18px;}
.x-menu2 {background: url(../images/fx.png) no-repeat left center;height:88px;overflow:hidden;border-bottom:1px solid #3256e4;}
.x-menu2 > li {
  float: left;
  position: relative;
 text-align:center;width:144px;background: url(../images/fx.png) no-repeat right center;
}
.x-menu2 > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:88px;
}

.foot .cont{margin-top:32px;height:242px;overflow:hidden;}
.foot1{width:428px;}
.gsm{color:#fff;font-size:26px;}
.lx{color:rgba(255,255,255,.7);font-size:16px;line-height:28px;margin-top:9px;}
.lx a{color:rgba(255,255,255,.7);}


.ly{width:439px;}



.foot3{width:309px;float:right;}
.codes{width:125px;text-align:center;}
.codes p:nth-child(2){color:#fff;font-size:14px;margin-top:10px;opacity:.6;}


.f_link{height:41px;overflow:hidden;}
.lks{border:1px solid #5170e8;display:block;height:40px;}
.lks span{width:100px;line-height:38px;background:#fff;text-align:center;display:inline-block;color:#333333;font-size:14px;}
.lks a{color:#fff;font-size:14px;line-height:38px;margin:0 2px;}


.bq{line-height:27px;color:#e2e2e2;font-size:12px;border-top:1px solid #375ae3;padding-top:15px;margin-top:35px;}
.bq a{color:#e2e2e2;}
.bqz2{text-align:right;}




/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;font-size:14px;}



.list{background:url(../images/nx.png) no-repeat 20px 50% #f1f1f1;line-height: 45px;padding-left: 33px;font-size: 14px;}
.list a{line-height: 45px;color:#666666;font-size: 14px;}
.list a:hover{color:#2652ff;}


.ny_list .xypg-left-title i{display:none;}
.ny_list .xypg-left-box{border-top-left-radius: 5px;border-top-right-radius: 5px;}

.ny_list .xypg-left-title{border-top-left-radius: 5px;border-top-right-radius: 5px;
background: url(//cdn.myxypt.com/1ac1e22f/22/03/4044117f34f3ffd32dc4d7fc9d69c9d9fb155f92.png) no-repeat center top;background-size: 100% 100%;}
.ny_list .xypg-left-title span:before{display:none;}
.ny_list .xypg-left-title span{ width: 65px;font-weight:200;
    height: 25px;border-radius: 11px;background: rgba(255, 255, 255, .2);text-align: center;padding: 2px 10px;font-style: italic;}
.ny_list .xypg-left-title{padding: 14px 20px; position: relative;}


.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:18px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}
.page-wrap-right .content{padding-top:15px;overflow:hidden;}