@charset "UTF-8";@font-face{font-family:'bebas';src:url("fonts/BEBAS.eot");src:url("fonts/BEBAS.eot") format("embedded-opentype"),url("fonts/BEBAS.woff2") format("woff2"),url("fonts/BEBAS.woff") format("woff"),url("fonts/BEBAS.ttf") format("truetype"),url("fonts/BEBAS.svg#BEBAS") format("svg")}
@font-face{font-family:'din';src:url("fonts/DIN-Regular.eot");src:url("fonts/DIN-Regular.eot") format("embedded-opentype"),url("fonts/DIN-Regular.woff") format("woff"),url("fonts/DIN-Regular.ttf") format("truetype"),url("fonts/DIN-Regular.svg#DIN-Regular") format("svg")}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}footer .bot{overflow:hidden}
.hh-head .images{overflow:hidden}
.hh-head .swiper-container,.hh-head .tit-swiper{height:100%}
.wl-contact .network .y-table .th3{position:relative;padding-right:130px!important}
.wl-contact .network .y-table .th3d{min-height:80px}
.wl-contact .network .y-table .th3 .gh:hover img{transform:scale3d(3,3,1);transition:.5s ease;z-index:20}
.wl-contact .network .y-table .th3 img{position:absolute;max-width:65px;max-height:85%;right:75px;top:0;bottom:0;margin:auto;transition:.5s ease}
.wl-contact .network .y-table .tr .th3{padding-right:130px!important}
@-webkit-keyframes y{0%{-webkit-transform:translateY(0)}
50%{-webkit-transform:translateY(25px)}
100%{-webkit-transform:translateY(0)}
}a{transition:0.8s cubic-bezier(0.6,0.2,0.1,1)}
a:hover{transition:0.8s cubic-bezier(0.6,0.2,0.1,1)}
.klbox{position:relative}
.mil{width:100%;font-size:12px;text-align:center;float:left}
.appli_details .conbox .li .biaoti{font-size:18px;color:#333}
.pro_top .pro03 .pro03_ul .li .img .i1{opacity:1}
.pro_top .pro03 .pro03_ul .li .img img{position:static}
.pro_top .pro03 .pro03_ul .li .img img.i3{opacity:1}
@-webkit-keyframes circle-inner{0%{-webkit-transform:rotate(0deg)}
10.7%{-webkit-transform:rotate(90deg)}
25%{-webkit-transform:rotate(90deg)}
35.7%{-webkit-transform:rotate(180deg)}
50%{-webkit-transform:rotate(180deg)}
60.7%{-webkit-transform:rotate(270deg)}
75%{-webkit-transform:rotate(270deg)}
85.7%{-webkit-transform:rotate(360deg)}
100%{-webkit-transform:rotate(360deg)}
}@-moz-keyframes circle-inner{0%{-webkit-transform:rotate(0deg)}
10.7%{-webkit-transform:rotate(90deg)}
25%{-webkit-transform:rotate(90deg)}
35.7%{-webkit-transform:rotate(180deg)}
50%{-webkit-transform:rotate(180deg)}
60.7%{-webkit-transform:rotate(270deg)}
75%{-webkit-transform:rotate(270deg)}
85.7%{-webkit-transform:rotate(360deg)}
100%{-webkit-transform:rotate(360deg)}
}@-o-keyframes circle-inner{0%{-webkit-transform:rotate(0deg)}
10.7%{-webkit-transform:rotate(90deg)}
25%{-webkit-transform:rotate(90deg)}
35.7%{-webkit-transform:rotate(180deg)}
50%{-webkit-transform:rotate(180deg)}
60.7%{-webkit-transform:rotate(270deg)}
75%{-webkit-transform:rotate(270deg)}
85.7%{-webkit-transform:rotate(360deg)}
100%{-webkit-transform:rotate(360deg)}
}@keyframes circle-inner{0%{-webkit-transform:rotate(0deg)}
10.7%{-webkit-transform:rotate(90deg)}
25%{-webkit-transform:rotate(90deg)}
35.7%{-webkit-transform:rotate(180deg)}
50%{-webkit-transform:rotate(180deg)}
60.7%{-webkit-transform:rotate(270deg)}
75%{-webkit-transform:rotate(270deg)}
85.7%{-webkit-transform:rotate(360deg)}
100%{-webkit-transform:rotate(360deg)}
}body,html{font-family:"Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC",sans-serif}
img{max-width:100%}
body{max-width:1920px;margin:0 auto}
.m-header{height:48px}
.m-header .w-header.fixed{width:100%;position:fixed;top:0;left:0;background:#ffffff}
.planningm{position:relative}
.planningm .words{font-size:20px;line-height:36px;color:#666666;width:735px}
.planningm .words .t0{font-size:36px;color:#0256b1;line-height:1;margin-bottom:38px}
.planningm .words .t3{margin-top:85px;text-align:right}
.w1300{width:1300px;margin:0 auto}
.w1200{width:1200px;margin:0 auto}
.w1450{width:1450px;margin:0 auto}
.hh-head{height:50px;background:#333333;font-size:14px;color:#ffffff;padding:10px 40px;box-sizing:border-box;font-size:14px;line-height:30px}
.hh-head .images{height:100%}
.hh-head .right{font-size:18px;color:#0256b1;font-weight:bold;font-family:Arial}
.hh-head  a{display:block;height:100%;margin:0 3px;transition:.5s}
.hh-head  a:hover{opacity:.8;transition:.5s}
.hh-head  a img{height:100%}
.k1box{position:relative}
#header{background:#fff;position:relative;z-index:10;width:100%}
#header .header0{position:relative;width:100%;background:#fff;padding:0 40px;box-sizing:border-box;height:110px}
#header .header0 .headerbox{box-shadow:0 2px 0px rgba(0,0,0,0.05);height:110px;box-sizing:border-box}
#header .header0.fixed{position:fixed;top:0;left:0}
#header .bocweb-nav .bocweb-subnav{float:left;text-align:center;margin:0 10px;padding: 0 16px;}
#header .bocweb-nav .bocweb-subnav:hover a.subnav-top,#header .bocweb-nav .bocweb-subnav.cur a.subnav-top{color:#0256b1}
#header .bocweb-nav .bocweb-subnav:hover a.subnav-top:after,#header .bocweb-nav .bocweb-subnav.cur a.subnav-top:after{transition:.5s;width:100%;opacity:1}
#header .bocweb-nav .k1{padding:15px;position:absolute;width:135px;top:110px;left:0;display:none;background:#ffffff;box-sizing:border-box;z-index:5}
#header .bocweb-nav .k1.kk  .li{width:50%;float:left}
#header .bocweb-nav .bocweb-subnav.d03 .subnav-bot.kk{width:320px}
#header .bocweb-nav .k1 .li{display:block;font-size:14px;color:#666;line-height:1.5;padding:10px 5px;width:100%;text-align:left;border-bottom:1px solid #eaeaea;box-sizing:border-box}
#header .bocweb-nav .k1 .li:hover,#header .bocweb-nav .k1 .li.cur{color:#0256b1}
#header .bocweb-nav .k2{height:665px;width:100%;position:absolute;left:0;top:110px;box-sizing:border-box;display:none;z-index:5}
#header .bocweb-nav .k2 .n3box{background:#ffffff}
#header .bocweb-nav .k2 .fr{width:420px;height:257px;overflow:hidden}
#header .bocweb-nav .k2 .ul{width:780px;text-align:left}
#header .bocweb-nav .k2 .ul .li{float:left;margin-right:112px}
#header .bocweb-nav .k2 .ul .li:nth-child(4n+4){margin-right:0}
#header .bocweb-nav .k2 .ul .litop{color:#0256b1;font-size:24px;line-height:1;margin-bottom:24px}
#header .bocweb-nav .k2 .ul a.atop{display:block;font-size:16px;color:#666666;line-height:32px}
#header .bocweb-nav .k2 .ul a.atop:hover,#header .bocweb-nav .k2 .ul a.atop.cur{color:#0256b1}
#header .bocweb-nav .k2 .teread{height:100%}
#header .bocweb-nav .k2 .teread .left{width:28%;height:100%;background:#e8e8e8;padding:40px;padding-top:50px;box-sizing:border-box}
#header .bocweb-nav .k2 .teread .left .span{width:100%;background:#ffffff;color:#333333;font-size:18px;height:60px;line-height:60px;margin-bottom:15px;text-align:left;position:relative;padding-left:30px;box-sizing:border-box;cursor:pointer;transition:.5s}
#header .bocweb-nav .k2 .teread .left .span:hover,#header .bocweb-nav .k2 .teread .left .span.cur{background:#0256b1;transition:.5s;color:#ffffff}
#header .bocweb-nav .k2 .teread .left .span:hover:after,#header .bocweb-nav .k2 .teread .left .span.cur:after{background:url(../images/n27.png) no-repeat center;background-size:100%;transition:.5s}
#header .bocweb-nav .k2 .teread .left .span:after{position:absolute;height:15px;width:15px;content:"";background:url(../images/n26.png) no-repeat center;background-size:100%;right:30px;top:0;bottom:0;margin:auto;transition:.5s}
#header .bocweb-nav .k2 .teread .right{width:72%;background:#ffffff;padding:35px;padding-bottom:45px;padding-top:20px;height:100%;box-sizing:border-box}
.bocweb-nav .k2 .teread .right .e-top{padding:20px;box-sizing:border-box}
#header .bocweb-nav .k2 .teread .right .ul{width:100%;margin-top:25px}
#header .bocweb-nav .k2 .teread .right .ul .ultop{font-size:24px;color:#0256b1;line-height:1;padding-bottom:25px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
#header .bocweb-nav .k2 .teread .right .ul .ultop .rop{width:auto;height:auto;overflow:visible;font-size:16px;color:#0256b1;position:relative;padding-left:30px;padding-top:8px;box-sizing:border-box}
#header .bocweb-nav .k2 .teread .right .ul .ultop .rop:hover:after{background:url(../images/k1.png) no-repeat center;background-size:100%;transition:.5s}
#header .bocweb-nav .k2 .teread .right .ul .ultop .rop:after{position:absolute;content:"";width:18px;height:18px;background:url(../images/nk2.png) no-repeat center;background-size:100%;left:0;top:6px;transition:.5s}
#header .bocweb-nav .k2 .teread .right .ul .ulbot{padding-top:30px}
#header .bocweb-nav .k2 .teread .right .ul .ulbot .li{width:30%;margin-right:2%;color:#333333;font-size:14px;line-height:16px;height:16px;padding-left:22px;overflow:hidden;margin-bottom:26px;box-sizing:border-box;position:relative;transition:.5s}
#header .bocweb-nav .k2 .teread .right .ul .ulbot .li:hover,#header .bocweb-nav .k2 .teread .right .ul .ulbot .li.cur{color:#0256b1;transition:.5s}
#header .bocweb-nav .k2 .teread .right .ul .ulbot .li:nth-child(3n+3){margin-right:0}
#header .bocweb-nav .k2 .teread .right .ul .ulbot .li:after{position:absolute;height:5px;width:5px;border-radius:50%;content:"";left:0;top:0;bottom:0;margin:auto;background:#0256b1}
#header .bocweb-nav a.subnav-top{font-size:20px;display:block;line-height:96px;color:#000000;line-height:110px;position:relative}
#header .bocweb-nav a.subnav-top:after{position:absolute;content:"";bottom:0;width:0;height:3px;left:0;right:0;margin:auto;transition:.5s;background:#0256b1;opacity:0}
#header .bocweb-fr{padding-top:40px;box-sizing:border-box;margin-left:60px}
#header .bocweb-fr .li{float:left;width:30px;height:30px}
#header .bocweb-fr .bocweb-search{margin-left:36px;margin-right:10px}
.toTop{position:fixed;cursor:pointer;width:48px;height:48px;background:url(../images/k4.png) no-repeat center center;background-size:100%;right:125px;bottom:90px;cursor:pointer;transition:all 1s}
.toTop:hover{transition:all 1s;background:url(../images/k3.png) no-repeat center center;background-size:100%}
.anix{opacity:0;filter:alpha(opacity=0);transform:translateX(-90px);transition:opacity 1s,transform 1s}
.ani_x{opacity:0;filter:alpha(opacity=0);transform:translateX(90px);transition:opacity 1s,transform 1s}
.aniq{opacity:0;filter:alpha(opacity=0);transform:scale(0);transition:opacity 1s,transform 1s}
.coonbanner .prodetail{opacity:0;filter:alpha(opacity=0);transition:opacity 1s,transform 1s}
.coonbanner.animate .prodetail{opacity:1;filter:alpha(opacity=100);transition:opacity 1s,transform 1s}
.animate .ani_x{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:opacity 1s,transform 1s}
.animate .anix{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:opacity 1s,transform 1s}
.animate .ani_y{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s}
.animate .aniy{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s}
.animate .aniq{opacity:1;filter:alpha(opacity=100);transform:scale(1);transition:opacity 1s,transform 1s}
.animate .delay1{transition-delay:.2s}
.animate .delay2{transition-delay:.4s}
.animate .delay3{transition-delay:.6s}
.animate .delay4{transition-delay:.8s}
.animate .delay5{transition-delay:1s}
.animate .delay6{transition-delay:1.2s}
.bocweb-logo{width:330px;height:108px;display:block;overflow:hidden;transition:none;position:relative}
.bocweb-logo img{width:80%;position:absolute;top:0;bottom:0;margin:auto}
.peres{box-sizing:border-box}
#footer{background:#494949;font-size:13px;color:#ffffff;box-sizing:border-box}
#footer a{color:#888888}
#footer .footer-top{height:320px;padding-top:68px;box-sizing:border-box}
#footer .footer-top .bocweb-footer-contact .contact{float:left;width:175px;padding-left:45px;border-right:1px solid #5c5c5c;box-sizing:border-box;height:215px}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul{width:325px}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul .ul{overflow:hidden}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul .ul .li{float:left;width:50%}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul .ul02{padding-left:45px;box-sizing:border-box}
#footer .footer-top .bocweb-footer-contact .contact.contact01{padding-left:0;width:125px}
#footer .footer-top .bocweb-footer-contact .contact .contact-top{font-size:18px;margin-bottom:12px}
#footer .footer-top .bocweb-footer-contact .contact a{display:block;line-height:24px}
#footer .footer-top .bocweb-footer-contact .contact a:hover{color:#0256b1}
#footer .footer-top .right{width:295px;padding-top:13px;box-sizing:border-box}
#footer .footer-top .right .li.gup{margin-bottom:0;opacity:0}
#footer .footer-top .right .li{margin-bottom:30px}
#footer .footer-top .right .li .tub{width:50px;height:50px;background:#5c5c5c;margin-right:20px}
#footer .footer-top .right .li:hover .tub.tb0{background:url(../images/kb3.png) #28c64d no-repeat center;background-size:100%;transition:.5s}
#footer .footer-top .right .li:hover .tub.tb1{background:url(../images/kb2.png) #ed993f no-repeat center;background-size:100%;transition:.5s}
#footer .footer-top .right .li .tub.tb1{background:url(../images/kb2.png) #5c5c5c no-repeat center;background-size:100%;transition:.5s}
#footer .footer-top .right .li .tub.tb0{background:url(../images/kb3.png) #5c5c5c no-repeat center;background-size:100%;transition:.5s}
#footer .footer-top .right .li.gup span{font-weight:bold;font-size:15px}
#footer .footer-top .right .li .tup{font-size:15px;color:#ffffff;line-height:20px;padding-top:5px;box-sizing:border-box}
#footer .fenxiang{margin-top:40px}
#footer .fenxiang .bdsharebuttonbox a.bds_more{padding:0;margin:0;background:none;position:relative;padding-left:23px;box-sizing:border-box;color:#fff !important;font-size:14px;margin-right:15px;line-height:25px}
#footer .fenxiang .bdsharebuttonbox a.bds_more i{display:block;height:16px;width:16px;background:url(../images/img03.png) no-repeat center;background-size:100%;position:absolute;left:0;top:50%;margin-top:-6px}
#footer .fenxiang .bdsharebuttonbox a.bds_tsina{width:30px;height:30px;padding:0;margin:0;display:inline-block;vertical-align:middle;background:url(../images/img-25.png) no-repeat center;background-size:100%;margin-right:10px;border-radius:50%}
#footer .fenxiang .bdsharebuttonbox a.bds_weixin{width:30px;height:30px;padding:0;margin:0;display:inline-block;vertical-align:middle;background:url(../images/img-26.png) no-repeat center;background-size:100%;margin-right:10px;border-radius:50%}
.footer-bot{line-height:3;font-size:14px;color:#e8e8e8;background:#333333;text-align:center;padding: 20px 0;}
.footer-bot a{color:#888888}
.footer-bot .fb-left .li{float:left;margin-right:30px}
.footer-bot .fb-left .li:hover a{color:#ffffff}
.footer-bot .fb-left .li select{border:none;background:none;outline:none;border:1px solid #616161;height:33px;line-height:33px;width:230px;padding-left:10px;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/img08.png) no-repeat scroll;background-position:200px 10px;cursor:pointer;transition:.5s;color:#ffffff;position:relative}
.video-fixed{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;top:0;left:0;cursor:pointer}
.video-fixed .cha{width:25px;height:25px;background:url(../images/img/x15.png) no-repeat center;background-size:100%;position:absolute;right:5px;top:5px}
.video-fixed .videobox{width:70%;height:80%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;padding:30px;box-sizing:border-box}
.text-biaoqian{text-align:center;margin-bottom:60px}
.text-biaoqian a{display:inline-block;font-size:15px;color:#666;padding:0 15px;background:#ccc;margin:0 5px;transition:.5s}
.text-biaoqian a:hover,.text-biaoqian a.active{transition:.5s;background:#0256b1;color:#ffffff}
.footer-bot .fb-left .li .select{width:230px;display:inline-block;position:relative}
.footer-bot .fb-left .li .select .selecttop{border:1px solid #616161;height:33px;line-height:33px;width:100%;padding-left:10px;box-sizing:border-box;background:url(../images/img08.png) no-repeat scroll;background-position:200px 10px;cursor:pointer;transition:.5s;color:#ffffff}
.footer-bot .fb-left .li .select .selectbot{position:absolute;width:100%;bottom:33px;display:none}
.footer-bot .fb-left .li .select .selectbot a{display:block;line-height:32px;padding-left:10px;box-sizing:border-box;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8)}
.footer-bot .fb-left .li .select .selectbot a:hover{color:#ffffff;background:#333}
#footer .footer-bot .fb-left .li:hover a{color:#ffffff}
.m-footer .righttop{background:#494949;padding:35px 0;box-sizing:border-box}
.m-footer .righttop .ul{text-align:center}
.m-footer .righttop .li{display:inline-block;text-align:left;margin:0 20px}
.m-footer .righttop .li .tub{width:50px;height:50px;background:#5c5c5c;margin-right:20px}
.m-footer .righttop .li .tup{font-size:15px;color:#fff;line-height:20px;padding-top:5px;box-sizing:border-box}
.m-footer .righttop .fenxiang{width:190px;margin:0 auto;margin-top:25px;overflow:hidden}
.m-footer .righttop .fenxiang .bdsharebuttonbox a.bds_more{padding:0;margin:0;background:none;position:relative;padding-left:23px;box-sizing:border-box;color:#fff !important;font-size:14px;margin-right:15px;line-height:25px}
.m-footer .righttop .fenxiang .bdsharebuttonbox a.bds_more i{display:block;height:16px;width:16px;background:url(../images/img03.png) no-repeat center;background-size:100%;position:absolute;left:0;top:50%;margin-top:-3px}
.m-footer .righttop .fenxiang .bdsharebuttonbox a.bds_tsina{width:25px;height:25px;padding:0;margin:0;display:inline-block;vertical-align:middle;background:url(../images/img-25.png) no-repeat center;background-size:100%;margin-right:10px;border-radius:50%}
.m-footer .righttop .fenxiang .bdsharebuttonbox a.bds_weixin{width:25px;height:25px;padding:0;margin:0;display:inline-block;background:url(../images/img-26.png) no-repeat center;background-size:100%;margin-right:10px;border-radius:50%;vertical-align:middle}
.m01{display:none}
.m-header .w-header{position:relative;padding:0 15px;width:100%;box-sizing:border-box;z-index:4;height:48px}
.m-header .welcome-a{float:left;height:48px;display:inline-block;background-size:99%}
.m-header .welcome-a img{max-height:100%}
.m-header .search-cover{float:right;width:35px;height:48px;display:block;line-height:48px}
.m-header .search-cover img{width:100%;vertical-align:middle}
.m-header .uio{float:right;height:48px;width:48px}
.m-header .search-bg{position:fixed;left:0;top:48px;width:100%;height:150px;z-index:10;background:#ffffff;display:none}
.m-header .search-bg .m-close-search{display:block;width:10px;height:10px;background-size:100% auto;position:fixed;right:4%;top:10px;cursor:pointer;z-index:11}
.m-header .search-bg .m-search-box{width:92%;margin:0 auto;border-bottom:1px solid #f2f2f2;position:absolute;left:3%;top:48px;height:40px;z-index:11}
.m-header .search-bg .m-search-box .tex{border:none;font-size:12px;color:#a7a7a7;height:41px;padding-left:5px;box-sizing:border-box;width:60%;background:none}
.m-header .search-bg .m-search-box .search-btn{border:none;width:30px;height:30px;background:url(../images/sousuo01.png) no-repeat center;background-size:100%;margin-top:6px}
.m-header .btn-na{margin-right:15px}
.m-header .nav-btn{position:absolute;right:20px;top:50%;width:31px;height:30px;vertical-align:middle;cursor:pointer;margin-top:-15px}
.m-header .nav-btn .line{position:absolute;display:block;width:100%;height:2px;background-color:#888;left:0;border-radius:4px}
.m-header .nav-btn .line1{top:6px;-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0}
.m-header .nav-btn .line2{top:16px}
.m-header .nav-btn .line3{bottom:1px;-webkit-transform-origin:left bottom 0;-ms-transform-origin:left bottom 0;transform-origin:left bottom 0}
.m-header .nav-btn.active{-webkit-animation:rotate 0.3s linear 0s;animation:rotate 0.3s linear 0s}
.m-header .nav-btn.hover .line{left:6px}
.m-header .sub-menu{width:100%;height:100%;padding:14px 0 0;display:none;position:fixed;left:0;top:48px;background-color:white;z-index:10;color:#666}
.m-header .sub-menu ul{padding:0 12px}
.m-header .sub-menu li{border-bottom:1px solid #dcdcdc}
.m-header .sub-menu .tit{display:block;width:100%;padding:20px 3%;box-sizing:border-box;line-height:33px;color:#666;position:relative;font-size:15px;line-height:18px}
.m-header .sub-menu .tit a{color:#666}
.m-header .sub-menu .sub-tit.on a{color:#ffffff;transition:none}
.m-header .sub-menu .tit1{display:block;width:100%;padding:20px 3%;line-height:33px;color:#666;position:relative;font-size:15px;line-height:18px;box-sizing:border-box}
.m-header .sub-menu .sub-tit:after{content:'';display:block;width:13px;height:13px;background-size:100% auto;position:absolute;right:15px;top:9px}
.m-header .sub-menu .sub-tit.on.on .btn-v{background:url(../images/pro00.png) center center no-repeat;background-size:8px 8px}
.m-header .sub-menu .btn-v{display:inline-block;height:8px;width:8px;float:right;margin-right:16px;margin-top:5px;background:url(../images/pro.png) center center no-repeat;background-size:8px 8px}
.m-header .sub-menu .sub-tit.on{background-color:#0256b1;color:#fff}
.m-header .sub-menu .sub-tit1.on{background-color:#0256b1;color:#fff}
.m-header .sub-menu .sub-tit.on:after{background-size:100% auto}
.m-header .sub-menu .sec-list{line-height:28px;padding:1px 1.5%;display:none}
.m-header .sub-menu .sec-list p{padding:15px 0;line-height:18px;background-size:8px auto;font-size:14px}
.m-header .sub-menu .sec-list a{padding-left:21px;color:#888;display:block}
.banner-img{opacity:0}
.i-banner{position:relative;overflow:hidden}
.i-banner ul li a .boxwen{position:absolute;width:100%;top:0;bottom:0;left:0;margin:auto;text-align:center;line-height:1;height:302px;font-weight:bold}
.i-banner ul li a .boxwen .tit1{font-size:40px;line-height:1.5;overflow:hidden;color:#0256b1}
.i-banner ul li.read a .boxwen .tit1{}
.i-banner ul li a .boxwen .tit2{font-weight:bold;text-transform:uppercase;font-size:20px;line-height:1.5;overflow:hidden;color:#343331;font-family:Arial;margin-top:15px;margin-bottom:45px}
.i-banner ul li a .boxwen .more{}
.i-banner ul li a .boxwen .more{margin:0 auto;width:220px;height:45px;font-size:18px;line-height:45px;color:#343331;border:1px solid #5c5b5a;transition:.5s;font-weight:normal;border-radius: 50px;}
.i-banner ul li a .boxwen .more:hover{color:#ffffff;background:#0256b1;border-color:#0256b1;transition:.5s}
.i-banner ul{height:100%}
.i-banner li{position:absolute;top:0;left:0%;height:100%;width:100%;overflow:hidden;background-size:cover !important;display:none;opacity:0}
.i-banner li.active{opacity:1}
.i-banner li a{display:block;height:100%;width:100%}
.i-banner .btn{height:auto;position:absolute;left:50%;bottom:20px;z-index:5}
.i-banner .btn span{display:block;text-indent:-9999px;width:15px;height:15px;margin:0 6px;border-radius:50%;border:1px solid #888;-webkit-transition:all .5s;transition:all .5s;cursor:pointer;float:left}
.i-banner .btn span.on{background:#0256b1;border:1px solid #0256b1;-webkit-transition:all .5s;transition:all .5s}
.wel_about{text-align:center;box-sizing:border-box;padding: 200px 40px;}
.wel_about .tit02{margin-top:40px;margin-bottom:40px;text-align:left;}
.wel_about p{text-align:left;margin-left:10px;line-height:40px;}
.wel_about .titul .li{display:inline-block;text-align:center;padding-right:100px;padding-left:100px;border-left:1px solid #e5e5e5;box-sizing:border-box;height:120px;line-height:1}
.wel_about .titul .li:nth-child(1){border-left:none}
.wel_about .titul .li .litop{color:#0256b1;font-size:28px}
.wel_about .titul .li .litop span{font-size:90px;font-family:"din"}
.wel_about .titul .li .libot{font-size:16px;color:#666666;margin-top:10px}
.titbox{text-align:center}
.titbox .tit01{font-size:50px;color:#343331;line-height:50px;height:50px}
.titbox .tit02{line-height:1;font-size:18px;color:#666666;line-height:30px}
.wel_product .titbox{padding-top:105px;box-sizing:border-box}
.wel_product .titbox .tit02{margin-top:22px;margin-bottom:42px;margin-left: 80px;margin-right: 80px;}
.wel_product .product-ul{margin-bottom:40px}
.wel_product .product-ul .li{width:50%;height:370px;float:left;background:#999;color:#333333;font-size:30px;text-align:center;line-height:1;display:block;position:relative}
.wel_product .product-ul .li .li02{padding-top:150px;width:100%;box-sizing:border-box;position:absolute;top:0;left:0}
.wel_product .product-ul .li .li01{width:100%;height:100%}
.wel_product .product-ul .li .imgwen{position:absolute;left:0;top:0;width:100%;height:100%}
.wel_product .product-ul .li:hover .img{transition:.5s}
.wel_product .product-ul .li:hover .span{transition:.5s;background:url(../images/k1.png) no-repeat center;background-size:100%}
.wel_product .product-ul .li.cur{color:#ffffff}
.wel_product .product-ul .li.cur .span{background:url(../images/img131.png) no-repeat center;background-size:100%}
.wel_product .product-ul .li .wen{transition:.5s}
.wel_product .product-ul .li .img{width:80px;height:80px;margin:0 auto;margin-bottom:35px;transition:.5s}
.wel_product .product-ul .li .span{height:35px;width:35px;background:url(../images/k2.png) no-repeat center;background-size:100%;margin:0 auto;margin-top:25px;transition:.5s}
.wel_application{width:100%;height:750px;position:relative}
.wel_application .wen{width:825px;height:305px;position:absolute;top:0;bottom:0;right:0;margin:auto;padding:60px 65px;box-sizing:border-box;display:block;background:#ffffff}
.wel_application .wen .tit01{color:#000000;font-size:36px;line-height:1}
.wel_application .wen .tit02{color:#888888;font-size:16px;line-height:30px;margin-top:18px;height:120px;overflow:hidden}
.wel_application .wen .more{font-size:20px;color:#0256b1;line-height:28px;height:28px;position:relative;padding-left:40px;margin-top:42px}
.wel_application .wen .more:after{position:absolute;content:"";height:28px;width:28px;background:url(../images/more.png) no-repeat center;background-size:100%;left:0;top:0}
.wel_news{padding-top:104px;box-sizing:border-box}
.wel_news .titbox{padding-bottom:79px;box-sizing:border-box}
.wel_news .news-ul{padding-bottom:92px}
.wel_news .news-ul .owl-pagination{text-align:center;margin-top:90px}
.wel_news .news-ul .owl-pagination .owl-page{width:10px;height:10px;background:#000;opacity:0.2;filter:alpha(opacity=20);border-radius:50%;display:inline-block;margin:0 5px}
.wel_news .news-ul .owl-pagination .active{background:#0256b1;opacity:1;filter:alpha(opacity=100)}
.wel_news .news-ul .li{display:block;font-size:14px;color:#666666;line-height:25px;padding-left:110px;padding-right:110px;height:175px;box-sizing:border-box;position:relative}
.wel_news .news-ul .li:hover .wen .h1{color:#0256b1;transition:.5s}
.wel_news .news-ul .li:hover .wen .span{background:url(../images/k1.png) no-repeat center;background-size:100%;transition:.5s}
.wel_news .news-ul .li .time{color:#999999;font-size:36px;line-height:36px;font-family:'din';position:absolute;left:0;top:0}
.wel_news .news-ul .li .wen{padding-left:20px;border-left:1px solid #e5e5e5;height:100%;box-sizing:border-box;font-family:"Noto Sans S Chinese Regular","Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif}
.wel_news .news-ul .li .wen .h1{font-size:20px;color:#000000;line-height:30px;margin-bottom:8px;height:60px;overflow:hidden;transition:.5s}
.wel_news .news-ul .li .wen .h2{overflow:hidden;height:50px;margin-bottom:30px}
.wel_news .news-ul .li .wen .span{width:28px;height:28px;background:url(../images/k2.png) no-repeat center;background-size:100%;transition:.5s}
.mbanner01{display:none}
.aboutbanner{height:500px;text-align:center;position:relative}
.aboutbanner .wen{position:absolute;top:40%;margin:auto;width:100%}
.aboutbanner .h1{font-size:55px;color:#0256b1;font-weight:bold;overflow:hidden;-webkit-text-stroke: 2px #fff;}
.aboutbanner .h2{font-size:16px;color:#888888;width:855px;margin:0 auto;line-height:30px;height:60px;margin-bottom:42px}
.about-xinxi{height:auto;}
.w1460{width:100%;margin: 0 0 0 2.2%;}
.inn-w1460{width:1460px;margin: 0 auto;}
.a-text{display:block;transition:.5s}
.a-text:hover .tit01{color:#0256b1;transition:.5s}
.about_tit{text-align:center;line-height:1;font-size:16px;color:#888888}
.about_tit .tit01{color:#333;font-size:50px}
.about_tit .tit02{font-size:16px;color:#666666}
.about-xinxi{box-sizing:border-box}
.about-xinxi .xinxibox{font-size:15px;color:#666666;padding-top:40px;box-sizing:border-box}
.about-xinxi .xinxibox a{color:#666666}
.about-xinxi .xinxibox a span{color:#0256b1}
.about-xinxi .xinxibox .imgbox{height:30px;line-height:30px}
.about-xinxi .xinxi{border-bottom:1px solid #ededed;margin-top:85px;padding-bottom:20px;box-sizing:border-box}
.about-xinxi .xinxi .titul .li{display:inline-block;border-left:1px solid #e5e5e5;box-sizing:border-box;height:78px;width:420px;text-align:center;margin-bottom:70px}
.about-xinxi .xinxi .titul .li:nth-child(1){border-left:none;}
.about-xinxi .xinxi .titul .li:nth-child(2){}
.about-xinxi .xinxi .titul .li:nth-child(3){}
.about-xinxi .xinxi .titul .li:nth-child(4){}
.about-xinxi .xinxi .titul .li .litop{color:#0256b1;font-size:18px;line-height:1;margin-top:-5px}
.about-xinxi .xinxi .titul .li .litop span{font-size:60px;font-family:"din"}
.about-xinxi .xinxi .titul .li .libot{margin-top:10px}
.nmbox{position:relative;width:126px;height:52px;border:1px solid #e5e5e5;box-sizing:border-box;cursor:pointer}
.nmbox img{position:absolute;top:0;left:0;transition:.5s;width:100%;height:100%}
.nmbox:hover .i0{opacity:0}
.nmbox:hover .i1{opacity:1}
.nmbox:hover img{transition:.5s}
.nmbox .i0{opacity:1}
.nmbox .i1{opacity:0}
.about-pinpai{height:600px;position:relative}
.about-pinpai .pinpai-wen{width:770px;height:365px;position:absolute;left:190px;top:0;bottom:0;margin:auto;text-align:left;padding:45px 42px;background:#ffffff;box-sizing:border-box}
.about-pinpai .pinpai-wen .h2{width:470px;line-height:30px;margin-top:12px;margin-bottom:28px;color:#888}
.about-pinpai .pinpai-wen:hover .h2{color:#888888}
.about-pinpai .pinpai-wen .ul{text-align:center}
.about-pinpai .pinpai-wen .li{float:left;margin-right:10px;margin-bottom:10px}
.tansuo{font-size:20px;color:#ffffff;position:relative;padding-left:40px;height:26px;line-height:26px;overflow:hidden}
.tansuo:hover:after{background:url(../images/img132.png) no-repeat center;background-size:100%;transition:.5s}
.tansuo:after{position:absolute;height:26px;width:26px;content:"";background:url(../images/img131.png) no-repeat center;background-size:100%;left:0;top:0;transition:.5s}
.tansuo.cur{color:#0256b1}
.tansuo.cur:after{background:url(../images/nk2.png) no-repeat center;background-size:100%;transition:.5s}
.tansuo.cur:hover:after{background:url(../images/k1.png) no-repeat center;background-size:100%;transition:.5s}
.coonbanner{height:700px}
.about-fazhan .about_tit{padding-top:100px;padding-bottom:52px;box-sizing:border-box}
.about-fazhan .about_tit .tit02{line-height:30px;width:995px;margin:0 auto;margin-top:22px}
.about-fazhan .fazhan-box{padding-bottom:80px;box-sizing:border-box}
.about-fazhan .fazhan-box .li{width:31%;height:350px;float:left;display:block;margin: 0 0.5% 1% 0.5%;}
.about-fazhan .fazhan-box .li:hover .tansuo{transition:.5s}
.about-fazhan .fazhan-box .li:hover .tansuo:after{background:url(../images/img132.png) no-repeat center;background-size:100%;transition:.5s}
.about-fazhan .fazhan-box .li:hover .tansuo.cur:after{background:url(../images/k1.png) no-repeat center;background-size:100%;transition:.5s}
.about-fazhan .fazhan-box .li:nth-child(1){}
.about-fazhan .fazhan-box .li .li01{line-height:1;font-size:24px;color:#ffffff}
.about-fazhan .fazhan-box .li .li03{font-size:24px;color:#fff;line-height:1;background-color: #0659b2;position: absolute;bottom: 0;padding: 20px;right: 0;}
.about-fazhan .fazhan-box .li:hover .li03{background-color: #ff9900;}

.about-fazhan .fazhan-box .li:hover{}
.about-fazhan .fazhan-box .li .li04{font-size:16px;line-height:18px;color:#666666;height:36px;overflow:hidden}
.about-fazhan .fazhan-box .li .tansuo{margin-top:25px;transition:.5s}
.about-fazhan .fazhan-box .li .li02{font-size:64px;color:#ffffff;font-family:"din";border-bottom:1px solid rgba(255,255,255,0.25);line-height:64px;padding-bottom:20px;box-sizing:border-box;margin-top:30px}
.about-fazhan .fazhan-box .li .li02 span{height:10px;width:10px;display:inline-block;background:#ffffff;border-radius:50%;position:relative;top:-15px;margin:0 15px}
.about-fazhan .fazhan-box .t01{padding:84px 140px 75px  60px;box-sizing:border-box}
.about-fazhan .fazhan-box .t02{padding:84px 80px 75px  60px;box-sizing:border-box;position: relative;}
.about-fazhan .fazhan-box .t02.cur .li01{color:rgba(255,255,255,0.8)}
.about-fazhan .fazhan-box .t02.cur .li04{color:rgba(255,255,255,0.5)}
.about-fazhan .fazhan-box .t02.cur .li03{color:#ffffff}
.about-fazhan .fazhan-box .t02 .li01{line-height:1;font-size:24px;color:#666666}
.about-fazhan .fazhan-box .t02 .tansuo{margin-top:25px}
.about-fazhan .fazhan-box .t03{border:1px solid #e7e5e8}
.about-fazhan .fazhan-box .t04{width:970px;padding:76px 70px;box-sizing:border-box;margin-left:0}
.about-fazhan .fazhan-box .t04 .li04{line-height:40px;width:660px;display:block;overflow:visible;height:auto}
.about-fazhan .fazhan-box .t04 .li04 span{display:block;float:left;padding-left:30px;box-sizing:border-box;position:relative;margin-right:26px;cursor:pointer;transition:.5s}
.about-fazhan .fazhan-box .t04 .li04 span:hover{color:#0256b1;transition:.5s}
.about-fazhan .fazhan-box .t04 .li04 span:hover:after{background:url(../images/k9.png) no-repeat center;background-size:100%;transition:.5s}
.about-fazhan .fazhan-box .t04 .li04 span:after{width:14px;height:14px;content:"";background:url(../images/k8.png) no-repeat center;background-size:100%;left:0;top:50%;margin-top:-7px;position:absolute;transition:.5s}
.e-box-china .e-dian{opacity:1;top:245px;left:500px}
.e-box-vietnam .e-dian{opacity:1;top:375px;left:480px}
.e-box-mexico .e-dian{opacity:1;top:345px;right:340px}
.coonbanner{position:relative}
.coonbanner.table:after{width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,.6))}
.coonbanner .conwen{font-size:50px;color:#fff;padding-top:175px;padding-right:185px;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;text-align:right;z-index:2}
.coonbanner .play{width:60px;height:60px;background:url(../images/img/img34.png) no-repeat center;background-size:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;cursor:pointer;z-index:5}
.box-titbox{font-size:16px;color:#ffffff;line-height:18px;height:18px;padding-top:30px;padding-left:30px;box-sizing:border-box;position:relative;z-index:3;height:48px}
.box-titbox.cur{color:#aaaaaa}
.box-titbox.cur a{color:#aaaaaa}
.box-titbox.cur .dang,.box-titbox.cur a:hover{color:#666666}
.box-titbox.active{color:#888888}
.box-titbox.active a{color:#888888}
.box-titbox.active .dang,.box-titbox.active a:hover{color:#0256b1}
.box-titbox .home span{margin-right:15px}
.box-titbox .dang,.box-titbox a:hover{color:#0256b1}
.box-titbox a{color:#ffffff}
.company-box .top{padding-top:68px;border-bottom:1px solid #ededed;padding-bottom:58px;box-sizing:border-box;overflow:hidden}
.company-box .top .left{font-size:36px;color:#0256b1;line-height:48px;width:850px;overflow:hidden;height:96px}
.company-box .top .left.cur{overflow:hidden;height:144px;width:700px}
.company-box .top .right{font-size:18px;color:#666666;line-height:36px;width:600px;padding-left:50px;box-sizing:border-box;position:relative;overflow:hidden}
.company-box .top .right:after{position:absolute;height:80px;width:1px;content:"";background:#e5e5e5;top:50%;margin-top:-40px;left:0}
.company-box .bot{padding-top:80px;padding-bottom:135px;box-sizing:border-box}
.company-box .bot .ul .li{width:275px;float:left;margin-right:90px;font-size:16px;line-height:30px;display:block;color:#666666}
.company-box .bot .ul .li .img{width:45px;height:45px}
.company-box .bot .ul .li:hover .h1{color:#0256b1;transition:.5s}
.company-box .bot .ul .li:hover .more{color:#0256b1;transition:.5s}
.company-box .bot .ul .li:hover .more:after{background:url(../images/b5.png) no-repeat center;background-size:100%;transition:.5s}
.company-box .bot .ul .li .h1{font-size:24px;color:#000000;line-height:1;margin-top:20px;margin-bottom:22px;transition:.5s}
.company-box .bot .ul .li .more{color:#000000;position:relative;padding-left:36px;height:22px;line-height:22px;box-sizing:border-box;margin-top:32px;transition:.5s}
.company-box .bot .ul .li .more:after{height:22px;width:22px;content:"";position:absolute;left:0;top:0;background:url(../images/c5.png) no-repeat center;background-size:100%;transition:.5s}
.create{padding:60px 0;box-sizing:border-box}
.create .about_tit{padding-top:54px;padding-bottom:64px;box-sizing:border-box}
.create .tit02{width:970px;margin:0 auto;margin-top:34px;line-height:28px}
.create .create_ul .li{margin-bottom:0;}
.create .create_ul .li:hover .img img{transition:.5s;transform:scale3d(1.1,1.1,1)}
.create .create_ul .li .box{width:50%;color:#666666;font-size:16px;line-height:2.5;padding:80px 70px;padding-right:105px;box-sizing:border-box;background:#f5f5f5}
.create .create_ul .li .box .h1{line-height:36px;color:#000000;font-size:30px}
.create .create_ul .li .box .h2{margin-top:20px;height:84px;overflow:hidden}
.create .create_ul .li .img{overflow:hidden;width:50%;height:560px}
.create .create_ul .li .img img{transition:.5s}
.planning{background:#f5f5f5;padding-top:80px;padding-bottom:130px;box-sizing:border-box;margin-bottom:37px}
.planning .planning-box .tit{color:#0256b1;font-size:36px;line-height:1;margin-bottom:60px}
.planning .planning-box .ul .li{width:720px;float:left;height:253px;background:#ffffff;margin-left:20px;margin-bottom:20px;padding-left:180px;padding-top:40px;padding-bottom:45px;border-bottom:5px solid #dbdbdb;box-sizing:border-box;position:relative;cursor:pointer;position:relative}
.planning .planning-box .ul .li:after{position:absolute;height:5px;content:"";bottom:-5px;left:0;width:0;background:#0256b1;transition:.5s}
.planning .planning-box .ul .li .img{position:absolute;left:60px;top:80px}
.planning .planning-box .ul .li:hover:after{width:100%;transition:.5s}
.planning .planning-box .ul .li:hover .i0{opacity:0}
.planning .planning-box .ul .li:hover .i1{opacity:1}
.planning .planning-box .ul .li:hover .wen{color:#111111;font-weight:500;transition:.5s}
.planning .planning-box .ul .li:nth-child(2n+1){margin-left:0}
.planning .planning-box .ul .li .wen{border-left:1px solid #f2f2f2;padding-top:36px;padding-left:40px;height:100%;box-sizing:border-box;font-size:20px;color:#999999;line-height:38px;width:500px;transition:.5s;font-family:"瀹嬩綋"}
.planning .planning-box .ul .li .img{width:75px;height:75px;border:none}
.development .development-top{position:relative;padding:0 45px;box-sizing:border-box}
.development .development-top .gallery-top .nb{font-size:26px;color:#000000;height:60px;background:#ffffff;text-align:center;line-height:60px;transition:.5s;font-family:"din";cursor:pointer}
.development .development-top .gallery-top .nb.active,.development .development-top .gallery-top .nb:hover{background:#0256b1;color:#ffffff;transition:.5s}
.development .development-top .owl-next{width:38px;height:60px;background:url(../images/n13.png) #ffffff no-repeat center;background-size:100%;right:-45px;top:0;margin-top:0;cursor:pointer;transition:.5s;text-indent:-999px;overflow:hidden;position:absolute}
.development .development-top .owl-next:hover,.development .development-top .owl-next.disabled{background:url(../images/n103.png) #0256b1 no-repeat center;background-size:100%;opacity:1;transition:.5s}
.development .development-top .owl-prev{width:38px;height:60px;background:url(../images/n14.png) #ffffff no-repeat center;background-size:100%;margin-top:0;top:0;left:-45px;cursor:pointer;transition:.5s;text-indent:-999px;overflow:hidden;position:absolute}
.development .development-top .owl-prev:hover,.development .development-top .owl-prev.disabled{background:url(../images/n104.png) #0256b1 no-repeat center;background-size:100%;opacity:1;transition:.5s}
.development .development-bot{margin-top:55px}
.development .development-bot .ul{border-top:1px solid #c5c5c5}
.development .development-bot .ul .lio{overflow:hidden;padding-top:45px;padding-bottom:50px;border-bottom:1px solid #e3e3e3;box-sizing:border-box;transition:.5s}
.development .development-bot .ul .lio:hover,.development .development-bot .ul .lio.cur{background:#ffffff;transition:.5s}
.development .development-bot .ul .lio:hover .left,.development .development-bot .ul .lio.cur .left{color:#0256b1;transition:.5s}
.development .development-bot .ul .lio:hover .right,.development .development-bot .ul .lio.cur .right{color:#333333;transition:.5s}
.development .development-bot .ul .lio .left{width:355px;float:left;font-size:48px;color:#000000;line-height:1;font-family:"din";padding-left:40px;box-sizing:border-box;transition:.5s}
.development .development-bot .ul .lio .right{width:1105px;float:right;font-size:18px;color:#999999;line-height:38px;transition:.5s;padding-right:50px;box-sizing:border-box}
.culture .culture_tit{background:#0256b1;height:295px;padding-top:60px;padding-bottom:70px;box-sizing:border-box;overflow:hidden}
.culture .culture_tit .right{width:805px;font-size:18px;color:rgba(255,255,255,0.7);padding-left:60px;padding-right:50px;box-sizing:border-box;height:180px;line-height:36px;overflow:hidden;position:relative}
.culture .culture_tit .right:after{position:absolute;height:165px;width:1px;background:rgba(255,255,255,0.3);content:"";top:0;bottom:0;margin:auto;left:0}
.culture .culture_tit .w1460{height:100%}
.culture .culture_tit .left{font-size:97px;color:#ffffff;line-height:1;height:100%;width:655px;box-sizing:border-box}
.culture .culture_tit .left i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ffffff;margin-left:35px;margin-right:30px;position:relative;top:-30px}
.culture .culture_top:after{position:absolute;content:"";height:23px;width:1px;background:#e5e5e5;right:0;top:50%;margin-top:-11.5px}
.culture .culture_top .li{width:100%;height:85px;line-height:85px;font-size:20px;color:#111111;text-align:center;position:relative;cursor:pointer;transition:.5s}
.culture .culture_top .li.active,.culture .culture_top .li:hover{color:#0256b1;transition:.5s}
.culture .culture_top .li.active:before,.culture .culture_top .li:hover:before{width:100%;transition:.5s}
.culture .culture_top .li:before{position:absolute;height:2px;background:#0256b1;width:0;bottom:0;left:0;right:0;margin:auto;content:"";transition:.5s}
.culture .culture_top .li:after{position:absolute;content:"";height:23px;width:1px;background:#e5e5e5;left:0;top:50%;margin-top:-11.5px}
.culture .culture_bot{font-size:18px;color:#666666;line-height:48px;padding-top:20px;box-sizing:border-box;background:#f6f6f6;margin-bottom:55px}
.culture .culture_bot .li{position:relative;padding-top:50px;padding-bottom:75px;border-top:1px solid #dddddd}
.culture .culture_bot .li:nth-child(1){border-top:1px solid transparent}
.culture .culture_bot .left{color:#0256b1;position:absolute;line-height:1;font-size:24px}
.brand .brand_tit{font-size:36px;color:#0256b1;line-height:48px;border-bottom:1px solid #ededed;padding-top:18px;padding-bottom:18px;box-sizing:border-box;font-weight: bold;}
.brand .brand_top{font-size:18px;color:#666666;line-height:36px;padding-top:39px;padding-bottom:11px;box-sizing:border-box}
.brand .brand_top .left{width:600px;padding-right:60px;box-sizing:border-box;position:relative}
.brand .brand_top .left:after{width:1px;height:122px;content:"";position:absolute;background:#ededed;right:0;top:50%;margin-top:-61px}
.brand .brand_top .right{padding-left:70px;width:860px;box-sizing:border-box}
.brand .brand_bottom{margin-top:-60px}
.brand .brand_bottom .tit{font-size:28px;color:#000000;line-height:1;height:60px}
.brand .brand_bottom .tit-img{padding-bottom:18px;border-top:1px solid #ededed;padding-top:37px;box-sizing:border-box}
.brand .brand_bottom .tit-img .li{float:left;width:198px;height:83px;margin-right:10.5714285714px;margin-bottom:12px}
.brand .brand_bottom .tit-box{padding-top:50px;padding-bottom:90px;border-top:1px solid #ededed;box-sizing:border-box}
.brand .brand_bottom .tit-box .title{padding-left:185px;box-sizing:border-box;position:relative}
.brand .brand_bottom .tit-box .txtwen{font-size:18px;color:#666666;line-height:36px;padding-top:36px;box-sizing:border-box}
.brand .brand_bottom .tit-box .txtt{padding-top:40px;padding-bottom:26px;font-size:16px;color:#666666;line-height:32px}
.brand .brand_bottom .tit-box .txtt p{padding-left:30px;box-sizing:border-box;position:relative}
.brand .brand_bottom .tit-box .txtt p:after{position:absolute;height:5px;width:5px;border-radius:50%;background:#0256b1;content:"";left:9px;top:10px}
.brand .brand_bottom .tit-box .txtt .h1{font-size:22px;color:#0256b1;line-height:1;margin-bottom:26px}
.brand .brand_bottom .tit-box .left{height:50px;width:148px;position:absolute;top:0;left:0}
.brand .brand_bottom .tit-box .right{line-height:1;padding-left:28px;height:50px;border-left:1px solid #e5e5e5;box-sizing:border-box}
.brand .brand_bottom .tit-box .right .h1{color:#0256b1;font-size:26px}
.brand .brand_bottom .tit-box .right .h2{color:#444444;font-size:20px;margin-top:4px}
.create.news .tit02{width:auto}
.news .news-ul .liobox{width:470px;display:block}
.news .news-ul .liobox:hover .img img{transition:.5s;transform:scale3d(1.1,1.1,1)}
.news .news-ul .liobox .wen{padding:40px 30px 35px 35px;height:270px;box-sizing:border-box;background:#f0f0f0}
.news .news-ul .liobox .wen .h1{font-size:24px;height:24px;overflow:hidden;color:#000000;line-height:1}
.news .news-ul .liobox .wen .h2{color:#666666;font-size:16px;line-height:28px;height:56px;margin-top:22px;margin-bottom:75px;overflow:hidden}
.news .news-ul .liobox .wen .h3{font-size:16px;color:#999999;line-height:1}
.news .news-ul .liobox .img{width:470px;height:auto;overflow:hidden}
.news .news-ul .liobox .img img{transition:.5s}
.news .news-ul .nbot{margin-top:65px;margin-bottom:70px}
.news .news-ul .nbot .liobox{float:left;margin-left:25px;margin-bottom:25px}
.news .news-ul .nbot .liobox:nth-child(3n+1){margin-left:0}
.news .news-ul .ntop .left{width:965px;height:540px}
.news .news-ul .ntop .left .owl-pagination{position:absolute;text-align:center;bottom:40px;right:30px}
.news .news-ul .ntop .left .owl-pagination .owl-page{display:inline-block;width:9px;height:9px;background:rgba(255,255,255,0.2);border-radius:50%;margin:0 3px}
.news .news-ul .ntop .left .owl-pagination .active{background:#ffffff}
.news .news-ul .ntop .left .txt{position:relative;display:block}
.news .news-ul .ntop .left .txt img{transition:.5s}
.news .news-ul .ntop .left .txt:hover img{transition:.5s;transform:scale3d(1.1,1.1,1)}
.news .news-ul .ntop .left .txt .wen{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:20px;box-sizing:border-box}
.news .news-ul .ntop .left .txt .wen:before{position:absolute;content:"";left:0;height:50%;width:100%;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,0))}
.news .news-ul .ntop .left .txt .wen:after{position:absolute;left:45px;top:0;height:100%;width:1px;background:rgba(255,255,255,0.2)}
.news .news-ul .ntop .left .txt .wen .wenbox{position:absolute;bottom:80px;padding-left:20px;padding-right:10px;content:"";box-sizing:border-box}
.news .news-ul .ntop .left .txt .wen .h1{color:#ffffff;font-size:30px;height:52px;line-height:52px;position:relative;margin-bottom:10px}
.news .news-ul .ntop .left .txt .wen .h1:after{position:absolute;height:53px;width:1px;background:#ffffff;left:-40px;top:0}
.news .news-ul .ntop .left .txt .wen .h2{font-size:16px;color:#ffffff;line-height:28px;height:56px;overflow:hidden}
@keyframes mymove{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}.application .application-tit{background:#0256b1;padding:40px 0;box-sizing:border-box}
.application .application-tit .ul{width:1200px;margin:0 auto;}
.application .application-tit .ul .li{font-size:22px;color:#fff;line-height:1;text-align:center;display:inline-block;padding: 0 20px;}
.application .application-tit .ul .li:hover .img{transition:2s}
.application .application-tit .ul .li.lixun:hover .img{transition:2s}
.application .application-tit .ul .li .img{width:50px;height:50px;margin:0 auto;transition:2s}
.application .application-tit .ul .li .wen{}
.application .application-box{max-height:700px;text-align:center;position:relative;overflow:hidden}
.application .application-box img{transition:.5s}
.application .application-box:hover img{transition:.5s;transform:scale3d(1.06,1.06,1)}
.application .application-box .box{padding-top:90px;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;display:block}
.application .application-box .h1{font-size:48px;color:#ffffff;line-height:1}
.application .application-box .h2{font-size:16px;color:#ffffff;line-height:30px;width:880px;margin:0 auto;margin-top:32px}
.application .application-ul{padding-top:40px;padding-bottom:40px;box-sizing:border-box}
.application .application-ul .li{width:465px;float:left;margin-left:32.5px;display:block;margin-bottom:20px}
.application .application-ul .li:nth-child(3n+1){margin-left:0}
.application .application-ul .li .img{overflow:hidden;width:465px;height:320px}
.application .application-ul .li .img img{transition:.5s}
.application .application-ul .li:hover .img img{transition:.5s;transform:scale3d(1.1,1.1,1)}
.application .application-ul .li:hover .wen .h3{background:url(../images/bn16.png) no-repeat center;background-size:100%;transition:.5s}
.application .application-ul .li .wen{background:#ececec;box-sizing:border-box;position:relative;padding: 40px;}
.application .application-ul .li .wen .h1{color:#000000;font-size:20px;line-height:3}
.application .application-ul .li .wen .h2{color:#666666;font-size:14px;line-height:30px;margin-top:16px;height:60px;overflow:hidden}
.application .application-ul .li .wen .h3{height:25px;width:25px;background:url(../images/n16.png) no-repeat center;background-size:100%;position:absolute;top:45px;right:45px;transition:.5s}
.application .application-ul .owl-pagination{text-align:center;margin-top:30px}
.application .application-ul .owl-pagination .owl-page{width:10px;height:10px;display:inline-block;margin:0 5px;background:#000;opacity:0.2;filter:alpha(opacity=20);border-radius:50%}
.application .application-ul .owl-pagination .owl-page.active{background:#0256b1;opacity:1;filter:alpha(opacity=100)}
.application .application-box .h2{height:60px;overflow:hidden}
.application .application-ul .li .wen .h1{overflow:hidden;}
.brand .brand_bottom .tit-img .li{position:relative}
.brand .brand_bottom .tit-img .li:after{position:absolute;height:8px;width:20px;background:url(../images/sanjiao.png) no-repeat center;background-size:100%;bottom:-8px;left:50%;margin-left:-10px;content:"";opacity:0;transition:.5s}
.brand .brand_bottom .tit-img .li:hover:after,.brand .brand_bottom .tit-img .li.cur:after{opacity:1;transition:.5s}
.brand .brand_bottom .tit-img .li:hover .i0,.brand .brand_bottom .tit-img .li.cur .i0{opacity:0}
.brand .brand_bottom .tit-img .li:hover .i1,.brand .brand_bottom .tit-img .li.cur .i1{opacity:1}
.news .news-ul .ntop .right{background:#f5f5f5}
.appli_details .tit{font-size:36px;line-height:1;color:#000000;padding-left:15px;box-sizing:border-box;margin-bottom:65px}
.appli_details .owl-buttons{position:absolute;right:0;top:-100px}
.appli_details .owl-buttons .owl-prev{height:25px;width:25px;background:url(../images/n17.png) no-repeat center;background-size:100%;display:inline-block;text-indent:-999px;overflow:hidden;transition:.5s}
.appli_details .owl-buttons .owl-prev:hover,.appli_details .owl-buttons .owl-prev.disabled{background:url(../images/n18.png) no-repeat center;background-size:100%;transition:.5s}
.appli_details .owl-buttons .owl-next{height:25px;width:25px;background:url(../images/n20.png) no-repeat center;background-size:100%;display:inline-block;text-indent:-999px;overflow:hidden;transition:.5s;margin-left:15px}
.appli_details .owl-buttons .owl-next:hover,.appli_details .owl-buttons .owl-next.disabled{background:url(../images/n19.png) no-repeat center;background-size:100%;transition:.5s}
.appli_details .conbox .owl-item{border-right:1px solid #ededed}
.appli_details .conbox .li{font-size:16px;color:#666666;line-height:29px;width:350px;margin:0 auto;cursor:pointer;position:relative}
.appli_details .conbox .li:hover .img img{transition:.5s}
.appli_details .conbox .li .img{overflow:hidden;width:350px;height:300px}
.appli_details .conbox .li:hover .img{}
.appli_details .conbox .li .img img{transition:.5s}
.appli_details .conbox .li .wen{padding:38px 40px;padding-bottom:5px;box-sizing:border-box;height:190px}
.appli_details .conbox .li .abou{position:absolute;bottom:0;left:0;width:100%;opacity:0;background:#fff;transition:.5s}
.appli_details .conbox .li:hover .abou{opacity:1;height:100%;transition:.5s}
.lbox{padding-right:4px;box-sizing:border-box}
.w1490{width:1490px;margin:0 auto}
.coonbanner .prodetail{width:100%;height:100%;position:absolute;top:0;left:0}
.pro_top .pro01{height:200px;background:#0256b1;padding-top:50px;padding-bottom:40px;box-sizing:border-box}
.pro_top .pro01 .left{color:#ffffff;font-size:36px;line-height:40px;height:80px;overflow:hidden;width:650px;float:left;padding-right:50px;box-sizing:border-box}
.pro_top .pro01 .right{font-size:18px;color:rgba(255,255,255,0.7);line-height:35px;float:right;width:810px;height:105px;overflow:hidden;padding-left:50px;border-left:1px solid rgba(255,255,255,0.3);box-sizing:border-box}
.pro_top .pro02{padding-top:85px;padding-bottom:90px;box-sizing:border-box}
.pro_top .pro02 .li{width:25%;float:left;position:relative;padding-left:50px;padding-right:40px;box-sizing:border-box}
.pro_top .pro02 .li .k{font-size:36px;color:#cccccc;line-height:1;font-family:"din";position:absolute;left:0;top:0}
.pro_top .pro02 .li .wen{padding-left:25px;border-left:1px solid #0256b1;box-sizing:border-box;height:118px}
.pro_top .pro02 .li .wen .h1{font-size:24px;color:#000000;line-height:1}
.pro_top .pro02 .li .wen .h2{font-size:16px;color:#666666;line-height:29px;margin-top:12px}
.pro_top .pro03{background:#f6f6f6;padding-top:40px;padding-bottom:40px;box-sizing:border-box}
.pro_top .pro03 .pro03_ul .li{width:200px;height:200px;background:#ececec;transition:.5s;float:left;margin-left:50px;position:relative;margin-bottom:45px;border:1px solid #a3a3a3;box-sizing:border-box}
.pro_top .pro03 .pro03_ul .li:nth-child(6n+1){margin-left:0}
.pro_top .pro03 .pro03_ul .li.acbox{padding-top:50px;border-color:transparent;box-sizing:border-box;background:#f6f6f6;width:100%;height:auto;float:none}
.pro_top .pro03 .pro03_ul .li.acbox:hover{background:#f6f6f6;border-color:transparent}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h1{color:#282828;font-size:36px;line-height:1}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h2{font-size:16px;color:#666666;line-height:30px;margin-top:28px}
.pro_top .pro03 .pro03_ul .li:hover{background:#d53d30;border-color:#d53d30;transition:.5s}
.pro_top .pro03 .pro03_ul .li:hover .wen{color:#ececec}
.pro_top .pro03 .pro03_ul .li .img{width:100%;height:100%}
.pro_top .pro03 .pro03_ul .li .img img.i3{position:static;opacity:0}
.pro_top .pro03 .pro03_ul .li .wen{position:absolute;top:0;left:0;font-size:18px;color:#282828;padding-top:90px;padding-left:30px;box-sizing:border-box}
.pro_top .pro04{padding-bottom:80px;box-sizing:border-box}
.pro_top .pro04 table{border-collapse:collapse;border-spacing:0;color:#666;line-height:23px;font-size:14px}
.pro_top .pro04 table thead th{border:1px solid #ccc;background:#FA8900;font-weight:bold;color:#fff;text-align:center;height:47px !important}
.pro_top .pro04 table td{padding:0 12px}
.pro_top .pro04 table tbody tr td{}
.pro_top .pro04 .tit{font-size:36px;line-height:1;padding-top:80px;padding-bottom:45px;box-sizing:border-box}
.pro_top .pro04 .boxul .ul{overflow:hidden;padding-top:15px;padding-bottom:18px;background:#ffffff;font-size:16px;color:#666666;padding-left:45px;padding-right:45px;box-sizing:border-box}
.pro_top .pro04 .boxul .ul:nth-child(2n+1){}
.pro_top .pro04 .boxul .ul .li{float:left;line-height:1;width:50%;padding-left:20px;box-sizing:border-box}
.pro_top .pro04 .boxul .ul .li .left{color:#000000;width:185px;float:left}
.pro_top .pro04 .boxul .ul .li .right{float:left;width:455px;line-height:24px}
.pro_top .pro05{background:#f6f6f6}
.pro_top .pro05 .li01{border-bottom:1px solid #e1e1e1;padding:85px 0;box-sizing:border-box}
.pro_top .pro05 .li .left{float:left}
.pro_top .pro05 .li .right{float:right;width:1005px}
.pro_top .pro05 .li .right .rightli{float:left;box-sizing:border-box}
.pro_top .pro05 .li .right .rightli0{width:260px;border-right:1px solid #a4a4a4}
.pro_top .pro05 .li .right .rightli1{width:430px;border-right:1px solid #a4a4a4;padding:0 70px}
.pro_top .pro05 .li .right .rightli1 .h1 span{width:200px}
.pro_top .pro05 .li .right .rightli2{width:315px;padding-left:60px}
.pro_top .pro05 .li .right .rightli2 .h1 span{width:160px}
.pro_top .pro05 .li .right .h1{color:#0256b1;position:relative;font-family:"bebas"}
.pro_top .pro05 .li .right .h1 span{color:#666666;font-size:14px;line-height:20px;position:absolute;right:0;top:0}
.pro_top .pro05 .li .right .h2{color:#666666;font-size:18px;margin-top:15px}
.pro_top .pro05 .li02{padding-top:70px;padding-bottom:110px}
.pro_top .pro05 .li02 .right{font-size:18px;color:#666666;line-height:35px}
.pro_top .pro05 .li02 .right .boxwen{height:105px;overflow:hidden}
.pro_top .pro05 .li02 .down{width:230px;height:58px;line-height:58px;text-align:center;background:#0256b1;color:#ffffff;display:block;font-size:17px;margin-top:55px;position:relative;padding-left:10px;box-sizing:border-box;transition:.5s}
.pro_top .pro05 .li02 .down:hover{transition:.5s}
.pro_top .pro05 .li02 .down:after{position:absolute;height:20px;width:20px;content:"";background:url(../images/down.png) no-repeat center;background-size:100%;left:45px;top:0;bottom:0;margin:auto}
.pro_top .pro06{padding-bottom:58px;padding-top:80px;box-sizing:border-box}
.pro_top .pro06 .ul{margin-top:50px}
.pro_top .pro06 .ul .li{position:relative;margin-bottom:40px}
.pro_top .pro06 .ul .li:hover .img img{transition:.5s;transform:scale3d(1.1,1.1,1)}
.pro_top .pro06 .ul .li:hover .wen{background:#d53d30;transition:.5s}
.pro_top .pro06 .ul .li:hover .wen .h1{color:#ffffff;transition:.5s}
.pro_top .pro06 .ul .li:hover .wen .h2{color:#ffffff;transition:.5s}
.pro_top .pro06 .ul .li:hover .wen .h3{color:#ffffff;transition:.5s}
.pro_top .pro06 .ul .li:hover .wen .h3:after{background:url(../images/more0.png) no-repeat center;background-size:100%;transition:.5s}
.pro_top .pro06 .ul .li .wen{width:50%;background:#f6f6f6;height:100%;padding:80px 70px 60px 70px;box-sizing:border-box;position:absolute}
.pro_top .pro06 .ul .li .wen .h1{color:#000000;font-size:30px;line-height:1;transition:.5s}
.pro_top .pro06 .ul .li .wen .h2{color:#666666;font-size:16px;line-height:28px;margin-top:22px;overflow:hidden;height:84px;margin-bottom:50px;transition:.5s}
.pro_top .pro06 .ul .li .wen .h3{color:#000000;transition:.5s}
.pro_top .pro06 .ul .li .wen .h3:after{background:url(../images/more1.png) no-repeat center;background-size:100%;transition:.5s}
.pro_top .pro06 .ul .li .img{width:50%;height:350px;overflow:hidden}
.pro_top .pro06 .ul .li .img img{transition:.5s}
.text{line-height:36px;font-size:36px;color:#282828;line-height:1}
.pro07{border-top:1px solid #f6f6f6;padding-top:80px;padding-bottom:60px;box-sizing:border-box}
.pro07 .down{margin-top:50px;padding-bottom:17px;box-sizing:border-box}
.pro07 .down .down_li{display:block;float:left;width:470px;height:100px;font-size:20px;color:#000000;line-height:100px;background:#f6f6f6;padding-left:40px;padding-right:60px;box-sizing:border-box;margin-left:25px;margin-bottom:28px;position:relative;transition:.5s;overflow:hidden;overflow:hidden}
.pro07 .down .down_li:nth-child(3n+1){margin-left:0}
.pro07 .down .down_li:hover{color:#ffffff;transition:.5s;background:#d53d30}
.pro07 .down .down_li:hover:after{background:url(../images/d01.png) no-repeat center;background-size:100%;transition:.5s}
.pro07 .down .down_li:after{position:absolute;height:24px;width:24px;content:"";background:url(../images/d02.png) no-repeat center;background-size:100%;right:30px;top:50%;margin-top:-12px}
.pro_top .pro05 .li .right .h1{min-height:40px}
.section .i-banner ul li a .boxwen .tit2{transition:1s;transform:translateY(60px);opacity:0;filter:alpha(opacity=0)}
.section .i-banner ul li a .boxwen .tit1{transition:1s;transform:translateY(60px);opacity:0;filter:alpha(opacity=0)}
.section .i-banner ul li a .boxwen .more{transition:1s;transform:translateY(60px);opacity:0;filter:alpha(opacity=0)}
.section.animate .i-banner ul li.active a .boxwen .tit2{transition:1s;transform:translateY(0);transition-delay:.1s;opacity:1;filter:alpha(opacity=100)}
.section.animate .i-banner ul li.active a .boxwen .tit1{transition:1s;transform:translateY(0);transition-delay:.1s;opacity:1;filter:alpha(opacity=100);}
.section.animate .i-banner ul li.active a .boxwen .more{transition:1s;transform:translateY(0);transition-delay:.1s;opacity:1;filter:alpha(opacity=100)}
.aboutus{margin-top:80px}
.aboutus .more{margin:0 auto;width:220px;height:45px;font-size:18px;line-height:45px;color:#343331;border:2px solid #5c5b5a;transition:.5s;font-weight:normal;transition:1s;transform:translateY(0);transition-delay:.1s;opacity:1;color:#333;border-color:#333;height:40px;line-height:40px;width:200px;font-size:18px;text-align:center;margin:0;display:inline-block;width:180px;font-size:16px}
.aboutus .more:hover{color:#ffffff;background:#d53d30;border-color:#d53d30;transition:.5s}
.pro08{background:#f6f6f6;padding-top:65px;padding-bottom:90px;box-sizing:border-box;margin-bottom:55px}
.pro08 .pro08_box .pro08_ul{margin-top:18px;padding-bottom:40px;border-bottom:1px solid #e9e9e9;box-sizing:border-box}
.pro08 .pro08_box .pro08_ul .right .span{font-size:16px;color:#000000;height:52px;line-height:52px}
.pro08 .pro08_box .pro08_ul .right .textarea{width:100%;height:218px}
.pro08 .pro08_box .pro08_ul .right textarea{padding:15px;margin:0;width:100%;background:none;border:none;outline:none;background:#ffffff;resize:none;height:100%;box-sizing:border-box}
.pro08 .pro08_box .pro08_ul .right .input{float:right;margin-top:25px}
.pro08 .pro08_box .pro08_ul .right .input input{width:198px;height:45px;background:#d53d30;outline:none;border:none;font-size:16px;color:#ffffff;transition:.5s}
.pro08 .pro08_box .pro08_ul .right .input input:hover{transition:.5s;transform:translateY(-10px)}
.pro08 .pro08_box .pro08_ul .left{width:730px}
.pro08 .pro08_box .pro08_ul .left .li{margin-bottom:17px}
.pro08 .pro08_box .pro08_ul .left .ultop .span{font-size:16px;color:#000000;height:52px;line-height:52px}
.pro08 .pro08_box .pro08_ul .left .ultop .input{height:35px;background:#ffffff}
.pro08 .pro08_box .pro08_ul .left .ultop .input select{background:none;outline:none;border:none;width:100%;height:100%;padding-left:12px;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/bo1.png) no-repeat scroll #fff;background:#fff\9;background-position:310px 15px;cursor:pointer;transition:.5s;font-size:16px;color:#666666}
.pro08 .pro08_box .pro08_ul .left .ultop .input select option{font-size:14px}
.pro08 .pro08_box .pro08_ul .left .ulbot .span{font-size:16px;color:#000000;height:40px;line-height:40px}
.pro08 .pro08_box .pro08_ul .left .ulbot .input{height:35px;background:#ffffff}
.pro08 .pro08_box .pro08_ul .left .ulbot .input input{background:none;outline:none;border:none;width:100%;height:100%;padding-left:15px;box-sizing:border-box}
.pro08 .pro08_box .pro08_ul .left .li{width:345px;margin-right:20px;float:left}
.pro08 .pro08_box .pro08_ul .right{width:730px}
.pro08 .pro08_box2{padding-top:40px;box-sizing:border-box}
.pro08 .pro08_box2 .te-contact .li01{padding-right:40px;border-right:1px solid #dddddd;box-sizing:border-box}
.pro08 .pro08_box2 .te-contact .li02{padding-left:40px;box-sizing:border-box}
.pro08 .pro08_box2 .te-contact .li{float:left;font-size:16px;color:#000000;height:22px;line-height:22px;margin-top:35px}
.pro08 .pro08_box2 .te-contact .li .span{float:left;margin-right:30px}
.pro08 .pro08_box2 .te-contact .li .box{float:left;color:#666666}
.product .application-tit .ul{text-align: center;}
.product .product_ul{margin-bottom:55px}
.product .product_ul .li{position:relative;display:block}
.product .product_ul .li:nth-child(2n+2){background:#f6f6f6}
.product .product_ul .li:nth-child(2n+2) .wen .bwen .nh02{border-bottom:1px solid #eaeaea}
.product .product_ul .li .img{}
.product .product_ul .li .wen{width:67%;position:absolute;height:100%;box-sizing:border-box}
.product .product_ul .li .wen .bwen{top:190px;left:240px;width:750px;position:absolute}
.product .product_ul .li .wen .nh01{font-size:50px;color:#000000;line-height:1}
.product .product_ul .li .wen .nh02{font-size:18px;color:rgba(0,0,0,0.7);line-height:35px;margin-top:25px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #f2f2f2;box-sizing:border-box;max-height:171px;overflow:hidden}
.product .product_ul .li .wen .nh03 .span{float:left;border:1px solid #e9e9e9;box-sizing:border-box;line-height:50px;font-size:18px;color:#000000;box-sizing:border-box;margin-right:19px;position:relative;transition:.5s;cursor:pointer;margin-bottom:20px;text-align: center;padding: 0 30px;}
.product .product_ul .li .wen .nh03 .span:after{position:absolute;content:"";width:15px;height:15px;background:url(../images/n26.png) no-repeat center;background-size:100%;right:20px;top:0;bottom:0;margin:auto;transition:.5s}
.product .product_ul .li .wen .nh03 .span:hover{color:#ffffff;transition:.5s;background:#0256b1}
.product .product_ul .li .wen .nh03 .span:hover:after{background:url(../images/n27.png) no-repeat center;background-size:100%;transition:.5s}
#header .bocweb-fr .bocweb-search{cursor:pointer}
#header .bocweb-fr .bocweb-search .headsearch{position:absolute;width:100%;height:205px;top:110px;left:0;background:#ffffff;padding-top:58px;box-sizing:border-box;display:none}
#header .bocweb-fr .bocweb-search .headsearch .box{width:1350px;margin:0 auto;height:75px;border-bottom:1px solid #f2f2f2}
#header .bocweb-fr .bocweb-search .headsearch .box .input{color:#dbdbdb;font-size:30px;height:75px;position:relative}
#header .bocweb-fr .bocweb-search .headsearch .box .input input{border:none;background:none;outline:none}
#header .bocweb-fr .bocweb-search .headsearch .box .input input[type=text]{width:100%;height:100%}
#header .bocweb-fr .bocweb-search .headsearch .box .input input[type=submit]{width:30px;height:30px;background:url(../images/sousuo01.png) no-repeat center;background-size:100%;text-indent:-999px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-15px}
#header .bocweb-fr .bocweb-search .headsearch .box .input input::-webkit-input-placeholder{color:#dbdbdb}
#header .bocweb-fr .bocweb-search .headsearch .box .input input::-moz-input-placeholder{color:#dbdbdb}
#header .bocweb-fr .bocweb-search .headsearch .box .input input::-ms-input-placeholder{color:#dbdbdb}
.pro-list{background:#fff}
.pro-list .list-top{height:160px;background:#0256b1;padding-top:70px;box-sizing:border-box}
.pro-list .list-top .ul .left{font-size:32px;line-height:1;color:#ffffff}
.pro-list .list-top .ul .right{font-size:14px;line-height:1;color:#ffffff}
.pro-list .list-top .ul .right .nli{float:center;margin-left:55px;padding-top:24px;box-sizing:border-box;cursor:pointer;position:relative;color:rgba(255,255,255,0.7);transition:.5s;line-height: 1.5;}
.pro-list .list-top .ul .right .nli:after{}
.pro-list .list-top .ul .right .nli:hover{color:white;transition:.5s;}
.pro-list .list-top .ul .right .nli.cur{color:white;transition:.5s;font-weight: bold;}
.pro-list .list-top .ul .right .nli:hover:after,.pro-list .list-top .ul .right .nli.cur:after{opacity:1;transition:.5s}
.pro-list .list-top .ul .right .nli:nth-child(1){margin-left:0}
.pro-list .list-bot{box-sizing:border-box;margin-top:43px}
.pro-list .list-bot .ul{margin-bottom:23px}
.pro-list .list-bot .ul .li{width:470px;float:left;margin-left:25px;margin-bottom:40px}
.pro-list .list-bot .ul .li:nth-child(3n+1){margin-left:0}
.pro-list .list-bot .ul .li:hover .img img{transition:.5s;transform:scale3d(1.1,1.1,1)}
.pro-list .list-bot .ul .li:hover .wen:after{background:url(../images/bn16.png) no-repeat center;background-size:100%;transition:.5s}
.pro-list .list-bot .ul .li .img{width:100%;height:300px;overflow:hidden;background:#ffffff;margin-bottom:1px}
.pro-list .list-bot .ul .li .img img{transition:.5s}
.pro-list .list-bot .ul .li .wen{background:#f3f3f3;font-size:14px;line-height:25px;color:#666666;height:215px;padding:40px;box-sizing:border-box;position:relative}
.pro-list .list-bot .ul .li .wen:after{position:absolute;height:20px;content:"";width:20px;background:url(../images/n16.png) no-repeat center;background-size:100%;right:40px;top:48px;transition:.5s}
.pro-list .list-bot .ul .li .wen .h01{font-size:24px;color:#000000;line-height:38px;max-height:80px;overflow:hidden;width:310px}
.pro-list .list-bot .ul .li .wen .h02{max-height:50px;overflow:hidden;margin-top:12px}
.list-cebian{height:260px;position:fixed;top:380px;left:40px;display:none}
.list-cebian .tit{margin-bottom:2px;position:relative;width:63px;height:63px}
.list-cebian .tit:hover .img{background:#0256b1}
.list-cebian .tit:hover .img img{transition:.5s}
.list-cebian .tit:hover .img .i0{opacity:1}
.list-cebian .tit:hover .img .i1{opacity:0}
.list-cebian .tit:hover .wen{background:#0256b1;left:64px;width:140px;transition:.5s}
.list-cebian .tit .img{width:63px;height:63px;position:relative;background:#ffffff;cursor:pointer}
.list-cebian .tit .img img{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;transition:.5s}
.list-cebian .tit .img .i0{opacity:0}
.list-cebian .tit .img .i1{opacity:1}
.list-cebian .tit .wen{position:absolute;font-size:18px;color:#ffffff;line-height:63px;height:63px;left:63px;top:0;width:0;text-align:center;transition:.5s;overflow:hidden}
.list-cebian .tit .wen a{color:#ffffff}
.pro-list .list-bot .textboxul{display:none}
.y-erweima{position:relative;cursor:pointer}
.y-erweima .tupian{position:absolute;height:100px;width:100px;top:0;left:-110px;display:none}
#footer .footer-top .right .li{display:block}
.coonbanner .conwen{font-weight:bold}
.brand .brand_bottom .tit-box .txtwen .txt{width:85%}
.development-tyop{padding-top:98px}
.development-tyop .planning-box .tit{margin-bottom:50px}
.product .product_ul .li .wen .bwen{top:160px;left:215px}
@keyframes myfirst{0%{transform:scale(0);opacity:1}
100%{transform:scale(2);opacity:0}
}.e-dian{position:absolute;width:60px;height:60px;opacity:0}
.e-dian .wen{color:#000000;font-size:14px;position:absolute;right:-25px;height:60px;line-height:60px}
.e-dian img{position:absolute;top:0;left:0;width:60px;height:60px}
.e-dian .dian1{transform:scale(1.1)}
.e-dian .dian2{animation:myfirst 2s infinite linear;transform:scale(0)}
.e-dian .dian3{animation:myfirst 2s infinite linear 1s;transform:scale(0)}
.e-box{width:265px;height:160px;position:absolute;top:175px;left:40px}
.e-dian.e1{left:40px;top:15px;opacity:1}
.e-dian.e1 .wen{left:-25px;right:auto}
.e-dian.e2{left:90px;top:13px;opacity:1}
.e-dian.e3{left:155px;top:10px;opacity:1}
.e-dian.e4{left:95px;top:50px;opacity:1}
.e-dian.e4 .wen{top:-6px}
.e-dian.e5{left:140px;top:70px;opacity:1}
.e-dian.e5 .wen{right:-50px}
.e-dian.e6{left:100px;top:85px;opacity:1}
.e-dian.e6 .wen{top:10px;right:-40px}
.pro_top .pro03 .pro03_ul .ultop .li.acbox{display:none}
.pro_top .pro05 .li .right .h3{display:none;font-size:12px;line-height:15px;color:#666666;margin-top:5px}
#mbanner01 .pagination{position:absolute;bottom:20px;text-align:center;z-index:2;width:100%}
#mbanner01 .pagination .swiper-pagination-switch{width:10px;height:10px;border-radius:50%;border:1px solid #888;display:inline-block;margin:0 5px}
#mbanner01 .pagination .swiper-pagination-switch.swiper-active-switch{background:#0256b1;border:1px solid #0256b1}
.textmore{width:220px;height:55px;line-height:55px;border:2px solid #c9c9c9;display:block;margin:0 auto;color:#333333;font-size:16px;transition:.5s;text-align:center;cursor:pointer}
.textmore:hover{color:#ffffff;background:#0256b1;border-color:#0256b1;transition:.5s}
.application .application-tit .ul.productul .li{width:25%;float:left}
.aniy{opacity:0;filter:alpha(opacity=0);transform:translateY(-30px);transition:opacity 1s,transform 1s}
.wel_product .product-ul .li.cur:hover .span{background:url(../images/img132.png) no-repeat center;background-size:100%}
.ani_y{opacity:0;filter:alpha(opacity=0);transform:translateY(30px);transition:opacity 1s,transform 1s}
.development .development-bot .ul .lio{opacity:0;filter:alpha(opacity=0);transform:translateY(30px);transition:opacity 1s,transform 1s}
.animate .development .development-bot .ul .lio{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s;transition-delay:.3s}
.e-top{display:none}
.section{overflow:hidden}
.brand .brand_bottom .tit-box .textbox{display:none}
.footer-bot .fb-left .li select option{color:#888}
.headsearch-box{position:fixed;height:100%;width:100%;background:rgba(0,0,0,0.9);z-index:13;top:0;display:none}
.headsearch-box input{border:none;background:none;outline:none}
.headsearch-box .x-box .x-o{position:absolute;right:0;top:10%;cursor:pointer}
.headsearch-box .x-box{width:1200px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.headsearch-box .x-p{text-align:center;width:1200px;margin:0 auto;height:110px;line-height:110px;border-bottom:1px solid #606060;font-size:24px;color:#606060;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.headsearch-box input[type="text"]{text-align:center;position:absolute;width:100%;left:0}
.headsearch-box input[type="submit"]{position:absolute;text-indent:-9999px;right:0;height:35px;width:35px;background:url(../images/sousuo.png) no-repeat center}
.pro_top .pro03 .pro03_ul .li{opacity:0;filter:alpha(opacity=0);transform:scale(0.6);transition:opacity 1s,transform 1s}
.pro_top .pro03.animate .pro03_ul .li{opacity:1;filter:alpha(opacity=100);transform:scale(1);transition:opacity 1s,transform 1s;transition-delay:.4s}
.pro_top .pro02.animate .li:nth-child(1){transition-delay:.2s}
.pro_top .pro02.animate .li:nth-child(2){transition-delay:.4s}
.pro_top .pro02.animate .li:nth-child(3){transition-delay:.6s}
.pro_top .pro02.animate .li:nth-child(4){transition-delay:.8s}
.animate .aniq{opacity:1;filter:alpha(opacity=100);transform:scale(1);transition:opacity 1s,transform 1s}
.pro-list .list-bot .ul .li{opacity:0;filter:alpha(opacity=0);transform:scale(0.6);transition:opacity 1s,transform 1s}
.pro-list .list-bot.animate .ul .li{opacity:1;filter:alpha(opacity=100);transform:scale(1);transition:opacity 1s,transform 1s;transition-delay:.4s}
.coonbanner .conwen{opacity:0;filter:alpha(opacity=0);transform:translateY(30px);transition:opacity 1s,transform 1s}
.coonbanner.animate .conwen{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s}
.company-box .top .left{opacity:0;filter:alpha(opacity=0);transform:translateY(30px);transition:opacity 1s,transform 1s}
.company-box .top.animate .left{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s;transition-delay:.2s}
.company-box .top .right{opacity:0;filter:alpha(opacity=0);transform:translateY(30px);transition:opacity 1s,transform 1s}
.company-box .top.animate .right{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s;transition-delay:.4s}
.company-box .bot .ul .li .h2{height:120px;overflow:hidden}
.company-box .bot .ul .li{opacity:0;filter:alpha(opacity=0);transform:translateY(30px);transition:opacity 1s,transform 1s}
.planning .planning-box .ul .li{opacity:0;filter:alpha(opacity=0);transform:scale(0.8);transition:opacity 1s,transform 1s}
.planning .planning-box.animate .ul .li{opacity:1;filter:alpha(opacity=100);transform:scale(1);transition:opacity 1s,transform 1s;transition-delay:.4s}
.company-box .bot.animate .ul .li{opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:opacity 1s,transform 1s}
.company-box .bot.animate .ul .li:nth-child(1){transition-delay:.6s}
.company-box .bot.animate .ul .li:nth-child(2){transition-delay:.8s}
.company-box .bot.animate .ul .li:nth-child(3){transition-delay:1s}
.company-box .bot.animate .ul .li:nth-child(4){transition-delay:1.2s}
.application .application-tit.animate .ul{transition-delay:.2s}
.create .create_ul .li .fr{opacity:0;filter:alpha(opacity=0);transform:translateX(90px);transition:opacity 1s,transform 1s}
.create .create_ul .li .fl{opacity:0;filter:alpha(opacity=0);transform:translateX(-90px);transition:opacity 1s,transform 1s}
.create .create_ul.animate .li .fl,.create .create_ul.animate .li .fr{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:opacity 1s,transform 1s}
.create .create_ul.animate .li .fr{transition-delay:.3s}
.product .product_ul .li .fr{opacity:0;filter:alpha(opacity=0);transform:translateX(90px);transition:opacity 1s,transform 1s}
.product .product_ul .li .fl{opacity:0;filter:alpha(opacity=0);transform:translateX(-90px);transition:opacity 1s,transform 1s}
.product .product_ul .li{overflow:hidden}
.product .product_ul .li.animate .fl,.product .product_ul .li.animate .fr{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:opacity 1s,transform 1s}
.product .product_ul .li.animate .fr{transition-delay:.3s}
#header .bocweb-nav .k2 .teread .right{overflow:hidden}
.news .news-ul .ntop .right{opacity:0;filter:alpha(opacity=0);transform:translateX(90px);transition:opacity 1s,transform 1s}
.news .news-ul .ntop .left{opacity:0;filter:alpha(opacity=0);transform:translateX(-90px);transition:opacity 1s,transform 1s}
.news .news-ul .ntop.animate .left,.news .news-ul .ntop.animate .right{opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:opacity 1s,transform 1s}
.create .create_ul.animate .li .fr{transition-delay:.3s}
.news .news-ul .nbot .liobox{opacity:0;filter:alpha(opacity=0);transform:scale(0.8);transition:opacity 1s,transform 1s}
.news .news-ul .nbot.animate .liobox{opacity:1;filter:alpha(opacity=100);transform:scale(1);transition:opacity 1s,transform 1s;transition-delay:.2s}
.infotit{text-align:center;padding-bottom:40px;border-bottom:solid 1px #ededed;margin-bottom:30px}
.infotit h2{font-size:38px;color:#333;line-height:42px;margin-bottom:30px}
.infotit p{font-size:14px;color:#999;line-height:26px}
.infotit p span{color:#999}
.infotx{font-size:16px;line-height:2;color:#666;overflow: auto;}
.details.info{padding:65px 0}
.infotx img{max-width:100%}
.infotx p{word-wrap:break-word;margin-bottom:20px}
.infoctrl{padding-top:40px;border-top:solid 1px #ededed;margin-top:30px;overflow:hidden}
.pagectrl{float:left;width:80%}
.pagectrl p{font-size:14px;line-height:28px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:75%}
.pagectrl p a{color:#999;display:inline}
.pagectrl p a:hover{color:#0256b1}
.pageback{float:right}
.pageback a{width:198px;height:45px;color:#ffffff;text-align:center;line-height:45px;border:1px solid #eaeaea;display:block;color:#666}
.pageback a:hover{background:#0256b1;font-size:16px;transition:.5s}
.infotit .tit01{font-size:28px;margin-bottom:12px}
.pageback a{font-size:16px}
.pageback a:hover{color:#ffffff}
.infotx img{max-width:100%;height:auto !important}
.infotx p{word-wrap:break-word}
.infotx table{border: solid 1px #282828;}
.infotx table td{padding: 10px;border: solid 1px #282828;}

.infoctrl{padding-top:40px;border-top:solid 1px #ededed;margin-top:30px;overflow:hidden}
.pagectrl{float:left;width:80%}
.pagectrl p{font-size:14px;line-height:28px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:75%}
.pagectrl p a{color:#999;display:inline}
.pagectrl p a:hover{color:#0256b1}
.pageback{float:right}
.infotit{text-align:center;padding-bottom:40px;border-bottom:solid 1px #ededed;margin-bottom:30px}
.infotit h2{font-size:38px;color:#333;line-height:42px;margin-bottom:30px}
.infotit p{font-size:14px;color:#999;line-height:26px}
.infotit p span{color:#999}
#header .bocweb-nav .bocweb-subnav{position:relative}
.pro-list .list-bot .ul .li .img img{width:100%}
#header .bocweb-nav .k3.k2{height:auto;width:530px;box-sizing:border-box;text-align:left;padding-top:0}
.appli_details .conbox .owl-item{width:25%;float:left;box-sizing:border-box;margin-bottom:25px}
.n3box .n3bot{position:absolute;width:330px;background:#f9f9f9;left:245px;top:0;padding:25px;box-sizing:border-box;display:none}
.n3box .n3top{border-bottom:1px solid #e5e5e5;cursor:pointer;display:block;position:relative}
.n3box .n3li .n3top:after{content:"";width:5px;height:10px;position:absolute;top:0;right:10px;bottom:0;margin:auto;background-size:100%;transition:.5s}
.n3box .n3li.cur .n3top:after{background-size:100%;transition:.5s}
.n3box .n3li.cur .n3top{color:#0256b1}
.n3box .n3bot .n3.cur{color:#0256b1}
.n3box{width:270px;padding:15px 25px;padding-bottom:20px;box-sizing:border-box}
.n3top:hover,.n3top.active{color:#0256b1}
.n3box a{display:block;color:#666666}
.n3box a:hover,.n3box a.active{color:#0256b1}
.n3box .n3li{line-height:48px;font-size:14px;position:relative}
@media screen and (max-width:1840px){.product .product_ul .li .wen .bwen{top:16%;left:18%}
}@media screen and (max-width:1600px){.w1450{width:96%}
.planningm .words{width:700px}
.planningm .words .t3{margin-top:65px}
.planningm .words{font-size:18px;line-height:32px}
.planningm .words .t0{font-size:30px;margin-bottom:28px}
.e-box{top:172px;left:35px}
.wel_about .titul .li .litop{font-size:24px}
.wel_about .titul .li .litop span{font-size:70px}
.aboutbanner{height:600px}
.coonbanner{height:600px}
.pro-list .list-bot .ul .li{width:32%;margin-left:2%}
.pro-list .list-bot .ul .li .img{height:350px;line-height:350px}
.pro-list .list-bot .ul .li .img  img{display:inline-block;vertical-align:middle}
.w1490{width:97%}
#footer .footer-top .bocweb-footer-contact .contact.contact01{width:100px}
.appli_details .conbox .li .img{width:100%;height:auto}
.appli_details .conbox .li .img img{width:100%}
.pro_top .pro06 .ul .li .img{height:auto}
.pro_top .pro03 .pro03_ul .li{width:15%;height:auto;margin-left:2%}
.pro_top .pro04 .boxul .ul .li .left{width:24%}
.pro_top .pro04 .boxul .ul .li .right{width:76%}
.pro_top .pro05 .li .right .rightli0{width:26%}
.pro_top .pro05 .li .right .rightli1{width:42%;padding:0 4%}
.pro_top .pro05 .li .right .rightli2{width:32%;padding-left:4%}
.pro07 .down .down_li{width:32%;margin-left:2%}
.pro_top .pro01 .left{width:45%}
.pro_top .pro01 .right{width:55%;padding-left:4%}
.pro_top .pro05 .li .right{width:68%}
.pro_top .pro05 .li .left{width:32%}
.pro_top .pro01{height:auto}
.pro_top .pro01 .right{font-size:16px;line-height:30px;overflow:hidden;height:120px}
.news .news-ul .liobox .wen{height:auto}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul{width:290px}
.bocweb-footer-contact{width:920px}
.appli_details .conbox .li{width:95%}
.w1460{width:98%}
.application .application-ul .li{width:32%;margin-left:2%}
.planning .planning-box .ul .li .wen{width:100%;padding-right:30px}
.appli_details .conbox .li .wen{padding:25px}
.culture .culture_tit .left{width:45%}
.culture .culture_tit .right{width:55%}
.application .application-ul .li:nth-child(3n+1){margin-left:auto}
.application .application-ul .li .img{width:100%;height:200px;}
.about-xinxi .xinxi .titul .li:nth-child(1){width:25%}
.about-xinxi .xinxi .titul .li:nth-child(2){width:25%}
.about-xinxi .xinxi .titul .li:nth-child(3){width:25%}
.about-xinxi .xinxi .titul .li:nth-child(4){width:25%}
.about-xinxi .xinxi .titul .li .litop span{font-size:46px}
.about-fazhan .fazhan-box .li .li03{font-size:35px}
.about-fazhan .fazhan-box .li{width:32%;margin-left:2%}
.about-fazhan .fazhan-box .t04{width:66%;margin-left:0}
.about-fazhan .fazhan-box .t01{padding:84px 100px 75px 60px}
.about-fazhan .fazhan-box .li .li02{font-size:58px}
.toTop{right:88px}
.company-box .top .left{width:50%}
.company-box .top .right{width:48%;height:auto;display:block;overflow:visible}
.company-box .bot .ul .li{width:23%;margin-right:2%}
.brand .brand_top .left{width:42%;padding-right:2%}
.brand .brand_top .right{width:58%;padding-left:2%}
.development .development-bot .ul .lio .left{width:24%}
.development .development-bot .ul .lio .right{width:75%}
.planning .planning-box .ul .li{width:49%;margin-left:2%}
.create .create_ul .li{position:relative}
.create .create_ul .li .img{height:auto}
.create .create_ul .li .box{position:absolute;height:100%}
.news .news-ul .nbot .liobox{width:32%;margin-left:2%}
.news .news-ul .ntop{position:relative}
.news .news-ul .ntop .right{width:32%;position:absolute;top:0;right:0;height:100%;overflow:hidden}
.news .news-ul .ntop .right .liobox{width:100%}
.news .news-ul .ntop .left{width:66%;height:auto}
.news .news-ul .liobox .img{width:100%;height:250px}
.news .news-ul .liobox .img img{height:100%;width:100%}
.company-box .top .left.cur{width:50%}
.company-box .top .right.cur{width:50%}
.pro_top .pro01 .left{font-size:30px}
.pro08 .pro08_box .pro08_ul .left{width:50%}
.pro08 .pro08_box .pro08_ul .right{width:50%}
.pro08 .pro08_box .pro08_ul .left .li{width:48%;margin-right:1%}
.e-box-china .e-dian{top:34%;left:34%}
.e-box-vietnam .e-dian{top:52%;left:32.5%}
.e-box-mexico .e-dian{top:48%;right:23.5%}
.pro08 .pro08_box .pro08_ul .left .ultop .input select{background-position:95% 15px}
}@media screen and (max-width:1450px){#header .bocweb-nav a.subnav-top{font-size:18px}
.planningm .words{width:600px}
.planningm .words .t3{margin-top:45px}
.planningm .words{font-size:16px;line-height:28px}
.planningm .words .t0{font-size:24px;margin-bottom:22px}
.aboutbanner{height:460px}
.pro-list .list-bot{margin-bottom:45x;padding-bottom:85px}
.list-cebian .tit .wen{line-height:50px;left:50px;height:50px;font-size:16px}
.list-cebian .tit{width:50px;height:50px}
.list-cebian .tit .img{width:50px;height:50px}
.list-cebian .tit .img img{width:60%}
.e-box{top:24%}
.list-cebian{top:0;bottom:0;margin:auto;left:0}
.coonbanner{height:460px}
#header .bocweb-fr .bocweb-search .headsearch .box{width:90%}
.product .product_ul .li .wen .nh03 .span{margin-right:1%}
#header .bocweb-fr .bocweb-search .headsearch .box .input{font-size:24px}
.product .product_ul .li .wen .nh02{min-height:150px}
.product .product_ul .li .wen .nh02{line-height:30px}
.product .product_ul .li .wen .nh01{font-size:35px}
.product .product_ul .li .wen .bwen{width:70%}
#header .header0{padding:0 20px}
.pro_top .pro01 .right{width:50%;padding-left:2%}
.pro_top .pro01 .left{width:50%}
.pro_top .pro05 .li02 .down{height:45px;line-height:45px;width:200px}
.planning .planning-box .ul .li .wen{font-size:18px;line-height:32px}
.news .news-ul .liobox .wen .h2{margin-bottom:50px}
.news .news-ul .liobox .wen .h1{font-size:20px;height:23px;line-height:23px}
.culture .culture_tit .right{font-size:16px;line-height:28px;height:140px}
.about-fazhan .about_tit .tit02{line-height:28px}
.company-box .bot .ul .li{line-height:28px}
.company-box .bot .ul .li .h2{height:112px}
.about_tit .tit01{font-size:35px}
.application .application-tit .ul{width:85%}
.wel_news .titbox{padding-bottom:55px}
.wel_news .news-ul .owl-pagination{margin-top:60px}
.wel_news .news-ul{padding-bottom:60px}
.wel_news{padding-top:85px}
.peres{padding:0 20px}
.wel_news .news-ul .li{padding-right:20%}
.w1300{width:90%}
.bocweb-logo{height:100%}
.bocweb-logo img{max-height:100%}
#header .bocweb-nav .k2 .ul{width:65%}
#header .bocweb-nav .k2 .fr{width:32%;height:auto}
#header .bocweb-fr{margin-left:30px}
#header .bocweb-nav .bocweb-subnav{width:auto;margin:0;padding: 0 10px;}
#header .bocweb-nav .k2{padding-top:35px}
#header .bocweb-fr .bocweb-search{margin-left:20px}
#header .bocweb-nav .k2 .ul .litop{font-size:20px}
#header .bocweb-nav .k2 .ul .li{margin-right:10%}
.about-fazhan .fazhan-box .li{margin-left: 0;}
.i-banner ul li a .boxwen .tit1{line-height:1;height:auto}
.i-banner ul li a .boxwen .tit2{line-height:1;height:auto;margin-top:20px;margin-bottom:50px}
.i-banner ul li a .boxwen{height:201px}
.i-banner ul li a .boxwen .more{height:40px;line-height:40px;width:200px;font-size:18px}
.textmore{height:45px;line-height:45px;width:200px}
.application .application-tit .ul .li .wen{font-size:16px}
.titbox .tit01{font-size:35px;line-height:1;height:auto}
.wel_about .titul .li .litop span{font-size:60px}
.wel_about .titul .li .litop{font-size:21px}
.wel_product .product-ul .li{height:300px}
.wel_product .product-ul .li .li02{padding-top:50px}
.wel_product .product-ul .li .img{width:70px;height:70px;margin-bottom:25px}
.wel_about .tit02{margin-top:30px;margin-bottom:68px}
.wel_product .titbox{padding-top:85px}
.wel_about{padding-top:90px;padding-bottom:90px;height:auto}
.pro_top .pro06 .ul .li .wen .h2{margin-bottom:20px}
.wel_application{height:600px}
.wel_application .wen{height:245px;padding:48px 52px}
.wel_application .wen .tit01{font-size:28.8px}
.wel_application .wen .tit02{margin-top:12px}
.pro_top .pro06 .ul .li .wen{padding:55px  45px}
.wel_application .wen .more{margin-top:25.2px}
.application .application-ul{padding-top:72px;padding-bottom:80px}
.application .application-box:hover img{transform:scale3d(1.06,1.06,1)}
.aboutbanner .h1{font-size:45px;}
.application .application-ul .li .wen{background:#ececec;padding-left:45px;padding-right:85px;padding-top:45px}
.application .application-ul .li .wen .h3{top:35px;right:35px}
.pro_top .pro01 .left{font-size:28px}
.application .application-ul .li .wen .h1{}
.application .application-ul .li .wen .h2{line-height:28px;height:56px}
.application .application-box .h2{line-height:28px;height:56px}
.application .application-box .h1{font-size:42px}
.aboutbanner .h2{line-height:28px;height:56px}
.about-fazhan .fazhan-box .t02{padding:54px 50px 55px 40px}
.about-fazhan .fazhan-box .t01{padding:54px 65px 75px 60px}
.coonbanner .conwen{font-size:35px}
.development .development-bot .ul .lio .left{width:20%}
.development .development-bot .ul .lio .right{width:79%}
.e-box{left:30px}
.w1200{width:85%}
.e-box-vietnam .e-dian{top:50%;left:31.5%}
.e-box-mexico .e-dian{top:47%;right:23%}
.development .development-bot .ul .lio .right{line-height:32px}
}.news .news-ul .ntop .left .txt .wen .h1{overflow:hidden}
@media screen and (max-width:1350px){#footer .footer-top .right{width:18%}
.e-box{left:23px}
.aboutbanner{height:420px}
.pro_top .pro05 .li02 .down:after{left:30px}
.coonbanner{height:420px}
.pro-list .list-bot .ul .li .wen .h01{width:90%}
.pro-list .list-top{height:auto;padding-top:60px;padding-bottom:30px}
.planningm .words{width:550px}
.pro-list .list-top .ul .left{font-size:38px}
.product .product_ul .li .wen .nh02{font-size:16px;line-height:28px;min-height:auto;margin-top:12px;padding-bottom:18px;margin-bottom:18px}
.development-tyop{padding-top:65px}
.development-tyop .planning-box .tit{margin-bottom:35px}
.product .product_ul .li .wen .nh03 .span{font-size:16px;margin-bottom:15px}
.product .product_ul .li .wen .nh01{font-size:30px}
.pro07 .down .down_li{height:70px;line-height:70px;font-size:18px}
.pro08{padding-top:45px;padding-bottom:70px;margin-bottom:35px}
.pro08 .pro08_box .pro08_ul .right .span{height:45px;line-height:45px}
.pro08 .pro08_box2{padding-top:30px}
.pro08 .pro08_box .pro08_ul .left .ulbot .span{line-height:35px;height:35px}
.pro_top .pro04 .tit{font-size:28px}
.pro08 .pro08_box .pro08_ul .left .ultop .span{height:45px;line-height:45px}
.text{font-size:28px}
.pro_top .pro02 .li .k{font-size:28px}
.pro_top .pro06 .ul .li .wen .h1{font-size:28px}
.pro_top .pro05 .li02{padding-top:50px;padding-bottom:80px}
.pro_top .pro01 .right{line-height:28px;height:84px}
.appli_details .tit{font-size:28px}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h1{font-size:28px}
.news .news-ul .liobox .wen .h2{margin-bottom:35px}
.planning .planning-box .ul .li .wen{font-size:16px;line-height:28px}
.planning .planning-box .ul .li{height:210px}
.development .development-bot .ul .lio .left{font-size:36px;width:15%}
.development .development-bot .ul .lio .right{width:84%}
.planning{padding-top:50px;padding-bottom:80px;margin-bottom:20px}
.planning .planning-box .ul .li .img{top:65px}
.coonbanner .conwen{font-size:30px}
.bocweb-footer-contact{width:75%}
.planning .planning-box .tit{font-size:28px;margin-bottom:40px}
.about_tit .tit01{font-size:30px}
.wel_news .news-ul .li .time{font-size:25px}
.wel_product .titbox{padding-top:65px}
.company-box .top .left{font-size:28px;line-height:32px;height:64px}
.company-box .top .left.cur{height:96px}
.development .development-bot .ul .lio .right{font-size:16px;line-height:28px}
.wel_news .news-ul .li{padding-left:85px}
#footer .footer-top .bocweb-footer-contact .contact{width:18%;padding-left:5%}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul{width:28%}
#footer .footer-top .bocweb-footer-contact .contact.contact-ul .ul02{padding-left:5%}
.i-banner ul li a .boxwen .more{width:180px;font-size:16px}
.wel_about{padding-top:60px;padding-bottom:60px}
.titbox .tit01{font-size:30px}
.wel_about .tit02{font-size:15px;line-height:25px}
.wel_application .wen .tit02{font-size:15px;line-height:25px;height:50px}
.wel_application .wen .more{font-size:18px;margin-top:20px}
.titbox .tit02{font-size:15px;line-height:25px}
.wel_product .product-ul .li{font-size:25px}
.brand .brand_tit{font-size:28px;line-height:32px}
.create .create_ul .li .box .h1{font-size:25px;line-height:30px}
.create .create_ul .li .box{padding:60px 45px}
.create .create_ul .li{margin-bottom:30px}
.create{padding-bottom:75px}
.news .news-ul .ntop .left .txt .wen .h1{font-size:25px}
.news .news-ul .ntop .left .txt .wen .h1{height:40px;line-height:40px}
.news .news-ul .ntop .left .txt .wen .h1:after{height:40px}
}@media screen and (max-width:1270px){.i-banner ul li a .boxwen .tit1{}
.wel_about .titul .li .litop span{font-size:50px}
.coonbanner{height:380px}
.pageback{width:18%}
.pageback a{width:95%;height:40px;line-height:40px}
#header .bocweb-nav .k2{padding-top:15px}
.product .product_ul{margin-bottom:40px}
#header .bocweb-nav .k2 .teread .right .ul .ultop{font-size:20px}
.pro-list .list-bot{margin-bottom:35x;padding-bottom:65px}
.pro_top .pro03 .pro03_ul .li .wen{padding-top:70px;padding-left:20px}
.headsearch-box .x-box{width:85%}
#header .bocweb-nav .k2{height:560px}
.development-tyop{padding-top:45px}
.development-tyop .planning-box .tit{margin-bottom:25px}
.pro-list .list-top .ul .right .nli{font-size:18px;margin-left:30px}
.pro-list .list-top .ul .center .nli{font-size:18px;margin-left:30px}
#header .bocweb-fr .bocweb-search .headsearch .box .input{font-size:20px}
.product .product_ul .li .wen .bwen{width:80%;left:10%}
#header .bocweb-nav .k2 .teread .right .ul .ultop .rop{font-size:15px}
#header .bocweb-nav .k2 .teread .right .ul .ulbot .li{margin-bottom:16px}
#header .bocweb-nav .k2 .teread .right .ul{margin-top:15px}
.infotit .tit01{font-size:18px;line-height:1.5}
#header .bocweb-nav .k2 .teread .left .span{font-size:16px;line-height:45px;height:45px}
.product .product_ul .li .wen .nh03 .span:after{height:12px;width:12px}
.pro-list .list-bot .ul .li .wen{height:195px}
.pro-list .list-bot .ul .li .wen .h01{font-size:20px;line-height:30px;max-height:60px}
.headsearch-box .x-p{width:100%}
.product .product_ul .li .wen .nh03 .span{height:35px;line-height:35px}
.infotit{margin-bottom:20px;padding-bottom:20px}
.pro_top .pro05 .li01{padding:50px 0}
.pro_top .pro02 .li{padding-left:35px;padding-right:20px}
.pro07 .down .down_li{font-size:16px;padding-left:20px}
.pro_top .pro06 .ul .li .wen{padding:35px}
.pro_top .pro04 .tit{font-size:24px}
.appli_details .conbox .li .wen{line-height:28px}
.pro_top .pro02 .li .wen .h2{font-size:14px;line-height:25px;margin-top:8px}
.pro_top .pro06 .ul .li .wen .h1{font-size:24px}
.pro_top .pro05 .li02 .right .boxwen{font-size:16px;line-height:28px;height:84px}
.pro_top .pro05 .li02{padding-top:40px;padding-bottom:60px}
.pro_top .pro05 .li .left{width:15%}
.pro_top .pro05 .li .right .h2{font-size:15px}
.pro_top .pro05 .li .right{width:80%}
.text{font-size:24px}
.pro_top .pro02 .li .wen .h1{font-size:18px}
.appli_details .owl-buttons{top:-85px}
.appli_details .tit{font-size:24px}
.appli_details .tit{margin-bottom:45px}
.news .news-ul .liobox .wen{padding:20px;padding-bottom:40px}
.news .news-ul .liobox .wen .h2{margin-top:15px;margin-bottom:20px}
.news .news-ul .ntop .left .txt .wen .h1{font-size:20px}
.planning .planning-box .ul .li{padding:20px 10px;padding-left:150px;height:165px}
.development .development-bot{margin-top:40px}
.development .development-top .gallery-top .nb{height:50px;line-height:50px}
.planning .planning-box .ul .li .wen{padding-top:20px}
.planning .planning-box .ul .li .img{height:60px;width:60px;top:45px}
.development .development-top .owl-prev{height:50px}
.development .development-top .owl-next{height:50px}
.culture .culture_tit{height:auto;padding:55px 0}
.development .development-bot .ul .lio{padding:38px 0}
.brand .brand_bottom .tit-box .left{width:140px;height:47px}
.brand .brand_bottom .tit-box .title{padding-left:175px}
.brand .brand_bottom .tit{font-size:22px;height:54px}
.brand .brand_bottom .tit-box .right .h2{font-size:18px;margin-top:6px}
.brand .brand_bottom .tit-box .right .h1{font-size:22px}
.brand .brand_bottom{margin-top:-54px}
.brand .brand_tit{font-size:24px;padding-top:65px;padding-bottom:12px}
.brand .brand_bottom .tit-box .txtwen{font-size:16px;line-height:28px}
.brand .brand_top{font-size:16px;line-height:28px}
.company-box .top .left{font-size:24px}
.aboutbanner .wen{height:263px}
.i-banner ul li a .boxwen .tit2{margin-top:15px;margin-bottom:36px}
.planning{padding-top:35px;padding-bottom:40px}
.planning .planning-box .tit{font-size:24px;margin-bottom:25px}
.company-box .bot .ul .li .h1{font-size:20px;margin-top:13px;margin-bottom:16px}
.wel_news{padding-top:55px}
.wel_news .titbox{padding-bottom:35px}
.wel_news .news-ul .owl-pagination{margin-top:45px}
.wel_news .news-ul{padding-bottom:45px}
.wel_news .news-ul .li .wen .h1{font-size:18px;line-height:25px;height:50px}
.wel_news .news-ul .li .wen .h2{line-height:20px;height:40px;margin-bottom:20px}
.wel_news .news-ul .li{height:150px}
.wel_about .titul .li{padding-right:55px;padding-left:30px}
.application .application-ul .li .wen{padding-right:45px;height:auto;padding-bottom:45px}
.application .application-box .box{padding-top:60px}
.application .application-box .h1{font-size:35px}
.application .application-box .h2{margin-top:20px}
.aboutbanner{height:380px}
.aboutbanner .h1{font-size:36px;}
.about-fazhan .fazhan-box .li{height:240px}
.about-fazhan .fazhan-box .t01{padding:35px}
.about-fazhan .fazhan-box .t02{padding:35px}
.about-fazhan .fazhan-box .li .li03{font-size:25px;margin:0}
.about-fazhan .fazhan-box .li .li02{font-size:40px;line-height:50px;padding-bottom:15px;margin-top:15px}
.about-fazhan .fazhan-box .t04{padding:60px 35px}
.about-fazhan .fazhan-box .t04 .li04{width:100%}
.about-fazhan .about_tit .tit02{width:78%}
.bocweb-fr {display: none;}
.about-fazhan .fazhan-box .li{margin-left: 0;}
.about-xinxi{padding-top:72px}
.about-xinxi .xinxi .titul .li{margin-bottom:40px}
.about-xinxi .xinxi{margin-top:50px}
.about-xinxi{height:auto;padding-bottom:65px}
.about-xinxi .xinxibox{padding-top:32px}
.company-box .top .right,.company-box .top .right.cur{font-size:16px;line-height:28px}
.company-box .top{padding-top:34px;padding-bottom:30px}
.company-box .bot{padding-top:50px;padding-bottom:85px}
.brand .brand_bottom .tit-img .li{width:126px;height:52px}
.culture .culture_tit .left{font-size:70px}
.culture .culture_tit .left i{top:-18px}
.culture .culture_top .li{height:65px;line-height:65px;font-size:18px}
.culture .culture_bot{line-height:36px}
.news .news-ul .nbot{margin-bottom:45px}
.pro_top .pro02{padding-top:55px;padding-bottom:60px;box-sizing:border-box}
.pro_top .pro03{padding-top:65px;padding-bottom:30px}
.pro_top .pro04 .tit{padding-top:50px;padding-bottom:35px}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h1{font-size:24px}
}@media screen and (max-width:1190px){#header .bocweb-nav a.subnav-top{font-size:16px}
.hh-head .right{display:none}
.product .product_ul .li .wen .nh03 .span{margin-bottom:10px}
.product .product_ul .li .wen .bwen{top:5%;left:5%}
.brand .brand02 .m01{display:block}
.brand .brand02 .pc01{display:none}
.coonbanner{height:320px}
.pro_top .pro05 .li01{padding:40px 0}
.pro_top .pro06 .ul .li .wen .h2{margin-bottom:10px}
#header .bocweb-nav .bocweb-subnav{width:auto;margin: 0;}
#footer .footer-top .bocweb-footer-contact .contact{padding-left:2%;width:15%}
.aboutbanner{height:320px}
.application .application-tit{height:100%;padding:10px 0;}
.application .application-tit .ul .li .wen{font-size:14px;line-height: 3;}
.about-xinxi .xinxi .titul .li .litop span{font-size:40px}
}@media screen and (max-width:1024px){.pc01{display:none}
.planningm .words{width:100%;padding:35px;box-sizing:border-box}
.appli_details .conbox .owl-item{width:33.33%}
.list-cebian{display:none}
.application .application-ul .li img{width:100%}
.brand .brand_bottom .tit-box .txtwen .txt{width:100%}
.pro-list .list-top .ul .right .nli{padding-top:16px}
.pro-list .list-top .ul .center .nli{padding-top:16px}
.pro-list .list-top .ul .left{font-size:28px}
.pro-list .list-top .ul .right .nli{font-size:16px}
.pro-list .list-top .ul .center .nli{font-size:18px}
.development-tyop{padding-top:35px}
.development-tyop .planning-box .tit{margin-bottom:15px}
.pro-list .list-bot .ul .li:hover .wen:after{right:15px;top:15px}
.pro-list .list-bot{margin-bottom:25x;padding-bottom:45px}
.pro-list .list-bot .ul .li{width:49%;margin-left:2%;margin-bottom:20px}
.pro-list .list-bot .ul .li .wen{padding:20px}
.pro-list .list-bot .ul .li:nth-child(3n+1){margin-left:2%}
.pro-list .list-bot .ul .li:nth-child(2n+1){margin-left:0}
.product .product_ul .li .img{max-width:none;float:none;max-height:none;display:block;width:100%}
.product .product_ul .li .img img{width:100%}
.product .product_ul .li .wen .nh03 .span{font-size:14px}
.product .product_ul .li .wen .bwen{position:static}
.product .product_ul .li .wen{width:100%;position:static;float:none;display:block;padding:35px}
.product .product_ul .li .wen .nh02{font-size:14px;line-height:25px}
.product .product_ul .li .wen .bwen{width:100%;line-height:25px;font-size:14px}
.pro07 .down .down_li{width:48%;margin-left:4%}
.pro07 .down .down_li:nth-child(3n+1){margin-left:4%}
.pro07 .down .down_li:nth-child(2n+1){margin-left:0}
.application .application-tit.animate .ul{width:76%}
.application .application-tit .ul{width:95%}
.pro08 .pro08_box .pro08_ul .left .li:nth-child(2n+1){float:left}
.pro08 .pro08_box .pro08_ul .left .li:nth-child(2n+2){float:right}
.product .product_ul{margin-bottom:30px}
.pro08 .pro08_box .pro08_ul .left{width:100%}
.pro08 .pro08_box .pro08_ul .right{width:100%}
.pro_top .pro03 .pro03_ul .li .wen{padding:10px}
.pro_top .pro02 .li .wen{height:auto}
.pro_top .pro01 .right{font-size:14px;line-height:25px;height:auto;display:block;overflow:visible}
.pro_top .pro02 .li{width:50%;margin-bottom:15px}
.pro_top .pro06 .ul .li .wen{padding:25px}
.pro_top .pro03 .pro03_ul .li{width:24%;margin-left:1.3333333333%}
.pro_top .pro03 .pro03_ul .li:nth-child(6n+1){margin-left:1.3333333333%}
.pro_top .pro03 .pro03_ul .li:nth-child(4n+1){margin-left:0}
.pro_top .pro06 .ul .li .wen .h2{font-size:14px;line-height:25px;height:75px}
.pro_top .pro06 .ul .li .wen .h1{font-size:16px}
.pro_top .pro05 .li02 .down{font-size:15px;height:40px;line-height:40px;width:180px}
.pro_top .pro06 .ul .li .wen .h3:after{width:20px;height:20px}
.pro_top .pro06 .ul .li .wen .h3{height:20px;font-size:16px}
.pro_top .pro05 .li .right .h1{min-height:30px}
.pro_top .pro05 .li .right .h1 span{font-size:12px;line-height:15px}
.pro_top .pro05 .li .right .h2{margin-top:8px}
.pro_top .pro01 .left{font-size:18px;height:auto;display:block;overflow:visible}
.pro_top .pro03 .pro03_ul .li .wen{font-size:14px}
.pro_top .pro05 .li .right .h2{font-size:14px}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h2{font-size:14px;line-height:25px}
.pro_top .pro04 .tit{font-size:18px}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h1{font-size:18px}
.text{font-size:18px}
.create.news .tit02{width:95%}
.appli_details .tit{margin-bottom:35px}
.appli_details .conbox .li .wen{font-size:14px;line-height:25px}
.appli_details .owl-buttons{top:-65px}
.news .news-ul .nbot{margin-bottom:30px}
.news .news-ul .liobox .wen .h1{font-size:18px}
.company-box .bot{padding-top:35px;padding-bottom:45px}
.create .create_ul .li .box .h2{font-size:14px;line-height:25px;height:75px;margin-top:10px}
.news .news-ul .ntop .left .txt .wen .wenbox{padding-left:20px;padding-right:20px}
.news .news-ul .ntop .left .txt .wen .h1:after{left:-20px}
.news .news-ul .ntop .left .txt .wen .h2{font-size:14px;line-height:25px;height:50px}
.news .news-ul .liobox .wen{padding:10px;padding-bottom:30px}
.news .news-ul .liobox .wen .h2{font-size:14px;line-height:25px;height:50px;margin-top:8px;margin-bottom:10px}
.create{padding-bottom:55px}
.create .create_ul .li .box{padding:30px 20px}
.create .create_ul .li{margin-bottom:15px}
.create .create_ul .li .box .h1{font-size:18px;line-height:28px}
.create .tit02{width:95%;margin-top:15px}
.planning .planning-box .tit{font-size:18px}
.planning .planning-box .ul .li .wen{font-size:14px;line-height:25px}
.development .development-bot .ul .lio .left{font-size:28px;padding-left:15px}
.development .development-bot{margin-top:35px}
.development .development-bot .ul .lio{padding:28px 0}
.culture .culture_bot .li{padding-top:30px;padding-bottom:45px}
.culture .culture_tit{padding:35px 0}
.culture .culture_tit .left{font-size:56px}
.culture .culture_bot .li{padding-left:120px}
.culture .culture_bot .left{left:15px;top:40px;font-size:18px}
.culture .culture_tit .left i{margin-left:25px;margin-right:15px}
.culture .culture_tit .right{font-size:14px;line-height:25px;height:auto;display:block;overflow:visible;padding-left:30px;padding-right:25px}
.create .about_tit{padding-top:27px;padding-bottom:32px}
.culture .culture_bot{line-height:32px;font-size:16px}
.brand .brand_top{font-size:14px;line-height:25px}
.brand .brand_tit{padding-top:45px}
.brand .brand_bottom .tit-box .txtwen{font-size:14px;line-height:25px}
.brand .brand_bottom .tit-box .txtt{line-height:25px;font-size:14px}
.company-box .bot .ul .li{line-height:25px;font-size:14px}
.company-box .bot .ul .li .h2{height:100px}
.coonbanner{height:400px}
.about-xinxi .xinxi .titul .li{padding-left:30px}
.about-fazhan .about_tit{padding-top:50px;padding-bottom:32px}
.company-box .bot .ul .li{display:inline-block;float:none;width:48%;margin-right:1%;vertical-align:middle;margin-bottom:20px}
.about-pinpai{background:none !important;height:auto}
.about-pinpai .pinpai-wen{position:static;display:block;width:100%;height:auto;border-bottom:1px solid #e5e5e5}
.about-fazhan .about_tit .tit02{width:95%}
.application .application-box .h2{width:85%}
.about-fazhan .fazhan-box .li{width:48%;margin-left:2%}
.about-fazhan .fazhan-box .li:nth-child(2n+1){margin-left:0}
.about-fazhan .fazhan-box .t04 .li04{line-height:28px}
.about-fazhan .fazhan-box .t04{padding:35px}
.textmore{font-size:15px;height:40px;line-height:40px;width:180px}
.aboutbanner .h2{width:74%}
.aboutbanner .wen{height:210px}
.aboutbanner{height:400px}
.m01{display:block}
.wel_news .news-ul .li .wen .span{width:25px;height:25px}
.application .application-tit .ul .li .img{width:40px;height:40px}
.aboutbanner .h2{font-size:14px;line-height:25px;height:50px;margin-bottom:30px}
.aboutbanner .h1{font-size:28px;}
.peres{padding:0}
.i-banner ul li a .boxwen .tit1{font-size:28px}
.i-banner ul li a .boxwen .tit2{font-size:20px}
.i-banner ul li a .boxwen .more{font-size:15px}
.i-banner .btn span{width:10px;height:10px}
.i-banner ul li a .boxwen{height:138px}
.wel_about .titul .li .litop span{font-size:45px}
.wel_about .titul .li .litop{font-size:16px}
.wel_about .titul .li .libot{font-size:14px;margin-top:10px}
.wel_about .titul .li{height:70px}
.wel_about .tit02{margin-top:20px;margin-bottom:40px}
.wel_about{padding-top:45px;padding-bottom:45px}
.wel_product .titbox{padding-top:45px}
.wel_product .product-ul .li{font-size:20px}
.wel_product .product-ul .li .img{height:60px;width:60px;margin-bottom:15px}
.wel_product .product-ul .li .span{width:25px;height:25px;margin-top:15px}
.wel_product .product-ul .li{height:245px}
.toTop{right:140px}
.wel_application .wen{width:80%}
.about-xinxi .xinxi .titul .li .litop span{font-size:30px}
.about-xinxi .xinxi .titul .li .litop{font-size:16px}
.about-xinxi .xinxi .titul .li .libot{font-size:14px}
.about-fazhan .fazhan-box .t02 .li01{font-size:18px}
.about-fazhan .fazhan-box .li .tansuo{font-size:18px}
.about-xinxi{padding:20px 0 0 0;}
.about-xinxi .xinxi{margin-top:25px}
.about-xinxi .xinxibox{padding-top:25px}
.about-fazhan .about_tit{padding-top:35px}
.about-fazhan .fazhan-box .li .li01{font-size:18px}
.about-fazhan .fazhan-box{padding-bottom:55px}
.coonbanner .conwen{padding-top:100px}
.company-box .top .right,.company-box .top .right.cur{font-size:14px;line-height:25px}
.culture .culture_top .li{font-size:16px}
.pro-list .list-bot{margin-top:25px}
}@media screen and (max-width:900px){.titbox .tit01{font-size:24px}
.application .application-ul .li{width:100%;margin-left:0%;margin-bottom:20px}
.application .application-ul .li:nth-child(3n+1){margin-left:0%}
.application .application-ul .li:nth-child(2n+1){margin-left:0%}
.pro_top .pro04 .boxul .ul{padding:10px 15px}
.product .product_ul .li .wen .nh01{font-size:24px}
.wel_about .titul .li .litop span{font-size:30px}
.pro_top .pro03 .pro03_ul .li{width:48%;margin-left:4%}
.pro_top .pro03 .pro03_ul .li:nth-child(2n+1){margin-left:0}
.pro_top .pro05 .li .left{width:100%;margin-bottom:20px}
.pro_top .pro05 .li .right{width:100%}
.about_tit .tit01{font-size:24px}
.wel_application .wen .tit01{font-size:24px}
.wel_application .wen .more{font-size:15px}
.coonbanner .conwen{font-size:24px}
.wel_application .wen .more:after{width:24px;height:24px}
.wel_news .news-ul .li .wen .h1{font-size:15px}
.wel_application .wen .more{line-height:24px}
.m-footer .footer-bot{height:60px;line-height:60px;text-align:center}
.wel_about .tit02{width:85%;margin:0 auto;margin-top:15px;margin-bottom:30px}
.wel_product .titbox .tit02{width:85%;margin:0 auto;margin-top:15px;margin-bottom:30px}
.planning .planning-box .ul .li .img{width:45px;height:45px;left:20px}
.planning .planning-box .ul .li{padding-left:80px;height:145px}
}@media screen and (max-width:768px){.news .news-ul .liobox .img,.pro-list .list-bot .ul .li .img{height:200px;}
.mbanner01{display:block}
.planningm .words{padding:30px 20px;font-size:14px}
.planningm .words .t0{font-size:18px}
.planningm .words .t3{margin-top:30px}
.appli_details .conbox .li .wen{display:none}
.appli_details .conbox .li .abou{position:static;display:block;opacity:1}
.appli_details .conbox .li .abou{height:160px}
.video-fixed .videobox{padding:0}
.appli_details .conbox .owl-item{width:50%}
.titbox .tit01,.about_tit .tit01,.appli_details .tit{font-weight:bold}
.text-biaoqian a{padding:0 10px;margin:0 2px;font-size:12px}
.coonbanner .play{top:auto;bottom:40px}
.create .tit02{font-size:14px;line-height:25px}
.wel_application .wen .tit01{font-weight:bold}
.create .create_ul .li .box .h1{font-size:16px;line-height:25px}
.pro_top .pro05 .li .right .h3{display:block}
.wel_news .news-ul .li .wen .h1{height:auto;max-height:50px}
.pro_top .pro05 .li .right .rightli .h1 span{display:none}
.product .product_ul{margin-bottom:20px}
.news .news-ul .ntop .left .txt .wen .h1:after{left:0}
.news .news-ul .ntop .left .txt .wen .h2{line-height:20px;height:40px}
.pro-list .list-bot .ul .li .wen:after{width:15px;height:15px}
.pro-list .list-bot .ul{margin-bottom:15px}
.list-cebian .tit{height:40px;width:auto}
.list-cebian .tit:hover .wen{left:41px;width:100px}
.pro-list .list-top{padding-top:45px}
.pro_top .pro05 .li02 .down:after{left:15px}
.y-erweima .tupian{height:65px;width:65px;left:0;right:0;top:-76px;margin:auto}
.m-footer .righttop .li .tub{margin-right:10px}
.pro-list .list-bot{margin-top:15px}
.list-cebian .tit .img{width:40px;height:40px;background:#0256b1}
.list-cebian .tit .img .i1{opacity:0}
.list-cebian .tit .img .i0{opacity:1}
.list-cebian{left:10px;height:168px;top:280px;display:none}
.list-cebian .tit .wen{width:100px;background:#0256b1;height:40px;font-size:14px;line-height:40px;left:41px}
.list-cebian .tit .wen a{display:block}
.pro-list .list-top .ul .right{width:100%;float:left}
.pro-list .list-top .ul .center{width:100%;float:center}
.pro-list .list-bot .ul .li{width:100%;margin-left:0}
.pro-list .list-bot .ul .li:nth-child(3n+1){margin-left:0}
.pro-list .list-top .ul .left{font-size:20px;margin-bottom: 20px;}
.pro-list .list-top .ul .right .nli{font-size:14px;width:32%;margin-left:2%}
.pro-list .list-top .ul .right .nli:nth-child(3n+1){margin-left:0}
.pro-list .list-bot .ul .li .wen{height:auto}
.pro-list .list-bot .ul .li .wen .h01{max-height:none;font-size:18px;line-height:1.5}
.pro-list .list-bot .ul .li .wen .h02{max-height:none;line-height:1.5}
.product .product_ul .li .wen .nh03 .span{}
.product .product_ul .li .wen .nh03 .span{padding-right:25px}
.product .product_ul .li .wen .nh03 .span:after{right:10px}
.pro-list .list-bot .ul .li .wen:after{top:25px}
.product .product_ul .li .wen{padding:10px}
.application .application-tit.animate .ul{width:95%}
.pro08 .pro08_box .pro08_ul{padding-bottom:25px}
.product .product_ul .li .wen .nh01{font-size:18px;font-weight:bold;margin-top:20px}
.pro08 .pro08_box .pro08_ul .left .li{margin-bottom:8px}
.about-xinxi .xinxi .titul .li:nth-child(2n+1){border-left:none}
.pro08 .pro08_box .pro08_ul .left .ulbot .span{font-size:14px}
.pro_top .pro05 .li01{padding:30px 0}
.pro08 .pro08_box .pro08_ul .right .textarea{height:180px}
.pro08 .pro08_box .pro08_ul .right .input{float:none;width:150px;margin:0  auto;margin-top:20px}
.pro08 .pro08_box2 .te-contact .li{width:100%}
.pro08 .pro08_box2 .te-contact .li02{padding-left:0}
.pro08 .pro08_box .pro08_ul .right .input input{height:35px;width:150px;font-size:14px}
.pro08 .pro08_box2 .te-contact .li{font-size:14px;margin-top:4px}
.pro08 .pro08_box .pro08_ul .left .ultop .input select{font-size:14px}
.pro08 .pro08_box .pro08_ul .left .ultop .span{font-size:14px;line-height:30px;height:30px}
.pro08 .pro08_box .pro08_ul .right .span{line-height:30px;font-size:14px;height:30px}
.te-contact{margin-top:20px}
.pro_top .pro03{padding-top:35px;padding-bottom:20px}
.pro_top .pro03 .pro03_ul .li{margin-bottom:25px}
.pro_top .pro01 .right{border:none;padding-left:0;margin-top:12px}
.pro_top .pro05 .li02{padding-top:20px;padding-bottom:30px}
.pro08 .pro08_box2 .te-contact .li02{padding-left:0}
.pro08 .pro08_box2 .te-contact .li01{padding-right:0}
.pro08 .pro08_box2 .te-contact .li .span{margin-right:8px}
.pro_top .pro04{padding-bottom:30px}
.pro_top .pro02{padding-top:35px;padding-bottom:40px}
.pro_top .pro04 .tit{padding-top:35px;padding-bottom:25px}
.pro_top .pro01 .left{line-height:1.5}
.pro_top .pro01{padding-top:25px;padding-bottom:20px}
.pro_top .pro06{padding-top:25px;padding-bottom:25px}
.pro_top .pro06 .ul .li .wen .h3{font-size:14px}
.pro07 .down{margin-top:30px}
.pro_top .pro06 .ul .li{margin-bottom:20px}
.pro07 .down .down_li{font-size:14px;height:50px;line-height:50px;margin-bottom:16px}
.pro07{padding-top:25px;padding-bottom:45px}
.pro_top .pro01 .left{width:100%;padding:0}
.pro_top .pro01 .right{width:100%}
.pro_top .pro04 .boxul .ul .li{width:100%;padding:5px 10px;font-size:14px}
.pro_top .pro04 .boxul .ul .li:nth-child(1){background:#f6f6f6}
.pro_top .pro04 .boxul .ul:nth-child(2n+1){background:#ffffff}
.pro_top .pro04 .boxul .ul{padding:0;background:#ffffff}
.pro07 .down .down_li{width:100%;margin-left:0}
.pro07 .down .down_li:nth-child(3n+1){margin-left:0}
.pro_top .pro05 .li .right .rightli{width:100%;border:none;padding:0;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #d6d0d0}
.pro_top .pro05 .li01{border-bottom:none}
.pro_top .pro05 .li .right .h1{min-height:auto}
.pro_top .pro05 .li .right .h1 span{position:static}
.pro_top .pro02 .li{width:100%}
.pro_top .pro06 .ul .li .img{width:100%}
.pro_top .pro05 .li02 .down{font-size:14px;line-height:35px;height:35px;width:150px;margin:0 auto;margin-top:35px}
.pro_top .pro06 .ul .li .wen{width:100%;position:static}
.appli_details .conbox .li .wen{padding:20px 10px}
.appli_details .tit{font-size:20px}
.appli_details .owl-buttons .owl-prev{height:20px;width:20px}
.appli_details .owl-buttons .owl-next{height:20px;width:20px;margin-left:10px}
.appli_details .owl-buttons{top:-50px;right:10px}
.appli_details .conbox .li .wen{height:160px}
.news .news-ul .ntop .left .txt .wen .wenbox{bottom:60px}
.news .news-ul .ntop .left .txt .wen{padding-left:10px}
.news .news-ul .ntop .left .txt .wen .h1{height:30px;line-height:30px}
.company-box .top .left.cur{width:100%}
.company-box .top .right.cur{width:100%}
.news .news-ul .ntop .left .txt .wen .wenbox{padding-left:0;bottom:30px}
.news .news-ul .ntop .left .txt .wen .h1{padding-left:10px;overflow:hidden;margin-bottom:0}
.news .news-ul .ntop .left .txt .wen .h2{padding-left:10px}
.news .news-ul .ntop .left .owl-pagination{bottom:10px}
.news .news-ul .ntop .left .txt .wen:after{left:10px}
.news .news-ul .ntop .left .txt .wen .h1:after{height:30px}
.news .news-ul .nbot{margin-bottom:10px;margin-top: 20px;}
.create .create_ul .li .box .h2{height:auto;display:block;overflow:visible}
.create .create_ul .li .box{position:static}
.create .create_ul .li .img{width:100%;float:none;display:block;height:auto}
.create .create_ul .li .box{float:none;width:100%;display:block;height:auto}
.planning .planning-box .ul .li{width:100%;margin-left:0;height:auto;margin-bottom:10px}
.planning{padding-top:25px;padding-bottom:30px}
.development .development-bot .ul .lio{padding:18px 0}
.development .development-top{padding:0 35px}
.planning .planning-box .ul .li .img{top:25px}
.development .development-top .owl-prev{width:30px;left:-35px}
.development .development-top .owl-next{width:30px;right:-35px}
.development .development-top .gallery-top .nb{font-size:18px}
.development .development-bot .ul .lio .right{width:100%;padding:15px;font-size:14px;line-height:25px}
.development .development-bot .ul .lio .left{width:100%;font-size:18px}
.culture .culture_top .li{height:45px;line-height:45px}
.culture .culture_tit{padding:25px 0}
.culture .culture_bot{margin-bottom:35px}
.culture .culture_tit .left{font-size:40px}
.culture .culture_bot{font-size:14px;line-height:28px}
.culture .culture_tit .left i{margin:0 10px;top:-9px}
.culture .culture_bot .li{padding:25px 10px}
.culture .culture_bot .left{position:static;margin-bottom:8px}
.culture .culture_tit .right:after{display:none}
.culture .culture_tit{height:auto}
.culture .culture_tit .left{width:100%}
.culture .culture_tit .right{width:100%;padding:20px 0}
.brand .brand_bottom .tit-img .li{margin-right:5px;margin-bottom:5px}
.brand .brand_bottom .tit-img{padding-top:25px;padding-bottom:10px}
.brand .brand_bottom{margin-top:0}
.brand .brand_tit{padding-top:35px}
.brand .brand_bottom .tit-box{padding-top:35px;padding-bottom:55px}
.brand .brand_bottom .tit{height:auto;font-size:16px;padding-bottom:10px;box-sizing:border-box}
.company-box .bot .ul .li .img{width:35px;height:35px}
.about-fazhan .about_tit .tit02{line-height:25px;font-size:14px}
.brand .brand_bottom .tit-box .right .h2{font-size:14px}
.brand .brand_bottom .tit-box .right{height:35px}
.brand .brand_bottom .tit{font-size:18px}
.brand .brand_bottom .tit-box .txtt .h1{font-size:18px}
.brand .brand_bottom .tit-box .left{width:100px;height:34px}
.brand .brand_bottom .tit-box .right .h1{font-size:18px}
.brand .brand_bottom .tit-box .title{padding-left:125px}
.company-box .top .left,.company-box .top .left.cur{width:100%;display:block;height:auto;overflow:visible}
.company-box .top .right,.company-box .top .right.cur{display:block;height:auto;overflow:visible;margin-top:25px;padding-top:25px;max-height:none}
.company-box .bot .ul .li{border-bottom:1px solid #e5e5e5;width:100%;padding:10px;padding-bottom:20px;box-sizing:border-box}
.company-box .bot .ul .li .h2{height:auto}
.company-box .bot{padding-top:30px;padding-bottom:45px}
.company-box .top .right{width:100%;border-top:1px solid #e5e5e5;padding-left:0}
.company-box .top .right:after{display:none}
.coonbanner .conwen{padding:0;bottom:0;padding-right:30%;margin:auto;font-size:18px;height:20px;line-height:20px}
.box-titbox{font-size:14px;padding-top:15px;padding-left:15px;height:30px}
.aboutbanner .h1{font-size:32px;}
.aboutbanner .h2{margin-bottom:15px;width:90%}
.textmore{font-size:14px;line-height:35px;height:35px;width:150px}
.aboutbanner .wen{height:165px}
.about-fazhan .fazhan-box .li .li01{font-size:15px}
.about-fazhan .fazhan-box .li .li04{font-size:14px}
.about-fazhan .fazhan-box .li .tansuo{font-size:15px}
.tansuo{padding-left:30px;height:20px;line-height:20px}
.tansuo:after{width:20px;height:20px}
.application .application-ul .li .wen .h1{font-size:20px;line-height:23px;height:23px}
.application .application-box .img{overflow:hidden}
.application .application-box .box{background:#f6f6f6;padding-top:30px;padding-bottom:30px;position:static}
.application .application-box .box .h1{color:#000000}
.application .application-box .box .h2{color:#666666}
.application .application-box .h2{font-size:14px;line-height:25px;height:auto;display:block;overflow:visible}
.application .application-box .h1{font-size:22px}
.application .application-ul .li .wen .h2{font-size:14px;line-height:25px;height:50px}
.pcbanner01{display:block}
.pcbanner01 .boxwen{display:none}
.wel_about{padding: 50px 0;}
.toTop{width:30px;height:30px;right:50px;bottom:30px}
.wel_product .product-ul{margin-bottom:18px}
.wel_news .news-ul .li .wen .span{width:20px;height:20px}
.m-footer .righttop .li{margin:0 10px}
.m-footer .righttop .li .tub{width:36px;height:36px}
.m-footer .righttop .li .tup{font-size:14px;line-height:18px;padding-top:0}
.m-footer .righttop .fenxiang{margin-top:10px}
.wel_application{background:none !important;height:auto}
.m-footer .righttop{padding:25px 0}
.wel_application .wen .tit02{height:auto;display:block;overflow:visible}
.wel_application .wen{position:static;width:100%;padding:24px 25px;height:auto}
.m-footer .footer-bot{line-height:3;padding:20px 0;height:auto}
.titbox .tit01{font-size:18px}
.wel_application .wen .tit01{font-size:18px}
.wel_product .product-ul .li .wen{font-size:16px}
.wel_product .product-ul .li{height:180px}
.wel_product .product-ul .li .li01{padding:25px 0;box-sizing:border-box}
.wel_product .product-ul .li .img{width:45px;height:45px;margin-bottom:5px}
.wel_product .product-ul .li .span{width:20px;height:20px;margin-top:5px}
.wel_news{padding-top:35px}
.wel_news .news-ul .li .time{font-size:18px}
.wel_news .news-ul .li{padding-left:65px;padding-right:5%}
.wel_about .titul .li{padding:0 5px;width:50%;box-sizing:border-box;text-align:center}
.wel_news .titbox{padding-bottom:0;margin-bottom:20px}
.wel_news .news-ul .li .wen .h2{margin-bottom:10px}
.wel_news .news-ul .li{height:135px}
.about-xinxi .xinxi .titul .li{width:50% !important;padding-left:0;text-align:center;margin-bottom:5px}
.about-fazhan .fazhan-box .li{width:100%;margin-left:0}
.wel_about .titul .li{margin-bottom:5px}
.about-pinpai .pinpai-wen .li{margin-right:5px;margin-bottom:5px}
.about-pinpai .pinpai-wen .h2{width:100%;line-height:24px;font-size:14px;margin-bottom:18px}
.about-pinpai .pinpai-wen{padding:30px 20px}
.about-fazhan .fazhan-box .li .li03{font-size:18px}
.about_tit .tit01{font-size:18px}
.about-fazhan .fazhan-box{padding-bottom:30px}
.brand .brand_top .left{width:100%;padding:0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px;border-bottom:1px solid #ededed}
.brand .brand_top .right{width:100%;padding:0}
.w1460{width:96%}
.inn-w1460{width:96%}
.news .news-ul .ntop .left{width:100%;margin-bottom:15px}
.news .news-ul .ntop .right{width:100%;position:static}
.news .news-ul .liobox .img img{width:100%}
.news .news-ul .nbot .liobox{width:100%;margin-left:0;margin-bottom:15px}
.news .news-ul .liobox .wen{height:auto}
.news .news-ul .liobox .wen .h2{display:block;height:auto;overflow:visible;line-height:1.5}
.details.info{padding:35px 0}
.infotit .tit01{margin-bottom:8px}
}@media screen and (max-width:500px){.titbox .tit02{font-size:14px;line-height:20px}
.appli_details .conbox .owl-item{width:100%}
.application .application-ul .owl-pagination{margin-top:15px;line-height:1}
.appli_details .conbox .li .wen{height:auto}
.appli_details .conbox .li .wen .slimScrollBar{display:none!important}
.toTop{right:20px;bottom:85px}
.pagectrl{width:70%}
.wel_product .product-ul .li{height:140px}
.wel_product .product-ul .li .li02{padding-top:25px}
.wel_product .product-ul .li .img{height:35px;width:35px}
.pageback a{width:90%;height:35px;line-height:35px;font-size:14px}
.pageback a:hover{font-size:14px}
.coonbanner.animate .prodetail{background-size:150% !important}
.pagectrl p{width:90%}
.pageback{width:30%}
.pro_top .pro03 .pro03_ul .li.acbox{padding:10px}
.pro_top .pro03 .pro03_ul .ulbot .li.acbox{padding:10px;display:none}
.pro_top .pro03 .pro03_ul .ultop .li.acbox{padding:10px;display:block}
.pro_top .pro03 .pro03_ul .li.acbox .wenben .h2{margin-top:15px}
.pro_top .pro03 .pro03_ul .li{width:100%;margin-left:0;margin-bottom:10px}
.box-titbox .home span{margin-right:5px}
.appli_details .tit{font-size:18px}
.coonbanner .conwen{padding-right:0;text-align:center}
.box-titbox{padding-left:5px}
.create{padding-bottom:35px}
.create .create_ul .li .box{padding:10px}
.development .development-bot{margin-top:20px}
.development .development-top .gallery-top .nb{font-size:15px}
.planning .planning-box .ul .li .wen{padding:10px}
.planning .planning-box .ul .li .img{width:35px;height:35px}
.development .development-bot .ul .lio .right{padding:5px}
.culture .culture_bot{padding-top:0}
.culture .culture_bot .li{padding:25px 0}
.brand .brand_bottom .tit-box .txtt .h1{font-size:16px;margin-bottom:18px}
.brand .brand_bottom .tit-box .right{padding-left:15px}
.brand .brand_bottom .tit-box .right .h1{font-size:16px}
.brand .brand_bottom .tit-box .title{padding-left:110px}
.brand .brand_bottom .tit{font-size:16px}
.brand .brand_bottom .tit-img .li{width:64px;height:26px}
.about-pinpai .pinpai-wen .li{width:64px;height:26px}
.brand .brand_bottom .tit-img{padding-top:15px}
.brand .brand_bottom .tit-box{padding-bottom:25px}
.brand .brand_bottom .tit-box .txtt p{padding-left:20px}
.brand .brand_bottom .tit-box .txtt p:after{left:5px}
.brand .brand_top{padding-top:20px}
.brand .brand_tit{padding-top:30px}
.brand .brand_bottom .tit-box .txtwen{padding-top:25px}
.brand .brand_bottom .tit-box .txtt{padding-top:25px}
.brand .brand_tit{font-size:24px;line-height:28px;font-weight: bold;}
.company-box .bot .ul .li{margin-bottom:10px}
.company-box .top .right{margin-top:15px;padding-top:15px}
.company-box .bot .ul .li .h1{font-size:18px}
.coonbanner{height:300px}
.about-fazhan .fazhan-box .t04{padding:15px}
.about-xinxi .xinxi .titul .li .litop{font-size:14px}
.about-fazhan .fazhan-box .t04 .li04 span{padding-left:20px}
.about-xinxi .xinxi .titul .li .litop span{font-size:25px}
.aboutbanner .h1{font-size:32px}
.company-box .top .left{font-size:18px;line-height:28px}
.about-fazhan .fazhan-box .t04 .li04 span{margin-right:10px}
.aboutbanner{height:200px}
.application .application-ul .li .wen{padding:30px;background:#ececec;}
.wel_news .news-ul .owl-pagination{margin-top:20px}
.m-footer .righttop .li .tup{font-size:13px}
.application .application-box .box .h1{font-size:18px}
.application .application-ul .li .wen .h1{font-size:18px;line-height:20px;height:20px}
.about-fazhan .fazhan-box .li .li04{height:auto;display:block;overflow:visible;line-height:1.5}
.m-footer .footer-bot{font-size:13px}
.about-fazhan .fazhan-box .li{height:240px}
.wel_news .news-ul{padding-bottom:35px}
.application .application-ul .li .wen .h3{top:25px;right:25px;height:20px;width:20px}
.application .application-ul{padding-top:36px;padding-bottom:40px}
}.i-banner ul li.read a .boxwen{text-align:right;box-sizing:border-box;z-index:3;max-width:1000px;left:auto;right:10%}
.i-banner ul li.read a .boxwen .more{text-align:center;margin:0;display:inline-block}
.i-banner ul li.read a:after{width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,.6))}
.i-banner li a{position:relative;z-index:2}
.i-banner li img{width: 100%;height: 100%;object-fit: cover ;}
.i-banner ul li.read a .boxwen .tit1{color:#fff}
.i-banner ul li.read a .boxwen .tit2{color:#fff}
.i-banner ul li.read a .boxwen .more{color:#fff;border-color:#ffffff}
#header .bocweb-fr .langbox{position:relative}
#header .bocweb-fr .langbox .langitem{position:absolute;width:120px;left:50%;margin-left:-60px;top:40px;background:#fff;z-index:9;opacity:0;visibility:hidden;transition:.5s ease}
#header .bocweb-fr .langbox .langitem a{text-align:left;display:block;padding:8px 10px 8px 20px;color:#8b8b8b;transition:.5s ease}
#header .bocweb-fr .langbox .langitem a img{max-height:10px}
#header .bocweb-fr .langbox .langitem a:hover{background:#eaf8fd}
#header .bocweb-fr .langbox:hover .langitem{visibility:visible;opacity:1}
#header .bocweb-fr .li{float:left;width:30px;height:24px;text-align:center}
#header .bocweb-fr .li{width:auto}
#header .bocweb-fr .li img{height:24px}
#header .bocweb-fr .li.bocweb-en{font-size:0 !important}
.dealer-search{cursor:pointer;margin-left:36px;margin-right:10px}
.seach-cont{position:absolute;width:100%;height:205px;top:110px;left:0;background:#ffffff;padding-top:58px;box-sizing:border-box;display:none}
.form-box{width:1350px;margin:0 auto;height:75px;border-bottom:1px solid #f2f2f2}
.input-box{color:#dbdbdb;font-size:30px;height:75px;position:relative}
.input-box input{border:none;background:none;outline:none}
.input-box input[type=text2]{width:100%;height:100%}
.input-box input[type=submit2]{width:30px;height:30px;background:url(../images/sousuo01.png) no-repeat center;background-size:100%;text-indent:-999px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-15px;cursor:pointer}
.m-dealer-search{float:right;width:48px;height:48px;cursor:pointer;text-align:center;line-height:48px}
.search-bg2{position:fixed;left:0;top:48px;width:100%;height:150px;z-index:10;background:#ffffff;display:none}
.m-search-box2{width:92%;margin:0 auto;border-bottom:1px solid #f2f2f2;position:absolute;left:3%;top:48px;height:40px;z-index:11}
.tex2{border:none;font-size:12px;color:#a7a7a7;height:41px;padding-left:5px;box-sizing:border-box;width:60%;background:none}
.search-btn2{border:none;width:30px;height:30px;background:url(../images/sousuo01.png) no-repeat center;background-size:100%;margin-top:6px}
.m-close-search2{display:block;width:10px;height:10px;background:url(../images/close1.png) no-repeat center;background-size:100% auto;position:fixed;right:4%;top:10px;cursor:pointer;z-index:11}
.hh-head .right{height:100%}
.rg-tel{height:100%;display:block;float:left;margin-left:-6%;margin-right:6%}
.rg-tel img{height:100%;object-fit:cover}
@media screen and (max-width:1450px){.form-box{width:90%}
.input-box{font-size:24px}
}.down{width:230px;height:58px;line-height:58px;text-align:center;background:#0256b1;color:#ffffff;display:block;font-size:17px;margin-top:55px;position:relative;padding-left:10px;box-sizing:border-box;transition:.5s}
.down:hover{transition:.5s;color:#ffffff}
.down:after{position:absolute;height:20px;width:20px;content:"";background:url(../images/down.png) no-repeat center;background-size:100%;left:45px;top:0;bottom:0;margin:auto}
.contact-text{text-align: center;font-size: 18px;line-height: 3;padding: 70px 0;}
.contact-text h2{font-size: 32px;}
.news{margin-bottom: 60px;}


ul.resp-tabs-list{margin:0px;padding:0px;}
.resp-tabs-list li{font-weight:600;font-size:18px;display:inline-block;padding:13px 0;margin:0;list-style:none;cursor:pointer;float:left;width:243px;text-align:center;}
.resp-tabs-container{padding:0px;background-color:#fff;clear:left;}
h2.resp-accordion{cursor:pointer;padding:5px;display:none;}
.resp-tab-content{display:none;padding:50px;font-size:16px;line-height:2;min-height:500px;}
.resp-tab-content p{margin-bottom:20px;}
.resp-tab-active{border:1px solid #0256b1!important;border-bottom:none;margin-bottom:-1px!important;border-top:4px solid #0256b1!important;border-bottom:0px #fff solid!important;}
.resp-tab-active{border-bottom:none;background-color:#fff;}
.resp-content-active,.resp-accordion-active{display:block;}
.resp-tab-content{border:1px solid #c1c1c1;border-top-color:#0256b1;}
h2.resp-accordion{font-size:13px;border:1px solid #c1c1c1;border-top:0px solid #c1c1c1;margin:0px;padding:10px 15px;}
h2.resp-tab-active{border-bottom:0px solid #c1c1c1!important;margin-bottom:0px!important;padding:10px 15px!important;}
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list{float:left;width:30%;}
.resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px!important;margin:0 0 4px;cursor:pointer;float:none;}
.resp-vtabs .resp-tabs-container{padding:0px;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none;}
.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word;}
.resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important;border-top:1px solid;border:1px solid #0256b1!important;border-left:4px solid #0256b1!important;margin-bottom:4px!important;border-right:1px #FFF solid!important;}
.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active{background:#DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion{display:block;}
.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1;/* !important;*/}
.resp-jfit{width:100%;margin:0px;}
.resp-tab-content-active{display:block;}
h2.resp-accordion:first-child{border-top:1px solid #c1c1c1;/* !important;*/}
.swiper-button-next,.swiper-button-prev{color:#0256b1!important;}
.swiper-pagination-bullet-active{background:#0256b1!important;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width:768px){
  .resp-tab-content{padding:20px;font-size:14px;line-height:2;min-height:auto;}
  ul.resp-tabs-list{display:none;}
  h2.resp-accordion{display:block;}
  .resp-vtabs .resp-tab-content{border:1px solid #C1C1C1;}
  .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none;}
  .resp-accordion-closed{display:none!important;}
  .resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1!important;}
}
.contact-form .form-container{background-color:#f9f9f9;padding:100px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.contact-form .form-container h1{font-size:32px;text-align:center;font-weight:bold;}
.contact-form .form-container p{color:red;margin:15px 0;text-align:center;margin-bottom:30px;}
.contact-form .form-row{display:flex;gap:20px;}
.contact-form .input-group{flex:1;margin-bottom:30px;}
.contact-form label{display:block;margin-bottom:5px;font-weight:bold;color:#333;font-size:14px;}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;}
.contact-form textarea{height:160px;resize:vertical;}
.contact-form button{background-color:#0256b1;color:white;padding:12px 30px;border:none;border-radius:4px;cursor:pointer;font-size:16px;display:block;margin:20px auto;transition:background-color 0.3s;}
.contact-form button:hover{background-color:#000;}
@media (max-width:768px){
  .contact-form .form-container{padding:10px;}
  .contact-form .form-row{flex-direction:column;gap:0;}
}
.contact-form .required::after{content:"*";color:red;margin-left:3px;}