<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1571794_wvs3if06srn.eot);src:url(//at.alicdn.com/t/font_1571794_wvs3if06srn.eot?#iefix) format('embedded-opentype'),url(../fonts/font_1571794_wvs3if06srn.woff2) format('woff2'),url(//at.alicdn.com/t/font_1571794_wvs3if06srn.woff) format('woff'),url(//at.alicdn.com/t/font_1571794_wvs3if06srn.ttf) format('truetype'),url(//at.alicdn.com/t/font_1571794_wvs3if06srn.svg#iconfont) format('svg')}
._pLR{padding:0 100px}
._plateTitle span{font-weight:700;display:block;position:relative}
._plateTitle .cn{color:#2159a3;font-size:32px;display:block;text-transform:uppercase;text-align: center;}
._plateTitle .cn i{position:absolute;font-weight:100;right:-30px;font-size:23px;top:-5px}
._plateTitle .en{color:rgba(66,66,66,.1);font-size:36px;text-transform:uppercase;text-align: center;}
._plateTitle.colorFFF .cn{color:#fff}
._plateTitle.colorFFF .en{color:rgba(255,255,255,.1)}
._more{width:210px;line-height:46px;border:1px solid #fff;display:block;margin:55px auto 0;text-align:center;color:#fff;z-index:2;position:relative}
._more:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:-1;transform:scale(1.2);transition:ease .4s;opacity:0}
.nav{height:80px;position:absolute;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;z-index:20}
.hamburger{top:20px;width:130px;height:60px;cursor:pointer;position:relative;z-index:2;display: none}
.hamburger__bar{position:absolute;background:#fff;transition:background .3s ease,transform .3s ease;top:50%;left:50%;transform:translate(-50%,-50%)}
.hamburger__bar,.hamburger__bar:after,.hamburger__bar:before{width:30px;height:2px}
.hamburger__bar:before{content:"";position:absolute;left:0;bottom:5px;background:#fff;transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}
.hamburger__bar:after{content:"";position:absolute;left:0;top:5px;background:#fff;transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}
.hamburger__bar.openActive{background:rgba(255,255,255,0)}
.hamburger__bar.openActive:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.hamburger__bar.openActive:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.monile{display:none}
.pc{display:block}
.nav .pcLeft{display:flex;width:40%}

.nav .pcLeft h1{position:relative;top:5px;left:20px;width:262px}





.nav .pcRight{display:flex;width:10%;justify-content:flex-end;position: absolute;
    top: 0;
    right: 0;}
.nav .searchBox{position:relative;width:85px;line-height:90px;text-align:center}
.nav .searchBox.active #keyshead{width:480px;background:#f5f5f5;opacity:1;visibility:inherit;text-indent:2rem}
.nav .searchBox i{font-size:30px;cursor:pointer;z-index:2;position:relative;height:100%;width:100%;left:0;text-align:center;color:#fff}
.nav #keyshead{position:absolute;height:100%;background-color:#f5f5f5;border-left:1px solid #e2e2e2;border-right:0;border-top:0;border-bottom:0;width:85px;right:0;opacity:0;visibility:hidden;z-index:1;transition:all .3s ease-in-out}

.nav2 {

}






/*æ–°åŠ&nbsp;ä¸‹æ‹‰å¯¼èˆª*/

.header .content .logo {
    float: left;
    width: auto;
    height: 80px;
    padding-left: 4%;
    transition: all .3s linear;
}

.header .content .d_nav&gt;ul&gt;li {
    transition: all 320ms linear;
    width: 110px;
    text-align: center;
    line-height: 80px;
    float: left;
    padding: 0px 15px;
    box-sizing: border-box;
    position: relative;
}

.header .content .d_nav&gt;ul&gt;.active{border-bottom: 1px solid #ffff}








.header .content .d_nav&gt;ul&gt;li&gt;a span {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999;
    font-size: 18px;
    color: #fff;
}

.header .d_nav_conbox{background: rgba(255,255,255,1);}




@media only screen and (max-width: 1640px){
.header .content {
    width: 100%;
    padding: 0px 20px;
}}
.header .content {
    width: 100%;
    margin: 0px auto;
    _overflow: hidden;
}

.d_nav_conbox{ width: 100%;_border-top: 1px solid #e2e4e6;overflow: hidden;display:block;}
.d_nav_conbox .subnav{display: none;position:relative;}
.d_nav_conbox .subnav::after{content:"";width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;top:0px;left:0px;}


/*äº§å“ä¸‹æ‹‰å¯¼èˆª*/
.d_nav_conbox .pro_box{overflow: hidden;height:545px;}
.d_nav_conbox .pro_box .pro_ctg{width:290px;height: 100%;float: left;background: #e9edf0;}
.d_nav_conbox .pro_box .pro_ctg ul li{width: 100%;overflow: hidden;height: 97px;line-height: 97px;background: #e8eaed;border-bottom: 1px solid #FFFFFF;transition: all .3s linear;}
.d_nav_conbox .pro_box .pro_ctg ul li .icon{margin-left: 63px; width: 97px;height: 97px; float: left;text-align: right;}
.d_nav_conbox .pro_box .pro_ctg ul li .icon img{width: 100%;height: 100%;transform: scale(0.7);opacity: 0.7;filter: alpha(opacity=70);}
.d_nav_conbox .pro_box .pro_ctg ul li .title{position: relative; font-size: 17px;color: #3a3a3a; width: calc(100% - 160px);box-sizing: border-box; padding-right:45px; text-align: right; float: right;transition: all .3s linear;}
.d_nav_conbox .pro_box .pro_ctg ul li .title::after{content: "";width: 15px;height: 97px;background: url(../images/nav_pro_arrow.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;right: 15px;opacity: 0;filter: alpha(opactiy=0);transition: all .3s linear;}
.d_nav_conbox .pro_box .pro_ctg ul li:hover,.d_nav_conbox .pro_box .pro_ctg ul li.on{background: #2159a3;}
.d_nav_conbox .pro_box .pro_ctg ul li:hover .title, .d_nav_conbox .pro_box .pro_ctg ul li.on .title{color:#ffffff;padding-right:60px;}
.d_nav_conbox .pro_box .pro_ctg ul li:hover .icon img, .d_nav_conbox .pro_box .pro_ctg ul li.on .icon img{opacity: 1;filter: alpha(opacity=100);}
.d_nav_conbox .pro_box .pro_ctg ul li:hover .title::after,.d_nav_conbox .pro_box .pro_ctg ul li.on .title::after{right: 30px;opacity: 1;filter: alpha(opactiy=100);}
.d_nav_conbox .pro_box .pro_con{width: calc(100% - 290px);height: 100%;float: left;}
.d_nav_conbox .pro_box .pro_con .con_item{width: 100%;height: 100%;overflow: hidden;display: none;}
.d_nav_conbox .pro_box .pro_con .con_item.on{display: block;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{position: relative;float: left;  height: 100%;width: 500px;margin-right: 20px; box-sizing: border-box;padding: 40px 70px;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav ul{height: 100%;overflow-y:auto;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li{
	line-height: 63px;position: relative;padding-left: 12px;
}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li a{
	font-size: 17px;color: #424242;
}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover a{
	color: #2159a3;font-weight: bold;
}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li::after{content:"";width:2px;height: 2px;background: #424242;position: absolute;top: 50%;left: 2px;margin-top: -1px;transition: all 0.2s linear;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover::after{width:6px;height: 6px;background: #2159a3;border-radius: 50%; left: 0px;margin-top: -3px;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_tj{border-left: 1px solid #b8bcbf; float: left;width: calc(100% - 520px); height:442px;margin-top: 40px; padding-left:165px; box-sizing: border-box;overflow: hidden;}
.d_nav_conbox .pro_box .pro_con .con_item .title{font-size: 29px;color: #2159a3;font-weight: bold;margin-bottom: 15px;}
.d_nav_conbox .pro_box .pro_con .con_item .en_title{font-size: 20px;color: #dcdcdc;margin-bottom: 35px;}
.d_nav_conbox .pro_box .pro_con .con_item .line{margin-bottom: 20px;}
.d_nav_conbox .pro_box .pro_con .con_item .line img{display: block;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img{height: 280px;}
.d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img img{height: 280px;width: auto;display: block;}

@media only screen and (max-width:1600px ) {
	.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 440px;}
	.d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 460px)}
}

@media only screen and (max-width:1400px ) {
	.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 400px;padding: 40px 60px;}
	.d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 420px);padding-left:145px;}
}
@media only screen and (max-width:1280px ) {
	.d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 380px;padding: 40px 50px;}
	.d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 400px);padding-left:125px;}
}


/*å…¶ä»–äºŒçº§æ&nbsp;ç›®*/
.d_nav_conbox .o_box{overflow: hidden;height:350px;box-sizing: border-box;text-align: center;}

.d_nav_conbox .o_box .ctg_sub{min-width: 135px; display: inline-block;vertical-align: top;padding-top: 50px;margin-left: 50px; overflow:hidden;}


.d_nav_conbox .o_box .ctg_sub ul li{transition:all .3s linear; background: #e0e0e0; width: 100%;height: 36px;line-height: 36px;border-radius: 18px; text-align: center;margin-bottom: 10px;box-sizing:border-box; padding:0px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.d_nav_conbox .o_box .ctg_sub ul li:hover{background: #2159a3;}
.d_nav_conbox .o_box .ctg_sub ul li a{font-size: 13px;color: #000000;}
.d_nav_conbox .o_box .ctg_sub ul li:hover a{color: #FFFFFF;}


.d_nav_conbox .o_box .ctg_news{display: inline-block;vertical-align: top;height: 230px;margin-top:54px;padding-right: 50px;border-right: 1px solid #babdc0;overflow: hidden;}


.d_nav_conbox .o_box .ctg_news .news_img{height: 230px;position: relative;float:left;margin-right: 80px;}
.d_nav_conbox .o_box .ctg_news .news_img img{height: 100%;width: auto;}
.d_nav_conbox .o_box .ctg_news .news_img .title{width: 100%;padding: 0px 15px;font-size: 13px;color:#ffffff;  height: 55px;line-height: 55px; background: rgba(0,0,0,0.7);position: absolute;bottom: 0px;left: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.d_nav_conbox .o_box .ctg_news .news_img ul{overflow:hidden;}
.d_nav_conbox .o_box .ctg_news .news_img ul li{float:left;margin:0px 5px;}
.d_nav_conbox .o_box .ctg_news .news_img ul li img{height:200px;width:auto;display:block;}
.d_nav_conbox .o_box .ctg_news .news_img ul li .tit{height:30px;line-height:30px;text-align:center;font-size:14px;color:#000000;}

.d_nav_conbox .o_box .ctg_news .n_lists_box{float: left;width: 500px;text-align: left;}
.d_nav_conbox .o_box .ctg_news .n_lists_box .tit{font-size: 18px;color: #2159a3;font-weight: bold;margin-bottom: 15px;}
.d_nav_conbox .o_box .ctg_news .n_lists_box  ul li{height: 40px;line-height: 40px; padding-right: 100px;position: relative;}
.d_nav_conbox .o_box .ctg_news .n_lists_box  ul li .time{width: 100px;text-align: right;font-size: 13px;color: #727171;position: absolute;right: 0px;top:0px;}
.d_nav_conbox .o_box .ctg_news .n_lists_box  ul li a{font-size: 14px;color: #393939;}
.d_nav_conbox .o_box .ctg_news .n_lists_box  ul li:hover a{color: #000000;}
.d_nav_conbox .o_box .ctg_news .n_lists_box .more{font-size: 14px;color: #2159a3;text-decoration: underline;line-height: 30px;}

.d_nav_conbox .o_box .ctg_news .n_lists_box .about_box{width:440px;margin-bottom:20px; font-size:14px;line-height:30px;color:#313131;}


@media only screen and (max-width:1440px ) {about_box
	.d_nav_conbox .o_box .ctg_sub{margin-right: 80px;}
	.d_nav_conbox .o_box .ctg_news{padding-left: 80px;}
	.d_nav_conbox .o_box .ctg_news .n_lists_box{width: 460px;}
}
@media only screen and (max-width:1280px ) {
	.d_nav_conbox .o_box .ctg_sub{margin-right: 60px;}
	.d_nav_conbox .o_box .ctg_news{padding-left: 60px;}
	.d_nav_conbox .o_box .ctg_news .news_img{margin-right: 60px;}
	.d_nav_conbox .o_box .ctg_news .n_lists_box{width: 400px;}
}





















._mobile{display:none}
.banner .ul .li{overflow:hidden}
.banner .ul .pic{position:absolute;height:100%;width:100%;background-size:cover;background-position:center}
.banner .bannerBtn{position:absolute;top:50%;color:#fff;font-size:30px;width:60px;height:60px;line-height:60px;text-align:center;margin-top:-30px;cursor:pointer;transition:ease .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:9;user-select:none;opacity:1}
.banner .bannerBtn span{width:0;height:2px;background:#fff;position:absolute;top:50%;transition:ease .8s}
.banner .bannerBtn span:after,.banner .bannerBtn span:before{content:'';width:30px;height:2px;background:#fff;position:absolute;transform-origin:left}
.banner .bannerBtnL.bannerBtn span:after{transform:rotate(-45deg)}
.banner .bannerBtnL.bannerBtn span:before{transform:rotate(45deg)}
.banner .bannerBtnL span:after,.banner .bannerBtnL span:before{transform-origin:left;left:0}
.banner .bannerBtnR.bannerBtn span:after{transform:rotate(-45deg)}
.banner .bannerBtnR.bannerBtn span:before{transform:rotate(45deg)}
.banner .bannerBtnR span:after,.banner .bannerBtnR span:before{transform-origin:right;right:0}
.banner .bannerBtnL span{left:20px}
.banner .bannerBtnR span{right:20px}
.banner .bannerBtnL{left:4%}
.banner .bannerBtnR{right:4%}
.banner .icon_arrow{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;font-size:30px;color:#fff;z-index:5;font-weight:100;cursor:pointer}
.inBanner{position:relative;background:#000}
.inBanner .pic{position:relative;overflow:hidden;}
.inBanner .slogan{    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 45.28%;
    left: 0;
}
.inBanner .slogan:after{content:'';position:absolute;left:0;width:80px;height:4px;top:0}
.inBanner .slogan span{color:#fff;display:block}
.inBanner .slogan span.cn{font-size:72px;font-family:Arial;font-weight:700;text-transform:uppercase}
.inBanner .slogan span.en{font-size:36px}
.footer{background:#2159a3;padding:40px 3% 0;position:relative;z-index:5}
.footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:70px}
.footer .navMap ul{color:#fff;display:flex}
.footer .navMap li{margin-left:70px}
.footer .navMap li:nth-child(1){margin-left:0}
.footer .navMap a{display:block;color:rgba(255,255,255,.5)}
.footer .navMap a+a{margin-top:15px;position:relative}
.footer .navMap a+a:after{content:'';position:absolute;top:100%;left:0;width:100%;transform:scaleX(0);height:2px;background-color:#8d8d8d;transition:transform .5s cubic-bezier(.19,1,.22,1);transition-delay:.1s;transform-origin:right}
.footer .navMap a:nth-child(1){font-size:16px;color:#fff;font-weight:700}
.footer .inforBox{text-align:right;color:#fff;display:flex;flex-wrap:wrap}
.footer .inforBox .infor{margin-right:30px}
.footer .inforBox .time{color:rgba(255,255,255,.4)}
.footer .inforBox .phoneTitle{display:block;font-size:18px}
.footer .inforBox .QRcode{text-align:center;line-height:45px;width:100px}
.footer .inforBox .QRcode img{border:5px solid #fff}
.footer .inforBox .infor a{display:block;font-size:46px;margin-top:30px}
.footer .bottom{border-top:1px solid #4b78b4;color:rgba(255,255,255,.4);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;padding:15px 0}
.footer .bottom .L{line-height:1.7}
.footer .bottom .L p:nth-child(1){color:rgba(255,255,255,.2)}
.footer .bottom .L address,.footer .bottom .L span{margin-right:40px;display:inline-block}
.footer .bottom a{transition:ease .4s}

.productPage{padding-top: 120px;background: #f0f0f0;padding-bottom: 80px}

.productPage .tabType{padding:30px 0;text-align:center;display:flex;justify-content:center}
.productPage .tabType a{display:block;font-size:18px;font-weight:700;margin:0 50px;transition:ease .4s}
.productPage .tabType i{display:block;width:55px;height:55px;margin:0 auto}
.productPage .tabType .icon1{background:url(../images/icon_type.png) 55px 55px}
.productPage .tabType .icon2{background:url(../images/icon_type2.png) 55px 55px}
.productPage .tabType .icon3{background:url(../images/icon_type3.png) 55px 55px}
.productPage .tabType a.active{color:#15953c}
.productPage .tabType a.active i{background-position:0 0}
._productUl{position:relative}
._productUl li{float:left;    margin-right: 4%;
    width: 22%;position:relative;margin-bottom:45px}
._productUl li .pic{transition:ease .4s;overflow:hidden}
._productUl li img{width:100%;transition:ease .4s}
._productUl .style{color:#2159a3;position:absolute;font-weight:700;z-index:2;right:5%;bottom:5%}
._productUl li:nth-child(4n){margin-right:0}



._productUl .title{position:absolute;left:5%;top:5%;z-index:5;width:90%}
._productUl .title span{display:block}
._productUl .title span.cn{color:#303030;font-size:18px;font-weight:700;margin-bottom:5px}
._productUl .title span.en{color:rgba(66,66,66,.1);font-size:18px;font-family:Arial;text-transform:uppercase;font-weight:700}
.productPage .content{padding:15px 0 0}
.productPage .content .L{width:49%;position:relative;float:left}
.productPage .content .L.active{position:fixed;left:100px;top:95px;width:calc(49% - 98px)}
.productPage .content .R{width:49%;float:right}
.productPage .gallery-top{height:100%;border:1px solid #ede7e794}
.productPage .gallery-top .pic{background-size:cover;background-position:center;height:100%}
.productPage .gallery-top .li{overflow:hidden}
.productPage .gallery-top .video{height:100%;display:block;width:100%}
.productPage .gallery-thumbs{position:absolute;bottom:5%;width:50%;left:50%;transform:translateX(-50%)}
.productPage .gallery-thumbs .li{border:1px solid #d4d4d4}
.productPage .L .more{width:64px;height:64px;border:1px solid #2159a3;position:absolute;bottom:5%;z-index:5;font-size:30px;text-align:center;line-height:64px;color:#2159a3;right:5%;cursor:pointer}
.productPage .L .more:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#2159a3;transform:scale(1.2);opacity:0;z-index:-1;transition:ease .4s}
.productPage .description{position:relative}
.productPage .description .text{padding:7%;position:absolute;height:100%;width:100%;display:flex;z-index:5;flex-wrap:wrap}
.productPage .description .g{width:100%}
.productPage .maskPD{width:100%;position:relative;top:0;border:1px solid #ccc;box-sizing:border-box}
.productPage .description h2.en{color:rgba(66,66,66,.1);font-size:56px;text-transform:uppercase;font-weight:700;width:100%}
.productPage .description h3.cn{color:#2159a3;font-size:24px;font-weight:inherit;width:100%}
.productPage .description h3 i{background:rgba(66,66,66,.1);display:inline-block;width:1px;height:30px;margin:0 15px}
.productPage .description h3 span{color:#6c6c6c;font-size:14px}
.productPage .description .title{color:#2159a3;font-size:18px;line-height:60px;border-bottom:1px solid #ccc;width:100%}
.productPage .description .summary{padding:15px 0;width:100%;color:#727272;font-size:16px;line-height:1.7;margin-top:20px;word-break:keep-all}
.productPage .article{padding:50px 0 0}
.productPage .article img{display:inline-block}
.productPage .PQ{padding:50px 0;position:relative;z-index:5;background:#fff}
.productPage .PQ ul{display:flex;flex-wrap:wrap;margin-top:40px}
.productPage .PQ li{padding:0 20px;width: 20%;}
.productPage .PQ li img{
    margin: 0 auto;
}
.productPage .RI{padding:0 0 50px;position:relative;z-index:5;background:#fff}
.productPage .RI ._productUl{margin-top:40px}







.nav .nvx{position: absolute;width: 100%;height: 60px;top: 0;left: 0;z-index: 2;background: #fff;line-height: 60px;border-bottom: 1px solid #f2f2f2;}

.nav .nvx a{display: block;float: left;margin-right: 50px;position: relative;color: #666;}

.nav .nvx a s{display: block;position: absolute;width: 0%;height: 2px;background: #123b97;left: 0;bottom: 0;}

.nav .nvx a.act,.nav .nvx a:hover{color: #2159a3;}

.nav .nvx a.act s{width: 100%;}

.nav .nvx.act{position: fixed;}

.nav .nvx.act2{position: fixed;top: 100px;}

















.aboutUsPage{background: #fafafa;}
.aboutUsPage .CP .content{display:flex;padding:130px 0;flex-wrap:wrap;justify-content:space-between}
.aboutUsPage .CP .L{width:49%}
.aboutUsPage .CP .R{width:49%}

.aboutUsPage ._plateTitle .cn{text-align: left}
.aboutUsPage ._plateTitle .en{text-align: left}


.aboutUsPage .CP .summary{color:#727272;font-size:16px;line-height:1.7;margin-top:35px}
.aboutUsPage .CP .vision{margin-top:50px}
.aboutUsPage .CP .vision strong{font-size:26px;position:relative;margin-bottom:15px;display:inline-block}
.aboutUsPage .CP .vision i{position:absolute;right:-25px;font-size:19px;color:#2159a3}
.aboutUsPage .CP .vision p{font-size:18px;color:#303030}
.aboutUsPage .CP .vision._en{width:85%}

.aboutUsPage .CN ul{overflow: hidden}
.aboutUsPage .CN .content{padding:130px 0}
.aboutUsPage .CN li{float:left;width:32%;margin-right:2%;transition:ease .4s;margin-bottom:25px}
.aboutUsPage .CN li .pic{overflow:hidden}
.aboutUsPage .CN li .pic img{transition:ease .4s}
.aboutUsPage .CN li:nth-child(3n){margin-right:0}
.aboutUsPage .CN .Introduction{background:#fff;padding:60px 33px}
.aboutUsPage .CN .title{color:#232323;font-size:20px;margin-bottom:35px;height:52px;overflow:hidden}
.aboutUsPage .CN .summary{color:#6a6a6a;line-height:1.7;height:85px;font-size:16px}
.aboutUsPage .CN .Introduction i{position:absolute;font-size:62px;color:#515151;opacity:0}
.technologyPage{background:#f3f3f3;padding:130px 0}
.technologyPage ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.technologyPage li{width:48%}
.technologyPage .summary{background:#fff;font-size:16px;padding:44px;color:#737373;line-height:1.7;height:170px}
.contactUsPage{background:#f3f3f3}
.contactUsPage .join{padding:120px 0}
.contactUsPage ._join.join2{padding:50px 0 0}
._join.join2 ul li{margin-bottom:0}
._join.join2 ul li+li{margin-top:20px}

.contactUsPage ._plateTitle .cn{text-align: left}
.contactUsPage ._plateTitle span{text-align: left}
.contactUsPage ._join.join2 ul li .detail{padding:0 95px 35px}
.contactUsPage ._join.join2 ul a{width:102px;line-height:32px;text-align:center;color:#fff;display:block;border:1px solid #2159a3;position:relative;z-index:5;transition:ease .4s}
.contactUsPage ._join.join2 ul a:after{content:'';position:absolute;width:100%;height:100%;background:#2159a3;left:0;transform:scale(1);z-index:-1;transition:ease .4s}
.contactUsPage ._join.join2 ul .title{line-height:90px;padding:0 95px;position:relative}
.contactUsPage ._join.join2 ul .title:after{content:'';position:absolute;right:0;bottom:0;background:#2159a3;height:1px;transition:ease .4s;width:0}
.contactUsPage ._join.join2 ul li .detail_bottom{padding:35px 0;border-top:1px solid #f0f0f0}
.contactUsPage ._join .name{display:inline-block;color:#2e2e2e;font-size:20px;min-width:17%}
.contactUsPage .claim{display:inline-block;font-size:16px;color:#666}
.contactUsPage ._join .claim span{margin:0 20px}
.contactUsPage ._join.join2 .icon{width:30px;height:30px;position:absolute;right:95px;margin:0;top:50%;transform:translateY(-50%);transition:ease .4s}
.contactUsPage ._join.join2 .icon:after{content:'';width:2px;top:0;left:50%;height:100%;background:#000;position:absolute;display:block;transition:ease .5s}
.contactUsPage ._join.join2 .icon:before{content:'';width:100%;top:50%;height:2px;background:#000;position:absolute;display:block;transition:ease .5s;transform:translateY(-50%)}
.contactUsPage ._join.join2 .active .icon:after{transform:rotate(90deg)}
.contactUsPage .CI{background:url(../images/contact_bg.jpg) center/cover no-repeat;padding:120px 0}
.contactUsPage .addressBox{display:flex;flex-wrap:wrap;background:rgba(255,255,255,.9);border-top:6px solid #2159a3;margin-top:50px}
.contactUsPage .addressBox .L{width:50%}
.contactUsPage .addressBox ul{padding:77px}
.contactUsPage .addressBox li{display:flex;flex-wrap:wrap;align-items:center}
.contactUsPage .addressBox li+li{margin-top:40px}
.contactUsPage .addressBox li i{width:48px;height:48px;text-align:center;line-height:48px;color:#2159a3;border:1px solid #2159a3;border-radius:50%;font-size:24px;margin-right:20px}
.contactUsPage .addressBox li .infor{width:80%}
.contactUsPage .addressBox .infor span{display:block;color:#2159a3}
.contactUsPage .addressBox .infor a{color:rgba(48,48,48,.7);font-size:18px;transition:ease .4s}
.contactUsPage .addressBox .infor a+a{margin-left:15px}
.contactUsPage .addressBox .R{width:50%;position:relative}
.contactUsPage .addressBox #map{height:100%}
.contactUsPage #map img{max-width:inherit}
.contactUsPage .address{position:absolute;left:40px;bottom:40px;display:flex}
.contactUsPage .address a{width:210px;line-height:48px;color:#fff;display:block;text-align:center;position:relative;z-index:5;transition:ease .4s}
.contactUsPage .address a:after{content:'';position:absolute;width:100%;height:100%;left:0;z-index:-1;top:0;background:rgba(20,148,60,.62);transition:ease .4s}
.contactUsPage .address a.active:after{background:#2159a3}
._service{padding:0}
._service.service1 li{flex-wrap:wrap;height:auto;display:flex;align-content:stretch}
._service.service1 li:nth-child(2n){flex-direction:row-reverse}
._service.service1 li .pic{position:relative;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center}
._service.service1 li .pic img{width:100%}
._service.service1 .L,._service.service1 .R{height:auto}
._service.service1 .bg{background:url(../images/news_bg.jpg)}
._service.service1 .text{width:66%;text-align:left}
._service.service1 .summary{font-size:18px;color:#7c7c7c;line-height:1.7;margin-top:15px}
.citrus{height:calc(100vh - 80px);display:flex;flex-wrap:wrap;position:relative;overflow:hidden}
.citrus ._plateTitle{position:absolute;z-index:5;left:3%;top:50px}
.citrus ._plateTitle span.cn{font-size:36px}
.citrus ._plateTitle span.en{color:#fff;font-size:42px}
.citrus .productLis{position:relative;height:100%}
.citrus .productLis .li{overflow:hidden}
.citrus .productLis .pic{background-size:cover;background-position:center;height:100%}
.citrus .productLis .pic img{opacity:0;visibility:hidden}
.citrus .L{width:50%;position:relative;height:100%}
.citrus .L .btnTab{position:absolute;right:5%;z-index:5;top:50%;transform:translateY(-50%)}
.citrus .L .btnTab i{width:78px;height:78px;display:block;border:1px solid #fff;border-radius:50%;text-align:center;line-height:78px;color:#fff;margin:15px auto;cursor:pointer;position:relative;transition:ease .4s}
.citrus .L .btnTab i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2);background:#fff;height:100%;width:100%;border-radius:50%;opacity:0;z-index:-1;transition:ease .4s}
.citrus .R{width:50%;display:flex;flex-wrap:wrap;align-content:space-between;position:relative;height:100%}
.citrus .R .top{width:100%;height:50%}
.citrus .productText{height:100%;background:url(../images/news_bg.jpg)}
.citrus .productText .li{display:flex;align-items:center}
.citrus .productText .lines{display:inline-block!important;line-height:24px}
.citrus .productText .g{padding:0 10%;width:100%}
.citrus .productText h2.en{color:rgba(66,66,66,.1);font-size:34px;text-transform:uppercase;font-weight:700;width:100%}
.citrus .productText h3.cn .b{color:#2159a3;font-size:34px;font-weight:inherit;margin-bottom:20px;width:100%;margin-right:15px;padding-right:15px}
.citrus .productText h3.cn .m{font-weight:400}
.citrus .productText h3 i{background:rgba(66,66,66,.1);display:inline-block;width:1px;height:30px;margin:0 15px}
.citrus .productText h3 span{color:#6c6c6c;font-size:20px}
.citrus .productText .summary{margin:25px 0 75px}
.citrus .productText .more{transition:ease color .4s;color:#2c2b2b}
.citrus .productText .more i{font-size:50px;display:inline-block;vertical-align:middle;margin-left:15px;transition:ease transform .4s}
.citrus .R .bottom{height:50%;width:100%}
.citrus .R .productShow{height:100%}
.citrus .R .productText&gt;.visualTI{position:absolute}
.citrus .productShow .li{position:relative;overflow:hidden}
.citrus .productShow .pic{position:relative;height:100%;background-size:cover;background-position:center}
.citrus .productShow .pic img{opacity:0}
.citrus .indicator{position:absolute;z-index:5;color:#fff;bottom:5%;left:5%}
.citrus .indicator .timer{width:160px;height:2px;background:rgba(255,255,255,.3);display:block;margin-top:15px;position:relative}
.citrus .indicator .timerCurrent{background:#fff;position:absolute;width:100%;height:100%;left:0;transform:scaleX(0);transform-origin:left}

@media (min-width: 1200px){
.container {
    width: 1170px;
}}
@media (min-width: 992px){
.container {
    width: 970px;
}}
@media (min-width: 768px){
.container {
    width: 750px;
}}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.basecont {
  min-width: 88.5%;
}
@media (min-width: 1441px) {
  .container {
    width: 1560px;
    padding: 0;
    max-width: 88.5%;
  }
  .basecont {
    width: 1700px;
  }
}

.home-section2 .cont {
  padding: 100px 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media (max-width: 1440px) {
  .home-section2 .cont {
    padding: 40px 0;
  }
}
@media (max-width: 1199px) {
  .home-section2 .cont {
    padding: 100px 0;
    height: 550px;
  }
}
@media (max-width: 991px) {
  .home-section2 .cont {
    padding: 60px 0;
    height: auto;
  }
	
	
	
}
@media (max-width: 767px) {
  .home-section2 .cont {
    padding: 40px 0;
  }
}
.home-section2 .jut {
  margin: 30px 05px ;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .home-section2 .jut {
    margin: 0;
  }
}
.home-section2 .jut .lt,
.home-section2 .jut .gt {
  width: 50%;
  padding: 0 15px;
	height: 100%;
 
}


.home-section2 .jut .lt .top{
	height:380px;
	margin-bottom: 30px
	
	
	
}


.home-section2 .jut .lt .zhong{width: 100%;
    padding: 0 15px;
    height: 100%;}








.home-section2 .jut .lt .bot{
	height:390px;
	
	
	
}


@media (max-width: 1199px) {
  .home-section2 .jut .lt,
  .home-section2 .jut .gt {
    padding: 0 7.5px;
  }
}
@media (max-width: 991px) {
  .home-section2 .jut .lt,
  .home-section2 .jut .gt {
    padding: 0;
    width: 100%;
  }
}
.home-section2 .jut .item {
  width: 100%;
  background-color: #eef5fd;
  height: 100%;
  position: relative;
  padding: 7% 8% 0;
  overflow: hidden;
  display: block;
}

.home-section2 .lt .bot .item {  background-color: #effaec;
}



@media (max-width: 767px) {
  .home-section2 .jut .item {
    padding: 30px 15px 0!important;
  }
}
.home-section2 .jut .item .img {
  position: absolute;
  bottom: 50px;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-transform: translateY(32%);
  transform: translateY(32%);
  padding-bottom: 77%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section2 .jut .lt .item .img{
	-webkit-transform: translateY(32%);
	transform: translateY(32%);
	padding-bottom: 87%;
}
@media (min-width: 2000px) {
	.home-section2 .jut .lt .item .img{
		padding-bottom: 72%;
	}
}
@media (max-width: 1440px) {
	.home-section2 .jut .lt .item .img{
		padding-bottom: 92%;
	}
}
@media (max-width: 991px) {
	.home-section2 .jut .lt .item .img{
		padding-bottom: 52%;
	}
  .home-section2 .jut .item .img {
    padding-bottom: 52%;
  }
}
.home-section2 .jut .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.home-section2 .jut .item .font .tit {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 10px;
  font-weight: bold;
  color: #262626;
}
@media (max-width: 1440px) {
  .home-section2 .jut .item .font .tit {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .jut .item .font .tit {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .home-section2 .jut .item .font .tit {
    margin-bottom: 5px;
    font-size: 30px;
  }
}
@media (max-width: 767px) {
	.home-section2 .jut .item .font{
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
  .home-section2 .jut .item .font .tit {
    font-size: 24px;
  }
	.home-section2 .jut .lt .item .img{
		padding-bottom:40%;
	}
	.home-section2 .jut .item .img{
		padding-bottom:40%;
	}
}
@media (max-width: 500px) {
	.home-section2 .jut .item .img{
		padding-bottom:66%;
	}
	.home-section2 .jut .lt .item .img{
		padding-bottom:66%;
	}
}
.home-section2 .jut .item .font p {
  font-size: 14px;
  color: #001b3f;
  margin-bottom: 30px;
  line-height: 1.6;
}
@media (max-width: 991px) {
  .home-section2 .jut .item .font p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.home-section2 .jut .item .font .but {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: 132px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #a6a6a6;
  color: #626262;
  position: relative;
}
@media (max-width: 767px) {
  .home-section2 .jut .item .font .but {
    width: 100px;
    font-size: 12px;
  }
}
.home-section2 .jut .item .font .but strong {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  height: 100%;
}
.home-section2 .jut .item .font .but span{
	opacity: 0;
}
.home-section2 .jut .item:hover .img {
  -webkit-transform: translateY(28%);
  transform: translateY(28%);
}
.home-section2 .jut .item:hover .font .but {
  color: #fff;
  background-color: #005ad2;
	border-color: #005ad2;
}
.home-section2 .jut .item:hover .font .but strong {
  opacity: 1;
}
.home-section2 .jut .item:hover .font .but span {
  opacity: 0;
}
@media (max-width: 991px) {
  .home-section2 .jut .lt {
    height: 550px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .lt {
    height: 700px;
  }
}
.home-section2 .jut .gt .top {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  flex-wrap: wrap;
  height: 450px;
}
@media (max-width: 1440px) {
  .home-section2 .jut .gt .top {

  }
}
@media (max-width: 1199px) {
  .home-section2 .jut .gt .top {
    height: 335px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .gt .top {
    height: auto;
    margin-bottom: 0;
  }
}
.home-section2 .jut .gt .top .zhong {
  width: 50%;
  padding-right: 15px;
  height: 100%;
}

@media (max-width: 1199px) {
  .home-section2 .jut .gt .top .zhong {
    padding-right: 7.5px;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .gt .top .zhong {
    padding-right: 0;
    width: 100%;
    height: 320px;
    margin-bottom: 15px;
  }
}
.home-section2 .jut .gt .top .zhong:last-child {
  padding-right: 0;
  padding-left: 15px;
}
@media (max-width: 1199px) {
  .home-section2 .jut .gt .top .zhong:last-child {
    padding-left: 7.5px;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .gt .top .zhong:last-child {
    padding-left: 0px;
  }
}
.home-section2 .jut .gt .top .item {
  background-color: #fdfbec;
  padding: 13% 10% 0;
}
.home-section2 .jut .gt .top .zhong:last-child a{
	background-color: #e8fcfa;
}
.home-section2 .jut .gt .top .item .tit {
  font-size: 28px;
}
@media (max-width: 1440px) {
  .home-section2 .jut .gt .top .item .tit {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .jut .gt .top .item .tit {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .home-section2 .jut .gt .top .item .tit {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .gt .top .item .tit {
    font-size: 24px;
  }
}
.home-section2 .jut .gt .top .item .font p {
  margin-bottom: 35px;
}
@media (max-width: 1440px) {
  .home-section2 .jut .gt .top .item .font p {
    margin-bottom: 20px;
  }
}
.home-section2 .jut .gt .top .item .font .but {
  width: 120px;
  height: 35px;
}
.home-section2 .jut .gt .bot {
  height: 380px;
}
@media (max-width: 1440px) {
  .home-section2 .jut .gt .bot {
  }
}
@media (max-width: 1199px) {
  .home-section2 .jut .gt .bot {
   
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .gt .bot {
    height: 320px;
  }
}
.home-section2 .jut .gt .bot .item {
  padding: 8% 5% 0;background:url(../images/xiaosibg.jpg);
}

.home-section2 .jut .gt .bot {  background:url(../images/xiaosibg.jpg);
}





@media (max-width: 1440px) {
  .home-section2 .jut .gt .bot .item {
    padding: 5% 5% 0;
  }
}
.home-section2 .jut .gt .bot .item .img {
  left: 42%;
  right: 0;
  padding-bottom: 46%;
}
@media (max-width: 1440px) {
  .home-section2 .jut .gt .bot .item .img {
    left: 48%;
    right: 0;
    padding-bottom: 40%;
  }
}
@media (max-width: 991px) {
  .home-section2 .jut .gt .bot .item .img {
    padding-bottom: 36%;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .gt .bot .item .img {
    left: 0;
    padding-bottom: 66%;
  }
}



.home-section2 .jut .it .bot {
  height: 320px;
}
@media (max-width: 1440px) {
  .home-section2 .jut .it .bot {
    height: 209px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .jut .it .bot {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .it .bot {
    height: 320px;
  }
}
.home-section2 .jut .it .bot .item {
  background-color: #effaec;
  padding: 8% 5% 0;
}
@media (max-width: 1440px) {
  .home-section2 .jut .it .bot .item {
    padding: 5% 5% 0;
  }
}
.home-section2 .jut .lt .item .img {
  left: 42%;
  right: 0;
  padding-bottom: 76%;
}
@media (max-width: 1440px) {
  .home-section2 .jut .lt .item .img {
    left: 48%;
    right: 0;
    padding-bottom: 70%;
  }
}
@media (max-width: 991px) {
  .home-section2 .jut .lt .item .img {
    padding-bottom: 36%;
  }
}
@media (max-width: 767px) {
  .home-section2 .jut .lt .item .img {
    left: 0;
    padding-bottom: 76%;
  }
}




/*page*/
.page{ text-align:center; margin-top: 6%;}
.page a{ display:inline-block; vertical-align: middle; width:36px; height: 36px; text-align: center; line-height: 36px; color: #666666;}
.page a.page_cur{ background: #0078c0; color: #fff;}
.page a.page_btn{ font-size:12px; margin: 0 30px; width:70px; border:1px solid #ababab;}
.page a.page_btn:hover{ border-color: #0078c0; color: #0078c0;}

@media only screen and (max-width: 767px){
	.customers_list{ margin:-5px;}
	.customers_list li{padding:5px;}
	.customers_list li a{ height:80px;}
	.customers_list li a img{ width:120px; height: 60px;}
	.customers_list li a img.img_color{ margin:-30px 0 0 -60px;} 
	
	/*page*/
	.page a{ width:28px; height: 28px; line-height: 28px;}
	.page a.page_btn{ width:60px; margin:0 5px;}
	
	
} 







.recommend{padding:120px 100px 120px;position:relative;background: url(../images/bg1.jpg) center center no-repeat;
    background-size: 100% 100%;
}
.recommend ._plateTitle{text-align:center}
.recommend ._plateTitle .cn{font-size:36px;color:#2c2c2c}
.recommend ._plateTitle .en{font-size:42px;color:#c6c6c6}
.recommend .recommendBox{margin-top:70px;}
.recommend .recommendBox.activeDown,.recommend .recommendBox.activeDown a{}
.recommend .recommendBox li{position:relative}
.recommend .recommendBox li a{}
.recommend .swiper-pagination{bottom:40px;width:100%;left:0}
.recommend .recommendBox .pic{position:relative;margin-bottom:25px;background:#000}
.recommend .recommendBox .pic img{transition:ease .4s;width:100%}
.recommend .recommendBox .more{display:none;position:absolute;bottom:7%;color:#fff;left:50%;transform:translateX(-50%);padding:0 15px;border-bottom:1px solid #fff;line-height:40px;opacity:0}
.recommend .recommendBox .icon{color:#fff;position:absolute;top:50%;font-size:40px;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:ease .5s;width:44px;height:44px;line-height:44px;text-align:center}
.recommend .recommendBox .title .cn{font-size:18px;display:block;margin-bottom:10px}
.recommend .recommendBox .title .en{font-size:18px;color:rgba(54,54,54,.4);text-transform:uppercase}
.recommend .swiper-pagination-bullet{border:1px solid #000;height:10px;width:10px;background:rgba(0,0,0,0);margin:0 15px;opacity:1;position:relative}
.recommend .swiper-pagination-bullet:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);height:100%;width:100%;border-radius:50%;background:#000;opacity:0;transition:ease .4s}
.recommend .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
.news{padding:75px 0;position:relative}
.news ._plateTitle{text-align:center;position:relative;z-index:5}
.news ._plateTitle .cn{font-size:36px;color:#2c2c2c}
.news ._plateTitle .en{font-size:42px;color:#c6c6c6}
.news .content{position:relative;z-index:5;margin-top:80px}
.news .newsSwiperPic{width:64%;margin:0}
.news .newsSwiperPic .li{border:1px solid rgba(0,0,0,.1);overflow:hidden}
.news .newsBox{position:absolute;background:#fff;top:50%;transform:translateY(-50%);z-index:6;width:45%;right:0;padding:100px;border:1px solid rgba(0,0,0,.1)}
.news .newsBox .newsSwiperText .timer{color:rgba(43,43,43,.4);font-size:16px}
.news .newsBox .newsSwiperText .title{font-size:24px;color:#232323}
.news .newsBox .newsSwiperText .summary{font-size:16px;color:#6a6a6a;line-height:1.7;margin-top:30px}
.news .newsBox .newsSwiperText .more{margin-top:80px;transition:ease color .4s}
.news .newsBox .newsSwiperText .more i{font-size:50px;display:inline-block;vertical-align:middle;margin-left:15px;transition:ease transform .4s}
.news .newsTab{position:absolute;right:100px;bottom:30px;font-size:20px}
.news .newsTab i{width:80px;text-align:center;display:inline-block;line-height:30px;color:#bfc69c;transition:ease .4s;cursor:pointer}
.news .newsTab span{width:1px;height:30px;background:#f0f0f0;display:inline-block;vertical-align:middle}
.news .newsBg{position:absolute;right:0;width:60%;height:100%;bottom:0;background:url(../images/newss_bg.jpg);z-index:1}

/*more01*/
.more01{ display:block;  width:147px; height: 40px; line-height: 38px; text-align: center; border:1px solid rgba(255,255,255,.60);}
.more01 em{ display:inline-block; position: relative; padding-right: 28px;font-style: normal}
.more01 em:before{ content:""; position:absolute; top:50%; right:0; margin-top: -7px; width:15px; height: 15px; background: url(../images/ico_04.png) right center no-repeat;}
.more01:hover{ color:#000; background:rgba(255,255,255,.80);}
.more01:hover em:before{ background-position:left center;}

.boxes.b3 {
	background: url(../images/bg2.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;

}
.boxes {
    position: relative;
	padding: 50px 0px;}

.boxes.b3 ._w1400 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.boxes.b3 ._w1400 .curL {
	width: 35%;
	height: auto;
	color: #fff;
}

.boxes.b3 ._w1400 .list {
	width: 50%;
	position: relative;
	color: #fff;
}

.boxes.b3 ._w1400 .list ul {
	display: flex;
	flex-wrap: wrap;
}

.boxes.b3 ._w1400 .list ul li {
	width: 50%;
	padding: 50px;

	text-align: center;
	position: relative;
}

.boxes.b3 ._w1400 .list ul li:nth-child(1)::after,
.boxes.b3 ._w1400 .list ul li:nth-child(2)::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background: #fff;
	opacity: .4;
	content: '';
}
.boxes.b3 ._w1400 .list ul li .icon img {
    width: 48px;
    margin: 0 auto;
}
.boxes.b3 ._w1400 .list ul li:nth-child(odd)::before {
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0%;
	right: 0%;
	background: #fff;
	opacity: .4;
	content: '';
}
.sub_title {
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 25px;
}

.sub_title.l {
	text-align: left;
}

.sub_title.l b::after {
	left: 0%;
	margin-left: 0%;
}


.sub_title b {
    font-size: 28px;
    font-weight: normal;
    position: relative;
    display: block;
}

.sub_title.l::after {
    left: 0%;
    margin-left: 0%;
}
.sub_title.w::after {
    background: rgba(255, 255, 255, .3);
}

.sub_title::after {
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    content: '';
    background: rgba(0, 0, 0, .3);
    bottom: 0px;
}



.boxes.b3 ._w1400 .list ul li .icon {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.boxes.b3 ._w1400 .list ul li .icon .iconfont {
	font-size: 48px;
}

.boxes.b3 ._w1400 .list ul li .name {
	width: 100%;
	height: auto;
	line-height: 1.4;
	font-size: 20px;
	margin-bottom: 15px;
}

.boxes.b3 ._w1400 .list ul li .des {
	width: 100%;
	height: auto;
	line-height: 2;
	opacity: .7;
}









/*==========
news=========*/

.news{background: url(../images/bg1.jpg) no-repeat center center ;background-size: cover;overflow: hidden}
.news .inner{ position:relative; z-index: 2;  padding-top: 5%; padding-bottom: 4%;    
    margin-left: auto;
    margin-right: auto;overflow: hidden
}
.news_list{ margin: 0 -1.638%;}
.news_list li{ width:33.33%; padding: 0 1.638%; float: left;}
.news_block{ text-align: center; position: relative; filter: Alpha(Opacity=1); opacity:1; top:50px;}
.ie9 .news_block,.news_block.move{ filter: Alpha(Opacity=100); opacity: 1; top:0;}
.news_img{ overflow: hidden;}
.news_img img{ display:block;}
.news_info{ padding:8%;}
.news_tit{ line-height:26px; height:26px; overflow: hidden; margin-bottom: 12px;}
.news_tit a{ display:inline-block;}
.news_date{ color: #b9b9b9; margin-bottom: 12px;}
.news_des{ line-height:24px; max-height: 96px; overflow: hidden; color: #727171; margin-bottom: 30px;}
.more04{ display:inline-block; width:64px; height: 36px; line-height: 34px; text-transform: uppercase; position: relative; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; color: #666;}
.more04:before,.more04:after{ content:""; position: absolute; top:-1px; left:50%; width:0; height: 1px; background: #0098d9;}
.more04:after{ top:auto; bottom:-1px;}
.more04:hover,
.news_list li:hover .more04{ border-color:#fff; color:#0098d9;}
.more04:hover:before,.more04:hover:after,
.news_list li:hover .more04:before,.news_list li:hover .more04:after{ left:0; width:100%;}
.news_list li:hover .news_block{ box-shadow:0 3px 30px -3px #ddd;}
.news_list li:hover .news_tit a{ color:#0098d9;} 


/*============
clients*/
.clients{ padding-bottom: 130px; background: url(../images/diwen.png) ; }
.clients .inner{ position: relative; padding-top: 5%; background: #fff; box-shadow: 0 10px 40px -2px rgba(18,87,180,.10);
    margin-left: auto;
    margin-right: auto;} 
.clients ._plateTitle{text-align: center}
.clients_line{ position:absolute; top:0; left:0; height: 1px; width:0; background: #ccc; opacity:0;} 
.ie9 .clients_line{ width:100%; background: #f2f2f2; filter: Alpha(Opacity=100); opacity: 1;}
.clients_line.move,.my_move03{  
	animation: move03 2s forwards alternate;
    -moz-animation: move03 2s forwards alternate;
    -webkit-animation:move03 2s forwards alternate;
    -o-animation:move03 2s forwards alternate;
}
@keyframes move03 {
    0% { 
		 width:0; background: #ccc; filter: Alpha(Opacity=0); opacity: 0;
    }  
	100% { 
		 width:100%; background: #f2f2f2; filter: Alpha(Opacity=100); opacity: 1;
    } 
}
@-webkit-keyframes move03 {/*é’ˆå¯¹webkitå†…æ&nbsp;¸*/
    0% { 
		 width:0; background: #ccc; filter: Alpha(Opacity=0); opacity: 0;
    }  
	100% { 
		 width:100%; background: #f2f2f2; filter: Alpha(Opacity=100); opacity: 1;
    } 
}
.a_cell {
    display: table-cell;
    vertical-align: middle;
}
.clients_show{ padding: 0 5%;}
#clients_scr{ padding-bottom:5%;overflow: hidden}
#clients_scr:before,#clients_scr:after{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 1px; background: #fff;}
#clients_scr:after{ width:1px; height: 100%;}
#clients_scr .item a{ position: relative; display:block; width: 100%; text-align: center;}
#clients_scr .item a .a_table{ display:table; width: 100%; height: 170px; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;} 
#clients_scr .item a img{ display:block; margin: 0 auto; width:150px; height: 75px;}
#clients_scr .item a img.img_color{ position:absolute; top:50%; left:50%; margin: -37px 0 0 -75px;
	filter:alpha(opacity=0); opacity:0;
	-webkit-transform: scale(1.50, 1.50);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.50, 1.50);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.50, 1.50);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}
#clients_scr .item a:hover img.img_color{
	filter:alpha(opacity=100); opacity:1;
	-webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

#clients_scr .owl-dots{ position:absolute; bottom:-50px; left:0; width:100%;}
#clients_scr .owl-dots .owl-dot span{ margin: 4px; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width:37px; position: relative; background: none; filter: Alpha(Opacity=100); opacity: 1;}
#clients_scr .owl-dots .owl-dot span:before{ content:""; position: absolute; top:50%; left:0; width:100%; height: 2px; margin-top: -1px; background: #95a4bc;}
#clients_scr .owl-dots .owl-dot:hover span:before,#clients_scr .owl-dots .owl-dot.active span:before{ background: #0098d9;}

@media only screen and (max-width: 1600px){
	.about_bg{ height: 1445px;}
}

@media only screen and (max-width: 1440px){
	.about_bg{ height: 1395px;}
} 

@media only screen and (max-width: 1279px){
	/*focus_scr*/
	#focus_scr, #focus_scr .owl-stage-outer, #focus_scr .owl-stage, #focus_scr .owl-item, #focus_scr .item{ height:auto;}
	#focus_scr .owl-controls .owl-pagination{ padding-bottom:0; background: none;}
	#focus_scr .owl-buttons{ left:30px; margin-left: 0;}
	#focus_scr .owl-buttons{ right:30px; top:auto; margin: 0; bottom:30px;}
	#focus_scr .owl-controls .owl-buttons div{ width:35px; height:35px;}
	#focus_scr .owl-controls .owl-buttons div:before{ width:12px; height: 12px; margin: -6px 0 0 -6px;} 
	#focus_scr .owl-controls .owl-page.active span.owl-numbers:after,#focus_scr .owl-controls.clickable .owl-page:hover span.owl-numbers:after{ height: 0;} 
	#focus_scr .owl-controls .owl-page.active span.owl-numbers,#focus_scr .owl-controls.clickable .owl-page:hover span.owl-numbers{ padding-bottom: 0;} 
	/*advantage*/
	.advantage_info{ width: 100%; float: none; margin: 0 0 30px;}
	.advantage_show{ max-width:718px; margin: 0 auto;}
	/*business*/ 
	.business_dl{ height:472px;}
	.business_dl dd{ padding:40px 0 0 40px;}
	.business_dl_style02{ height:327px;}
	.business_dl_style02 dd{ padding:20px 0 0 20px;}
	.business_dl04 dd{ padding-left: 0; padding-top:60px;}
	.business_dl05 dd{ padding-left:0; padding-right:20px;}
	/*clients*/
	.clients_show{ padding:0;}
	#clients_scr .item a .a_table{ height:130px;} 
}

@media only screen and (max-width: 991px){
	/*business*/ 
	.business_box{ padding:0;} 
	.title02 img{ height:45px;}
	/*about*/
	.about_overview { width:100%; float: none; padding: 0;}
	/*news*/
	.news_list{ margin:0 -5px;}
	.news_list li{ padding:0 5px;}
	.title_cn img{ height:36px;} 
}

@media only screen and (max-width:767px){ 
	main{ padding-top:65px;}
	/*focus*/
	#focus_scr .owl-controls .owl-pagination{ display:none;}
	/*advantage*/
	.sec_num{ right:0;}
	.advantage_data li:nth-child(n){ width:50%;}
	.advantage_more{ width:54px; height: 54px;}
	.advantage_more em{ width:20px; height: 20px; margin: -10px 0 0 -10px;}
	/*business*/
	.business_dl{ width:100%; float: none; height:auto; padding:10px;}
	.business_dl dd{ padding:10px;} 
	.business_classic,
	.business_dl_style02 .business_classic{ height:auto;}
	.business_classic li{ margin-bottom:5px;}
	/*clients*/
	.clients{ padding-bottom:70px;}
	#clients_scr .item a img{ width:100px; height:50px;}
	#clients_scr .item a img.img_color{ margin:-25px 0 0 -50px;} 
	#clients_scr .item a .a_table{ height:80px;}
	/*news*/
	.news_list li{ width:100%; float: none; max-width: 475px; margin:20px auto 0;}
	.news_info{ padding:4%;}
	.news_des{ max-height: 48px;}
}




.singePage {
    width: 100%;
    height: auto;
    line-height: 2;
    font-size: 14px;
	margin: 0 auto 30px;
	
}

.contentJoin{background:url(../images/contentJoin_bg.jpg);color:#fff;display:flex;flex-wrap:wrap;padding:90px 0}
.contentJoin .icon{font-size:34px}
.contentJoin .L{width:50%;text-align:center}
.contentJoin .title{display:block;font-size:18px;margin-bottom:25px}
.contentJoin .inforBox .text{width:49%;margin:0 auto;color:rgba(255,255,255,.6);font-size:16px;text-align:left}
.contentJoin .inforBox .text p{position:relative;line-height:24px;padding-left:78px}
.contentJoin .inforBox p+p{margin-top:10px}
.contentJoin .inforBox p span{width:70px;display:inline-block;position:absolute;left:0;text-align:right}
.contentJoin .inforBox p a{margin-right:10px;transition:ease .4s;font-size:14px}
.contentJoin .R{width:50%;text-align:center;position:relative;border-left:1px solid rgba(255,255,255,.3)}
.contentJoin .R .summary{width:57%;color:rgba(255,255,255,.7);font-size:16px;line-height:1.7;margin:0 auto}
.contentJoin._en .R .summary{
    text-align-last: justify;
    text-align:justify;
}
.contentJoin .inforBox._en p span{font-size:14px;text-align:right}
.contentJoin .inforBox._en p:nth-child(3) span{line-height:1}
.contentJoin .inforBox._en .text p{text-align:left;padding-left:76px}
.newsPage{background:#f3f3f3}
.newsPage .CN{background:no-repeat}
.newsPage .CN .content{padding:75px 0}
.burger_menu{position:fixed;top:80px;left:0;width:100%;background-color:#fff;z-index:23;overflow:hidden;height:0;transition:all 1s cubic-bezier(.19,1,.22,1);opacity:0;transition-delay:.7s}
.burger_menu.active{height:550px;transition:all 1s cubic-bezier(.19,1,.22,1);opacity:1;transition-delay:.2s}
.burger_menu ul{padding:0;margin:0;list-style:none;font-size:0}
.burger_menu&gt;ul{padding-top:80px;padding-bottom:80px;transition:all .7s cubic-bezier(.19,1,.22,1)}
.burger_menu&gt;ul&gt;li{display:inline-block;border-right:1px solid #e2e2e2;padding-right:30px;width:16.6666666%;font-size:14px;vertical-align:top;min-height:250px}
.burger_menu&gt;ul&gt;li:nth-child(n+1){padding-left:5%}
.burger_menu&gt;ul&gt;li:nth-last-of-type(1){border-right:none}
.burger_menu&gt;ul&gt;li&gt;a{display:inline-block;text-decoration:none;text-decoration:none;color:#8d8d8d;margin-bottom:10px;font-size:14px}
.burger_menu&gt;ul&gt;li&gt;ul&gt;li&gt;a{display:inline-block;text-decoration:none;text-decoration:none;color:#8d8d8d;margin-bottom:10px;font-size:14px;position:relative}
.burger_menu&gt;ul&gt;li&gt;ul&gt;li&gt;a:after{content:"";position:absolute;top:100%;left:0;width:100%;transform:scaleX(0);height:2px;background-color:#8d8d8d;transition:transform .5s cubic-bezier(.19,1,.22,1);transition-delay:.1s;transform-origin:right}
.burger_menu&gt;ul&gt;li&gt;ul&gt;li&gt;a:hover:after{transform-origin:left;transform:scaleX(1)}
.burger_menu .title{color:#282828;font-size:18px;margin-bottom:20px;font-weight:600;position:relative}
.burger_menu .title:after{content:'';position:absolute;width:0;bottom:-5px;height:2px;background:#000;left:0}
.burger_menu .title.active:after{width:100%}
.burger_menu&gt;ul&gt;li:nth-child(1){transform:translateY(-80px);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.85s}
.burger_menu&gt;ul&gt;li:nth-child(1)&gt;a,.burger_menu&gt;ul&gt;li:nth-child(1)&gt;ul{transform:translateY(-80px);opacity:1;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.5s}
.burger_menu&gt;ul&gt;li:nth-child(2){transform:translateY(-80px);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.7s}
.burger_menu&gt;ul&gt;li:nth-child(2)&gt;a,.burger_menu&gt;ul&gt;li:nth-child(2)&gt;ul{transform:translateY(-80px);opacity:1;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.5s}
.burger_menu&gt;ul&gt;li:nth-child(3){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.55s;opacity:0}
.burger_menu&gt;ul&gt;li:nth-child(3)&gt;a,.burger_menu&gt;ul&gt;li:nth-child(3)&gt;ul{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.35s;opacity:0}
.burger_menu&gt;ul&gt;li:nth-child(4){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.4s;opacity:0}
.burger_menu&gt;ul&gt;li:nth-child(4)&gt;a,.burger_menu&gt;ul&gt;li:nth-child(4)&gt;ul{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;opacity:0}
.burger_menu&gt;ul&gt;li:nth-child(5){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.25s;opacity:0}
.burger_menu&gt;ul&gt;li:nth-child(4)&gt;ul,.burger_menu&gt;ul&gt;li:nth-child(5)&gt;a{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;opacity:0}
.burger_menu.active&gt;ul&gt;li:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s}
.burger_menu.active&gt;ul&gt;li:nth-child(1)&gt;a,.burger_menu.active&gt;ul&gt;li:nth-child(1)&gt;ul{opacity:1;transform:translateY(0);transition-delay:.05s}
.burger_menu.active&gt;ul&gt;li:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.25s}
.burger_menu.active&gt;ul&gt;li:nth-child(2)&gt;a,.burger_menu.active&gt;ul&gt;li:nth-child(2)&gt;ul{opacity:1;transform:translateY(0);transition-delay:.2s}
.burger_menu.active&gt;ul&gt;li:nth-child(3){transform:translateY(0);transition-delay:.4s;opacity:1}
.burger_menu.active&gt;ul&gt;li:nth-child(3)&gt;a,.burger_menu.active&gt;ul&gt;li:nth-child(3)&gt;ul{transform:translateY(0);transition-delay:.35s;opacity:1}
.burger_menu.active&gt;ul&gt;li:nth-child(4){transform:translateY(0);transition-delay:.55s;opacity:1}
.burger_menu.active&gt;ul&gt;li:nth-child(4)&gt;a,.burger_menu.active&gt;ul&gt;li:nth-child(4)&gt;ul{transform:translateY(0);transition-delay:.5s;opacity:1}
.burger_menu.active&gt;ul&gt;li:nth-child(5){transform:translateY(0);transition-delay:.7s;opacity:1}
.burger_menu.active&gt;ul&gt;li:nth-child(4)&gt;ul,.burger_menu.active&gt;ul&gt;li:nth-child(5)&gt;a{transform:translateY(0);transition-delay:.5s;opacity:1}
.blackLevel{position:fixed;top:81px;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:20;transition:ease .5s 1s;opacity:0;visibility:hidden}
.blackLevel.active{opacity:1;visibility:inherit;transition:ease .5s}
.productNav.burger_menu&gt;ul&gt;li{width:calc(100% / 3)}
.productNav.burger_menu&gt;ul&gt;li:nth-child(n+1){padding-left:10%}
.pageSearch{padding-bottom:100px}
.swiper-lazy-preloader{border:4px solid #0e963d;border-top-color:transparent}
@media screen and (min-width:1200px){
.hamburger:hover .hamburger__bar{background:rgba(255,255,255,0);transform:translate(-50%,-50%) rotate(45deg);transition:background .3s ease,transform .3s .6s ease}
.hamburger:hover .hamburger__bar.openActive{transform:translate(-50%,-50%) rotate(0);transition:background .3s ease,transform .3s ease}
.hamburger:hover .hamburger__bar:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.hamburger:hover .hamburger__bar:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}
.recommend .recommendBox li:hover .icon{opacity:1}
.recommend .recommendBox li:hover .pic img{opacity:.7}
.recommend .recommendBox li:hover .more{opacity:1}
.banner:hover .bannerBtnL,.banner:hover .bannerBtnR{opacity:.7}
.banner .bannerBtnL:hover span{left:10px}
.banner .bannerBtnR:hover span{right:10px}
.banner .bannerBtnL:hover span,.banner .bannerBtnR:hover span{width:40px}
.recommend .swiper-pagination-bullet:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}
.citrus .L .btnTab i:hover{color:#3e3e3e}
.citrus .L .btnTab i:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}
.citrus .productText .more:hover{color:#09943a}
.citrus .productText .more:hover i{transform:translateX(30%)}
.news .newsBox .newsSwiperText .more:hover{color:#09943a}
.news .newsBox .newsSwiperText .more:hover i{transform:translateX(25%)}
.news .newsTab .btnL:hover{transform:translateX(-25%);color:#09943a}
.news .newsTab .btnR:hover{transform:translateX(25%);color:#09943a}
.contentJoin .inforBox p a:hover{color:#fff}
.footer .navMap a:hover:after{transform-origin:left;transform:scaleX(1)}
.footer .bottom a:hover{color:#fff}
.nav ul li:hover{color:rgba(62,62,62,.6)}
.productPage .tabType a:hover{color:#09943a}
.productPage .tabType a:hover i{background-position:0 0}
._productUl li:hover .pic{box-shadow:0 10px 13px rgba(0,0,0,.12)}
._productUl li:hover .pic img{transform:scale(1.05)}
.productPage .L .more:hover{color:#fff}
.productPage .L .more:hover:after{opacity:1;transform:scale(1)}
.aboutUsPage .CN li:hover{}
.aboutUsPage .CN li:hover .pic img{transform:scale(1.05)}
._more:hover{color:#3e3e3e}
._more:hover:after{transform:scale(1);opacity:1}
.contactUsPage ._join.join2 ul a:hover{color:#2159a3}
.contactUsPage ._join.join2 ul a:hover:after{transform:scale(1.2);opacity:0}
.contactUsPage .address a:hover:after{background:#2159a3}
._join.join2 ul li:hover .icon{transform:translateY(-50%) rotate(90deg)}
._join.join2 ul li:hover .active .icon{transform:translateY(-50%) rotate(0)}
._join.join2 li:hover .title:after{width:100%}
.contactUsPage .addressBox .infor a:hover{color:#303030}
}
@media screen and (max-width:1600px){
.productPage .description .text{padding:25px}
.productPage .description .summary{margin-top:10px;padding:10px 0}
}
@media screen and (max-width:1600px){
.burger_menu&gt;ul{padding:40px 0}
.citrus .productText h2.en{font-size:40px}
.citrus .productText h3.cn .b{font-size:26px}
.citrus .productText h3 span{font-size:16px}
.productPage .description .text{padding:35px}
.productPage .description h2.en{font-size:44px}
.productPage .description h3.cn{font-size:20px}
.productPage .description .title{font-size:16px;line-height:40px}
.productPage .description .summary{font-size:14px;padding:10px 0}
.recommend .recommendBox .title .cn{font-size:20px;margin-bottom:5px}
.recommend .recommendBox .title .en{font-size:14px}
.contentJoin .inforBox .text{width:60%}
.contentJoin{padding:65px 0}
.footer .navMap{width:65%}
.footer .inforBox .infor a{font-size:32px}
.footer .navMap li{margin-left:20px;width:23%}
.footer .top{padding-bottom:40px}
.footer .inforBox{width:35%;justify-content:flex-end}
.news .newsSwiperPic{width:54%}
.news .newsBox{width:55%;padding:90px 50px}
.inBanner .slogan{padding-top:30px;bottom:25%;}
.inBanner .slogan span.cn{font-size:58px}
._service.service1 .text{width:80%}
.nav ul li.en{width:115px}
}
@media screen and (max-width:1400px){
._service.service1 .text{width:80%}
._service.service1 .summary{font-size:16px}
.productPage .description .text{padding:15px}
.productPage .description h2.en{font-size:30px}
.productPage .description h3 i{height:14px}
}
@media screen and (max-width:1300px){
.footer .inforBox .infor a{font-size:28px}
.footer .inforBox .infor{margin-right:15px}
}
@media screen and (max-width:1200px){
.burger_menu{top:60px}
.burger_menu.active{height:280px}
.burger_menu&gt;ul&gt;li{min-height:180px}
.burger_menu&gt;ul{padding:35px 0}
.nav .pcLogo h1{width:160px}
.nav ul{display:none;   }
.hamburger{display: block; height: 35px;
    width: 35px;
    top: 15px;}
	
	
.nav{height:60px}
.nav .searchBox{line-height:60px}
.nav .searchBox i{font-size:20px}
.nav .searchBox.active #keyshead{width:300px}
.banner{position:relative}
.banner ._h100vh{height:65vh}
.banner .icon_arrow{font-size:20px}
.citrus{height:calc(75vh - 80px)}
.citrus ._plateTitle span.cn{font-size:24px}
.citrus ._plateTitle span.en{font-size:22px}
.citrus .L .btnTab i{width:48px;height:48px;line-height:48px}
.citrus .productText h2.en{font-size:20px}
.citrus .productText h3.cn .b{font-size:18px}
.citrus .productText .summary{margin:15px 0 35px}
.citrus .productText .g{padding:0 8%}
.citrus .productText .more{font-size:12px}
.recommend{padding:35px 50px 75px}
.recommend .recommendBox{margin-top:35px}
._plateTitle .cn{font-size:24px!important}
._plateTitle .en{font-size:22px!important}
.recommend .recommendBox .pic{margin-bottom:10px}
.recommend .recommendBox .title .cn{font-size:16px;height:22px}
.recommend .recommendBox .title .en{height:28px;font-size:12px}
.recommend .swiper-pagination{bottom:35px}
.news{padding:35px 0}
.news .content{margin-top:40px}
.news .newsBox{padding:50px}
.news .newsBox .newsSwiperText .title{font-size:16px}
.news .newsBox .newsSwiperText .summary{font-size:14px;margin-top:20px}
.news .newsBox .newsSwiperText .more{margin-top:40px;font-size:12px}
.news .newsBox .newsSwiperText .timer{font-size:12px}
.contentJoin .title{font-size:16px}
.contentJoin .R .summary{width:70%;font-size:14px}
.contentJoin .inforBox .text{width:70%;font-size:14px}
.footer{padding:35px 3% 0}
.footer .inforBox .infor a{margin-top:20px;font-size:21px}
.footer .navMap li{width:20%;margin-left:1%}
.footer .navMap{width:55%}
.footer .inforBox{width:45%}
.footer .inforBox .infor{margin-right:20px}
.footer .inforBox .phoneTitle{font-size:16px}
.footer .inforBox .QRcode img{max-width:80px;margin:0 auto}
.footer .inforBox .QRcode{line-height:2}
.footer .bottom{font-size:12px}
.inBanner{}
.inBanner .slogan span.cn{font-size:38px}
.inBanner .slogan span.en{font-size:28px}

.productPage .tabType{padding:20px 0}
.productPage .tabType a{font-size:16px}
.productPage .tabType i{width:45px;height:45px}
.productPage .tabType .icon1{background:url(../images/icon_type.png) 45px 45px;background-size:cover}
.productPage .tabType .icon2{background:url(../images/icon_type2.png) 45px 45px;background-size:cover}
.productPage .tabType .icon3{background:url(../images/icon_type3.png) 45px 45px;background-size:cover}
._productUl .title span.cn{font-size:16px}
._productUl .title span.en{font-size:14px}
.productPage .description .text{padding:20px}
.productPage .description h2.en{font-size:20px}
.productPage .description h3.cn{font-size:16px}
.productPage .description h3 i{height:12px}
.productPage .description .title{line-height:32px}
.productPage .description .g+.g{margin-top:15px}
.productPage .description .summary{margin-top:0;padding:5px 0;font-size:12px}
.productPage .content .L.active{width:calc(49% - 49px);left:50px;top:75px}
.productPage .L .more{width:44px;height:44px;line-height:44px}
.productPage .PQ li{width:20%}
.productPage .PQ ul{margin-top:25px}
.productPage .PQ{padding:35px 0}
.productPage .RI{padding:0}
.aboutUsPage .CP .content{padding:85px 0}
._service{padding:85px 0}
	
.aboutUsPage .CP .summary{margin-top:15px;font-size:14px}
.aboutUsPage .CP .vision{margin-top:25px}
.aboutUsPage .CP .vision strong{font-size:18px}
.aboutUsPage .CN .content{padding:35px 0}
.aboutUsPage .CN ul{margin-top:25px}
.aboutUsPage .CN .Introduction{padding:15px}
.aboutUsPage .CN .title{font-size:16px;height:auto;margin-bottom:10px;-webkit-line-clamp:1}
.aboutUsPage .CN .summary{font-size:14px;height:70px}
._more{width:160px;line-height:36px}
.footer ._w1500{width:100%}
._service.service1 .summary{font-size:14px}
.technologyPage{padding:35px 0}
.technologyPage .summary{padding:25px}
.technologyPage .summary .text{height:115px;font-size:14px}
.blackLevel{top:60px}
.contactUsPage .join{padding:35px 0}
.contactUsPage ._join.join2{padding:25px 0 0}
.contactUsPage ._join.join2 ul .title{padding:0 35px;font-size:16px}
.contactUsPage ._join .name{font-size:16px;width:100%;text-align:center;padding:0}
.contactUsPage ._join.join2 .icon{right:35px;width:26px;height:26px}
.contactUsPage ._join.join2 ul li .detail{padding:0 35px 35px}
.contactUsPage ._join.join2 ul li .detail_bottom{padding:15px 0}
._join.join2 ul li .detail_bottom p{margin-bottom:5px}
.contactUsPage .CI{padding:80px 0}
.contactUsPage .addressBox ul{padding:35px}
.contactUsPage .addressBox li i{width:36px;height:36px;line-height:36px;font-size:16px;margin-right:10px}
.contactUsPage .addressBox .infor a{font-size:16px}
._plateTitle.colorFFF .en{color:rgba(255,255,255,.3)}
.contactUsPage .address{left:50%;transform:translateX(-50%);width:70%}
.contactUsPage .address a{width:100%;line-height:36px}
._newsdetail2 .content_list .title{margin-bottom:0;padding:0;overflow:hidden;height:26px;line-height:1.7}
._newsdetail2 .content_list li{margin-bottom:25px}
._focus2_list ul li .title{font-size:16px;line-height:1.7;margin-bottom:5px}
._focus2_list ul li .time{font-size:12px;line-height:1.7}
._focus2_list ul li{padding:10px 0}
}
@media screen and (max-width:768px){
	
	
	.header .content .logo{height: auto;width: 200px;padding-left: 10%}
	.header .content .logo img{width: 100%}
	
._mobile{display:block}
.banner ._h100vh{height:45vh}
.citrus .R .bottom{display:none}
.citrus .L{width:100%}
.citrus .R{width:100%}
.citrus{height:100vh}
.citrus .L{height:65%}
.citrus .R{height:35%}
.citrus .R .top{height:100%}
.citrus .productText .g{padding:0 5%}
.recommend{padding:35px 3% 45px}
.recommend .recommendBox{margin-top:15px}
._plateTitle .cn{font-size:20px!important}
._plateTitle .en{font-size:18px!important}
.recommend .swiper-pagination{bottom:20px}
.recommend .recommendBox .pic{margin-bottom:5px}
.recommend .recommendBox .title .cn{font-size:14px;margin-bottom:0}
.news .content{margin-top:35px}
.news .newsSwiperPic{width:100%}
.news .newsBox{width:100%;position:relative;padding:15px;top:0;transform:translate(0,0)}
.news .newsBox .newsSwiperText .more{margin-top:10px}
.news .newsBox .newsSwiperText .more i{font-size:30px}
.news .newsTab{bottom:10px;z-index:8}
.news .newsBg{width:100%;background-size:cover}
.contentJoin .L{width:100%}
.contentJoin .R{width:100%}
.contentJoin{padding:35px 0;background:#384e41;display:none}
.contentJoin .title{margin-bottom:10px}
.contentJoin .inforBox .text{width:90%}
.contentJoin .R .summary{width:90%}
.footer .navMap{display:none}
.footer .inforBox{width:100%}
.footer .inforBox .infor{margin:0 auto;width:100%;text-align:center}
.footer .inforBox .QRcode{margin:15px auto 0}
.footer .inforBox .infor a{margin-top:10px}
.footer .bottom .L{text-align:center}
.footer .bottom .R{width:100%;text-align:center}
.nav .pcLeft{width:55px}
.nav .pcLogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.nav .pcRight{width:55px}
.nav .searchBox.active #keyshead{width:250px}
.burger_menu.active{height:calc(100vh - 60px)}
.burger_menu .lang{position:absolute;bottom:5%;left:50%;transform:translateX(-50%)}
.burger_menu .lang span{color:#249d4f}
.burger_menu&gt;ul&gt;li{min-height:auto;width:100%;padding:0 3%!important;text-align:center;border-right:0}
.burger_menu&gt;ul{padding:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}
.burger_menu .title{font-size:18px;margin-bottom:20px;transform:translateY(-30px)!important}
.burger_menu&gt;ul&gt;li&gt;ul&gt;li&gt;a{margin-bottom:0}
.burger_menu&gt;ul&gt;li&gt;ul{margin-bottom:15px;display:none}

	.nav .nvx a{font-size: 14px}	
	
	
.inBanner .slogan span.cn{font-size:26px}
.inBanner .slogan span.en{font-size:28px}
.inBanner .slogan{padding-top:15px;bottom:40%;left:50%;transform:translateX(-50%);text-align:center;width:90%}
.inBanner .slogan:after{height:2px;opacity:0}
._pLR{padding:85px 0}
.productPage .tabType{padding:15px 0}
.productPage .tabType a{margin:0 10px;font-size:14px}
.productPage .tabType i{width:35px;height:35px}
.productPage .tabType .icon1{background:url(../images/icon_type.png) 35px 35px;background-size:cover}
.productPage .tabType .icon2{background:url(../images/icon_type2.png) 35px 35px;background-size:cover}
.productPage .tabType .icon3{background:url(../images/icon_type3.png) 35px 35px;background-size:cover}
._productUl li{width:49%;margin-right:2%;margin-bottom:15px}
._productUl li:nth-child(2n){margin-right:0}
._productUl .title span.en{display:none}
._productUl .title span.cn{font-size:14px}
.productPage .content .L{width:100%;margin-bottom:15px}
.productPage .content .R{width:100%}
.productPage .L .more{width:30px;height:30px;line-height:30px;font-size:22px}
.productPage .gallery-thumbs{width:65%}
.productPage .content .L.active{width:100%;position:relative;top:0;left:0}
.productPage .description .text{height:auto;position:relative;border:1px solid #ccc;padding:15px}
.productPage .maskPD{position:absolute;opacity:0}
.productPage .description h2.en{font-size:14px}
.productPage .description .title{line-height:1.7}
.productPage .description .summary{font-size:14px}
.productPage .article{padding:20px 0 0}
.productPage .PQ ul{margin-top:15px}
.productPage .PQ li{padding:0 1%;width:50%;margin-bottom:15px}
.aboutUsPage .CP .L{width:100%}
.aboutUsPage .CP .vision{margin-top:10px}
.aboutUsPage .CP .vision._en{width:100%}
.aboutUsPage .CP .vision strong{font-size:16px}
.aboutUsPage .CP .vision i{position:relative;right:0;display:inline-block;margin-left:5px}
.aboutUsPage .CP .R{display:none}
._more{width:120px;line-height:32px;margin:35px auto 0;font-size:12px}
.aboutUsPage .CN li{width:100%;margin-right:2%;margin-bottom:0;display:none}
.newsPage.aboutUsPage .CN li{display:block}
.aboutUsPage .CN li+li{margin-bottom:15px}
.aboutUsPage .CN li:nth-child(2n){margin-right:0}
.aboutUsPage .CN .Introduction{padding:10px}
.aboutUsPage .CN .title{margin-bottom:5px}
.aboutUsPage .CN .summary{-webkit-line-clamp:2;height:auto}
.aboutUsPage .CN li:nth-child(3n){margin-right:2%}
.newsPage .CN li:nth-child(3){display:block}
.aboutUsPage .CN li:nth-child(1),.aboutUsPage .CN li:nth-child(2),.aboutUsPage .CN li:nth-child(3),.aboutUsPage .CN li:nth-child(4){display:block}
._newsdetail2 .postInfo{margin-bottom:25px;padding-top:25px}
._newsdetail2 .postInfo .title{font-size:18px;line-height:1.8}
._newsdetail2 .description{padding:15px 0}
._newsdetail2 .listContent .item_tags{display:none}
._newsdetail2 .content_list .date_wrap{font-size:12px;line-height:inherit}
._newsdetail2 .listContent h3{margin-bottom:15px;font-size:18px}
._newsdetail2 .content_list li{margin-bottom:15px}
._newsdetail2 .content_list .title:after{opacity:0}
._newsdetail2 .content_list .item_des{padding:0}
._service.service1 .text{position:relative;left:0;top:0;transform:translate(0,0);width:100%}
._service.service1 .L,._service.service1 .R{width:100%}
._service.service1 .bg{background:no-repeat}
._service.service1 .summary{margin-top:0}
._service.service1 li{padding:15px 3% 25px}
.technologyPage li{width:100%}
.technologyPage li+li{margin-top:15px}
.technologyPage .summary{padding:15px;height:auto}
.technologyPage .summary .text{height:auto}
.contactUsPage ._join.join2 ul .title{padding:5px 15px;line-height:1.7}
.contactUsPage ._join.join2 .icon{display:none}
.contactUsPage .claim{font-size:14px;width:100%}
.contactUsPage ._join .claim span{margin:0;display:block;line-height:1.6}
.contactUsPage ._join.join2 ul li .detail{padding:0 15px 15px}
.contactUsPage .addressBox .L{width:100%}
.contactUsPage .addressBox .R{width:100%}
.contactUsPage .addressBox #map{height:200px}
.contactUsPage .addressBox ul{padding:15px}
.contactUsPage .addressBox li+li{margin-top:10px}
.contactUsPage .addressBox li i{width:32px;height:32px;line-height:32px}
.contactUsPage .addressBox .infor a{font-size:14px}
.contactUsPage .address{bottom:20px;width:80%;font-size:12px}
.searchContent{padding:25px 0 0}
.searchContent .scResult{padding:0 3%;font-size:16px;text-indent:0}
._focus2_list ul li{padding:5px 0 10px}
._focus2_list ul li .title{margin-bottom:0}
.contactUsPage .addressBox .infor a+a{margin-left:5px}
.monile{display:block}
.pc{display:none}
}
@media screen and (max-width:767px){
.inBanner .pic{height:auto;width: 800px}
	.f_36{font-size: 16px}
	.nav .nvx a{margin-right: 10px }

	
}




/* ä¸€èµ·æ¥äº†è§£ */
.yqllj{
  width: 100%;
}
.yqllj .ibox{
  padding: 100px 0;
}
.yqllj .ibox .down{
  margin-top: 60px;
	overflow: hidden;
}
.yqllj .ibox .down .three_img{
  width: 100%;
	overflow: hidden;
}
.yqllj .ibox .down .three_img .three{
  width: 31.33333%;
  margin-right: 2%;
	margin-bottom: 2%;
  border-radius: 17px;
	float: left;
  overflow: hidden;
  -moz-box-shadow:0px 3px 10px #DDDDDD; -webkit-box-shadow:0px 3px 10px #DDDDDD; box-shadow:0px 3px 10px #DDDDDD;
}
.yqllj .ibox .down .three_img .three:last-child{
  margin-right: 0;
}
.yqllj .ibox .down .three_img .three .big_img{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.yqllj .ibox .down .three_img .three .big_img img{
  width: 100%;
  -moz-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  -webkit-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  transition: transform 12s cubic-bezier(.23, 1, .32, 1);
}
.yqllj .ibox .down .three_img .three:hover .big_img img{
  transform: scale(1.1);
  -moz-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  -webkit-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  transition: transform 12s cubic-bezier(.23, 1, .32, 1);
}
.yqllj .ibox .down .three_img .three .big_img::before{
  content: "";
    display: block;
    width: 0;
    height: 8px;
    background: #123b97;
    position: absolute;
    bottom: 00px;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    z-index: 5;
}
.yqllj .ibox .down .three_img .three:hover .big_img::before{
  width: 100%;
  opacity: 1;
}
.yqllj .ibox .down .three_img .three .text{
  padding: 40px 38px 48px;
  background-color: #fff;
}
.yqllj .ibox .down .three_img .three .text .name{
  color: #666;
  font-family: "numa";
}
.yqllj .ibox .down .three_img .three .text .d_text{
  width: 100%;
  color: #333;
  font-weight: bold;
  margin: 20px 0 38px 0;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yqllj .ibox .down .three_img .three:hover .text .d_text{
  color: #123b97;
}
.yqllj .ibox .down .three_img .three:hover .text .ckgd .ckgd_text{
  color: #123b97;
}
.yqllj .ibox .down .three_img .three:hover .text .ckgd .img img:last-child{
    opacity: 1;
}
.yqllj .ibox .down .three_img .three:hover .text .ckgd .img img:first-child{
    opacity: 0;
}
.yqllj .ibox .down .page{
  margin-top: 80px;
}


/* æŸ¥çœ‹æ›´å¤šæŒ‰é’® */
.ckgd {
    display: flex;
    align-items: center;
}

.ckgd .ckgd_text {
    color: #666;
    font-weight: bold;
}

.ckgd1 .ckgd_text {
    color: #fff;
    font-weight: bold;
}

.ckgd:hover .ckgd_text {
    color: #123b97;
}

.ckgd1:hover .ckgd_text {
    color: #123b97;
}

.ckgd .img {
    width: 15px;
    height: 15px;
    position: relative;
    margin: 0px 0 0 11px;
}

.ckgd .img img {
    position: absolute;
    top: 0;
    left: 0;
}

.ckgd .img img:last-child {
    opacity: 0;
}

.ckgd:hover .img img:last-child {
    opacity: 1;
}

.ckgd:hover .img img:first-child {
    opacity: 0;
}

.more {
    width: 150px;
    height: 40px;
    padding: 0 15px 0 25px;
    background-color: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more.more1 {
    border: 1px solid #123b97;
}

.more:hover {
    background-color: #123b97;
}

.more .more_text {
    color: #123b97;
    font-weight: bold;
}

.more:hover .more_text {
    color: #fff;
}

.title .line {
    width: 60px;
    height: 1px;
    background-color: #cccccc;
    margin: 30px 0 18px 0;
}

.title .title_dtext {
    color: #333;
    font-weight: bold;
}



/* æˆé•¿ä¸Žå‘å±• */


.jiejuePage{background-color: #f0f0f0;}
.czyfz {
  width: 100%;
  
}

.czyfz .ibox {
  padding:120px 0 100px 0;
	
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;

}

.czyfz .ibox .czds {
  width: 100%;
  height: 410px;
  border-radius: 17px;
  overflow: hidden;
  background-color: #fff;
  margin-top: 47px;
	display: block
}
.a_kxo {
    position: relative;
    top: -80px;
}
.czyfz .ibox .czds .left {
  float: right;
  width: 50%;
  padding: 80px 105px 95px 60px;
}

.czyfz .ibox .czds .left .text {}

.czyfz .ibox .czds .left .text .up {
  width: 100%;
}

.czyfz .ibox .czds .left .text .up .four_text {
  color: #333;
  font-weight: bold;
}

.czyfz .ibox .czds .left .text .up .line {
  width: 60px;
  height: 1px;
  background-color: #cccccc;
  margin-top: 30px;
}

.czyfz .ibox .czds .left .text .down {
  width: 100%;
  height: 96px;
  position: relative;
  margin: 20px 0 50px;
}

.czyfz .ibox .czds .left .text .down .s_img1 {
  position: absolute;
  top: -80px;
  left: -22px;
}

.czyfz .ibox .czds .left .text .down .s_img2 {
  position: absolute;
  bottom: -50px;
  right: -43px;
}

.czyfz .ibox .czds .left .text .down .c_text {
  width: 100%;
  color: #666;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.czyfz .ibox .czds:hover .left .text .ckgd .ckgd_text {
  color: #123b97;
}

.czyfz .ibox .czds:hover .left .text .ckgd .img img:last-child {
  opacity: 1;
}

.czyfz .ibox .czds:hover .left .text .ckgd .img img:first-child {
  opacity: 0;
}

.czyfz .ibox .czds .right {
  float: left;
  width: 50%;
  height: 100%;
}

.czyfz .ibox .czds .right .img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.czyfz .ibox .czds .right .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -moz-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  -webkit-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  transition: transform 12s cubic-bezier(.23, 1, .32, 1);
}

.czyfz .ibox .czds:hover .right .img img {
  transform: scale(1.1);
  -moz-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  -webkit-transition: transform 12s cubic-bezier(.23, 1, .32, 1);
  transition: transform 12s cubic-bezier(.23, 1, .32, 1);
}

.czyfz .ibox .czds1 {
  width: 100%;
  height: 410px;
  border-radius: 17px;
  overflow: hidden;
  background-color: #fff;
  margin-top: 60px;
}

.czyfz .ibox .czds1 .left {
  float: left;
  width: 50%;
  padding: 80px 105px 95px 60px;
}

.czyfz .ibox .czds1 .right {
  float: right;
  width: 50%;
}


.feedback_box{margin-top: 50px}
.feedback_box .content{margin: 0px auto;}
.feedback_box .top_box{text-align: center;padding: 80px 0px;}
.feedback_box .top_box .title{color: #1e2b66;font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.feedback_box .top_box .desc{font-size: 17px;color: #3d3d3d;}

.feedback_box .form_box{overflow: hidden;}
.feedback_box .form_box .txt{width: 32%;float: left;height: 78px;line-height: 78px;border: 1px solid #dadada;padding: 0px 20px;box-sizing: border-box;}
.feedback_box .form_box .txt:focus{border-color:#1e2b66;}

.feedback_box .form_box .txt.t1{margin-right: 2%;}
.feedback_box .form_box .large_txt{width: 100%;height: 245px;padding: 20px;box-sizing: border-box;resize:none; float: left;margin-top: 30px;margin-bottom: 25px; border: 1px solid #dadada;}
.feedback_box .form_box .large_txt:focus{border-color:#1e2b66;}
.feedback_box .form_box .s_btn{background: #2159a3;border-radius: 0px; float: left;width: 200px;margin: 0 auto;height: 64px;line-height: 64px;text-align: center;color: #FFFFFF;font-weight: bold;font-size: 18px;border: 1px solid #2159a3



}

/*åœ°å›¾æè¿°æŽ‰ä¸‹åŽ»*/
@media only screen and  (max-width:1400px){
	.feedback_box .content{width: 100%;padding: 30px 0px;}
}

@media only screen and  (max-width:1280px){
	.map_box .con_box{position: static;text-align: center;}
	.map_box .con_box .box .line{margin: 30px auto;}
}

@media only screen and  (max-width:900px){
	
	.feedback_box .top_box{padding: 60px 0px;}
	.feedback_box .form_box .txt{height: 60px;line-height: 60px;}
	.feedback_box .form_box .large_txt{height: 150px;}
	.feedback_box .form_box .s_btn{height: 60px;line-height: 60px;font-size: 16px;}
	
	
	
	
}

@media only screen and  (max-width:480px){
	.map_box .con_box .box{padding: 50px 30px;}
	.map_box .con_box .box .title{font-size: 28px;}
	.map_box .con_box .box .line{margin:20px auto;}
	.map_box .con_box .box .desc{font-size: 16px;margin-bottom: 40px;}
	.map_box .con_box .box .tel_box .tip{font-size: 15px;}
	.map_box .con_box .box .tel_box .num{font-size: 30px;}

	.feedback_box .top_box{padding: 40px 0px;}
	.feedback_box .top_box .title{font-size: 26px;}
	.feedback_box .form_box{margin-bottom: 80px;}
	.feedback_box .form_box .txt{width: 100%; height: 50px;line-height: 50px;margin-bottom: 20px;}
	.feedback_box .form_box .txt.t1{margin-right: 0px;}
	.feedback_box .form_box .large_txt{height: 150px;margin-top: 0px;}
	.feedback_box .form_box .s_btn{height: 50px;line-height: 50px;font-size: 16px;}
}



/*æ¡ˆä¾‹åˆ—è¡¨*/
.sea2 {overflow: hidden}

.sea2 .box{
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
	padding: 120px 0 100px 0;
}


.sea2 .ul1{margin-top: 47px}

.sea2 .ul1 li{margin-bottom: 80px;position: relative;overflow: hidden}

.sea2 .ul1 li .img{width: 450px;border-radius: 5px;overflow: hidden;float: left;}

.sea2 .ul1 li .img img{display: block;width: 100%;}

.sea2 .ul1 li .txt{width: calc(100% - 510px);float: right;}

.sea2 .ul1 li .txt .ltt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.sea2 .ul1 li .txt .ltc{line-height: 30px;height: 60px;margin: 45px 0 40px; color: #666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.sea2 .ul1 li .txt .day{padding-left: 25px;color: #999;background: url(../images/ab_news_7.png) center left no-repeat;line-height: 18px;}

.sea2 .ul1 li a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-bottom:1px solid #ededed}

.sea2 .ul1 li .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001);-moz-transition: transform 12s cubic-bezier(.23,1,.32,1);-webkit-transition: transform 12s cubic-bezier(.23,1,.32,1);transition: transform 12s cubic-bezier(.23,1,.32,1);}

.sea2 .ul1 li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.sea2 .ul1 li:hover  .txt .ltt{color: #123b97;}

.sea2_img{}

.sea2_img .ul1 li .img{display: none;}

.sea2_img .ul1 li .txt{width: 100%;float: none;}

.sea2_img .ul1 li .txt .ltc{margin: 20px 0;}

.sea2_img .ul1 li{margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px solid #ddd;}





.xwyj{
  width: 100%;
  padding: 160px 0 100px 0;
}
.xwyj .box{
  padding: 83px 12.5% 100px;
  background-color: #fff;
  border-radius: 18px;
  overflow: hidden;
}
.xwyj .box .title_text{
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}
.xwyj .box .two_text{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.xwyj .box .two_text .left{
  color: #999;
  display: flex;
  align-items: center;
}
.xwyj .box .two_text .left .left_text span:last-child{
  font-family: "numa";
  margin-left: 10px;
}
.xwyj .box .two_text .left .line{
  width: 1px;
  height: 10px;
  background-color: #d9d9d9;
  margin: 0 30px;
}
.xwyj .box .two_text .right{
  display: flex;
  display: none;
}
.xwyj .box .two_text .right img{
  margin-left: 20px;
}
.xwyj .box .line{
  width: 100%;
  height: 1px ;
  background-color: #d9d9d9;
  margin: 40px 0 50px 0;
}
.xwyj .box .c_text{
  color: #666;
  line-height: 2.2;
  text-align: justify;
}
.xwyj .box .big_img{
  max-width: 100%;
  margin: 30px auto;
}
.xwyj .box .big_img img{
  width: 100%;
  border-radius: 19px;
  overflow: hidden;
}
.xwyj .box .c_line{
  width: 100%;
  height: 1px ;
  background-color: #d9d9d9;
  margin: 50px 0 39px 0;
}
.xwyj .box .two_img{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xwyj .box .two_img .left{
  width: 80%;
}
.xwyj .box .two_img .left .sxyp{
  display: block;
  width: 100%;
  color: #666;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xwyj .box .two_img .left .sxyp:hover{
  color: #123b97;
}
.xwyj .box .two_img .left .syp{
  margin-bottom: 30px;
}
.more {
    width: 150px;
    height: 40px;
    padding: 0 15px 0 25px;
    background-color: #fff;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more.more1 {
    border: 1px solid #123b97;
}

.more:hover {
    background-color: #123b97;
}

.more .more_text {
    color: #123b97;
    font-weight: bold;
}

.more:hover .more_text {
    color: #fff;
}


.xwyj .box table{
    width: 100%;
}

@media (max-width: 1680px) {}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {}

@media (max-width: 1280px) {}
@media (max-width: 1030px) {
  .xwyj {
    padding: 50px 0 50px 0;
}
.xwyj .box {
    padding: 50px 5% 50px;
}
.xwyj .box .line {
    margin: 15px 0 30px 0;
}
.xwyj .box .c_line {
    margin: 30px 0 30px 0;
}
.xwyj .box .two_img .left .syp {
    margin-bottom: 20px;
}
}
@media (max-width: 960px) {
	
	
	
		
	.boxes.b3 ._w1400{display: block}	
	.boxes.b3 ._w1400 .curL{width: 100%}
	.boxes.b3 ._w1400 .list{width: 100%}

	.boxes.b3 ._w1400 .list ul li{padding: 20px}
	
	
	
		.sea2 .ul1{margin-top: 0}
	.sea2 .ul1 li .img{width: 100%}
	.sea2 .ul1 li .txt{width: 100%;margin-top: 20px}
	
	.f_24{font-size: 16px}
	.yqllj .ibox .down .three_img .three{width: 100%}
	
	
	
  .xwyj {
    padding: 80px 0;
}
.xwyj .box {
    padding: 30px 4.5% 30px;
}
.xwyj .box .two_text {
    display: block;
    margin-top: 15px;
}
.xwyj .box .two_text .left .line {
    margin: 0px 0px;
}
.xwyj .box .two_text .left {
    color: #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xwyj .box .two_text .right {
    display:none;
    justify-content: flex-end;
    margin-top: 15px;
}
	
	.xwyj .box .two_text .left .left_text span:last-child{margin-left: 0}
	
.xwyj .box .two_text .right img {
  width: 30px;
  height: 30px;
    margin-left: 20px;
}
.xwyj .box .big_img img {
    border-radius: 7px;
}
.xwyj .box .big_img {
    margin: 20px auto;
}
.xwyj .box .c_line {
    margin: 20px 0 20px 0;
}
.xwyj .box .two_img {
    display: block;
}
.xwyj .box .two_img .left {
    width: 95%;
}
.xwyj .box .two_img .right {
  margin-top: 20px;
}
.xwyj .box .two_img .right .more{
  margin: 0 auto;
}
	
	
	
	
	
	.czyfz .ibox .czds .right{width: 100%}	
	.czyfz .ibox .czds .left{width: 100%}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

</pre></body></html>