a{text-decoration:none}
.head1{position: fixed;left: 50%;margin-left:-960px;z-index: 99999;background: #fff;width:1920px;box-shadow: 0px 5px 10px #929292;}

.sky{line-height:30px;color:#666666;font-size:14px;background:#eeeeee;border-bottom:1px solid #dedede}
.sky a{color:#333;}
.sky a:hover{color:rgb(0, 119, 112)}

#header{width:1200px;margin:0 auto;height:130px;}
.logo{float:left;padding-top:10px;}
.k2{color:#0093dd;font-size:35px;background: url(../images/t.png) no-repeat left top;padding-left: 68px;padding-top: 20px;margin-top: 28px;}
.kk{color:#333;font-size:12px;background: url(../images/line.png) no-repeat left center;padding-left: 12px;margin-top:40px;margin-left:26px;}

.heng{width:1200px;margin:30px auto; border-top: 1px solid #C5C5C5;height:1px;}

.dh{width:1200px;margin:0 auto;height:290px;text-align: center;font-size: 24px;line-height: 70px;color:rgb(0, 119, 112)}
.dh li{float:left;margin-right:30px;width:380px;height:275px;}
.dh li:nth-child(3){margin-right:0}
.dh_img{width:380px;height:240px;overflow: hidden; border-radius: 10px}
.dh_img img:hover{transform: scale(1.2);transition: all 0.6s;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.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 .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;}
.relate-product-slick .owl-prev span{font-size: 0px;}
.relate-product-slick .owl-next span{font-size: 0px;}
.search{width:1200px;margin:0 auto;margin-top:20px;}
#formsearch{float:right;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:rgb(0, 119, 112);color:#fff;border:none;cursor:pointer;}

.w1300{max-width:1300px;margin:0 auto;}

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

#container{width:1200px;margin:0 auto;margin-top:10px;}

.container{width:1200px;margin:0 auto;}

.box1{margin-top:50px;}
.titles{text-align:center;font-weight:bold;background: url(../images/tt.png)no-repeat center center;color:rgb(0, 119, 112);font-size:36px;text-transform:uppercase;}
.titles span{color:#e2e2e2;padding-left:5px;}
.titles2{text-align:center;color:#1f1f1f;font-size:24px;}
.titles2 span{color:#e2e2e2;}

.pro_cont{margin-top: 50px;}
.pro_le{width: 255px;background: #f6f6f6;border-bottom: 7px solid rgb(9, 74, 70);height:487px;overflow:hidden;}

.pro_le .chan{  background:#007770;
    color: #fff;font-size: 22px;text-align: center;padding-top:12px;height:74px;}
.pro_le .chan span{display: block;color: #fff;font-size: 14px;text-transform:uppercase;}


.pro_le ul{width:222px;margin:0 auto;margin-top:16px;}
.pro_le li{height:50px;margin-bottom:20px;border-bottom: 1px solid #e6e6e6}
.pro_le li:last-child{margin-bottom:0px}
.pro_le li a{line-height: 33px;padding-left:5px;color: #333;font-size: 16px;display:block;background: url(../images/jt.png) no-repeat right 9px top 12px;padding-right:20px}
.pro_le li a:hover{color:rgb(0, 119, 112);background: url(../images/jt1.png) no-repeat right 9px top 12px;padding-right:20px }

.pro_conta{height:162px;padding: 60px 20px;background: url(../images/bg2.png) no-repeat}
.pro_conta h3{color: #333333;font-size: 22px;padding-bottom:15px;font-weight:normal;background: url(../images/line2.png) no-repeat center bottom;}
.pro_conta span{color: #333333;font-size: 18px;}

.pro_conta em{color: #fff;font-size: 18px;display: block;font-style: normal;}
.pro_conta p{color: #fff;font-size: 26px;font-weight: bold;}

.pro_ri{width:923px;}
.prod_tt{color:#333333;font-size:16px;line-height:35px;border-bottom:1px solid #e2e2e2;position:relative;}
.prod_tt a{position:absolute;right:0;top:-5px;}

.product_list1{margin-top:20px;}
.product_list1 li{float:left;margin-right:41px;margin-bottom:42px;display:inline;box-shadow: 2px 2px 5px #d4d4d4;position:relative;}
.img{}
.product_list1 li a.img{overflow:hidden;}
.product_list1 li a.img img{width:278px;height:246px;transition: all 0.6s;}
.product_list1 li a.img img:hover{transform: scale(1.1);}
.product_list1 li h3{text-align:center;font-weight:normal;border-top:1px solid #dedede;line-height:55px;color:#333333;font-size:16px;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}
.product_list1 li:nth-child(3n){margin-right:0;}
/* .product_list1 li .mask{position:absolute;left:0;top:0;background:rgba(255,193,7,.4);width:100%;height:100%;display:none;}
.product_list1 li:hover .mask{display:block;} */



.zx{margin-left:512px;color:#0093dd;font-size:19px;line-height:32px;text-align:center;width:130px;padding-top:174px;}
.zx a{color:#0093dd;}
.tel1{color:#fff;font-size:20px;line-height:32px;text-align:center;width:164px;padding-top:174px;}


.box3{position:relative;}
.yy{position:absolute;right:0;top:0;background: url(../images/yy.png) no-repeat;z-index:99999;width:675px;height:421px;}
.box3 .container{padding-top:42px;}
.titless{background: url(../images/tt2.png) no-repeat center center;}
.titles22 span{color:#0093dd;font-size:38px;}
.titles22 i{color:#0093dd;font-size:26px;font-style:normal;}
.why{text-align:center;color:#333333;font-size:16px;}


.ads{margin-top:40px;}
.ads li{}
.ads li img{width:400px;height:304px;float:left;margin-bottom:10px;}
.ads li .det{width:296px;padding-left:90px;padding-right:14px;height:304px;float:left;margin-bottom:10px;}

.ads li h3{font-size:24px;padding-top:48px;color:#00a8e5;font-weight:normal;}
.ads li p{font-size:12px;padding-top:5px;color:#00a8e5;font-weight:normal;text-transform:uppercase;}
.ads li span{font-size:14px;line-height:33px;padding-top:18px;display:block;color:#333333;}

.ads li:nth-child(1) .det{background: url(../images/1.png) no-repeat;}
.ads li:nth-child(2) .det{background: url(../images/2.png) no-repeat;}
.ads li:nth-child(3) .det{background: url(../images/3.png) no-repeat;}
.ads li:nth-child(4) .det{background: url(../images/4.png) no-repeat;}
.ads li:nth-child(5) .det{background: url(../images/5.png) no-repeat;}
.ads li:nth-child(6) .det{background: url(../images/6.png) no-repeat;}





.box4{background: url(../images/bj4.jpg) no-repeat;width:1920px;position:relative;left:50%;margin-left:-960px;height:258px;margin-top:200px;}
.zx2{margin-left:450px;font-size:19px;line-height:32px;text-align:center;width:130px;padding-top:152px;}
.zx2 a{color:#f7f6f2;}
.tel2{color:#fff;font-size:20px;line-height:32px;text-align:center;width:164px;padding-top:152px;}





.box5{margin-top:72px;}
.titles3{background: url(../images/tt3.png) no-repeat center center;}

.case_tt{margin-top:32px;height:50px;line-height:50px;color:#333333;font-size:16px;border-bottom:1px solid #e2e2e2;position:relative;}
.case_tt a.cm{position:absolute;right:0;top:0px;}

.sort1{float:left;}
.sort1 li{width:120px;float:left;}
.sort1 li a{color:#333333;font-size:16px;}
.sort1 li:hover a{color:#0093dd;}
.sort1 li:hover a:after{content:"";width: 84px;height:3px;background:#0093dd;position: relative;display: block;margin-top:-1px;}

.case_cont{margin-top:32px;}
.product_list2{float:left;width:599px;height:492px;}
.product_list2 li{float:left;_display:inline;}
.product_list2 li a.img{}
.product_list2 li a.img img{width:599px;height:492px;}


.product_list3{width:601px;float:right;}
.product_list3 li{float:left;margin-left:3px;margin-bottom:3px;_display:inline;position:relative;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:297px;height:244px;}
.product_list3 li h3{text-align:center;font-weight:normal;color:#fff;font-size:16px;z-index:99999;position:absolute;left:0;top:85px;width:100%;display:none;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#e87518;}
.product_list3 li:nth-child(3n){margin-right:0;}
.product_list3 li .mask2{position:absolute;left:0;top:0;background: url(../images/mask2.png) no-repeat;width:100%;height:100%;display:none;}
.product_list3 li:hover .mask2{display:block;}
.product_list3 li:hover h3{display:block;}





.box6{background: url(../images/bj6.png) 100% 100% no-repeat;width:1920px;position:relative;left:50%;margin-left:-960px;height:550px;padding-top:67px;margin-top:5px;}
.titles6{background: url(../images/tt6.png) no-repeat center center;}

.honor{width:461px;margin:0 auto;margin-top:35px;background: url(../images/hh.png) no-repeat;height:438px;padding-top:14px;}
.honor_title{width:366px;margin:0 auto;background:#fff;border-radius:8px;height:46px;font:500 27px/46px "微软雅黑";text-align:center;color:#000000;}
.honor_title span{margin-left:12px;font:500 19px/46px "微软雅黑";}
.honor .content{margin-top:23px;}

.about{margin-top:35px;width:714px;float:left;border:1px solid #e0e1dc;height:447px;overflow:hidden;background:#fff;}
.about_title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.about .content{padding:5px;line-height:22px;color:#666666;font-size:13px;}
.about .content a{color:#0093e8;}

.about_box{width:1200px;margin:0 auto}
.about_l{width:550px;margin-left: 50px;background: url(../images/bg1.png)no-repeat;height:440px;margin-top:70px;position:relative;float: left;  }
.about_cf{width:508px;height:286px;background:#aaa;position: absolute;top:22px;left:21px;overflow: hidden;}
.about_cf img{width:100%;transition: all 0.6s}
.about_cf img:hover{transform: scale(1.1)}
.about_jj{width:550px;float:right;height:440px;padding-left:50px;margin-top:50px}
.about_jj h2{font-size: 26px;font-weight: 500;color:#fff}
.about_jj h2 span{color:#fff}
.about_jj h4{font-size: 20px;margin-top: 20px;font-weight: normal;color:#fff;letter-spacing:2px}
.about_jj p{font-size: 14px;margin-top:10px;text-indent: 25px;color:#fff;line-height: 30px;letter-spacing:2px}
.about_jj a{font-size: 16px;margin-top:20px;padding:5px 20px;border-radius: 21px;border: 1px solid #fff;display: inline-block;color:#fff}
.about_jj a:hover{color:#fff;background: #d22834;}

.tt1{background:url(../images/tt2.jpg) no-repeat left;height:112px;font: 500 29px/70px "Microsoft Yahei";color:#fff;padding-left: 18px;position:relative;}
.tt1 span{color:#787878;font:500 21px/40px "arial";padding-left:35px;}
.tt1 a{position:absolute;right:18px;top:3px;}

.box7{margin-top:100px;}
.titles7{background: url(../images/tt7.png) no-repeat center center;font-size:30px;font-family:"Arial";color:rgb(0, 119, 112)}
.titles7 span{color:#9999}

.news{margin-top:52px;}


.news_company{width:404px;}
.news_company2{width:373px;}
.news_company3{width:387px;}

.atitle{border-bottom:2px solid #999999;color:#918f92;font-size:17px;height:33px;line-height:12px;position:relative;font-weight:bold;}
.atitle span{padding-left:8px;font-size:16px;text-transform:uppercase;color:#918f92;text-transform:uppercase;font-weight:normal;}
.atitle a{position:absolute;right:5px;top:0;font-size:15px;color:#999999;font-weight:normal;}
.atitle:hover{color:rgb(0, 119, 112);}
.atitle:hover span{color:rgb(0, 119, 112);}
.atitle:hover a{color:rgb(0, 119, 112);}


.atitle2{background:url(../images/nt.png) no-repeat left;border-bottom:none;color:#918f92;font-size:17px;height:35px;line-height:12px;position:relative;font-weight:bold;padding-left:37px;}





.news1_title{border-bottom:1px solid #e5e5e5;font:400 22px/50px "微软雅黑";color:#111;position:relative;}
.news1_title span{padding-left:12px;color:#999;font-size:14px;text-transform:uppercase;}
.news1_title a{position:absolute;right:0;top:0;}


.news_company .content{padding-top:10px;}



.news_list2{margin-top:18px;}
.news_list2 li a{padding-left:16px;line-height:28px;background:url(../images/n1.png) no-repeat 0% 50%;display:block;color:#6a6a6a;font-size:13px;}
.news_list2 li a:hover{color:rgb(0, 119, 112);background:url(../images/n2.png) no-repeat 0% 50%;}

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



.news_list3 li{position:relative;padding:8px 0 12px;border-bottom:1px dashed #adadad;}
.news_list3 li a{line-height:30px;padding-left:23px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;color:#333333;}
.news_list3 li a:hover{text-decoration:none;color:rgb(0, 119, 112);}
.news_list3 span{padding-left:23px;font:400 12px/28px "微软雅黑";margin-top:5px;color:#6a6a6a;display:block}

.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

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


.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

.f_link{margin-top:20px;margin-left:145px;}

#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.fg{background: #333;margin-top:40px;padding-top: 35px;color:#fff;padding-bottom:30px;}
.fg a{color:#fff;}
.map{
    float: left;
    border-right: #fff 1px solid;
    width: 268px;
    text-align: left;

}
.map1{
    font:500 16px/35px "微软雅黑";
    color:#fff;
}
.map2{
    font:400 14px/33px "微软雅黑";
    color:#fff;
}
.map2 a{
    font:400 14px/33px "微软雅黑";
    color:#fff;
}

.map0{
    width: 330px;
    text-align: center;
    border-right: #fff 1px solid;
    height: 156px;
}
.map3{padding-top:8px;
    color: #fff;
    line-height:28px;
}
.map4{
    width: 178px;
    margin: 0 auto;
    height: 30px;
    font:200 13px/30px "微软雅黑";
    color:#fff;
    text-align:center;
    border: #fff 1px solid;
    border-radius: 15px;
    margin-top: 15px;
}

.map10{
    width: 442px;
    text-align: right;
    color:#fff;
    font:200 14px/31px "微软雅黑";
}


.uu{
    background: #126a71;
}

.qy{padding-top:20px;/*width:251px;*/text-align:center;}

.copyright{padding-top:20px;text-align:center;}


.left {
    width: 18%;margin-right: 5%;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #1f67b2;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

.left .box .content {
    padding: 5px 0px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{
}
.n_banner img{width: 100%;}

.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{float: right;width: 75%;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    /* width: 60px; */
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
    margin-right: 30px
}

.sitemp .site {
    /* width: 380px;
    float: right;
    text-align: right; */
    line-height: 40px;
    font-size: 14px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}




.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width:270px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(255,179,0, 0.5);
}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.w1600{max-width: 1330px;margin: 0 auto;padding: 0px 15px;}

.sy-head .flex{align-items: center;}
.sy-head .w1600{
    max-width: 1430px;margin: 0 auto;padding: 0px 15px;
}

.sy-logo{width: 16.5%;}
.daohang{width: 54.25%;}
.xw-ma{width: 13.25%;}
.lx-haoma{width: 14%;}
.lx-haoma p{margin: 0;}
.xw-ma img{max-width: 100%;}
.xw-ma p{text-align: center;color: #333333;font-size: 16px;}
.sy-logo a img{max-width: 100%;}
.xw-ma .ma2,.xw-ma .ma1{width: 47%;}
.lx-haoma p:nth-child(1){font-size: 16px;color: #373737;margin-bottom: 10px;}
.lx-haoma p:nth-child(1) img{margin-right: 10px;}
.lx-haoma {font-size: 0.7rem;color: #19569d;}
.sy-head.cur{    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 99999;}


.cp-bt{text-align: center;margin-bottom: 2vw;}
.cp-bt h3{font-size: 2.4rem;color: #2361ad;text-transform: uppercase;}
.cp-bt span{font-size: 1.8rem;color: #2361ad;text-transform: uppercase;}
.sy-chanpin{margin: 4.6875vw 0;}
.cp-nr{position: relative;}
.cp-nr .zkuan{width: 525px;height: 525px;margin: 0 auto;}
.wennum{flex-direction: column;margin-top: 55px;margin-right: 40px;}
.cp-nr ul li:nth-child(4) .wennum{flex-direction: column-reverse;margin-top: 115px;}
.cp-nr ul li:nth-child(3) .wennum{flex-direction: column-reverse;margin-top: 115px;}
.cp-nr ul li:nth-child(2n) .wennum{margin-left: 40px;}
/* .cp-nr ul li:nth-child(2) .wennum{background: url(../images/lxian.png) no-repeat center;} */
.wennum span{font-size: 1.5rem;color: #484848;}
.wennum h3{font-size: 1rem;color: #333333;font-weight: bold;}
.cp-nr .zkuan li{width:calc(50% - 20px);height:calc(50% - 20px);transition: all 0.3s;margin: 0px 10px 20px 10px;background: #f7f7f7;text-align:right;}
.cp-nr .zkuan li:nth-child(1){border-top-left-radius: 30vw;}
.cp-nr .zkuan li:nth-child(2){border-top-right-radius: 30vw;}
.cp-nr .zkuan li:nth-child(3){border-bottom-left-radius: 30vw;}
.cp-nr .zkuan li:nth-child(4){border-bottom-right-radius: 30vw;}

.cp-nr .zxia li:nth-child(1) .cp-tubiao{top: 0;left: 0;position: absolute;}
.cp-nr .zxia li:nth-child(2) .cp-tubiao{top: -2.5vw;right: 0;position: absolute;}
.cp-nr .zxia li:nth-child(3) .cp-tubiao{bottom: 0;left: 0;position: absolute;}
.cp-nr .zxia li:nth-child(4) .cp-tubiao{bottom: 0;right: 0;position: absolute;}
.cp-nr .zkuan li:nth-child(2n){text-align: left;}
.chakn{
position:absolute;
top:50%;
left:50%;
text-align: center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);width: 195px;height: 195px;border-radius: 50%;background:#fff;}
.chakn a{font-size: 1rem;color: #19569d;line-height: 195px;font-weight: 600;}
.cp-nr .zkuan li:hover{transform: scale(1.05);background: #175aa0;}
.cp-nr .zkuan li:hover .wennum span{color: #fff;}
.cp-nr .zkuan li:hover .wennum h3{color: #fff;}


.cp-tubiao-nr{position: relative;}
.cp-tubiao-nr img{max-width: 100%;}
.fashedian{position:absolute;
    top:50%;
    left:50%;
    text-align: center;width: 30px;height: 30px;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);}
.fashedian .fashe-img{position: relative;}   
.fashedian .fashe-img::after{
    position: absolute;
    content: "";
    background-color: #2361ad;
    opacity: .6;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    left: -4px;
    top: -4px;
    animation: scale 1.5s infinite;
    } 
  .zxia li.active .fashedian{display: block;} 
.fashedian{display: none;}
    @keyframes scale{0%{ transform: scale(1); opacity:.4}100%{ transform: scale(1.5); opacity: 0;}}
    @keyframes scale2{0%{ transform: scale(1);opacity:.2;}100%{ transform: scale(2);opacity:0;}}   

.cpxian li{display: none;}
.cpxian li.active{display: block;}
.cpxian li:nth-child(1){position: absolute;left: 380px;top: 100px;}  
.cpxian li:nth-child(2){position: absolute;right: 380px;top: 100px;}  

.cpxian li:nth-child(3){position: absolute;left: 380px;top: 396px;}  
.cpxian li:nth-child(4){position: absolute;right: 380px;top: 396px;} 





.box2{overflow:hidden;}
.box2 .cont{position:relative;height:100%;}
.tab{overflow:hidden;display:none;}
.tab.clicked{display:block;}
.tab li{width:100%;}
.tab li img{width:100%;display:block;}
.tab li .det{width:45%;background:rgba(51,51,51,.7);position:absolute;left:9.38%;bottom:8%;z-index:99;padding:30px 0 20px;}
.tab li .nr{margin:0 auto;width: calc(100% - 93px);}
.tab li h3{color:#ffffff;font-size:22px;padding-left:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tab li h4{color:#ffffff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:11px;font-weight: lighter;}

.you2{background:rgba(51,51,51,.7);width: 22.05%;position:absolute;right:8.33%;top:0;z-index:9999;height:100%;padding-top:90px;}
.ybt{color:#ffffff;font-size:36px;background:url(//cdn.myxypt.com/fd166880/21/10/c4405e855b5391164e89cff8a7c49549c9f373c3.png) no-repeat right bottom;letter-spacing:3px;padding-bottom:7px;margin-right:25.97%;text-align:right;}
.tabli{position:relative;margin-top:48px;}
.tabli li{width:100%;line-height:95px;color:#ffffff;font-size:24px;text-align:center;}
.tabli li img{margin-right:20px;}
.tabli li.cur{
    background-image: -moz-linear-gradient( 0deg, rgb(26,67,120) 0%, rgb(14,164,234) 89%);
  background-image: -webkit-linear-gradient( 0deg, rgb(26,67,120) 0%, rgb(14,164,234) 89%);
  background-image: -ms-linear-gradient( 0deg, rgb(26,67,120) 0%, rgb(14,164,234) 89%);

}
.det-num{width: 53px;height: 71px;background: url(../images/sdbs.png) no-repeat center;text-align: center;line-height: 82px;font-size: 1.5rem;color: #fff;font-weight: bold;margin: 0px 20px;}


@media (max-width:1600px) {
    .you2{right:80px;padding-top:60px;} 
    .ybt{margin-right:16%;}
    .tabli{margin-top:30px;}
    .tabli li{line-height:75px;font-size:22px;}
    .tab li .det{left:15px;}
}

@media (max-width:1440px) {
    .you2{
        right:120px;
    }
}


@media (max-width:1440px) {
.w1300{padding: 0 2%;}
}
@media (max-width:1024px) {
    .you2{/*right:15px;*/padding-top:30px;} 
    .ybt{font-size:30px;margin-right:5%;letter-spacing:1px;}
    .tabli{margin-top:30px;}
    .tabli li{line-height:55px;font-size:20px;}
    .tabli li img{margin-right:10px;width:10%;}
    .tab li .det{left:15px;}
    .xw-ma p{font-size: 13px;}
    .cp-nr .zkuan{width:400px;height:400px;}
    .chakn{width:150px;height:150px;}
    .cp-tubiao-nr img{max-width:60%;}
    .cp-nr ul li:nth-child(3) .wennum,.cp-nr ul li:nth-child(4) .wennum{margin-top: 75px}
    .fashedian{left:28%;}
    .cpxian{display: none;}
}


@media (max-width:768px) {
    .you2{position:static;width:100%;padding-top:0;} 
    .ybt{display:none;}
    .tabli{margin-top:0;}
    .tabli li{width:25%;float:left;line-height:60px;}
    .tabli li img{display:none;}
    .tab li .det{width:76%;}
    .cp-nr .zkuan{width: 300px;height: 300px;}

    .cp-nr .zkuan li:nth-child(1){border-top-left-radius: 60vw;}
    .cp-nr .zkuan li:nth-child(2){border-top-right-radius: 60vw;}
    .cp-nr .zkuan li:nth-child(3){border-bottom-left-radius: 60vw;}
    .cp-nr .zkuan li:nth-child(4){    border-bottom-right-radius: 60vw;}
    .cp-nr .zkuan li{    width: calc(50% - 10px);
        height: calc(50% - 10px);
        transition: all 0.3s;
        margin: 0px 5px 10px 5px;
        background: #f7f7f7;
        text-align: right;}
    .chakn{width: 90px;height: 90px;}
    .chakn a{line-height: 90px;}
    .cp-nr{padding: 60px 0;}
    .cp-nr .zxia li:nth-child(2) .cp-tubiao{text-align: right;}
    .cp-nr .zxia li:nth-child(4) .cp-tubiao{text-align: right;}
    .cp-tubiao{width: 50%;}
    .cpxian{display: none;}
    .cp-nr ul li:nth-child(3) .wennum,.cp-nr ul li:nth-child(4) .wennum{margin-top: 35px}
    .fashedian .fashe-img::after{    width: 41px;
        height: 41px;
        border-radius: 19px;
        left: -4px;
        top: -8px;}
        .cp-nr .zxia li:nth-child(2n) .fashedian{left: 65%;}
}



@media (max-width:425px) {
    .tab li .det{padding:15px 0;}
    .tabli li{width:50%;font-size:16px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .tab li h3{font-size:16px;}
    .tab li h4{font-size:14px;}

}










/**/


.ly-bt{width: 83.4%;margin: 0 auto;position: relative;}
.ly-bt h3{font-size: 2.4rem;
    font-family: "Microsoft YaHei";
    color: rgb(35, 97, 173);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;}
.ly-bt span{ font-size: 1.8rem;
    font-family: "Microsoft YaHei";
    color: rgb(35, 97, 173);
    line-height: 1.333;}
.ly-a{position: absolute;right: 0;bottom: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(35,97,172) 0%, rgb(0,139,209) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(35,97,172) 0%, rgb(0,139,209) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(35,97,172) 0%, rgb(0,139,209) 100%);
    width: 7rem;
    height: 50px;
    text-align: center;
  
  }   
.ly-a a{font-size: 1rem;color: #fff;font-weight:100;line-height: 50px;}
.zn-index{
    margin-top: 4.5vw;
    overflow: hidden;
    margin-bottom: 4vw;
  }
  
  .zn-index .list2{
    padding: 0px 10px;
    margin-top: 2vw;
  }
  
  .zn-index .list2 li {
    width: 13.4375%;
    position: relative;
    overflow: hidden;
  }
  .zn-index .list2 li .img1::after{background:rgba(0, 0, 0, .54);position: absolute;width: 100%;height: 100%;top: 0;left: 0;content: "";}
  .zn-index .list2 li.on .img1::after{display: none;}
  .zn-index .list2 li.on .img1 img{
     /*width: 100%; */
  }
  
    .zn-index .list2 li .img1 img{
     /*width: 100%; */
  }
  
  .zn-index .list2 li .wz{
    position: absolute;
    bottom: 2vw;
    left: 1.9vw;
  }
  .flexed {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex;
  }
  .zn-index .list2 li .wz .wz1{
    font-size: 1.2rem;
    color: #fff;
  }
  
  .zn-index .list2 li .wz .wz2{
    color: #ffffff;
    font-size: 1.4rem;
    margin-top: -1.2rem;
  }
  
  .zn-index .list2 li .wz .wz3{
    width: 24px;
    height: 1px;
    background: #ffffff;
    margin-top: 1rem;
  }
  
  .zn-index .list2 li .hh{
    position: absolute;
    right: 9%;
    bottom: 2vw;
    background:
    rgba(0, 0, 0, 0.8);
    width: 81%;
    padding: 1.1rem 2rem;
    display: none;
  }
  
  .zn-index .list2 li .hh .hh11{
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 100%;
  }
  
  .zn-index .list2 li .hh .hh1{
    color: #fff;
    font-size: 1.2rem;
    display: flex;
    padding-left: 25px;
    border-left: 4px solid #049ee6;
    justify-content: space-between;
    line-height: 1;
    align-items: center;
  }
  .zn-index .list2 li .hh .hh1 span{font-size: 14px;}
  .zn-index .list2 li .hh .hh2{
    width: 24px;
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
    margin: 0.5rem 0;
  }
  
  .zn-index .list2 li .hh .hh3{
    color: #f4f4f4;
    font-size: 0.8rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .zn-index .list2 li .hh .hh4{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12rem;
    font-family: "Arial";
    color: rgba(255, 255, 255, 0.4);
    -moz-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
    -webkit-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
    -ms-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1;
  }
  
  .zn-index .list2 li.on{
    width: 44.79%;
  }
  
  .zn-index .list2 li.on .wz{
    display: none;
  }
  
  .zn-index .list2 li.on .hh{
    display: block;
  }
  
  @media(max-width: 767px){
    .zn-index{
      margin-top: 5%;
    }
    .zn-index .list2{
      flex-wrap: wrap;
    }
    .zn-index .list2 li{
      width: 100%;
      margin-bottom: 3%;
    }
    .zn-index .list2 li .img1 img{
      width: 100%;
    }
    .zn-index .list2 li.on{
      width: 100%;
    }
    .zn-index .list2 li .wz .wz1{
      font-size: 20px;
    }
    .zn-index .list2 li .wz .wz2{
      font-size: 20px;
    }
    .zn-index .list2 li.on .hh{
      height: auto;
      width: 90%;
      padding: 5% 5%;
    }
    .zn-index .list2 li .hh .hh1{
      font-size: 16px;
    }
    .zn-index .list2 li .hh .hh3{
      font-size: 14px;
    }
  }
  
  .sy-jj .w1600{display: flex;justify-content: space-between;flex-wrap: wrap;}

.sy-jj-left{width: 43.75%;}
.sy-jj-right{width: 47.3125%;}
.sy-jj-right p img{width:100%;}
.sy-jj{background: #fbfbfb;padding-top: 6vw;padding-bottom: 5.5vw;}

.sy-jj-left h3{font-size: 2.4rem;color: #1f67b2;font-weight: 600;text-transform: uppercase;}
.sy-jj-left h3 span{color: #1f67b2;}
.sy-jj-left dd{font-size: 1.8rem;color: #2361ad;}
.jj-ms p{font-size:0.9rem;color: #333131;line-height: 2;font-weight: 100;}
.shuzi-gun ul li .counter{font-size: 1.8rem;color: #2361ad;font-weight: 600;}
.shuzi-gun ul li sup{font-size: 14px;color: #598ec5;}
.shuzi-gun ul li em{font-size: 14px;color: #3973b5;font-style: normal;position: absolute;top: 0px;right: 0;}
.shuzi-gun ul li{position: relative;}
.shuzi-gun ul li  p{text-align: center;font-size: 16px;font-weight: 100;color: #333131;}


.pernr9 {overflow: hidden;margin:4.5vw 0px;position: relative;}

.pernr9 .swiper-slide{width:307px;height: 410px;list-style: none;}

.pernr9 .swiper-button-prev{background: url(../images/zszuo.png) no-repeat center;width: 40px;height: 80px;z-index: 99999;position: absolute;left: 0px;top: 51%;opacity: 1;}
.pernr9 .swiper-button-next{background: url(../images/zsyou.png) no-repeat center;width: 40px;height:80px;z-index: 99999;position: absolute;opacity: 1;right: 0px;top: 51%;}
.pernr9 .swiper-button-prev::after,.pernr9 .swiper-button-next::after{display: none;}

.hezuo-left{width: 23.4%;}

.hezuo-right{width: 76.6%;overflow: hidden;}
.hezuo-right .swiper-slide .img img{width:100%;}

.hezuo-left h3{font-size: 32px;
    font-family: "Microsoft YaHei";
    color: #1f67b2;
    font-weight: bold;
    text-transform: uppercase;}
  
.hezuo-left span{font-size: 16px;color: #505050;}

.sy-shipin .w1600{overflow: hidden;}



.phev_kv_video {
    position: relative;
    /* height: 100%; */
    text-align: center;
}

.phev_kv_video .videoCover {
    width: 100%;
    height: 100%;
    background: #000;
    vertical-align: top;
}

.phev_kv_video .mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: Alpha(opacity=30);
}

.phev_kv_video .video_play {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 100;
    left: 20px;
    bottom:60px;
    margin: auto;
    background: url(../images/shipin.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}
.phev_kv_video img{width: 100%;}
.phev_kv_video h3{margin: 0;line-height: 1;font-weight: normal;color: #4c4c4c;margin-top: 1.1vw;font-size: 1rem;}

.shipin-bt{text-align: center;margin-bottom: 2vw;}
.shipin-bt h3{font-size:2.4rem;color: #2361ad;font-weight: 600;text-transform: uppercase;margin: 0;line-height: 1;}
.shipin-bt span{font-size:1.8rem;color: #2361ad;font-weight: 400;}


.sy-shipin{background: #fbfbfb;margin-top: 4.5vw;padding: 4.5vw 0px;}






/*----------------*/
.nei3{
    overflow: hidden;
  padding-top: 4.4vw;
  margin-bottom: 4.4vw;

}
.fenleib{
    float: right;
    width: 20%;
    margin-top: -5%;
}
.fenleib li{
    font-size: 20px;
	font-weight: lighter;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #03284a;
    width: 50%;
}
.fenleib li a{
   color: #03284a; 
}
.fenleib li span{
    margin-right: 2%;
}
.xwfd{
    margin-top: 3%;
}
.xwfdlef{
    width: 42.5%;
   
}

.xinwg_ing{
     border: #cfcfcf 1px solid;
}
.xinwg{
    overflow: hidden;
    position: relative;
}
.xinwgnei{
    background: #495151;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 4%;
}
.xinwgnei a{
    font-size: 20px;
    color: #e9eaec;
}
.swiption {
    position: absolute;
    left: 90%!important;
    z-index: 9999;
    bottom: 20px!important;
}
.swiption .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #6d7575;
    
}
.swiption .swiper-pagination-bullet-active {

    background: #fff;
}
.xwfdryt{
    width: 48.75%;
}
.gfbgtshiji{
    float: left;
    width: 15%;
    text-align: center;
    color: #4c4c4c;
    box-sizing: border-box;
    padding: 1% 0;
    border: #bdc1c1 1px solid;
}
.gfbgtnei{
    float: right;
    width: 82%;
}
.gfbgtshiji_a{
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #4c4c4c;
}
.gfbgtshiji_b{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #4c4c4c;
}
.gfbgt li{
    margin-bottom: 6%;
}
.gfbgt li:nth-child(3){
    margin-bottom: 0px;
}
.gfbgtnei_a{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
    background: url(../images/xwy.png) right  center no-repeat;
    height: 22px;
    /* width: 22px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 60px;
}
.gfbgtnei_a a{
    color: #333333;
}
.gfbgtnei_b{
    font-size: 14px;
	font-weight: lighter;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
}

.fenleib  li:hover, .fenleib  li.on {
    position: relative;
    color: #1f67b2;
    cursor: pointer;
}

.fenleib  li:hover a, .fenleib  li.on a {
    color: #1f67b2;
}
.fenleib li:hover  img, .fenleib  .on img{
    filter: invert(34%) sepia(95%) saturate(862%) hue-rotate(179deg) brightness(83%) contrast(88%);
}
.dibyg{
    margin-top: 3%;
}
.dibmong{
    width: 12%;
}
.dibmong img{
    max-width: 100%;
    height: auto;
}
.dibygling{
    width: 60%;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}

.gfbgt {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}
.gfbgt.active{opacity: 1;    visibility: visible;height: 100%;}

.cpp_a{font-size: 2.4rem;
    color: #2361ad;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;}
.cpp_b{font-size: 1.8rem;
    color: #2361ad;
    font-weight: 400}
.xinwg_ing img{width: 100%;}



















.x-banner{z-index:1;position: relative;}
.xymob-head {
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    background: #151515;
}

.xymob-head-box {
    position: relative;
    height: 60px;
}

.xymob-head-box .xymob-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 70%;
    height: 30px;
    text-align: center;
}

.xymob-head-box .xymob-logo h1,
.xymob-head-box .xymob-logo a {
    display: inline;
    font-size: 0;
}

.xymob-head-box .xymob-logo img {
    height: 25px;
}

.xymob-navbtn {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto 0 auto 27px;
    width: 30px;
    height: 20px;
}

.xymob-navbtn span,
.xymob-navbtn:after,
.xymob-navbtn:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-navbtn span {
    margin: 7px 0;
}

.xymob-navbtn:after,
.xymob-navbtn:before {
    content: '';
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}

.xymob-navbtn.clicked span {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.xymob-navbtn.clicked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.xymob-navbtn.clicked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.xymob-search-btn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14%;
    text-align: center;
    line-height: 60px;
}

.xymob-search-btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-search-btn .icon-font:after {
    background-position: -30px -210px;
}

.xymob-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    background: #151515;
    padding: 0 10%;
}
.xymob-menu .xymob-menu-box {
    height: 100vh;
    overflow: auto;
    padding-bottom: 80px;
}

.xymob-nav>li {
    border-bottom: 1px solid #2b2b2b;
    position: relative;
}

.xymob-nav>li>a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
}

.xymob-nav .xymob-menu-jt {
    position: absolute;
    width: 20%;
    height: 50px;
    line-height: 50px;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}

.xymob-nav .xymob-menu-jt .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-nav .xymob-menu-jt .icon-font:after {
    background-position: -30px -240px;
}

.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
    background-position: -30px -270px;
}

.xymob-nav .xymob-sub-menu {
    background: #1E1E1E;
    display: none;
}

.xymob-nav .xymob-sub-menu>li {
    border-top: 1px dashed #2b2b2b;
}

.xymob-nav .xymob-sub-menu>li>a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 40px;
    text-indent: 2em;
}

.xymob-dlbtn {
    margin-top: 40px;
}

.xymob-dlbtn a {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #292e39;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.xymob-dlbtn a i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.xymob-dlbtn a .icon-dl:after {
    background-position: -30px -540px;
}

.xymob-dlbtn a .icon-pn:after {
    background-position: -30px -600px;
}

.xymob-dlbtn a .icon-tc:after {
    background-position: -30px -570px;
}

.xymob-dlbtn .zx-btn {
    margin-top: 10px;
    background: none;
    border: 1px solid #fff;
}

.xymob-search {
    position: fixed;
    z-index: 99999;
    left: 100%;
    bottom: 0;
    top: 0;
    width: 100%;
    background: #151515;
    padding: 15px 15% 0 15%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-search .xymob-search-close-btn {
    position: absolute;
    top: 27px;
    left: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

@media (max-width: 420px) {
    .xymob-search .xymob-search-close-btn {
        left: 15px;
    }
}

.xymob-search .xymob-search-close-btn i {
    width: 100%;
    height: 100%;
    display: block;
}

.xymob-search .xymob-search-close-btn i:after {
    background-position: -30px -300px;
}

.xymob-search .xymob-search-box {
    height: 50px;
    border-bottom: 2px solid #2d2d2d;
}

.xymob-search .xymob-search-box input[type="text"] {
    width: 80%;
    float: left;
    background: none;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.3);
    font-family: "Microsoft YaHei";
    font-size: 16px;
    height: 50px;
}

.xymob-search .xymob-search-box #s_btn {
    width: 20%;
    height: 50px;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 0;
    background: none;
    border: none;
}

.xymob-search .xymob-search-box #s_btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-search .xymob-search-box #s_btn .icon-font:after {
    background-position: -30px -210px;
}

.xymob-search .xymob-seaerch-wz span,
.xymob-search .xymob-seaerch-wz a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 45px;
    border-bottom: 1px solid #2b2b2b;
}

.xymob-search.clicked {
    left: 0;
}
.nybt{display: none;}
.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(//cdn.myxypt.com/d82385f7/21/11/418f905246757bd16b0d6748d3a82d340a8fc45e.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}


.sy-foot{background: url(../images/ftbj.png) no-repeat center;background-size:cover;padding-top: 3.65vw;padding-bottom: 4.4vw;position: relative;}
.sy-foot .w1600{position: relative;}
.ft-logo{width: 15.6%;}
.ft-logo p img{max-width: 100%;}
.ft-xinxi{width: 64%;}
.ft-liuyan{width: 20.4%;background: #1c6bb4;padding: 1.56vw 2.56vw;margin-top: -70px;}
.ft-liuyan .ly-nr{position: relative;}
.lsanjiao{position: absolute;right: -58px;top: -1.56vw;width: 9px;height: 24px;}
.ft-xinxi ul{padding: 0 3% 0 5%;}
.ft-xinxi ul li{text-align: left;}
.x-banner{z-index:1;position: relative;}
.liuyan-bt{font-size: 1rem;font-weight: 600;color: #fff;margin-bottom: 18px;}
.xinxi-bt{font-size: 16px;color: #fff;margin-top: 15px;margin-bottom: 5px;}
.xinxi-ms{font-size: 16px;color: #fff;line-height: 24px;}


.ft-liuyan .m_label{width: calc(100% - 5.12vw);padding-left: 15px;line-height: 30px;}
.ft-liuyan .message #content{width:100%;background: none;height: 70px;font-size: 16px;color: #fff;border: 1px solid #fff;margin-top: 10px;}
.ft-liuyan .message{padding: 0;}
.ft-liuyan input{background: none;}
.ft-liuyan .message #name{border: 1px solid #fff;line-height: 30px;height: 30px;margin-bottom: 12px;width: 100%;}
.ft-liuyan .message #contact{line-height: 30px;height: 30px;}
.ft-liuyan .message .msgbtn{background: #0159aa;
    cursor: pointer;
    width: 48%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 0;
    font-family: "Microsoft YaHei";
    border: 1px solid;}

.ft-liuyan #code{padding-top: 0px;
    /* line-height: 26px; */
    margin-top: 10px;}

.ft-liuyan #checkcode{    height: 30px;
    line-height: 30px;
    width: 50%;
    border: 1px solid #fff;}  
.ft-liuyan .message #contact{width: 100%;}   
.ft-liuyan #code a{font-size: 12px;color: #fff;}  
.mb15{margin-top: 15px;}

.jj-ms{margin-top:1.8vw;margin-bottom:2.5vw;}

.banquan-xia{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1630px;margin: 0 auto;padding: 0px 15px;font-size: 16px;color: #fff;font-weight: 100;position: absolute;width: 100%;margin: 0 auto;left: 0;right: 0;bottom: 15px;}
.banquan-xia a{font-size: 15px;color: #fff;font-weight: 100;}
.bq-left{width: 50%;text-align: left;}
.bq-right{width: 50%;text-align: right;}

@media(max-width:1600px){
    .ft-liuyan{margin-top: -58px;}
}

@media(max-width:1560px){
    .lsanjiao{right: -49px;}
}

@media(max-width:1440px){
    .sy-head{padding: 8px 0px;}
    .lsanjiao{right: -46px;}
    .sy-foot{padding-bottom: 5.9vw;}
    .banquan-xia{font-size: 15px;}
    .ft-liuyan{margin-top: -3.7%;}
}

@media(max-width:1280px){
    .banquan-xia{font-size: 12px;}
    .lsanjiao{right: -42px;}
    .ft-liuyan{margin-top: -80px;}
    .banquan-xia a{font-size: 12px;}
}

@media(max-width:1024px){
    .xwfdryt{width: 53%;}
    .hezuo-left span{font-size:12px;}
    .hezuo-left h3{font-size: 17px;}
    .ft-liuyan{display: none;}
    .ft-xinxi{width: 84%;}
    .banquan-xia a{font-size: 12px;}
    .banquan-xia {bottom: 13px;}
    .bq-left{width: 56%;}
    .bq-right{width: 44%;}
    .fenleib{width: 30%;}
}


@media(max-width:768px){
    .ft-logo{
        width:100%;
            text-align: center;
    }
    .sy-foot{
        padding:10px 0 121px;
    }
    .bq-left{
        width:100%;
    }
    .bq-right{
        width:100%;
        text-align:left;
    }
    
    .float-kf{display:none!important;}
    .sy-jj-left,.sy-jj-right{width:100%;}
    .hezuo-left, .hezuo-right{width:100%;}
    .hezuo-right{margin-top: 20px;}
    .fenleib{
        float: none;
        margin-top: 0px;
        width: 100%;
    }
    .xwfdlef{
        width: 100%;
    }
    
    .xwfdryt {
        width: 100%;
        margin-top: 3%;
    }
    .gfbgtshiji{display: none;}
    .gfbgtnei{width: 100%;}
    .x-banner{padding-top: 60px;}
    .ly-a{width: 9rem;height: 35px;}
    .ly-a a{line-height: 35px;}
    .phev_kv_video h3{margin-top: 5px;font-size: 16px;}
}

.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

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

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

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

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

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}

@media (max-width: 768px) {
    body {
        padding-bottom: 50px;
    }
    
    .x-footer-r {
        display: none;
    }
    .x-footer{padding-bottom: 60px;}
    .left{display: none;}
    .right{width: 100%;}
}

.text-danger {
    color: red;
}






.x-banner .owl-carousel .banner-item a {
    display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover, .x-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #FFB300;
}

.x-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }

    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}




.bbcpbd { position: relative; }
.bbcpbd .ttfl { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.bbcpbd .ttfl { opacity: 0; visibility: hidden; transition: all .5s ease; }
.bbcpbd .ttfl.on1 { position: static; opacity: 1; visibility: visible; }






.bbcp{
    background: url(../images/bbcp.png) no-repeat center;
    margin-bottom: 4.5vw;
}

.bbcphd{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 4vw;
}
.bbcphd li{
    width: 25%;
    float: left;
}
.bbcphd li a.on{background-color: #3486da;}
.bbcphd li a.on{color: #fff;}
.bbcphd li a{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #333333;
    display: block;
    height: 80px;
    text-align: center;
    line-height: 80px;
}

.bbcpbd{
}
.bbcpbd li{}
.bbcpbd li .img{
    width: 50%;
    float: left;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.bbcpbd li .img img{
    max-width: 100%;
    margin: 0 auto;
}
.bbcpwz{
    width: 50%;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.5);
    float: right;
    padding: 3vw 2.6vw 0;
}
.bbcpwz h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 2px;
    color: #333333;
}



.bbcpgd{
    width: 180px;
    height: 40px;
    background-image: linear-gradient(90deg,    #2361ad 0%,    #0ea4ea 100%);
    margin: 3.8vw auto 25px;
}
.bbcpgd h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
}




@media (max-width: 992px) { 
.bbcphd li a{font-size:12px;}
.bbcp .w1300{ padding:0px;}
.bbcphd li{height:60px; line-height:60px;}

.bbcphd li a{height:60px; line-height:60px;}
.bbcpbd li .img{
    width: 100%;
    height: auto;
    padding: 4% 0;
}
.bbcpwz{
    width: 100%;
    height: auto;
    padding: 2%;
}
.bbcpwz h2{
    font-size: 14px;
}

.bbcp{
    background-size: auto 100%;
}












 }