body{padding-top:70px;font-family:Microsoft YaHei;overflow-x:hidden;font-size:16px}
*{margin:0;padding:0}
li{list-style:none}
img{border:0}
a{text-decoration:none;color:#333}
a:hover{color:#ff7111}
.clear{clear:both}
.w1400{width:1140px;margin:0 auto}
.over:hover{    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
	}

.header{z-index:10;position:fixed;width:100%;top:0px;left:0;height:70px;background:#fff}
.banner{height:605px;background:url(../../image/b2bimg/banner.jpg) no-repeat center}
.aqhg{height:592px;background:url(../../image/b2bimg/aqhg.png) no-repeat center}
.banner_l h3{line-height:1;font-size:55px;color:#fff;background: linear-gradient(to right, #feffec, #fefff2);  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/display: none}
.banner p{line-height:1.5;font-size:55px;color:#fff;background: linear-gradient(to bottom, #fffdf2, #feef6f); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/display: none;}
.banner p span{font-family: "arial rounded mt bold";display: none;}
.banner_l{width:60%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:550px;float:left}
.banner_l a{border-radius:15px;padding:0 50px;display:block;font-size:24px;color:#785541;background:linear-gradient(to right,#ffe39f,#ffcb80);line-height:52px;text-align:center;margin-top: 50px;}
.banner_l a:hover{opacity:0.9}
.banner_l ul li{padding-left:22px;background:url(../../image/b2bimg/g.png)  no-repeat left center;color:#fff;font-size:22px;line-height:2}
.banner_l ul {margin-top: 180px;}
.banner_r{float:right;width:430px}
.banner_r .form{margin-top:100px;padding:30px;background:#fff;box-shadow:5px 10px 0 rgba(52,120,229,0.20);border-radius:20px}
.banner_r .form h3{    /* text-align: center; */
    font-size: 26px;
    display: flex;
    /* justify-content: space-around; */
    /* align-items: center;}
/* .banner_r .form h3 */}
.banner_r .form h3 span{font-size:30px;text-align:center}
.banner_r .form h3 span b{font-size:48px;color:#ff6600;font-weight:bold;padding:0 5px}
.banner_r .form .m_tit{margin-bottom:35px;}
.banner_r .form .m_tit i{display:block;background:url(../../image/b2bimg/ly.png) no-repeat center;width:86px;height:96px}
.banner_r .form .m_tit .m_tit_img{width: 86px;height: 96px;float: left;}
.banner_r .form .m_tit .m_tit_txt{width: 280px;height: 96px;float: left;margin-top: 20px;}
.banner_r .form .m_tit p{font-size: 18px;color: #666;background: linear-gradient(to right, #666, #666); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/display: block;}
.banner_r u{text-decoration:none;font-weight:bold;margin-bottom:20px;display:block}
.banner_r li{height:38px;line-height:38px;color:#666666;border-radius:38px;width:100%;margin-bottom:10px;text-indent:20px;outline:none;border:1px #ddd solid}
.banner_r li span{color:#ff6600}
.banner_r .submit-btn{margin-top:35px;display:block;cursor:pointer;color:#fff;font-size:22px;font-weight:bold;text-align:center;background:#ff6600;border-radius:50px;line-height:50px;height:50px}
.banner_r .submit-btn:hover{opacity:0.9}
.logo{float:left}
.logo a{display:block;height:70px;line-height:70px}
.logo a img{vertical-align:middle}
.nav{float:right}
.nav li{float:left}
.nav li a{padding:0 25px;display:block;color:#ff6600;font-size:16px;line-height:34px;border-radius:10px;border:1px #ff6600 solid;margin:17px 0 0 15px}
.nav li a:hover{color:#fff;background:#ff6600}
.nav li.mfzx a{background:#ff6600;color:#fff}
.nav li.mfzx a:hover{background:#ff3d00}
.bta{text-align:center;margin-bottom:60px}
.bta span{font-size:48px;color:#333;display:block;margin-bottom:20px;font-weight:bold}
.bta p{color:#999999}
.hxgn{padding:67px 0}
.hxgn ul{}
.hxgn ul li{width:23.5%;margin-bottom:2%;float:left;margin-right:2%;padding:130px 20px 20px 20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-shadow:0 0px 7px #ccc;-webkit-box-shadow:0 0px 10px 3px rgb(180 195 235 / 60%);-ms-box-shadow:0 0px 10px 3px rgb(180 195 235 / .6);-moz-box-shadow:0 0px 10px 3px rgb(180 195 235 / .6);-o-box-shadow:0 0px 10px 3px rgb(180 195 235 / .6);border-radius:20px;color:#fff}
.hxgn ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 15px 30px rgb(180 195 235 / 60%);-ms-box-shadow:0 15px 30px rgb(180 195 235 / .6);-moz-box-shadow:0 15px 30px rgb(180 195 235 / .6);-o-box-shadow:0 15px 30px rgb(180 195 235 / .6)}
.hxgn ul li:last-child{margin-right:0}
.hxgn ul li h3{font-size:24px;margin:30px 0 20px}
.hxgn ul li p{height:64px;line-height:2}
.hxgn ul li i{display:block;width:90px;height:90px;border-radius:100%}
.hxgn ul li.ico1 i{background:url(../../image/b2bimg/ico_gn1.png) no-repeat center #fff}
.hxgn ul li.ico2 i{background:url(../../image/b2bimg/ico_gn2.png) no-repeat center #fff}
.hxgn ul li.ico3 i{background:url(../../image/b2bimg/ico_gn3.png) no-repeat center #fff}
.hxgn ul li.ico4 i{background:url(../../image/b2bimg/ico_gn4.png) no-repeat center #fff}
.hxgn ul li.ico1{background:url(../../image/b2bimg/gn1.jpg) no-repeat top center;background-size:100%}
.hxgn ul li.ico2{background:url(../../image/b2bimg/gn2.jpg) no-repeat top center;background-size:100%}
.hxgn ul li.ico3{background:url(../../image/b2bimg/gn3.jpg) no-repeat top center;background-size:100%}
.hxgn ul li.ico4{background:url(../../image/b2bimg/gn4.jpg) no-repeat top center;background-size:100%}
.cpys{padding:80px 0 0;background: url(../../image/b2bimg/labg.jpg) no-repeat center;}
.cpys ul li{border-radius:10px;width:49%;margin-right:2%;margin-bottom:20px;float:left;background:url(../../image/b2bimg/wp.png) no-repeat bottom right #f3f8ff;padding:20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}
.cpys ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 12px 20px rgb(0 0 0 / 30%);-webkit-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-ms-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-moz-box-shadow:0 12px 20px rgb(0 0 0 / 30%);-o-box-shadow:0 12px 20px rgb(0 0 0 / 30%)}
.cpys ul li:nth-child(2n){margin-right:0}
.cpys ul li>div{margin-right:80px}
.cpys ul li h3{font-size:24px;color:#111}
.cpys ul li h3:after{content:" ";display:block;width:28px;height:1px;background:#333;margin:16px 0}
.cpys ul li p{text-align:justify;line-height:1.5;color:#666666;height:45px}
.cpys ul li i{margin-right:15px;display:block;width:215px;height:215px;flex:0 0 215px;border-radius:8px}
.cpys ul li.ico1 i{background:url(../../image/b2bimg/ys1.png) no-repeat center}
.cpys ul li.ico2 i{background:url(../../image/b2bimg/ys2.png) no-repeat center}
.cpys ul li.ico3 i{background:url(../../image/b2bimg/ys3.png) no-repeat center}
.cpys ul li.ico4 i{background:url(../../image/b2bimg/ys4.png) no-repeat center}
.clch{padding:80px 0}
.clch ul li{width:32%;margin-right:2%;float:left;background:#fff;padding:30px 20px 30px 20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;height:245px;border-radius:20px;color:#fff;text-align:right;position:relative}
.clch ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.clch ul li:nth-child(3n){margin-right:0}
.clch ul li h3{font-size:30px;margin:20px 0 80px}
.clch ul li p{line-height:2;font-size: 18px;text-align: center;}
.clch ul li i{display:block;width:90px;height:90px;border-radius:100%;position:absolute;left:30px;top:40px}
.clch ul li.ico1{background:linear-gradient(to right,#05dede,#05a7cb)}
.clch ul li.ico2{background:linear-gradient(to right,#0eb3ec,#3260f9)}
.clch ul li.ico3{background:linear-gradient(to right,#ffab41,#ff6b46)}
.clch ul li.ico1 i{background:url(../../image/b2bimg/ch1.png) no-repeat center rgb(0 0 0 / 45%)}
.clch ul li.ico2 i{background:url(../../image/b2bimg/ch2.png) no-repeat center rgb(0 0 0 / 45%)}
.clch ul li.ico3 i{background:url(../../image/b2bimg/ch3.png) no-repeat center rgb(0 0 0 / 45%)}
.fwwy{padding:74px 0;background:url(../../image/b2bimg/sqff.jpg) no-repeat center}
.fwwy a{margin:60px auto 0;width:360px;line-height:50px;height:50px;color:#ff6600;background:#fff;text-align:center;display:block;font-size:22px;border-radius:50px;font-weight:bold}
.fwwy a:hover{color:#fff;background:#ff6600}
.fwwy ul{display:flex;justify-content:space-between}
.fwwy ul li{color:#666666;text-align:center;font-size: 20px;}
.fwwy ul li i{display:block;height:250px;width:250px;margin-bottom:40px}
.fwwy ul>em{display:block;height:12px;width:200px;background:url(../../image/b2bimg/jt.png) no-repeat center;margin-top:100px}
.fwwy ul li span{font-size:18px;font-weight:bold;display:block;margin-bottom:10px}
.fwwy ul li.ico1 i{background:url(../../image/b2bimg/sq1.png) no-repeat center}
.fwwy ul li.ico2 i{background:url(../../image/b2bimg/sq2.png) no-repeat center}
.fwwy ul li.ico3 i{background:url(../../image/b2bimg/sq3.png) no-repeat center}
.vs{padding:80px 0;}
.vs .w1400 img{width:100%}
.zjaq_bg1{background:url(../../image/b2bimg/zjaq.jpg) no-repeat center;}
.zjaq_bg2{background:url(../../image/b2bimg/lian.jpg) no-repeat center;}
.zjaq{padding:80px 0 0}
.zjaq dl{display:flex;justify-content:space-between}
.zjaq dl dt{}
.zjaq dl dt h3{font-size:30px}
.zjaq dl dt ul li{margin-top:45px;padding-left:118px}
.zjaq dl dt ul li.ico1{background:url(../../image/b2bimg/zj1.png) no-repeat left center;height:108px;line-height:108px}
.zjaq dl dt ul li.ico2{background:url(../../image/b2bimg/zj2.png) no-repeat left center;height:108px;line-height:108px}
.zjaq dl dt ul li.ico3{background:url(../../image/b2bimg/zj3.png) no-repeat left center;height:108px;line-height:108px}
.zjaq dl dt ul li.ico4{background:url(../../image/b2bimg/zj4.png) no-repeat left center;height:108px;line-height:108px}
.zjaq dl dt ul li.ico5{background:url(../../image/b2bimg/zj5.png) no-repeat left center;height:108px;line-height:108px}
.zjaq dl dt ul li.ico6{background:url(../../image/b2bimg/zj6.png) no-repeat left center;height:108px;line-height:108px}
.zjaq dl dt ul li span{display:block;font-size:24px;font-weight:bold}
.zjaq dl dt ul li p{color:#666666;line-height:2;margin-top:15px}
.zjaq dl img{width:100%}
.gysjj{margin-top:80px;padding:80px 0;background:url(../../image/b2bimg/aboutbg.jpg) no-repeat center}
.gysjj .bta span{color:#fff}
.gysjj .bta p{color:#fff}
.jjr{line-height:0;float:left;width:50%;position:relative;height: 368px;}
.jjl{float: left;width: 50%;background: #fff;padding: 30px 38px;box-sizing: border-box;height: 368px;}
.jjl h3{font-size:50px;margin-bottom:30px}
.jjl h3 span{padding-left:15px;vertical-align:middle;font-size:24px}
.jjl b{color:#333;font-weight: bolder;}
.jjl>p{line-height:2;color:#666;font-size:16px}
.gysjj a{margin:60px auto 0;width:360px;line-height:50px;height:50px;color:#fff;background:#ff6600;text-align:center;display:block;font-size:22px;border-radius:50px;font-weight:bold}
.gysjj a:hover{background:#ff3d00}
.zxzx{background:#1f3a7b;padding:70px 90px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:-150px;position:relative}
.zxzx .zxleft{padding:46px 0 46px 220px;background:url(../../image/b2bimg/dun.png) left center no-repeat}
.zxzx h3{font-size:46px;margin-bottom:25px;font-weight:bold;color:#fff}
.zxzx span{display:block;font-size:24px;margin-bottom:30px;color:#fff}
.zxzx a{line-height: 65px;height: 65px;font-size: 26px;color: #fff;display: inline-block;padding: 0 70px;background: #ff7111;font-weight: bold;border-radius: 10px;}
.zxzx a:hover{background:#ff6600;color:#fff}
.footer{background:#1e2433;padding:230px 0 50px}
.footl{float:left;width:160px}
.footl img{display:block;margin-bottom:40px;width:100%}
.footl span{color:#fff;display:block;font-size:20px;line-height:2}
.footc{float:left;width:380px}
.footc h3 a{font-size:24px;color:#fff;font-weight:bold}
.footc ul{float:left;margin-left:70px}
.footc ul:nth-child(3){margin-right:0}
.footc ul li{margin-top:25px}
.footc ul li a{color:#fff}
.footr{float:right;width:460px;background:#303543;padding:25px;border-radius:20px}
.footr dl{display:flex;justify-content:space-between}
.footr dl dt{width:320px;line-height:2.5;margin-left:20px}
.footr dl dt span{display:block;color:#fff}
.footr dl dd{width:160px;flex:0 0 160px}
.footr img{width:100%}
.db{line-height:69px;height:69px;color:#fff;text-align:center;background:#1e2433;border-top:1px #353a48 solid}
.db a{color:#fff}

 
.anima {
        animation-name: likes; 
        animation-direction: alternate; 
        animation-timing-function: linear; 
        animation-delay: 0s; 
        animation-iteration-count: infinite; 
        animation-duration: 1s; 
}

@keyframes likes {
         0%{
              transform: scale(1);
           }
         
           50%{
              transform: scale(0.95);
           }
  
           100%{
              transform: scale(1);
           }
    }

@media screen and (max-width:640px){
body{padding-top:50px}
.header{height:50px}
.logo{padding-left:20px}
.logo a{height:50px;line-height:50px}
.logo a img{height:30px;display:inline-block}
.nav li a{line-height:30px;padding:0 15px;margin:10px 10px 0 10px;    font-size: 14px;}
.hbg{position:fixed;display:none;z-index:9;background:rgb(0 0 0 / 38%);width:100%;height:100%;left:0;top:0}
.hbg.on{display:block}
.w1400{width:100%}
.banner{background-size:auto 100%;height:auto;padding-bottom:20px;background:url(../../image/b2bimg/wbanner.jpg) no-repeat center}
.aqhg{height: 300px;}
.banner h3{font-size:20px}
.banner p{font-size:14px;margin:20px 0}
.banner_l{height:300px;padding:0 20px;width:100%;box-sizing:border-box;float:none}
.banner_r li{font-size:14px}
.banner_l ul li{background-size:15px auto;font-size:12px}
.banner_l a{font-size:13px;padding:0 10px;line-height:40px;height:40px;border-radius:40px;margin-top: 20px;}
.banner_r{float:none;width:100%}
.banner_r .form{margin:20px}
.banner_l h3,.banner_l p,.banner_l p span{display: block;}
.banner_l ul{margin-top: 0px;}
.hxgn{padding:30px 0}
.hxgn ul{padding:0 20px}
.hxgn ul li{width:48%;margin-right:4%;margin-bottom:4%;padding:20px;background-size:100% auto !important}
.hxgn ul li h3{font-size:18px;margin-bottom:10px}
.hxgn ul li:nth-child(2n){margin-right:0}
.hxgn ul li p{font-size:13px}
.bta{margin-bottom:30px}
.bta span{font-size:30px}
.banner_r .form .m_tit{display: none;}
.cpys{padding:20px}
.cpys ul{background:none}
.cpys ul li{width:100%;padding:20px;margin-bottom:20px;float:none;background-size:100px;margin-right:0}
.cpys ul li i{display:block;background-size:auto 80px !important;width:80px;height:120px;flex:0 0 80px}
.cpys ul li>div{margin-right:0px}
.cpys ul li h3{font-size:18px;margin:10px 0}
.cpys ul li p{font-size:14px}
.gysjj{padding:20px;margin-top:0;background-size:auto 100%}
.gysjj a{margin:20px auto 0;width:300px;line-height:40px;height:40px;font-size:18px;border-radius:40px}
.jjl{float:none;width:100%;padding:20px;height:auto}
.jjl h3{font-size:30px;margin-bottom:20px}
.jjl h3 span{font-size:16px}
.jjr{height:auto;float:none;width:100%}
.jjr img {height: auto;!important}
.clch{padding:20px}
.clch ul li{width:100%;height:auto;float:none;margin-bottom:20px;padding:20px}
.clch ul li h3{font-size:18px;margin:15px 0}
.clch ul li p{font-size:14px}
.clch ul li i{    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    left: 20px;
    top: 20px;
    background-size: auto 20px !important;}
.clch ul li:nth-child(2n){margin-right:0}
.clch ul li:nth-child(3){margin-right:2%}
.fwwy{padding:20px;background:url(../../image/b2bimg/sqff.jpg) no-repeat center;background-size:auto 100%}
.fwwy ul{flex-direction:column}
.fwwy ul li{margin-bottom:20px}
.fwwy ul li i{height:90px;margin-bottom:20px;background-size:auto 90px !important;width: auto;}
.fwwy a{margin:0px auto;width:300px;line-height:40px;height:40px;font-size:18px;border-radius:40px}
.zjaq{padding:20px;background:url(../../image/b2bimg/sqff.jpg) no-repeat center;background-size:auto 100%}
.zjaq dl{flex-direction:column}
.zjaq dl dt h3{font-size:20px;text-align:center}
.zjaq dl dt ul li{margin-top:20px}
.zjaq dl dt ul li span{font-size:20px}
.zjaq dl dt ul li p{font-size:14px;margin-top:5px}
.zjaq dl dt{margin-bottom:20px}
.zjaq dl dd{margin-bottom:20px}
.zxzx{padding:30px 20px;text-align:center;flex-direction:column;margin-bottom:-20px}
.zxzx .zxleft{padding:12px 0 12px 80px;background:url(../../image/b2bimg/dun.png) left center no-repeat;background-size:60px}
.zxzx h3{font-size:24px;margin-bottom:5px;font-weight:bold;color:#fff}
.zxzx span{font-size:16px;margin-bottom:0}
.zxzx p{font-size:18px;margin-bottom:20px}
.zxzx a{line-height:40px;height:40px;font-size:14px;display:inline-block;padding:0 40px}
.footer{padding:20px;background-size:auto 100%}
.footl{float:none;width:100%;text-align:center;margin-bottom:20px}
.footl img{margin:20px auto;height:35px;width:auto}
.footl p{font-size:14px}
.footc{text-align:center;width:100%;float:none;margin-left:0;overflow:hidden;margin-bottom:20px;display: none;
}
.footc dl dt{font-size:20px}
.footc dl li a{font-size:14px}
.footl span{font-size:16px}
.footr{box-sizing:border-box;float:none;width:100%}
.footr dl dt{text-align:center;width:100%;line-height:2}
.footr dl dt a{margin:10px auto;font-size:18px;width:160px;line-height:40px;height:40px}
.footr dl dd{width:200px}
.footc ul{float:left;margin-left:0;width:50%}
.footr dl dt u{font-size:24px}
.footr dl dt span{font-size: 14px;}
.footr dl{display:flex;justify-content:space-between;flex-direction:column;align-items:center}
.db{height:auto;text-align:center;line-height:2;font-size:12px;padding:0 20px}
.db a{font-size:12px}
}
@media screen and (max-width:420px){
    .hxgn ul li h3{margin:20px 0 10px}
.banner_r .form h3 span{font-size:24px}
.hxgn ul li i{width:60px;height:60px;background-size:40px !important}
.bta p{font-size:14px}
}
@media screen and (max-width:390px){
.zxzx h3{font-size:22px}
.bta span{font-size:24px}
.hxgn ul li{padding:15px}
}