@charset "utf-8";
body{ font-family:"思源黑体",Arial; margin:0; padding:0;}
p,dl,dd,ul,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none;}
input{ border:none; outline:none; background: none;}
.clear{clear: both; margin: 0; padding: 0;}

.header{ height: 80px;}
.headerbox{ width: 100%; background: #fff; height: 80px;  }
.position{ position: fixed; top: 0; left: 0; z-index: 1000;}
.logo img{ width: auto; height:80px;}
.header-right{/*margin-top: 24px;*/padding-top: 8px;}
.header-right .nav{ float: left;padding-right: 25px; height: 67px; border-right:1px solid #e0e0e0;}
.nav li{ float: left;}
.nav>li>a{ font-size:18px; display: inline-block;line-height: 67px; padding:0 15px; color: #444;}
.nav>li>a:focus, .nav>li>a:hover{color: #ef4135; background: none;}
.nav>li.current>a{color: #ef4135; background: none;}
.nav>li>dl{ display: none; padding: 5px 0; position: absolute; left:0; top: 64px; z-index: 1000;background-color: #fff; border: 1px solid #eee; width: 320px; border-radius: 4px;}
.nav>li>dl>dd{opacity: 0; transition:all .1s;-webkit-transition: all .1s;}
.nav>li>dl>dd>a{ display: block; padding: 0 18px; color: #444; font-size: 16px; line-height: 36px; height: 36px;}
.nav>li:hover dl{ display: block; transition:all .1s;-webkit-transition: all .1s;}
.nav>li:hover dl dd{opacity: 1; transition: height .1s;-webkit-transition: height .1s;}
.nav>li>dl>dd:hover a{color: #ef4135; background: none;}

.header-right .searchbox{ float: right; margin-top: 20px;}
.searchbox form{ float: left; margin-right: 10px;}
.searchbox .search{ color: #cececd; display: none; font-size: 26px;}
.searchbox .search i{ font-weight: normal;}
.searchbox .language{ float: right; width:72px; border: 1px solid #c3c3c2; border-radius: 50px; height:30px;}
.language a{ display: inline-block; height: 28px;width: 33px; text-align: center; line-height: 28px; font-size:16px; color: #d5d4d2;}
.language a:hover{ background: #c3c3c2; color: #fff;}
.language a.en:hover{ border-radius:50px 0 0 50px;}
.language a.cn:hover{ border-radius:0px 50px 50px 0;}
.wp{background:url(../images/indexbg.png) repeat-x;}

/*手机版导航*/
.mobileNav{ display:none;position:fixed; top:60px; z-index:10000; width:100%; height:100%; overflow: scroll; left:0;}
.mobileNav .close{ float:right;opacity: 1; margin-right:15px; width:25px; height:25px; background:url(../images/close.png) no-repeat; background-size: 20px auto; }
.mobileNav ul{clear:right; background:#6e9ecb; width: 70%;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#015aa5; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}
.video-js .vjs-tech{ z-index: 100 !important;}
.bannerbox{ width: 100%;background-size: 100% auto;}
.bannerbox h1{ font-size: 26px; color: #fff;}
.banner-h1 h1{text-align: center; margin-top: 33px; margin-bottom:31px; }
.banner-h1 h2{position: absolute; right: 15px; top: 33px; font-size: 26px; color: #fff; text-align: right;}

#slides { position: relative; width: 100%; height: 400px;}
#slides .slidesjs-container,#slides .slidesjs-control{height:380px;}
#slides .slidesjs-pagination { width: 100%; text-align: center; position: absolute; bottom:0px; left: 50%;
    padding-left:28px;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 20;
}
#slides .slidesjs-pagination li { display: inline-block; margin: 0 5px; }
#slides .slidesjs-pagination li a { display: inline-block;color: #fff; width:9px; height: 9px;border-radius: 50%; border: 1px solid #1a66ad; overflow: hidden; }
#slides .slidesjs-pagination li a.active {width:30px; height:9px; border-radius: 50px; background:#ef4135; border: 1px solid #ef4135; }
#slides .banner_slide { text-align: center;}
#slides .banner_slide img{max-width: 100%; height: auto;}
#slides .banner_slide a{ display: block; width: 100%; height: 100%;}

#slides .slidesjs-navigation{ width: 100%;}
#slides .slidesjs-navigation a{ position: absolute; display: inline-block;z-index: 10; width:28px; height: 48px; top: 50%; margin-top: -24px;}
.banner1{ text-align: right;padding-left:40px;padding-top: 51px;}
.banner1 img{ max-width: 100%; height: auto;}
.banner-h1 img{ max-width: 95% !important; margin: 0 auto; height: auto;}
.h1-phone{ display: none;}

.banner-text{padding: 0; text-align: left;padding-left:20px; padding-top:66px;}
.banner-text h1{ font-weight: bold;}
.banner-text h2{ font-size:24px;  color: #fff;  margin-top:44px;}
.banner-text2 h1{ text-align: left; margin-left:34px;line-height: 30px; margin-top:25px; margin-bottom: 10px;}
.banner-text2 h1 span{ font-weight: bold;}
.banner-text2 h2{ display: none;}

.banner2{ text-align: left;padding-left: 108px; margin-top: -18px;}
.banner-text4{ text-align: left;}
.banner-text4 h2{ font-size: 26px;  margin-left:75px; color: #fff; margin-top:135px; position: relative;}
.banner-text4 h2 span,.banner4 h2 span,.banner-text6 h2 span{ display: block;  margin-bottom: 10px; font-weight: bold;}

.banner4{ margin-top:36px;}
.banner4 h2{ text-align: left; font-size: 26px; margin-left:78px; margin-top:0px; line-height: 30px; color: #fff;}

.banner5{ text-align: left; padding-left: 0; padding-right: 0;}
.banner-text5{ text-align:right; padding-left: 0; padding-right: 0;}
.banner-text5 img{ width: 100%; height: auto;}
.banner5 h2{  line-height: 30px;}
.banner-text6 h2{ text-align: left; font-size:26px; color: #fff; margin-top:124px; margin-left:-118px;position: relative;}

/*轮播图效果*/
.bannerbox .swiper-container { width: 100%; height: 100%;  }
.bannerbox .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.bannerbox .swiper-slide img{ max-width: 100%; height: auto;}
.main{ margin-top:13px;}
.main .textbox{ font-size:16px; color: #444; line-height:24px;}
.main .textbox a{ font-size: 20px; color: #444; font-weight: bold;}
.main .textbox a:hover{ color: #ef4135;}
.main .indexmenu{ margin-top:15px;}
.indexmenu li{ position: relative;}
.indexmenu li a{ display: block; overflow: hidden;}
.indexmenu li img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.indexmenu li p{position: absolute; top:22px;left:36px; font-size:24px; color: #fff;}
.indexmenu li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.latest{ width: 100%; background: #eef6ff;height: 46px; overflow: hidden;}
.latest h2{ font-size:24px; color: #444;}
.latest h2 a{color: #444; font-size: 18px; line-height: 50px;}
.latest h2 a:hover{ color: #ef4135;}

.latest .more{text-align: right; padding-top:8px;}
.latest .more a{ display: inline-block;background: #fff; text-align: center; height: 30px; width: 100px;font-size:18px;line-height:30px;border: 1px solid #b4d1ec; border-radius: 50px; color: #444;}
.latest .more a:hover{ background: #b4d1ec; color: #fff;}

.footer{width:100%; overflow: hidden; border-top:1px solid #f7f7f7;height: 70px; line-height: 70px; font-size: 12px; color: #444;}
.footer a{ color: #444;}
.footer a:hover{ color: #ef4135;}
.footer p{ color: #444; text-align: right;}
.footer img{ max-width: 100%; height: auto;}
.showbox{ display:none;position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1001; background: rgba(0,0,0,0.8);}
.showbox .showtext{ width:600px; height: 480px; background: #fff; position: absolute; left:50%; top: 50%; margin-left: -300px; margin-top: -240px; z-index: 1001;}
.showtext span{  float: right; cursor: pointer; margin-top: 20px; margin-right: 20px; color: #888; text-align: center; font-size: 28px; font-weight: 600; display: inline-block; width: 30px; height: 30px; line-height: 28px; border: 1px solid #dfdfdf; border-radius: 50%;}
.showtext p{ clear: right; font-size: 36px;color: #015aa5; font-family: "Century Gothic"; text-align: center; margin-top: 200px;}

.phone-name{ display: none;}
@media (min-width:1200px) and (max-width: 1240px){
    .nav>li>a{ padding: 0 12px;}
    .banner-text4 h2{ margin-left: 65px;}
}
@media (min-width:992px) and (max-width: 1200px){
    .header-right .nav{ padding-right: 2px;}
    .nav>li>a{ font-size: 16px; padding: 0 6px;}
    .banner1{padding-top: 70px; padding-bottom: 80px; padding-left: 20px;}
    .banner-text4 h2{ font-size: 24px; margin-left:0px;}
    .bannerbox h1{ font-size: 24px;}
}
@media (min-width: 767px) and (max-width: 992px) {
    #topclean{ display: none;}
    .language a.en:hover{ border-radius:50px;}
    .language a.cn:hover{ border-radius:50px;}
    /*#collapse{ display: block;}*/
    .navbar-toggle{ display: block; margin-top: 18px; background-color: #015aa5; margin-left: 10px;}
    .navbar-toggle .icon-bar{ background: #fff;}
    .header-right{ padding-right: 0;}
    #slides{ height: 320px;}
    #slides .slidesjs-container, #slides .slidesjs-control{ height: 300px;}
    #slides .banner_slide{ background-size: contain !important;}

    .banner1{ padding-left: 20px; padding-top: 70px; padding-bottom: 50px;}
    .bannerbox h1,.banner4 h2{ font-size: 24px;}
    .banner2 img{ max-width: 50% !important;}
    .banner-text4 h2{ margin-left: -90px; font-size: 24px;}
    .banner-text6 h2{ margin-left: -183px;}
    .banner5 img{ max-width: 75% !important;}
    .indexmenu li p{ top: 18px; left:24px; font-size: 20px;}
}
@media (max-width: 767px) {
    #topclean{ display: none;}
    .language a.en:hover{ border-radius:50px;}
    .language a.cn:hover{ border-radius:50px;}
    .headerbox,.header{ height: 60px;}
    .logo img{ height: 60px;}
    .header-right .searchbox{ margin-top: 7px;}
    .language a,.searchbox .language{ width:60px;}
    .language a.en{ display: none;}
    /*#collapse{ display: block;}*/

    .navbar-toggle{ margin-top:5px; margin-right: 0; background-color: #015aa5; margin-left: 10px;}
    .navbar-toggle .icon-bar{ background: #fff;}
    #slides .slidesjs-container, #slides .slidesjs-control{ height: 260px;}
    #slides{ height: 260px;}
    #slides .banner_slide{ padding: 0 15px; background-size: contain !important;}
    #slides .banner_slide img{}
    .banner1{ padding: 10px 15px 0; text-align: center;}
    .banner1 img{ max-width: 80% !important;}
    .bannerbox h1{ font-size: 16px;}
    .banner-h1 h1{ text-align: center; margin-left: 0; margin-top:15px; margin-bottom: 15px;}
    .banner-h1 h2{ display: none;}
    .banner-h1 img{max-width: 84% !important;}
    .h1-phone{ display: block;}
    .h1-pc{ display: none;}

    .banner-text{ padding: 10px 2px;}
    .banner-text h1{text-align: center;}
    .banner-text h2{ font-size: 16px; text-align: center;margin-top:5px;}
    .banner-text2 h1{ clear:both;text-align: center; margin-left: 0; margin-bottom: 0;}
    .banner-text2 h2{ display: block; font-size: 14px; color: #fff;}
    .banner2{ text-align: center; margin-top: 50px; padding-left: 0; margin-left: -75px;}
    .banner2 img{ max-width:60% !important; }
    .banner3{padding: 0; margin-left: -25px;}
    .banner3 img{max-width: 80% !important;}
    .banner-text4{ text-align: center; }
    .banner-text4 h2{ margin: 0; font-size: 16px; line-height: 22px;}
    .banner4{ margin-top: 180px;}
    .banner4 h2{ font-size: 16px; line-height: 22px; margin-left: 0; text-align: center; margin-top: 10px;}
    .banner-text5{ text-align: center; margin-top: 10px;}
    .banner-text5 img{ max-width: 70% !important;}
    .banner5{ margin-top: -240px; text-align: right;}
    .banner5 img{ max-width: 40% !important; margin-right: -15px;}

    .banner-text6{ padding: 0;}
    .banner-text6 h2{ text-align:center; font-size: 14px; line-height: 22px;margin-left:0px; margin-top: 195px;}
    .banner-text6 h2 span{ font-size: 16px;}
    .banner-text4 h2 span,.banner4 h2 span,.banner-text6 h2 span{ margin-bottom: 0;}
    .main p{ text-align: justify; font-size: 14px; line-height: 24px;}
    .indexmenu li{ margin-bottom: 15px;}
    .indexmenu li p{ font-size: 18px;}
    .latest h2{ font-size: 18px;}
    .latest h2 a{ font-size: 16px;}
    .latest .more{ padding-top:6px; padding-left: 0;}
    .latest .more a{ height: 34px; width: 90px; font-size: 15px; line-height: 34px;}
    .footer{ color: #444; height: auto; line-height: inherit; text-align: left; padding: 10px 0;}
    .footer p{ text-align: left;}
    .footImg{ text-align: center;}
    .footImg img{ max-width: 90%; }
    .phone-name{ display: block; color: #fff;}
}

/*About us封面*/
.aboutbox{ background: url(../images/aboutBg.png) no-repeat left top; background-size: cover; padding-bottom: 90px; width: 100%;}
.aboutinfo{overflow:hidden;background: url(../images/aboutinfobg.png) no-repeat left top; background-size: 50% auto;}
.aboutright{ float: right; width: 52%;padding-top:85px; padding-bottom: 68px; color: #fff;}
.aboutright h1{ font-size: 32px; text-align: center; margin-bottom: 20px;}
.aboutright h3{ font-size: 24px; text-align: center; margin-bottom: 28px;}
.aboutright p{ font-size: 14px; text-align: justify; line-height: 24px;}
.aboutmenu{ clear: right; overflow: hidden;}
.aboutmenu li{background: #fff; padding: 5px; float: left; width: 24%; border: 1px solid #747677; margin-right: 1.3%;}
.aboutmenu li a{ display: block;position: relative;}
.aboutmenu li .aboutimg{ width: 100%; height: 100%; overflow: hidden;}
.aboutmenu li .aboutimg img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.aboutmenu li p{ position: absolute; width: 100%; height: 40px; line-height:40px; color:#fff; font-size:16px; bottom:0; left:0;text-align:center;background: rgba(0,69,133,0.5);}
.aboutmenu li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.aboutmenu li:hover p{ color: #ef4135;}

@media (max-width: 767px) {
    .aboutbox{ padding-bottom: 35px;}
    .aboutinfo{ background-size: 100% auto;}
    .aboutright{  float: none; width: 100%; padding-top: 40px; padding-bottom: 20px;}
    .aboutright h1{ font-size: 24px;}
    .aboutright h3{ font-size: 16px;margin-bottom: 168px;}
    .aboutmenu li{width: 48.7%; margin-bottom: 1.3%;}


}
/*About us*/
.banner{ width: 100%; margin-bottom: 28px; height: 260px; background: url(../images/bg-products.jpg) repeat-x; background-size: cover;}
.banner img{ vertical-align: bottom; max-width: 100%; height:260px;}
.banner h1,#banner h1{ font-size:34px; color: #fff; margin-top: 86px; margin-bottom:6px;}
.banner p,#banner p{ font-size: 16px; color: #fff; line-height: 28px;}
.banner .container{ height: 260px;}
.nav-phone{ display: none;}

.tab{ text-align: center;border-bottom: 1px solid #f1f1f1;padding-bottom: 25px;}
.tab a{ display: inline-block;vertical-align: middle; margin: 5px; padding:5px 22px; border: 1px solid #c1c1c1; font-size:18px; color: #a3a3a4;}
.tab a:hover{ background: #015aa5; color: #fff; border: 1px solid #015aa5;}
.tab a.active{ background: #015aa5; color: #fff; border: 1px solid #015aa5;}
.tab .column{ float: none !important; font-size:34px;margin-top: 25px; color: #015aa5;}
.toptab .column{padding-bottom:15px; }
.marketname{font-size:34px; margin-top: 20px; color: #015aa5;}

.content{ padding-top:25px; padding-bottom:60px;}
.content h2{ color: #444; font-size: 24px; margin-bottom:12px;}
.content p{ font-size: 16px; line-height:28px;color: #444;}
.content img{max-width: 100%;height: auto;}
.content video{ width: 70%; display: block; margin: 0 auto;margin-top:20px;height: 480px;}
.content p a:hover{ color: #ef4135;}
.Gm-img{ width: 19.25%; float: left;}
.Gm-text{ width: 76.25%; float: right;}

@media screen and (max-width: 992px) {
    .Gm-img{ width: 100%; text-align: center;}
    .Gm-text{ width: 100%; margin-top: 15px;}

}
@media (max-width: 767px) {
    .banner h1, #banner h1{ font-size: 20px; font-weight: bold;}
    .banner p, #banner p{ color: #fff; line-height: 20px; font-size: 14px;}
    .banner{ position: relative; height: 180px;}
    .banner .container{ height: 180px; background-position: center center !important; background-size: cover !important;}
    .banner h1{ margin-top: 30px;}
    .hidden-pro{ display: none;}
    .banner-content{width: 100%; position: relative;z-index: 10;}
    .banner-about{ width: 100%; height: 180px; position: absolute; right: 0; top: 0;}
    .banner-about img{ max-width: inherit; height: 180px;}
    .tab .container{ padding: 0;}
    .tab a{ margin: 2px; padding: 5px;}
    .content{ padding-bottom: 30px;}
}

/*Value*/
.valuebox{}
.valuebox h1,.service h1,.value-cer h1{ font-size: 34px; margin-bottom: 32px; color: #015aa5; font-family: "Century Gothic"; text-align: center;}
.value-tcp{ height: 523px; padding-top: 90px; background-repeat: no-repeat; background-size: cover;}
.valuelist{ width: 30%; margin: 0 auto; font-weight: 700; font-size: 18px; color: #444; line-height: 52px; height: 340px;padding:28px 0; text-align: center; background: rgba(255,255,255,0.75);}
.valuelist p{ line-height: 24px;}

.value_through{ background: #ebeded; padding-top:68px; padding-bottom: 68px; width: 100%;}
.value_through dl.through_list{ overflow: hidden;}
.through_list dd{ float: left; height: 258px; color: #fff; line-height: 258px; font-size: 20px; text-align: center;}
.through_list dd h3{ line-height: 258px; font-size: 34px; font-family: "Century Gothic"; }
.through_list dd p{ line-height: 24px;color: #fff; font-size: 20px; margin-top: 106px;}
.through_list dd img{width:100%; height: 100%; vertical-align: bottom;}
.through_list dd.index0{ width: 50.25%; background: #015aa5;}
.through_list dd.index1{ width: 25%; background: #78c6e5;}
.through_list dd.index2{width:24.7%;}
.through_list dd.index3{ width: 25.25%;}
.through_list dd.index4{ width: 25%; background: #78c6e5;}
.through_list dd.index5{ width: 25%;}
.through_list dd.index6{ width:24.7%; background: #015aa5;}
.through_list dd.index7{width:25.25%; background: #015aa5;}
.through_list dd.index8{width: 25%;}
.through_list dd.index9{width: 25%; background: #78c6e5;}
.through_list dd.index10{width:24.7%; }


.service{ width: 100%; text-align: center; background: #ebeded; margin-top: 64px; padding-top: 50px; padding-bottom: 110px;}
.service img{ max-width: 100%; height: auto;}

.value-cer{ margin-bottom: 50px; background: url(../images/valuebg2.png) top right no-repeat #4a89bf; background-size: auto 100%; padding-top: 100px; padding-bottom: 118px;}
.cerbox{ width: 69.5%; margin: 0 auto; padding:45px 75px 77px; background: rgba(255,255,255,0.6);}
.cerbox h1{ margin-bottom: 70px;}
.cerbox img{ max-width: 100%; height: auto;}

@media (min-width: 992px) and (max-width: 1200px) {
    .banner{ height: 211px;}
    .banner h1{ margin-top: 56px;}
    .banner .container{ height: 211px; background-size: contain !important;}
    .value-tcp{ height: 410px; }
    .valuelist{ height: 240px; line-height: 36px;}

    .through_list dd h3{ line-height: 202px;}
    .through_list dd{ font-size: 18px; height: 202px; line-height: 202px;}
    .through_list dd p{ margin-top: 70px;}
}
@media (min-width: 767px) and (max-width: 992px){
    .banner{ height: 162px;}
    .banner h1{ margin-top: 26px;}
    .banner .container{ height: 162px; background-size: contain !important;}
    .value-tcp{ height: 314px; padding-top: 50px;}
    .valuelist{ height: 218px; line-height: 32px;}
    .through_list dd{ height: 154px; line-height: 154px; font-size: 16px;}
    .through_list dd h3{ line-height: 154px; font-size: 24px;}
    .through_list dd.index1,.through_list dd.index6,.through_list dd.index7{ line-height: 24px; padding-top: 55px;}
    .through_list dd p{ margin-top: 40px; line-height: 24px;}
}
@media (max-width: 767px) {
    .nav-pc{ display: none;}
    .nav-phone{ display: block;}
    .banner{ margin-bottom: 0;}

    .Gm-img img{ max-width: 30%; height: auto; margin-left: -50px;}
    .Gm-text{margin-top: -20px; font-size: 16px; color: #444; line-height: 28px; text-align: justify;}
    .through_list dd .hidden-phone{ display: none;}
    .through_list dd.index0{ width: 100% !important; height:80px;}
    .through_list dd h3{ line-height: 80px; font-size:18px;}

    .about-tab{ display: none;}
    .valuebox h1, .service h1, .value-cer h1{ font-size: 24px; margin-bottom: 22px;}
    .value-tcp{ padding-top: 20px; height: 200px; background-size: 100% 100%;}
    .valuelist{ width: 45%; height: 160px; font-size: 14px; padding: 20px 0; line-height: 22px;}
    .value_through{ padding-top: 30px; padding-bottom: 30px;}
    .through_list dd{ height: 140px; font-size: 14px; line-height: 140px; width: 50% !important;}
    .through_list dd.index5,.through_list dd.index7{ float: right;}
    .through_list dd.index1{}
    .through_list dd p{ margin-top:44px; font-size: 14px; line-height: 20px;}

}

/*about-Sustainability*/
.content .aboutTitle{ text-align: center; font-size: 34px; line-height: 40px; margin-bottom:28px; color: #015aa5;}

.content .iconbox{ margin-top: 60px; margin-bottom: 54px;height: 260px;  background: url(../images/aboutlogo.jpg) no-repeat center center;}
.iconlist{ /*float: left;width:24%; margin-right: 1.25%;*/ margin-bottom:15px; border-radius: 5px; position: relative;}
/*.iconlist .iconinfo p{ opacity: 0;}*/
/*.iconlist .iconimg img{ width: 100%; height: auto;}*/
/*.iconlist .iconinfo{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}*/
/*.iconlist .iconinfo h2{padding: 0 20px; font-size: 16px; line-height: 20px; margin-top: 50px; color: #fff; text-align: center;}*/
/*.iconlist .iconinfo p{font-size: 16px; color: #fff; line-height: 20px;}*/
/*.iconlist.normal{width: 22%; margin-top: 48px;  }*/
/*.iconlist.active{width: 30%;box-shadow: 0 4px 10px 4px rgba(1,90,165,0.38); margin-top: 0;  }*/
/*.iconlist.active .iconinfo{padding: 20px;}*/
/*.iconlist.active h2{ padding: 0; margin-bottom: 20px; font-size: 20px; margin-top: 10px; text-align: left;}*/
/*.iconlist.active p{ opacity: 1; }*/
.iconlist .icon-left{ width: 32.3%; margin-bottom: 30px;box-shadow: 5px 5px 5px 0 rgba(1,90,165,0.2); overflow: hidden; padding: 14px 9px; float: left;}
.iconlist .iconimg{ width: 22.8%;}
.iconimg img{width: 100%; height: auto;}
.iconlist .iconinfo{ width: 58.2%;}
.iconinfo h3{ font-size: 18px; color: #015aa5; margin-bottom: 6px;}
.iconinfo p{ font-size: 16px;color: #444;}

.icon-left .iconimg{ float: right; margin-left: 12px;}
.icon-left .iconinfo{ float: right;}

.iconlist .icon-right{ width: 32.3%; box-shadow: 5px 5px 5px 0 rgba(1,90,165,0.2);overflow:hidden; padding: 14px 9px; float: right;}
.icon-right .iconimg{ float: left; margin-right: 12px;}
.icon-right .iconinfo{ float: left; width: 70.4%;}

.iconphone{ display: none;padding-left: 0; padding-right: 0; margin-top: 24px; background: #dff1f7; text-align: center; padding-top:24px;}
.logo-img{ max-width: 50% !important; height: auto;}
.iconphone .susicon{ overflow: hidden; margin-top: 20px;}
.susicon li{ float: left;padding-top: 30px; width: 25%; height: 180px; border-radius: 0 5px 0 0;}
.susicon li img{/* max-width: 40% !important;*/height: auto;}
.susicon li span{ display: block; margin-top: 15px; font-size: 12px; color: #fff;}
.susicon li.index0{ background: #f0d154;}
.susicon li.index1{ background: #2159a6;}
.susicon li.index2{ background: #78c6e5;}
.susicon li.index3{ background: #a6d361;}

.secbox{padding-top: 145px; padding-bottom: 145px; background: url(../images/aboutImg1.jpg) no-repeat; background-size: cover;}
.secinfo{ text-align: center; font-size: 24px; color: #015aa5;}

/*News*/
.banner-news{ background: url(../images/banner-news.jpg) no-repeat; height: 337px; background-size: cover;}
.news{ padding-top:30px;}
.news ul li{ border-bottom:1px dashed #cccccc; overflow: hidden; padding-bottom:24px; margin-bottom:22px;}
.news ul li a{ display: block;}
.news ul li .newsimg{ overflow: hidden; width: 15.3%; float: left;}
.news ul li .newsimg img{ max-width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.news ul li .date{ font-size: 24px; color: #015aa5; font-family: "Century Gothic";}
.news ul li .newsright{ float: right;width:83.3%; padding-right: 140px;}
.news ul li h5{ font-size:16px; color:#444; margin-top: 7px; margin-bottom: 6px;}
.news ul li p{ font-size: 12px; color: #888; line-height: 20px;}
.news ul li:hover h5{ color: #ef4135;}

.news ul li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}


.pages{ text-align: center; clear: both; margin-bottom: 60px;}
.pages a{ display: inline-block; font-size: 16px;color: #2a3441;padding:10px 16px; border: 1px solid #e4e7eb;}
.pages b{ display: inline-block; font-size: 16px;color: #2a3441;padding:10px 16px; border: 1px solid #e4e7eb; background: #e4e7eb;}

/*newscontent*/
.location{ width: 100%; margin-top: -58px; margin-bottom: 42px; border-bottom: 1px solid #eaeaea; line-height: 55px;}
.location .newsnav{padding-left: 24px; background: url(../images/mapIcon.png) no-repeat left center;}
.newsnav a{ line-height: 55px; color: #444; font-size: 14px;}
.newsnav a:hover{ color: #ef4135;}
.newsnav a.active{ color: #ef4135;}
.newsContent{}
.newsContent .titlebox{ padding-top:30px;text-align: center; padding-bottom: 12px;background: url(../images/solid.png) no-repeat bottom center;}
.titlebox h1{ font-size: 34px; font-family: "Century Gothic"; margin-bottom: 8px; color: #015aa5;}
.titlebox span{ font-size:16px; color: #888;}

.newstext{ padding-top: 40px; padding-bottom:50px;}
.newstext img{ max-width: 100%; height: auto;}
.newstext p{ font-size: 16px; color: #444; line-height: 32px;}

/*markets-cover*/
.marketbox{ width: 100%; background: url(../images/marketBg.jpg) no-repeat left top; background-size: cover;}
.marketstext{ width: 51.2%; float: right; padding-top:90px;}
.marketbox h1{ color: #fff; text-transform: uppercase; text-align: center; font-size:36px; margin-bottom:30px;}
.marketbox p{ color: #fff; width: 90%; margin: 0 auto; text-align: center; font-size:16px; line-height:24px;}
.marketbox ul{ clear: right; padding-top: 90px; padding-bottom: 90px; overflow: hidden;}
.marketbox ul li{ float: left;width:24%; padding: 4px;background: #fff; margin-right: 1.3%; border: 1px solid #6d7174;}
.marketbox ul li a{ display: block;  position: relative;}
.marketbox ul li .market-title{ width: 100%; height:40px;position: absolute;bottom: 0; text-align: center; color: #fff; font-size:16px; line-height:40px;background: rgba(0,69,133,0.5);}
.marketbox ul li .imgbox{ overflow: hidden;}
.marketbox ul li img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.marketbox ul li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.marketbox ul li:hover .market-title{ color: #ef4135;}

/*markets-list*/
.toptext{ margin-top:18px; text-align: left;font-size: 16px; color: #444; line-height: 28px;}
.toptext p{font-size: 16px; color: #444; line-height: 28px;}

#banner li{ float: left;margin-top:30px;width:24%; padding: 4px;background: #fff; margin-right: 1.3%; border: 1px solid #6d7174;}
#banner li a{ display: block;  position: relative;}
#banner li .market-title{ width: 100%; height:40px;position: absolute;bottom: 0; text-align: center; color: #fff; font-size:16px; line-height:40px;background: rgba(0,69,133,0.5);}
#banner li .imgbox{ overflow: hidden;}
#banner li img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
#banner li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
#banner li:hover .market-title{ color: #ef4135;}
#banner li.current .market-title{color: #ef4135;}

#fh5co-main { padding-top: 5px;padding-bottom: 40px;}
#fh5co-board .item {border:1px solid #cacaca;padding: 5px; margin: 10px 10px 20px 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
#fh5co-board .item a { display: block; }
#fh5co-board .item .fh5co-desc { font-size: 18px;color: #444; padding:0 12px; float: left; line-height: 44px; }
#fh5co-board .item .fh5co-item-title { color: #444; font-size: 18px; line-height: 44px; margin: 0; padding: 0; }
#fh5co-board .item img {width: 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
#fh5co-board .item .fh5co-board-img {  overflow: hidden; }
#fh5co-board .item .image-popup:hover img {  }
#fh5co-board .item .animate-box { opacity: 1; background: url(../images/probg1.jpg) no-repeat; }
pre { background: #e9e9e9; border: 1px solid #ccc; }

/*markets-list(10-17)*/
.mark-list{ overflow: hidden;padding-top:20px;}
.mark-list .h3_title{ clear: both; font-size: 24px; color: #444; text-align: center; margin-bottom: 20px;}
.columnInfo{ font-size: 24px; color: #444; text-align: center; margin-top: 15px;}
.mark-list ul{ clear: both;}
.mark-list ul li{float: left;border-radius:5px;box-shadow:0 0 12px 0px rgba(23,22,22,0.31);padding: 4px;width: 387px; height: 260px; margin-bottom: 24px; margin-right: 19.5px; }
.mark-list ul li a{ display: block; position: relative; }
.mark-list ul li .marketimg{ width: 100%; height: 100%;}
.mark-list ul li .marketimg img{ width: 100%; height: auto;}
.mark-list ul li .showinfo{ position:absolute;padding: 10px 30px 30px; left: 0; top: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.showinfo h1{ font-size: 20px; text-align: center; color: #fff;}
.showinfo .mark-info{ opacity: 0; color: #fff; font-size: 16px; line-height: 24px; }
.mark-list ul li.active{ width:514px; height: 343px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.mark-list ul li.active .mark-info{ opacity: 1;}
.mark-list ul li.active .showinfo{padding: 20px 30px 30px;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 80%);
}
.mark-list ul li.active h1{ font-size: 20px; text-align: left;}
.mark-list ul li.normal{ width:327px; height: 221px; margin-top: 65px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.mark-list ul li.normal .showinfo{padding: 20px 30px 30px;}
.mark-list .industry-text{ font-size: 16px; margin-top: -15px; line-height: 28px; margin-bottom: 15px; text-align: center;}
.mark-list ul.industry-list li .marketimg{background: url(../images/probg.jpg) no-repeat; background-size: cover;}

.mark-list ul.industry-list li{ height: 251px;}
.mark-list ul.industry-list li.active{ height: 333px;}
.mark-list ul.industry-list li.normal{ height: 214px;}
/*products-list*/
.prolist{ width: 100%;background: url(../images/productbg.jpg) no-repeat;padding-bottom:44px; /*background: url(../images/productsBg.jpg) no-repeat; */background-size: cover;}
.prolist .procover{background: url(../images/proc-leftimg.jpg) no-repeat left top; background-size: 49% auto; padding-top:40px;}
.procover-right{ width: 58%; float: right;}
.prolist h1{ color: #fff; text-align: center; font-size:36px; margin-bottom:15px;}
.prolist p{ color: #fff; width: 100%; margin: 0 auto; text-align: center; font-size:16px; line-height:24px;}
.prolist #products{ margin-top:25px;overflow: hidden;}
#products .pro-left{
    /* width: 74.5%; */
    width: 49.75%;
    padding: 4px; float: left; border: 3px solid rgba(255,255,255,0.5);}
.pro-left h2{ font-size: 28px; text-align: center; margin-top: 9px; margin-bottom:16px; color: #fff;}
#products .pro-right{ 
    /* width: 25%; */
    width: 49.75%;
    float: right;padding: 4px;  border: 3px solid rgba(255,255,255,0.5);}
.pro-right h2{ font-size: 28px; text-align: center;line-height:28px;letter-spacing: -1px;  color: #fff;}

#products ul li{ float: left;
    /* width:32.45%; */
    width: 49.35%;
    margin-top: 13px; padding: 4px;background: #fff; border: 1px solid #6d7174;
}
#products .pro-left ul li{ margin-right: 1.3%;}
#products .pro-right ul li{
    /* width: 100%;  */
    float: left;
    width: 49.35%;
    margin-right: 1.3%;
    margin-top: 12px;
}
#products ul li a{ display: block;  position: relative;}
#products ul li .pro-title{ width: 100%; height:40px;position: absolute;bottom: 0; text-align: center; color: #fff; font-size:16px; line-height:40px;background: rgba(0,69,133,0.5);}
#products ul li .imgbox{ overflow: hidden;}
#products ul li img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
#products ul li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
#products ul li:hover .pro-title{ color: #ef4135;}

/*#products .swiper-pagination{ width: 100%;}*/
/*#products .swiper-pagination{ bottom: 0;}*/
/*#products .swiper-pagination .swiper-pagination-bullet{ width: 11px; height: 11px;border:2px solid #0055a4; background: none; margin:3px;}*/
/*#products .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 38px; border-radius: 50px; height: 12px; background: #ef4135;border: 2px solid #ef4135;}*/
/*#products .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-37px;}*/
/*#products .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-37px;}*/


#banner{ height:260px;margin-bottom: 28px; background-size:cover; background: url(../images/bg-products.jpg) repeat-x; background-repeat: repeat-x;}
#banner .container{height: 260px; background-size: auto 100%; background-repeat: no-repeat; background-position:right bottom;}

#banner.markets_banner{ height: 200px;}
#banner.markets_banner .container{ height:200px;}
.markets_banner ul{ width: 70%; overflow: hidden; margin: 0 auto;}

/*products-content*/
.proMenu a{ margin: 2px; line-height: 46px; padding:5px 8px;}
.pro-content{clear: both;padding-top: 30px;padding-bottom:20px;}
.pro-content p{ color: #444; font-size:16px; line-height:28px;}
.lists #fh5co-board .item { min-height: 310px;}
.proMenu h2{font-size:34px; margin-top: 20px; color: #015aa5;}

/*products-tech*/
.tech_list{ overflow: hidden;}
.tech_list dd{ width: 48.75%; margin-bottom: 55px; float: left; margin-right: 2.5%;}
.tech_list dd h1{ color: #fff; font-size: 18px; padding-left: 10px; line-height: 33px; margin-bottom: 15px; background: url(../images/t_titlebg.png) no-repeat; background-size: cover; height: 33px;}
.tech_list .techbox{ overflow: hidden;}
.techbox img{ float: left; width: 46.9%;  height: auto;}
.techbox .tech-right{ float: right; width: 48.7%; font-size: 16px; color: #444;}

#lists{ margin-top:58px;position: relative; }
#lists ul li{}
#lists ul li img{max-width: 100%; height: auto;}
#lists ul li span{ display: block; font-size:18px; color: #444; line-height: 62px;}
#lists .swiper-container {
    width: 100%;
    height: 980px;
    margin-left: auto;
    margin-right: auto;
}
#lists .swiper-slide{ width:50%; float: left;}
#lists .swiper-pagination{ opacity: 0; right: -20px; top:50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
#lists .swiper-pagination .swiper-pagination-bullet{ display: block; width: 11px; height: 11px; background: #015aa5; margin: 8px auto;}
#lists .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 18px;height: 18px; border: 2px solid #015aa5; background: #fff;
}

/*products-hsm*/
.hsm-about h2{ text-align: center; margin-bottom: 40px; font-size: 34px; color: #015aa5;}
.hsm-about .hsm-more{ width: 88%; margin: 0 auto;}
.hsm-more .hsm-proleft{ width: 48%; text-align: right; float: left;}

.hsm-proleft .hsmtext{ text-align: left; line-height: 36px; position: relative; margin-top: -40px;}
.hsm-proleft .hsmtext p{ font-size: 16px; color: #015aa5;}
.hsm-proleft .hsmtext a{ display: block; margin-top: 25px; text-align:center;background: #3196ce; color: #fff; border-radius: 5px; font-size: 16px; line-height: 32px;}
.hsm-proleft .hsmtext a:hover{ background: #015aa5;}
.hsm-more .hsm-proright{ width: 47%; float: right;}
.hsm-proright p{ font-size: 16px; line-height: 36px; color: #444;}
.hsm-proright p span{ color: #3196ce; margin-right: 8px; vertical-align: middle;}
.hsmtop{ clear: both;padding-top:24px; position: relative; padding-bottom: 40px;}
/*.hsmtop h2{ display: inline-block; margin-left: 15%;}*/
.hsmtop h3{ font-size: 34px; color: #015aa5; position: absolute; right: -45px; top: 24px;}
.hsm-phone{ display: none;}
/*products-medical*/
.medical h2{ clear: both; padding-top: 30px; font-size: 34px; text-align: center; color: #015aa5;margin-bottom:45px;}
.medical-list dd{float: left;border-radius:5px;box-shadow:0 0 12px 0px rgba(23,22,22,0.31);padding: 4px;width: 387px; height: 244px; margin-bottom: 24px; margin-right: 19.5px; }
.medical-list dd a{ display: block; position: relative; }
.medical-list dd .medical-img{ width: 100%; height: 100%; background: url(../images/probg.jpg) no-repeat; background-size: cover;}
.medical-list dd .medical-img img{ width: 100%; height: auto;}
.medical-list dd .medical-text{ position:absolute;padding:18px 15px; left: 0; top: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.medical-text h3{ font-size: 20px; text-align: center; color: #fff;}
.medical-text p{ opacity: 0; color: #fff; font-size: 16px; line-height: 24px; margin-top: 10px;}
.medical-list dd.active{ width:514px; height: 324px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.medical-list dd.active p{ opacity: 1;}
.medical-list dd.active .medical-text{padding:18px 30px;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 100%);
}
.medical-list dd.active h3{ font-size: 20px; text-align: left;}
.medical-list dd.normal{ width:319px; height:202px; margin-top:65px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.medical-list dd.normal .medical-text{padding:18px 15px;}
.medical-list dd.normal h3{ font-size: 16px;}

/*.manufacture{ overflow: hidden;}*/
.medical-left{  margin-bottom:30px;text-align: center;}
.medical-left p{ font-size: 30px; color: #071d38; line-height: 34px;}
.medical-left img{ max-width: 100%; height: auto;}
.medical-right{width: 38.3%; margin: auto;}
.medical-right dd{ float: left;width: 50%;}
.medical-right h5{ font-size: 20px; color: #071d38; margin-bottom:10px;}
.medical-right p{ font-size: 16px;vertical-align: middle; line-height: 32px; color: #071d38;}
.medical-right p span{ font-size: 12px;color: #3196ce; margin-right: 15px;}

.some-list{}
.some-list li{ float: left;width:32.75%;margin-bottom: 15px; border-radius: 5px; margin-right:0.875%;box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.some-list li a{ display: block; padding: 4px; }
.some-list li .listimg{ background: url(../images/probg1.jpg) no-repeat; background-size: cover; text-align: center; margin-bottom: 12px;}
.some-list li .listimg img{ max-width: 100%; height: auto;}
.some-list li .listtext{display: block; height: 54px;color:#444;font-size:18px; line-height:18px;text-align:left; padding:12px 12px 0;}

/*Capabilities-封面*/
.cap_main{ background: url(../images/capBG.png) no-repeat left top; background-size: cover; padding-bottom:20px; width: 100%;}
.cap_info{overflow:hidden;height:276px;background: url(../images/capaboutbg.png) no-repeat left top; background-size: cover;}
.cap_right{ float: right; width: 48%;padding-top:35px; padding-bottom: 38px; color: #fff;}
.cap_right h1{ font-size: 36px; text-align: center; margin-bottom:16px;}
.cap_right p{ font-size: 16px; line-height: 24px;}
.cap_menu{ clear: right; overflow: hidden; margin-top: -50px;}
.cap_menu li{background: #fff; padding: 5px; float: left;  margin-bottom:12px;width: 24%; border: 1px solid #747677; margin-right: 1.3%;}
.cap_menu li a{ display: block;position: relative;}
.cap_menu li .cap_img{ width: 100%; height: 100%; overflow: hidden;}
.cap_menu li .cap_img img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.cap_menu li p{ position: absolute; width: 100%; height: 40px; line-height:40px; color:#fff; font-size:16px; bottom:0; left:0;text-align:center;background: rgba(0,69,133,0.5);}
.cap_menu li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.cap_menu li:hover p{ color: #ef4135;}

/*Capabilities*/
.capability{}
.capability .container{height: 354px;background: url(../images/banner-capabilities.jpg) repeat-x;}

.capMenu a{ margin:2px; padding: 5px 8px; line-height: 46px;}
.capabox{ padding-top:35px; padding-bottom:55px;}
.capabox p{ color: #444;line-height:20px; font-size:16px;}

.capMenu h2{font-size:34px; margin-top: 20px; color: #015aa5;}

/*Capabilities-design*/
.designbox{/* padding-top: 40px; */}
.designbox h2{ font-size: 24px; color: #444; text-align: center;}
.designbox span{ display: block;margin-bottom: 24px; text-align: center; font-size: 16px; color: #444;}

.design_list dd{float: left;border-radius:5px;box-shadow:0 0 12px 0px rgba(23,22,22,0.31);padding: 4px;width: 387px; height: 337px; margin-bottom: 24px; margin-right: 19.5px; }
.design_list dd a{ display: block; position: relative; }
.design_list dd .design_img{ width: 100%; height: 100%;}
.design_list dd .design_img img{ width: 100%; height: auto;}
.design_list dd .design_text{ position:absolute;padding: 15px 30px 30px; left: 0; top: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.design_text h3{ font-size: 20px; text-align: center; color: #fff;}
.design_text p{ opacity: 0; color: #fff; font-size: 16px; line-height: 24px; margin-top: 10px;}
.design_list dd.active{ width:514px; height: 448px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.design_list dd.active p{ opacity: 1;}
.design_list dd.active .design_text{padding: 20px 30px 30px;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 80%);

}
.design_list dd.active h3{ font-size: 20px; text-align: left;}
.design_list dd.normal{ width:327px; height: 285px; margin-top: 105px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.design_list dd.normal .design_text{padding:15px 30px 30px;}

.toolbox{ clear: both;padding-top:25px; }
.toolbox h2{ text-align: center;color: #444; font-size: 24px; margin-bottom: 30px;}
.tool-record{ overflow: hidden; margin-bottom: 56px; /*background: url(../images/recordBg.jpg) no-repeat; padding: 36px 10px; background-size: cover;*/}
.tool-record ul{ float: left; width: 88.9%;}
.tool-record ul li{ width: 18.9%; float: left; margin-right: 1.375%; background: #fff;}
.tool-record ul li img{ width: 100%;  height: auto;}
.tool-record ul li .retext{width: 100%; height: 62px; padding: 6px; font-size: 14px; color: #444; line-height: 18px;}
.tool-record ul li .retext span{ font-weight: bold;}
.tool-record .toolImg{ float: right; width: 10%; height: auto;}
.reward-phone{ display: none;}

.tool_list{ margin-top: 24px;}
.tool_list dd{float: left;border-radius:5px;box-shadow:0 0 12px 0px rgba(23,22,22,0.31);padding: 4px;width: 387px; height: 337px; margin-bottom: 24px; margin-right: 19.5px; }
.tool_list dd a{ display: block; position: relative; }
.tool_list dd .tl_img{ width: 100%; height: 100%;}
.tool_list dd .tl_img img{ width: 100%; height: auto;}
.tool_list dd .tool_text{ position:absolute;padding: 40px 30px 30px; left: 0; top: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.tool_text h3{ font-size: 20px; text-align: center; color: #fff;}
.tool_text p{ opacity: 0; color: #fff; font-size: 16px; line-height: 24px; margin-top: 10px;}
.tool_list dd.active{ width:514px; height: 448px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.tool_list dd.active p{ opacity: 1;}
.tool_list dd.active .tool_text{padding: 40px 30px 30px;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 80%);
}
.tool_list dd.active h3{ font-size: 20px; text-align: left;}
.tool_list dd.normal{ width:327px; height: 285px; margin-top: 105px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.tool_list dd.normal .tool_text{padding: 40px 30px 30px;}
.otherbox{clear: both;}
.otherbox h2{ margin-top: 20px; margin-bottom: 0;}
.otherbox p{ margin-bottom:30px; text-align: center; color: #444;line-height:20px; font-size:16px;}


.cap_list li{ float: left;width:32.75%; margin-bottom: 15px; margin-right:0.875%;border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.cap_list li a{ display: block; padding: 4px;}
.cap_list li .pic_title{ display: block; height: 54px; line-height: 54px; text-align: center; font-size: 16px; color: #444;}
#caplists{margin-top: 30px; padding-bottom: 40px;}
.cap_list li .imgbox{ background: url(../images/probg1.jpg) no-repeat; background-size: cover;}
.cap_list li img{ max-width: 100%; height: auto;}
#caplists .swiper-slide{}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#cap_list li video,#cap_list li object{ height: 250px;}

#caplists .swiper-pagination{ bottom: 0;}
#caplists .swiper-pagination .swiper-pagination-bullet{ width: 11px; height: 11px;border:2px solid #0055a4;background: #fff;}
#caplists .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 38px; border-radius: 50px; height: 12px; background: #ef4135;border: 2px solid #ef4135;}

.customer{ overflow: hidden; background: url(../images/customerbg.png) no-repeat;}
.customer .cus-list{ width: 75%; margin: 0 auto;padding-top: 33px;}
.cus-list .cus-text{ float: left;padding-left:55px; width: 33%;}
.cus-text h3{ font-size: 22px;color: #fff; margin-bottom:5px;}
.cus-text p{ font-size: 16px; line-height:32px;color: #fff; }
.cus-text p span{ margin-right: 12px;}
.customer .pm{ margin-top: 60px; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
.customer .rlq{ margin-top:80px; margin-bottom: 40px; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}

/*Capabilities--Laboratory & Validation*/
.capMenu p{ font-size: 16px; color: #444; margin-top:16px; margin-bottom: 38px;}
.cap_1{ width: 100%; height: 100%; margin-top: 30px; background: url(../images/labg1.jpg) no-repeat; background-size: cover;}
.cap_1 h1{ font-size: 34px; font-family: "Century Gothic"; text-align: center; margin-top:58px; color: #fff;}
.lablogo{ width: 50%; margin: 0 auto; margin-top:45px;margin-bottom: 70px;}
.lablogo li{ float:left;box-shadow: 0 2px 10px 4px rgba(1,90,165,0.5); margin-right: 19.25%; width: 20.5%;}
.lablogo li img{width: 100%; height: auto;}
#icons{ clear: both;overflow: hidden; padding-top:110px; padding-bottom: 118px;}
.swiper-container1{}
.block-card{ position: relative; border: 1px solid rgba(255,255,255,0.3); text-align: center;  background: rgba(255,255,255,0.1);  }
#icons .iconslide {  float: left;width:19.4%; margin-right: 0.75%;}
.block-card p{ font-size: 16px; color: #fff; line-height: 20px; margin-top:56px; height:85px; overflow: hidden;}
.block-card span{ display:block; width: 50px; height: 1px; background: #fff; margin: 0 auto; }
.block-card h2{ font-size: 20px; color: #fff; margin-top:16px; margin-bottom: 20px;}
.block-card .blockimg{width: 92px; height: 92px; background:#97bbdb; border-radius: 50%; position: absolute; left: 50%; top: -56px; margin-left: -46px;}
.blockimg img{ width: 100%;}
/*.swiper-container1 .swiper-slide.swiper-slide-active .block-card{ border: 1px solid rgba(255,255,255,0.2);}*/
/*#icons .swiper-button-next{right:-40px;background: url(../images/arrow-rw_03.png) no-repeat;}*/
/*#icons .swiper-button-prev{left:-40px; background: url(../images/arrow-lw_03.png) no-repeat;}*/

.cap_2{ width: 100%; height: 100%; background: url(../images/labg2.jpg) no-repeat; background-size: cover;}
.cap_2 h1{ margin-top: 54px; font-size: 34px; margin-bottom: 55px; font-family: "Century Gothic"; text-align: center; color: #015aa5;}
.cap_2 .pack{ width: 55.3%; margin: 0 auto;padding: 15px 88px; margin-bottom:35px; background: rgba(255,255,255,0.5);box-shadow: 0 4px 10px 4px rgba(1,90,165,0.1);}
.pack h3{ font-size: 20px; line-height: 24px; text-align: center; color: #444; margin-bottom:8px;}
.pack dl dd{ background: url(../images/dots-cap.png) no-repeat left center; padding-left: 15px; line-height: 20px; font-size: 16px; color: #444;}
.packtitle{ text-align: center; font-size: 16px; color: #444; margin-bottom: 26px;}
.cap_2 .packlist{ }
.packlist li{ float: left; margin-bottom: 44px; border-radius: 5px; width:19%; margin-right: 1.25%;position: relative;}
.packlist li .labtext p{ opacity: 0;}
.packlist li .labimg img{ width: 100%; height: auto;}
.packlist li .labtext{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.packlist li .labtext h2{padding: 0 20px; font-size: 16px; line-height: 20px; margin-top: 10px; color: #fff; text-align: center;}
.packlist li .labtext p{font-size: 16px; color: #fff; line-height: 20px;}
.packlist li.normal{width: 16.25%; margin-top: 68px;  }
.packlist li.active{width: 30%;box-shadow: 0 4px 10px 4px rgba(1,90,165,0.38); margin-top: 0;  }
.packlist li.active .labtext{padding:15px 20px;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 80%);
}
.packlist li.active h2{ padding: 0; margin-bottom: 20px; font-size: 20px; margin-top: 10px; text-align: left;}
.packlist li.active p{ opacity: 1; }

.cap_3 h1{margin-top: 54px; font-size: 34px; color: #015aa5; margin-bottom:32px; font-family: "Century Gothic"; text-align: center;}
.cap_3 .labinfo{ text-align: center; color: #015aa5; font-size: 20px; margin-bottom: 9px;}
.lablist{width:49%; float: left; margin-right:2%;padding:18px 25px; margin-bottom: 24px; background: #f7fafc; border-radius: 5px;height: 225px; box-shadow: 0 4px 10px 4px rgba(1,90,165,0.1);}
.lablist h3{  font-size: 20px; color: #444; margin-bottom: 10px;}
.lablist p{ line-height: 20px; font-size:16px;}
.lablist p span{ color: #3196ce; margin-right: 12px;}
.labBox{ clear: both;}
.labBox dd{ float: left; position:relative;margin-bottom: 44px;border-radius:5px;box-shadow:0 0 12px 0px rgba(23,22,22,0.31);padding: 4px; width:19%; margin-right: 1.25%;position: relative;}
.labBox dd .cap_labimg img{ width: 100%; height: auto;}
/*.labBox dd.normal{width: 16.25%; margin-top: 68px;}*/
.labBox dd.active{width: 30%;box-shadow: 0 4px 10px 4px rgba(1,90,165,0.38); margin-top: 0; }
.labBox dd .lab_text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.labBox dd .lab_text h3{ margin-top:20px; text-align: center; color: #fff; font-size: 18px;}
.labBox dd.normal h3{font-size: 16px; }
.labBox dd.active h3{ font-size: 20px;}

#labswiper{padding-bottom: 85px;}
#labswiper .swiper-wrapper{display: block;}
#labswiper .swiper-slide{ float: left; margin-bottom: 25px; width: 32.3%; margin-right: 1.55%;}
#labswiper .swiper-pagination{ bottom: 54px;}
#labswiper .swiper-pagination .swiper-pagination-bullet{ width: 11px; height: 11px;border:2px solid #0055a4;background: #fff;}
#labswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 38px; border-radius: 50px; height: 12px; background: #ef4135;border: 2px solid #ef4135;}


/*contact*/
.contact{ padding-bottom: 64px;}
.mapbox{ overflow: hidden;}
.mapbox img{ width:63.5%; height: auto;  float: left; margin-left:38px;}
.mapbox .mapinfo{ width:47.5%;margin-right:5px;background:url(../images/sj.png) no-repeat left 36px;padding-left:65px;position: relative; margin-top: -250px; float: right;}
.mapinfo .mapBrief{ color: #fff; line-height: 26px; font-size: 20px; background: #026dc7; border: 5px; width: 100%; padding: 32px 28px;}
.mapBrief a{ color: #fff;}
.mapinfo .mapBrief span{ font-size: 24px; }
.contact h1{ clear: both; color: #353535; margin-bottom: 25px; font-size: 24px; font-weight: bold;}
.contact p{ font-size: 18px; color: #353535; line-height:24px;}
.contact .connect{ margin-top:48px;}
.connect .form-group{ overflow: hidden;}
.connect label{ font-size: 18px; font-weight: normal; color: #444; vertical-align: middle; }
.connect label span{font-size: 18px; color:#ef4135; margin-left:5px;}
.connect .form-control{ border: 1px solid #b9b9b9; border-radius: 0;}
.connect .submit{ height:30px;border: none;padding: 0 14px; font-size: 18px; color: #fff; line-height:30px; background: #015aa5;}

/*Top clean packaging group-封面*/
.group_main{ background: url(../images/topBg.png) no-repeat left top; background-size: cover; padding-bottom:60px; width: 100%;}
.topbox{overflow:hidden;height:350px;background: url(../images/topmainImg.png) no-repeat left top; background-size: 100% auto;}
.top_info{ float: right; width: 54.2%;padding-top:45px; padding-bottom:25px; color: #fff;}
.top_info h1{ font-size: 36px; text-align: center; margin-bottom:16px;}
.top_info p{font-size: 16px; line-height: 24px; text-align: center; }
.top_menu{ clear: right; margin-top: -120px; overflow: hidden;}
.top_menu li{background: #fff; padding: 5px; float: left;  margin-bottom:12px;width: 24%; border: 1px solid #747677; margin-right: 1.3%;}
.top_menu li a{ display: block;position: relative;}
.top_menu li .top_img{ width: 100%; height: 100%; overflow: hidden;}
.top_menu li .top_img img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.top_menu li p{ position: absolute; width: 100%; height: 40px; line-height:40px; color:#fff; font-size:16px; bottom:0; left:0;text-align:center;background: rgba(0,69,133,0.5);}
.top_menu li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.top_menu li:hover p{ color: #ef4135;}

/*Top clean packaging group*/
.group_banner{width: 100%;}
.group_banner h1{ font-size: 36px; color: #fff; margin-top: 30px;}
.group_banner p{ font-size: 22px; color: #fff;}
#slides1 { position: relative; width: 100%;}
#slides1 .slidesjs-container,#slides1 .slidesjs-control{height: 480px;}
#slides1 .slidesjs-pagination { position: absolute; bottom:10px; left: 50%;
    padding-left:28px;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 20;
}
#slides1 .slidesjs-pagination li {float: left; margin: 0; }
#slides1 .slidesjs-pagination li a { display: block;color: #fff; width:32px; height: 32px;background: url(../images/dots_small.png) no-repeat; }
#slides1 .slidesjs-pagination li a.active { background:url(../images/dots_active.png) no-repeat;}
#slides1 .banner_slide1 {background-size: cover;  height: 480px;}
#slides1 .banner_slide1 a{ display: block; width: 100%; height: 100%;}

#slides1 .slidesjs-navigation{ width: 100%;}
#slides1 .slidesjs-navigation a{ position: absolute; display: inline-block;z-index: 10; width:28px; height: 48px; top: 50%; margin-top: -24px;}

.toptab{ margin-top:30px; margin-bottom: 10px;}
.toptab a{ }
.toptab h2{ margin-top:20px; margin-bottom:20px; font-size: 34px; color: #015aa5;}

.topmain{ padding-top:20px; padding-bottom: 50px;}
.top_text{padding-bottom: 30px; font-size: 16px; color: #444; line-height: 32px;}
.top_pics{ border-top: 1px solid #e2e2e2;padding-top: 62px; margin-top: 44px; padding-bottom:55px;}
.videobox{ clear: both; margin-top: 25px;}
.videobox h1{ font-size: 34px; margin-bottom: 34px; font-weight: bold; text-align: center; color: #015aa5;}
.videobox video{ height: 480px; width:100%; display: block; margin: 0 auto;}

.groupbox{ background: url(../images/companyBg.png) no-repeat; background-size: cover;padding-top:35px;padding-bottom: 42px;}
.grouptext{ text-align: center; margin-bottom: 5px;}
.grouptext h1{ color: #015aa5; font-size: 34px; font-family: "Century Gothic"; margin-bottom: 35px;}
.grouptext p{ width:70%; margin: 0 auto; text-align: right; margin-top:12px; font-size: 18px; color: #444;}
.groupbox ul li .grouplist{ background: #fafbfd;box-shadow: 0 4px 10px 2px rgba(1,90,165,0.2);}
.grouplist img{ width: 100%; height: auto;}
.grouplist .groupinfo{ padding:10px 10px; height: 148px;}
.grouplist h5{height:50px;padding: 15px 10px; background: #afc9ef; font-size: 20px; color: #444; margin-top: 8px;}
.groupinfo p{ color: #444; font-size: 16px; line-height: 20px;}
.groupimg{ margin-top:20px; margin-bottom: 20px; text-align: center;}
.groupimg p{ color: #444; font-size: 18px; margin-bottom: 15px;}

.global{padding-top:24px; padding-bottom: 52px;}
.global h1{ text-align: center;  margin-bottom: 20px;color: #015aa5; font-size: 34px; font-family: "Century Gothic";}
.global p{text-align: center; font-size: 18px; color: #444; margin-bottom: 35px;}
.global p.gp{ color: #444; font-size: 24px;margin-top: 15px;}
.global .global-left{ margin-top: 42px; padding-bottom: 27px; text-align: center;}
.global-left h5{ text-align: left; color: #444; line-height: 26px; margin-bottom: 20px; font-size: 20px;}
.global-right{ margin-left: -85px;}
.globalImg{ width: 50%; height: auto; vertical-align: bottom;}
.global span{ display: block; margin-left: -15px; color: #444; font-size: 16px; margin-top: 24px;}
.group_bottom{ width: 87%; margin: 0 auto;/* margin-top: 38px;*/}
.group_bottom li{ float:left; width:49.2%; margin-right:1.6%;border-radius: 5px; border: 4px solid #fff; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.group_bottom li img{ max-width: 100%; height: auto;}
.group_bottom li p{text-align: left; font-size: 16px;padding:4px 10px;height:24px;line-height: 24px; margin-bottom: 0; color: #444;}
.aus_1 { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ib_mid_wrap:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}
.aus_1 .aus_1_mid {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 0 150px;
}
.ib_mid_wrap { font-size: 0;text-align: center;}
.ib_mid {font-size: medium; display: inline-block; vertical-align: middle; }
.ib_midDiv { font-size: 34px; color: #015aa5; margin-bottom: 20px; font-family: "Century Gothic";}
.b_cont{width:800px;height:371px;display:inline-block;position:relative;}
.ct_p_05{width:800px;height:371px;position:relative;float:left;text-align:center;}
.ct_p_05 .ct_txt{display:block;line-height:24px;overflow:hidden;color:#fff;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#134e86', endColorstr = '#134e86' );background-color:rgba(19,78,134,.8);_background:none;font-size:18px;position: absolute; bottom: 0; left: 0;padding: 8px 10px; width: 100%;/* position:relative;height:50px;margin-top:-50px;*/}
.ct_p_05 a:hover .ct_txt{color:#fff;}
.ct_p_05 a{ display: inline-block; position: relative;}
.scrDotList_wrap{text-align:center;width:1024px;position:absolute;bottom:-50px;left:50%;margin-left:-512px;}
.scrDotList{zoom:1;line-height: 0; position:absolute;top:0;left:0; z-index:9;}

a.scrArrAbsLeft{position:absolute;left:-90px;top:165px;width:30px;height:38px;background:url(../images/arrow-left_05.png) no-repeat; cursor:pointer;}
a.scrArrAbsLeft:hover{background:url(../images/arrow-left-r_05.png) no-repeat; cursor:pointer;}

a.scrArrAbsRight{position:absolute;right:-90px;top:165px;width:30px;height:38px;background:url(../images/arrow-right-r_03.png) no-repeat;cursor:pointer;}
a.scrArrAbsRight:hover{background:url(../images/arrow-right_03.png) no-repeat;cursor:pointer;}

.scrDotList_wrap_line{ background:#c1c1c1; height:1px; overflow:hidden;width:100%; position:absolute;top:8px;left:0; z-index:2;}

.scrDotList span{
    display:inline-block;width:10px;height:10px;cursor:pointer;font-size:0;line-height:0;vertical-align:middle;margin-left:60px; position:relative;
    background: #015aa5; border: 1px solid #015aa5;
    border-radius: 50px;
}

.scrDotList span.on{
    width:18px; height: 18px; background: #fff; border: 1px solid #015aa5;
}
.scrDotList span i{ display:block; font-style: normal; position:absolute;margin-left:-32px;width:80px; line-height:20px;font-size:16px;color:#444;top:20px;}
.scrDotList span.on i{ font-size: 22px; color: #015aa5; top: 24px;}

/*group-history*/
.yearbox{ border-radius:50%; font-size: 26px; color: #444; border: 5px solid #2668b6; line-height:95px; width: 105px; text-align: center; height:105px; margin: 0 auto;}
.historybox{ padding-bottom: 50px;}
.timebox ul li {
    position: relative; width: 2px; margin: 0 auto; padding-top:30px;padding-bottom: 5px; background: #ddd;
}
.timebox ul{ overflow: hidden;}
.timebox ul li::after { content: ''; position: absolute;
    left: 50%;top:50px; transform: translateX(-50%) rotate(45deg);
    background: url(../images/c-dots.png) no-repeat;
    width: 21px; height: 20px; z-index: 2;
}
.timebox ul li>div { position: relative; bottom: 0; width: 480px; padding: 20px 20px 10px;
    background: #fff; box-shadow:  0 0 12px 0px rgba(23,22,22,0.31);
    border-radius: 5px;
}
.timebox ul li div .time { position: absolute; background: #015aa5; width:100px;
    height:40px; top: -20px; text-align: center; line-height: 40px; color: #fff; font-size: 24px; border-radius: 5px;letter-spacing: 2px; }
.timebox ul li div div { }
.timebox ul li .timetext{ text-align: center; margin-top: 10px;}
.timebox ul li .timetext p { font-size: 16px; color: #444; line-height: 22px; }
.timebox ul li div img{ max-width: 100%; height: auto; margin-bottom: 10px;}
.timebox ul li div .discovery { margin-right: 10px; }
.timebox ul li:nth-of-type(odd) > div { left: 45px; }
.timebox ul li:nth-of-type(even) > div { left: -530px; }
.timebox ul li div { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; }
.timebox ul li:nth-of-type(odd) div {
    transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timebox ul li:nth-of-type(even) div {
    transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timebox ul li.in-view1 div { transform: none; visibility: visible; opacity: 1; }
.timebox ul li.in-view div { transform: none; visibility: visible; opacity: 1; }

@media screen and (max-width: 900px) {
    .timebox ul li div { width: 250px;flex-direction: column; }
    .timebox ul li div div { width: 80%; margin: 10px; }
    .timebox ul li:nth-of-type(even) > div { left: -289px; }
}

@media screen and (max-width: 600px) {
    .timebox ul li { margin-left: 20px;}
    .timebox ul li div {width: calc(100vw - 91px);}
    .timebox ul li:nth-of-type(even) > div { left: 45px;}
}
/*.timebox ul{ overflow: hidden;}*/
/*.timebox ul li { position: relative; width: 2px; margin: 0 auto; padding-top: 50px; background: #ddd; }*/
/*.timebox ul li::after { content: ''; position: absolute; left: 50%; top: 50px;*/
    /*background: url(../images/c-dots.png) no-repeat;*/
    /*width: 21px; height: 20px; z-index: 2; margin-left: -10.5px;*/
/*}*/
/*.timebox ul li>div {border-radius: 5px;*/
    /*position: relative; bottom: 0; width: 480px;border-bottom: solid 3px #2668b6; padding: 20px; background:rgba(238,238,238,0.25);*/
/*}*/
/*.timebox ul li div .time {font-size:20px; color: #404040; margin-bottom: 10px; }*/
/*.timebox ul li div div {  }*/
/*.timebox ul li div div p {font-size: 16px; color: #455b75; line-height: 32px; }*/
/*.timebox ul li div .timetext { margin-right: 10px; }*/
/*.timebox ul li:nth-of-type(odd) > div { left: 45px; }*/
/*.timebox ul li:nth-of-type(even) > div { left: -519px; }*/
/*.timebox ul li div { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; }*/
/*.timebox ul li:nth-of-type(odd) div { transform: translate3d(100px, -10px, 0) rotate(10deg); }*/
/*.timebox ul li:nth-of-type(even) div { transform: translate3d(-100px, -10px, 0) rotate(10deg);  }*/
/*.timebox ul li.in-view div { transform: none; visibility: visible; opacity: 1; }*/
/*@media (min-width: 992px) and (max-width:1200px) {*/
    /*.timebox ul li>div { width: 430px;}*/
    /*.timebox ul li:nth-of-type(even) > div { left: -465px;}*/
/*}*/
/*@media screen and (max-width: 992px) {*/
    /*.timebox ul li>div { width: 320px;padding: 10px; }*/
    /*.timebox ul li:nth-of-type(even) > div { left: -359px;}*/
/*}*/
/*@media screen and (max-width: 767px) {*/
    /*.yearbox{ margin: 0 0 0 15px;font-size: 24px; width: 85px; line-height: 85px; height: 85px; border: 3px solid #2668b6;}*/
    /*.timebox ul li { margin-left:55px;}*/
    /*.timebox ul li div { width: calc(100vw - 91px); }*/
    /*.timebox ul li:nth-of-type(odd) > div { left: 20px; }*/
    /*.timebox ul li:nth-of-type(even) > div { left: 20px; }*/
    /*.timebox ul li div div{ padding-right: 15px;}*/
/*}*/

/*group-Capabilities*/
.group-capability h1,.contract h1,.heat h1,.mould h1,.hsm h1,.waste h1{ text-align: center; font-size: 34px; color: #015aa5; font-family: "Century Gothic";}
.conbox h1{ margin-top: 20px; margin-bottom: 10px;}

.man-text{ text-align: center; font-size: 24px;padding-bottom: 20px;}

.conbox ul{ margin-top: 36px;}
.conbox ul li{ max-width: 100%; height: auto; text-align: center;}
.conbox ul li h2{ height: 56px; text-transform: uppercase; background: #fff;line-height: 56px; color: #444; font-size: 16px;}

.contract{padding-top: 35px; margin-bottom: 40px;}
.contract h1{ margin-bottom:35px;}
.contract img{ max-width: 100%; height: auto;}
.manbox{ margin-top: 15px;}
.manbox li{ max-width: 100%; height: auto; text-align: center;}
.manbox li h2{ height: 56px; text-transform: uppercase; background: #fff;line-height: 56px; color: #444; font-size: 16px;}

.contract dl{ margin-top: 34px;}
.contract dl dd{}
.contract .contract-menu{height: 130px;padding-top:16px;box-shadow: 0 4px 10px 2px rgba(1,90,165,0.2);}
.contract-menu .contractimg{ float: left; width: 36%;}
.contract-menu .contract-right{ float: right; width: 61%; line-height: 20px; font-size: 16px; color: #444;}
.contract-right h5{ font-size: 15px; color: #015aa5;}

.oem-device{ padding-top: 35px;}
.oem-device h1{ margin-bottom: 24px;}
.oem-device p{ font-size: 16px; text-align: center; color:#1e1e21; margin-bottom: 20px;}
.oem-device .oembox{ margin-bottom: 22px; background: url(../images/hsmbg.jpg) no-repeat; background-size: cover;}
.oem-device ul{ width: 90%; overflow: hidden; margin: 0 auto; margin-top:18px;}
.oem-device li{ float: left; text-align: left; margin-bottom: 28px; background: url(../images/dots-hsm.png) no-repeat left center;}
.oem-device .oemlist{color:#fff; font-size:16px;  padding-left: 28px; }
.oemimg{ padding-right: 0;}
.oemimg1{ padding-left: 0;}
.oembox{ text-align: center;padding-top: 52px; padding-bottom: 45px;}
.oembox h2{ font-size: 24px; color: #fff; text-align: right; padding-right: 10%; margin-bottom: 30px;}
.oem-device img{ width: 41.6%; margin-left:22.5%; height: auto;}
.oem-device h6{ font-size: 20px;text-align: center; margin-top: 35px; margin-bottom: 25px; color: #1e1e21;}
.oemtext{ margin-top: 23px;}
.oemtext .contract-menu{height: 140px;padding-top:16px;box-shadow: 0 4px 10px 2px rgba(1,90,165,0.2);}

.oeminfo{  font-size: 16px; color: #1e1e21; line-height: 20px;}
.oeminfo p{text-align: left;}
.oemimg1 img{ width: 100%; height: auto;}

.heat{ text-align: center; margin-top:28px;}
.heat h1{ margin-bottom: 30px;}
.heat p{ color: #1e1e21; font-size: 16px; line-height: 20px; width: 90%; margin: 0 auto;}
/*.heat a{ display: inline-block; margin-top: 42px; width: 80px; height: 24px; background: #fff; line-height: 24px; color: #444; font-size: 14px; border: 1px solid #b5d2ec; border-radius:50px;}*/
.heat a:hover{background: #b5d2ec;}

.mould{ margin-top: 30px; padding-bottom: 40px;}
.mould h1{ margin-bottom: 30px;}
.mould ul{ overflow: hidden;padding: 4px; border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31); margin-bottom: 32px;}
.mould ul li{ float: left;}
.mould ul li img{ width: 100%; height: auto;}
.mould ul li:nth-child(odd){ margin-left: 1px; margin-right: 1px;}
.mould dl dd{ height: 132px;}
.mould dl .mouldbox{height: 132px;box-shadow: 0 4px 10px 2px rgba(1,90,165,0.2);}
.mouldbox .mouldimg img{ max-width: 100%; height: auto;}
.mouldbox .mouldinfo{padding-top: 38px; font-size: 16px; color: #1e1e21; line-height: 20px;}
.mould dl dd.index0 .mouldinfo{ padding-left: 0;}
.mould dl dd.index1 .mouldimg{padding-right:30px;padding-left: 0;padding-top: 10px; text-align: right;}
.mould dl dd.index1 .mouldinfo{padding-left: 36px;}

/*.hsm{ background: #eef6ff;padding-bottom: 60px;}*/
.hsm h1{ margin-bottom:38px;}
.hsm .hsmbox{ width: 66.5%; margin: 0 auto; height: 312px; background: #fff; overflow: hidden;}
.hsmleft{ width: 42%; float: left; background: #015aa5;padding:35px 15px;}
.hsmleft p{ color: #fff; font-size: 16px; line-height: 20px;}
.hsmleft a{ display:block; margin: 0 auto; margin-top:20px; width: 82px; height: 26px; line-height: 26px; background: #fff;border-radius:50px; color: #444; font-size: 14px; text-align: center;}
.hsmleft a:hover{ background: #ef4135; color: #fff;}
.hsmright{ width: 58%; float: right;height:312px;padding: 34px 18px 25px 28px;}

.waste{ padding-bottom: 38px;}
.waste h1{ margin-bottom: 35px;}
.waste .wastebox{ width: 80%; margin: 0 auto;padding-top: 150px;padding-bottom: 147px; background: url(../images/group-capimg20.jpg) no-repeat; background-size: cover;}
.wastebox .wasteinfo{ width: 56%; text-align: center;padding-top: 43px;padding-bottom:56px; margin: 0 auto; background: rgba(1,90,165,0.55);}
.wasteinfo p{ color: #fff; font-size: 16px; line-height: 30px; margin-top: 56px;}

.conimg{ text-align: center; margin-bottom: 20px;}
.conimg img{ max-width: 100%; height: auto; border: 4px solid #fff; border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.conlist a{ display:block; border: 4px solid #fff; border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.conlist a img{ width: 100%; height: auto;}

.oemimg dd{ width: 15.5%; float: left;position: relative; margin-right: 1.4%;border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.oemimg dd img{ width:100%; height: auto; margin-left: 0;}
.oemimg dd .hsminfo{padding-top: 10px; height: 46px; text-align: center; font-size: 18px; color: #4d4d4d;}
.oemimg dd span{ display: block; position: absolute; width: 100%; height: 100%; top:0; left:0;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.plast{ padding-top:30px; margin-bottom: 35px;}
.oemtext a{padding: 4px; display: block;border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.oemtext a img{width: 100%; height: auto;}
.oeminfo{ height: 138px; padding: 14px 15px; }
.contract-menu .contractimg img{ max-width: 100%; height: auto;}

.cap_box{ padding-top:44px; clear: both;}
.cap_box h2{text-align: center;color: #015aa5; font-size: 32px; margin-bottom: 30px;}
.cap_box h4{font-size: 30px; color: #071d38;  line-height: 34px;}
.cap_box .manufacture{ margin-bottom: 20px;}

.total_offer dd{ float: left;}
.total_offer dd.offerlist{ width: 29.3%;border-radius: 5px; box-shadow: 0 0 12px 0 rgba(23,22,22,0.31);}
.total_offer dd a{ display: block; padding: 4px;position:relative;}
.total_offer dd img{ max-width: 100%; height: auto;}
.total_offer dd.arrow_jt{ width: 6.05%; text-align: center; margin-top: 130px;}
.total_offer dd .offer_info{ position: absolute; left: 0; color: #fff; top:0; width: 100%; padding: 95px 20px 0; }
.total_offer dd .offer_info h5{ font-size: 22px; margin-bottom:8px; text-align: center;}
.total_offer dd .offer_info p{ opacity: 0; color: #fff; font-size: 16px; line-height: 30px;}
.total_offer dd .offer_info p span{ font-size: 12px; margin-right: 12px;}
.total_offer dd.offerlist:hover .offer_info{ padding-top: 28px; transition: all .5s ease-in-out;}
.total_offer dd.offerlist:hover h5{ text-align:left;}
.total_offer dd.offerlist:hover p{ opacity: 1;}

.project-list{ clear: both; padding-top: 65px;}
.project-list dd{float: left;border-radius:5px;box-shadow:0 0 12px 0px rgba(23,22,22,0.31);padding: 4px;width: 387px; height: 337px; margin-bottom: 24px; margin-right: 19.5px; }
.project-list dd a{ display: block; position: relative; }
.project-list dd .project-img{ width: 100%; height: 100%;}
.project-list dd .project-img img{ width: 100%; height: auto;}
.project-list dd .project-text{ position:absolute;padding:30px 30px; left: 0; top: 0; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
}
.project-text h3{ font-size: 20px; text-align: center; color: #fff;}
.project-text p{ opacity: 0; color: #fff; font-size: 16px; line-height: 24px; margin-top: 10px;}
.project-list dd.active{ width:514px; height: 448px; margin-right: 16px;
    transition: all .5s ease-in-out;

}
.project-list dd.active p{ opacity: 1;}
.project-list dd.active .project-text{padding: 40px 30px 30px;
    background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 80%);
}
.project-list dd.active h3{ font-size: 20px; text-align: left;}
.project-list dd.normal{ width:327px; height: 285px; margin-top: 105px; margin-right: 16px;
    transition: all .5s ease-in-out;
}
.project-list dd.normal .project-text{padding:30px 30px;}
.group_title{font-size: 34px; color: rgb(1, 90, 165); text-align: center; padding-bottom:30px;}
.toptab .top-phone{ display: none;}
.mouldbox .mouldimg{ padding-top: 30px; padding-left: 30px;}
.customer-phone{ display: none; text-align: center;}
.customer-phone img{ max-width: 100%; height: auto;}

.global-title{ font-size: 24px; text-align: center; margin-bottom: 5px;}

@media (min-width: 1200px) and (max-width: 1230px) {
    .prolist .procover{ background-size: 50% auto;}
}

@media (min-width: 992px) and (max-width: 1230px) {
    .content .aboutTitle{ font-size: 32px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .prolist .procover{ background-size:58% auto;}
    .procover-right{ width: 52%;}
}
@media (min-width: 767px) and (max-width: 992px) {
    .content .aboutTitle{ font-size: 24px; line-height: 30px;}
    .content .iconbox{ height: 220px;background-size: 28% auto;}
}
@media (max-width: 767px) {
    #banner{ height: 180px;}
    #banner .container{ height: 180px; background-size: auto 100%;}
    #banner h1{  margin-top: 26px;}
    .toptab{ margin-top:0px;}
    .content .aboutTitle{ font-size: 20px; line-height:24px; margin-bottom: 20px; }
    .content .iconbox{display: none;}
    .iconphone{ display: block;}

    /*.sectitle{ margin-top: -80px;}*/
    .secinfo{ font-size: 18px;}
    .secbox{ padding-top: 85px; padding-bottom: 85px;}

    .news ul li{ padding-bottom: 15px; margin-bottom: 15px;}
    .news ul li .newsimg{width:35%; text-align: center;}
    .news ul li .newsright{ width:62%; padding: 0px; }
    .news ul li .date{ font-size: 18px;}
    .news ul li .newsimg img{ width: 100%;}
    .news ul li p{ display: none;}
    .pages{ margin-bottom: 40px;}
    .newstext{ padding-bottom: 30px;}
    .newstext p{ text-align: justify;}
    .tab{ padding-bottom: 20px;}
    .titlebox h1{ font-size: 24px;}
    .tab .mark-text,.toptext{ padding: 0 15px; margin-top: 10px;}

    .mapinfo .mapBrief span{ font-size: 20px;}
    .marketstext{ width: 100%; padding-top: 40px;}
    .marketbox h1{ font-size: 24px; margin-bottom: 10px;}
    .marketbox ul{ padding-top: 30px; padding-bottom: 30px;}
    .marketbox ul li{ width: 49.35%; margin-bottom: 5px;}

    .mark-tab{ display: none;}
    .mark-list{ padding-bottom: 20px;}
    .tab .mark-text p{ text-align: justify !important;}
    .toptext p{ font-size: 14px; line-height: 20px; text-align: justify;}
    .mark-list ul li{ float: left; width: 49%;margin-right: 2%; height: auto; margin-bottom: 10px;
        border-radius: 5px;
        box-shadow: 0 0 12px 0px rgba(23,22,22,0.31);
        padding: 4px; }
    .mark-list ul li.current{ width:60%;}
    .mark-list ul li.siblingCurrent{ width:38%; margin-top:6%;}
    .mark-list ul li.siblingCurrent .showinfo h1{ font-size: 12px;}
    .mark-list ul li.current .mark-info{ opacity: 1;}
    .mark-list ul li.current .showinfo{padding:10px;
        background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 80%);
    }
    .mark-list ul li a{ display: block; position: relative; }
    .mark-list ul li .marketimg{ width: 100%; height: 100%;}
    .mark-list ul li .marketimg img{ width: 100%; height: auto;}
    .mark-list ul li .showinfo{ position:absolute;padding: 10px 30px 30px; left: 0; top: 0; width: 100%; height: 100%;
        background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 40%);
    }
    .industrybox{ padding-top:10px;}

    .mark-list ul.industry-list li .showinfo{ background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 100%);}
    .mark-list ul.industry-list li.current{ width: 90%; float: none; margin: auto !important; margin-bottom: 10px !important;}
    .mark-list ul.industry-list li.siblingCurrent{ width: 45%; float: none; margin:0 auto !important; margin-bottom: 10px !important;}
    .showinfo .mark-info{ font-size: 14px;line-height: 22px;}
    .showinfo h1{ font-size: 16px;}
    .columnInfo{ font-size: 16px; line-height: 20px; }
    .medical-list dd{ width: 95%; height: auto;margin-left:auto; margin-right:auto !important; margin-bottom: 15px; float: none;}
    .packlist li{width: 49.375%; margin-bottom: 5px;}
    .medical-list dd.active,.design_list dd.active{ width: 100%; height: auto;}
    .packlist li.current{width:60%;}
    .packlist li.siblingCurrent{width:38.75%; margin-top: 7%;}
    .packlist li .labtext{background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 50%);}
    .packlist li .labtext h2{padding: 0 5px; margin-top: 5px;}
    .medical-list dd.normal,.design_list dd.normal{width: 95%; height: auto; margin-top: 0; margin-right: 0;}
    .medical-right p span{ margin-right:5px;}
    .marketbox p,.prolist p{ text-align: justify; font-size: 14px;}
    .mark-list ul.industry-list li,.mark-list ul.industry-list li.active,.mark-list ul.industry-list li.normal{ height: auto;}
    .mark-list ul.industry-list li.active .showinfo{background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0) 100%);}
    .marketname{ margin-top:0px;}
    .marketname h1{ font-size: 24px;}
    .mark-list .h3_title{ margin-bottom: 0; font-size: 20px;}
    #fh5co-main{ padding: 0 15px;}
    #fh5co-board .item{ margin: 10px 5px 10px; padding: 5px 5px 0;}

    .toptab h2{ margin-bottom: 0; margin-top: 0; font-size: 24px;}
    .proMenu a{ font-size: 16px; line-height: 32px !important; width: auto !important;}
    .lists #fh5co-board .item{ min-height: inherit;}
    #fh5co-board .item .fh5co-desc{ font-size: 14px; line-height:18px; padding: 5px 0;}
    /*.lists #fh5co-board .item .fh5co-desc{ white-space: nowrap; letter-spacing: -0.5px;}*/
    .tab .column{ font-size: 24px; margin-top: 20px;}
    .hsm-about .hsm-more{ width: 100%;}
    .hsm-more .hsm-proleft,.hsm-more .hsm-proright{ width: 100%;}
    .hsm-more .hsm-proleft img{ max-width: 100%; height: auto;}
    .hsm-proleft .hsmtext,.hsm-proleft .hsmtext a{ margin-top: 10px;}
    .hsm-proright{ margin-top: 15px;}
    .hsm-proright p{ line-height: 28px;}
    .hsmtop{ padding-top: 20px;}
    .hsm-about h2{ margin-bottom: 20px; font-size: 24px;}
    .hsmtop p img{ max-width: 100%; height: auto;}
    .hsm-pc{ display: none;}
    .hsm-phone{ display: block;}
    .conimg{margin-bottom: 15px;}

    .prolist{ padding-bottom: 30px; background-size:auto 100%; background-position: center bottom;}
    .prolist .procover{ background-size: 100% auto;padding-top: 20px;}
    .procover-right{ width: 100%; float: none;}
    .prolist h1{ font-size: 24px; margin-bottom: 10px;}
    .pro-tab{ display: none;}
    .proMenu h2,.capMenu h2{ font-size: 24px;}
    .prolist #products{ margin-top:8px;}
    #products .pro-left,#products .pro-right{ width: 100%;}
    .pro-left h2{ font-size: 18px; margin-bottom: 8px;}
    #products ul li,#products .pro-right ul li{ width: 49.35%; margin-top: 5px;}
    #products ul li .pro-title{ height: auto; font-size: 14px; padding: 8px 0; line-height: 18px;}
    #products .pro-right{ margin-top: 10px;}
    .pro-right h2{ font-size: 18px;}
    #products .pro-right ul li{ margin-right: 1.3%;}


    .pro-content{ padding-top:15px; padding-bottom: 10px;}
    .pro-content p{  font-size: 14px; line-height: 20px; text-align: justify;}
    .lists{ padding-bottom: 30px !important;}
    .hidden-p{ display: none;}
    .cap_list li{ width:49%; margin-right: 2%; }
    .medical-list dd.active h3{ font-size: 16px;}
    .medical-text h3{ font-size: 18px;}
    .medical-list dd .medical-text{ padding: 18px 0;}
    .medical-text p{ line-height: 18px; font-size: 14px; margin-top: 5px;}
    .medical-list dd.active .medical-text{     background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0.2) 100%);padding: 10px;}
    .medical-list dd .medical-img img{ height: 220px;}
    .medical h2{ font-size: 20px; padding-top: 20px; margin-bottom: 30px;}
    .medical-left{ margin-bottom: 20px;}
    .medical-right{ width:100%; overflow: hidden;background: #f7fafc;border-radius: 5px;box-shadow:0 4px 10px 4px rgba(1,90,165,0.1);}
    .medical-right p{ line-height: 28px;}
    .some-list li{ width: 49%; margin-right:2%;}
    .some-list li .listimg{ margin-bottom: 0;}
    .some-list li .listtext{ font-size: 14px; min-height: 46px; height: auto;padding: 5px 5px;}

    .cap_info{ background-size: auto 100%; height: auto;}
    .cap_menu{ margin-top: 0;}
    .cap_menu li{ width: 49.35%;}
    .cap_menu li p{ height: auto; padding: 8px 0; line-height: 18px; font-size:14px;}

    .lablist p span{ margin-right: 5px;}
    .cap_right h1{ font-size: 24px; margin-bottom: 5px;}
    .cap-tab{ display: none;}
    .designbox{ padding-top: 15px;}
    .designbox span{ margin-bottom: 15px;}

    .design_list dd{ width: 49%; margin-right: 2%; height: auto;}
    .design_list dd .design_text{padding:10px;background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 20%,rgba(69,141,210,0) 60%);}
    .design_text h3{ font-size: 14px;}

    .designbox h2,.toolbox h2{ font-size: 20px;}
    .design_list dd.active .design_text,.packlist li.active .labtext{ padding:10px 15px;}
    .tool-record{ margin-bottom:15px;}
    .tool-record img{ max-width: 100%; height: auto;}
    .tool_list{ margin-top: 15px;}
    .reward-pc{ display: none;}
    .reward-phone{ display: block;}
    .packlist li .labtext h2,.packlist li.active h2{ margin-bottom: 10px; font-size: 14px; line-height: 18px;}
    .packlist li.siblingCurrent h2{ font-size: 12px; line-height: 16px;}
    .packlist li .labtext p{ font-size: 14px;}
    .design_list dd.active h3{ font-size: 18px;}
    .toolbox{padding-top: 0px;}
    .toolbox h2{ margin-bottom: 15px;}
    .tool_list dd{ width: 49%; margin-right: 2%; height: auto; margin-bottom: 10px;}
    .otherbox{ padding-top: 15px;}
    .otherbox h2{ margin-top: 10px;}
    .otherbox p{ margin-bottom: 15px;}
    .capabox{ padding-top:15px;padding-bottom: 25px;}
    .capabox p img{ max-width: 100%; height: auto;}
    .cap_list li .pic_title{ height: auto; text-align: left; font-size: 14px; line-height:18px; padding: 5px 0 0;}
    /*.pro-content .cap_list li .pic_title{ text-align: left; font-size: 12px;}*/
    #banner{ margin-bottom: 20px;}
    .cap_box{ padding-top: 15px;}
    .cap_box h2{ font-size: 20px; margin-bottom: 20px;}
    .capabox .medical-right p{ font-size: 14px; }
    .cap_1{ margin-top: 0;}
    .cap_1 h1{ font-size: 24px; margin-top: 20px;}
    .lablogo{ width: 100%; margin-top:20px; margin-bottom: 0;}
    #icons{ padding-top:50px; padding-bottom:0px;}
    #icons .iconslide{ width: 32.8%; margin-bottom:30px;}
    .block-card h2{ font-size: 16px;}
    .block-card p{ height: 80px; font-size: 14px; margin-top: 30px; margin-bottom: 15px;}
    .block-card .blockimg{ width: 50px; height: 50px; margin-left: -25px; top: -25px;}

    .cap_2 h1{ font-size: 24px; margin-top:20px; margin-bottom: 20px;}
    .cap_3 h1{ margin-top: 15px; font-size: 24px;margin-bottom: 15px;}
    .cap_3 .labinfo{ font-size: 16px;}
    .lablist{ width: 100%; height: auto; margin-right: 0; padding: 18px 15px;}
    .lablist h3{ font-size: 16px;}
    .lablist p{ font-size: 14px;}
    .labBox dd{ margin-bottom: 10px; width: 49.375%; }
    .labBox dd .lab_text h3{ margin-top: 10px; font-size: 14px;}
    .customer{ display: none;}
    .customer-phone{ display: block;}
    .customer{ background: url(../images/custbg4.png) no-repeat bottom; background-size: 100% auto;padding-bottom: 150px;}
    .customer .cus-list{ width: 100%; padding-top:0px;}
    .cus-list .cus-text.index0{background: url(../images/custbg1.png) no-repeat; background-size: cover; padding-top: 140px; height: 260px;}
    .cus-list .cus-text.index1{ margin-top: -20px; background: url(../images/custbg2.png) no-repeat; background-size: 100%; height: 140px; padding-top: 40px;}
    .cus-list .cus-text.index2{ margin-top: -22px; background: url(../images/custbg3.png) no-repeat; background-size: 100%; height: 150px; padding-top: 40px;}
    .cus-list .cus-text{padding-left: 15px;padding-right:15px; float: none;  width: auto;}
    .cus-text p{ display:inline;font-size: 14px; margin: 0 5px; line-height: 20px;}
    .cus-text h3{ font-size: 16px; text-align: center;}
    .customer .pm{ width: 50%; margin-top: 10px; font-weight: normal; padding: 0 10px; float: left; font-size: 14px;}
    .customer .rlq{ width: 50%; margin-top: -5px; font-weight: normal; padding: 0 10px; float: right; font-size: 14px; line-height: 20px; margin-bottom: 0;}
    .cus-text p span{  margin-right: 5px;}
    .topbox{ height: auto;}
    .top_info{ width: 100%;padding-top: 115px; padding-bottom: 15px;}
    .top_info h1{ font-size: 24px; margin-bottom: 0;}
    .top_info p{ font-size: 14px; text-align: justify;}
    .top_menu{ margin-top: 0;}
    .top_menu li{ width: 49.35%;}

    .top-pc{ display: none;}
    .toptab .top-phone{ display: block; margin-top: 20px; font-size: 24px; color: #015aa5; text-align: center;}
    #slides1 .slidesjs-container, #slides1 .slidesjs-control{ height: 180px;}
    #slides1 .banner_slide1{ height: 180px; background-repeat: no-repeat; background-position: left center;}
    #slides1 .banner_slide1 .container{ padding-top: 30px !important;}
    .group_main{ padding-bottom: 20px;}
    .group_banner h1{ font-size: 20px; margin-top: 0;}
    .group_banner h1 img{ max-width: 100%; height: auto;}
    .group_banner p{display: none;}
    .top_text{ padding: 0 15px ;}
    .top_text .videobox{ padding-top: 0 !important; margin-top:20px;}
    .videobox h1{ font-size: 18px; margin-bottom: 20px;}
    .top_text .video-js{ width: 100% !important; height: auto !important;}
    .top_text .Gm-img img{ margin-left: 35px;}
    .videobox video{ height: auto;}
    
    .groupbox{ padding-top:20px; padding-bottom: 20px;}
    .grouptext{ margin-bottom: 5px;}
    .grouptext h1{ font-size:16px; margin-bottom: 10px;}
    .grouptext img{ max-width: 80%; height: auto;}
    .grouptext p{ width: 100%;text-align:center;font-size: 14px; margin-top: 5px;}
    .grouplist h5{ height: 42px; font-size: 16px;}
    .grouplist .groupinfo{ height: auto; padding: 8px 10px; margin-bottom:5px;}
    .groupinfo p{ font-size: 14px; line-height: 18px;}
    .groupimg{ margin-top: 10px; margin-bottom: 10px;}
    .groupimg p{ font-size: 18px !important;}
    .groupimg img{ max-width: 100%; height: auto;}
    .global{ padding-top: 10px; padding-bottom: 10px;}
    .global h1{ font-size: 18px; margin-bottom: 10px;}
    .global p{ font-size: 14px; margin-bottom: 0; }
    .global .global-left{  margin-top:5px; padding-bottom: 0;}
    .global-left h5{ text-align: center; font-size: 14px; margin-bottom: 0; line-height: 18px;}
    .global-right{ margin-left: 0;}
    .global-right img,.global-left img{ max-width: 100%; height: auto;}
    .global p.gp{ font-size: 16px;}
    .group_bottom{ margin-top: 15px;}
    .group_bottom li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
    .group_bottom li p{ font-size: 16px; height:auto;}
    .conbox h1{ margin-top: 10px; margin-bottom: 10px;}
    .group-capability h1,.contract h1,.heat h1,.mould h1,.hsm h1,.waste h1{ font-size:20px;}
    .man-text{ font-size: 16px;}
    .manbox{ margin-top:0px; padding: 0 10px;}
    .manbox li{ margin-bottom: 15px; padding: 0 5px;}
    .manbox li h2{ height: auto;padding: 10px 0 5px; font-size: 14px; line-height: 20px;}

    .global-title{ font-size: 16px; line-height: 18px;}
    .oem-device{ padding-top: 10px;}
    .oem-device h1{ margin-bottom: 15px;}
    .oem-device .oembox{ margin-bottom: 10px; padding-top: 30px; padding-bottom: 35px;}
    .oembox h2{ font-size: 16px; line-height: 24px; text-align: center;padding-right: 0; margin-bottom: 10px;}
    .oembox img{ width: 60% !important; margin-left: 30%;}
    .oemimg dd{ width: 32.4%;margin-bottom: 10px;}
    .oemimg dd .hsminfo{padding-top: 0; height: auto; line-height: 28px; font-size: 14px;}
    .plast{ padding-top: 10px; margin-bottom: 15px;}
    .oemtext{ margin-top: 10px;padding: 0 10px;}
    .oemphone{ padding: 0 5px;}
    .oemtext .contract-menu,.contract .contract-menu{ height: auto; padding-top: 10px; padding-bottom: 10px; overflow: hidden; margin-bottom: 15px;}
    .contract-menu .contract-right{ width: 60%; font-size: 12px; line-height: 18px;}
    .contract-right h5{ font-size: 12px;}
    .contract-right p{ display: none; height: 52px; overflow: hidden;}
    .contract{ padding: 10px 0 0; margin-bottom: 10px;}
    .contract h1{ margin-bottom: 20px;}
    .contract dl{ margin-top: 15px;}
    .heat{ margin-top: 0;}
    .heat h1{ margin-bottom: 20px;}
    .hsm .hsmbox{ width: 100%; height: auto;}
    .hsmleft{ width: 100%; padding: 25px 15px;}
    .heat p{ width: 100%; font-size: 14px;}
    .hsmright{ width: 100%; height: auto; padding: 20px 0 0;}
    .hsmright img{ max-width: 100%; height: auto;}
    .mould{ margin-top: 20px; padding-bottom: 15px;}
    .mould h1{ margin-bottom: 30px;}
    .mould ul li{ text-align: center; margin-bottom:4px;}
    .mould dl dd{height: auto; margin-bottom: 15px;}
    .mould dl .mouldbox{ height: auto; overflow: hidden;}
    .mouldbox .mouldimg{ text-align: center;padding-top: 20px; padding-left: 0; padding-bottom: 5px;}
    .mould dl dd .mouldinfo{ padding-top: 0; font-size: 14px; }
    .mould dl dd.index0 .mouldinfo{ padding-left: 15px;padding-bottom: 15px;}
    .mould dl dd.index1 .mouldimg{ text-align: center; padding-top: 0;}
    .mould dl dd.index1 .mouldinfo{ padding-left: 15px; padding-top: 15px;}
    .waste{ padding-top: 0; padding-bottom: 20px;}
    .waste h1{ margin-bottom: 25px;}
    .waste .wastebox{width: 100%; background-position: center; padding-top:20px; padding-bottom: 20px;}
    .wastebox .wasteinfo{ width: 90%; padding-top: 20px;padding-bottom: 20px;}
    .wasteinfo p{ font-size: 14px; margin-top: 10px; line-height: 20px;}
    .topmain{ padding-top: 10px; padding-bottom: 20px;}
    .group_title{ font-size: 20px; padding-bottom: 20px;}

    .mapbox img{width:80%;margin-left: 0;}
    .mapbox .mapinfo{ width: 100%; margin-right: 0; margin-top: 0;padding-left: 0;}
    .mapinfo .mapBrief{ font-size: 16px; padding: 20px 10px;}
    /*.mapBrief a{ font-size: 20px;}*/
    .contact{ padding-bottom: 20px;}
    .contact h1{ font-size: 20px; margin-top: 15px; margin-bottom:5px;}
    .contact .connect{ margin-top: 20px;}
    .contact p{ font-size: 14px; line-height: 20px;}
    .history-banner  h1{ margin-top: 40px;}
    .history-banner .container{ background-size: 100% 100% !important; background-position: right top !important;}

    .historybox{ padding-top: 20px;}
    .yearbox{ width: 85px; margin: 0; margin-left: -10px; border: 2px solid #2668b6; height: 85px; line-height:85px; font-size: 24px; }
    .timebox ul li div .time{ width: 80px; top: -16px; font-size: 16px; height: 32px; line-height: 32px;}
    .timebox ul li>div{ padding: 20px 10px 5px; }
    .timebox ul li:nth-of-type(odd) > div,.timebox ul li:nth-of-type(even) > div{ left:25px;}
    .timebox ul li div div{ width: 100%; margin: 10px 0;}
    .timebox ul li div img{ margin-bottom: 5px;}
    .timebox ul li .timetext p{ font-size: 14px; line-height: 20px; text-align: left;}
}



@media screen and (max-width: 400px) {
    #slides .slidesjs-container, #slides .slidesjs-control{ height: 240px;}
    #slides{ height: 240px;}
    .banner-text2 h2{ font-size: 14px;}
    .banner4 h2{ margin-top: -10px;}
    .banner-text6 h2{ margin-top: 175px;}
    .banner5{ margin-top: -220px;}
    .through_list dd{ font-size: 13px;}
    .aboutright h3{ font-size: 14px; margin-bottom: 142px;}

    .content{ padding-top: 15px;}
    .iconinfo h3{ font-size: 12px;}
    .mark-list ul.industry-list li .showinfo{background-image: linear-gradient(rgba(69,141,210,1),rgba(69,141,210,0.8) 30%,rgba(69,141,210,0.1) 100%);}
    .medical h2,.cap_box h2{ font-size: 18px; margin-bottom: 20px;}
    .pro-content p,.capabox .medical-right p{ font-size: 12px;}
    .design_text h3{ font-size: 12px;}
    .cus-list .cus-text.index0{ background-size: 100% 100%;}
    .cus-list .cus-text.index1{background-size: 100% 100%;}
    .cus-list .cus-text.index2{ margin-top: -15px;}
    .customer .pm{ margin-top: 0;}
    .customer .rlq{ margin-top: -20px;}
    .customer{ padding-bottom: 132px;}
    .top_info h1{ font-size: 20px;}
    .top_info{ padding-top: 105px;}
    .global p.gp{ font-size: 15px;}
    .group-capability h1, .contract h1, .heat h1, .mould h1, .hsm h1, .waste h1{ font-size: 18px;}
}
@media screen and (max-width: 350px) {
    .mobileNav ul li>a{ font-size: 14px;}
    .mobileNav ul li span.addBtn{ width: 35px;}
    .mobileNav ul li dl dd a{ font-size: 12px;}
    #slides{ height: 220px;}
    #slides .slidesjs-container, #slides .slidesjs-control{ height: 220px;}
    .banner-text h2{ font-size: 14px;}
    .banner-h1 img{ max-width: 90% !important;}
    .banner1 img{ max-width: 83% !important;}
    .banner2{ margin-left: -55px;}
    .banner3 img{ max-width: 90% !important;}
    .banner-text4{ margin-top: -10px;}
    .banner4{ margin-top: 165px;}
    .banner5{ margin-top: -202px;}
    .banner5 img{ max-width: 45% !important;}
    .banner-text6 h2{ margin-top: 165px; font-size: 12px; line-height: 18px;}

    .main{ margin-top: 5px;}
    .aboutright h3{ font-size: 12px; margin-bottom: 105px;}
    .through_list dd{ height: 120px; font-size: 12px; line-height: 120px;}
    .through_list dd p{ margin-top: 40px; font-size: 12px; line-height: 18px;}
    .through_list dd.index1{ line-height: 18px; padding-top: 40px;}

    .content .aboutTitle{ font-size: 16px; line-height: 20px;}
    .iconlist .iconinfo{ width: 67%;}
    .mark-list ul.industry-list li.current{ width: 100%;}
    .mark-list ul.industry-list li.siblingCurrent{ width: 50%;}
    .showinfo .mark-info{ line-height: 18px;}
    .news ul li .date{ font-size: 16px;}
    .news ul li h5{ font-size: 14px; margin-top: 0;}
    .mark-list ul li .showinfo{ padding: 10px;}
    .marketbox p, .prolist p{ width: 100%;}
    .cus-text p{ font-size: 12px;}
    .customer{ padding-bottom: 105px;}
    .customer .pm{ margin-top: 0; font-size: 12px;}

    .customer .rlq{ font-size: 12px; margin-top: -18px;}
    .cus-list .cus-text.index2{ height: 120px; padding-top: 30px;}
    .oemimg dd .hsminfo{ font-size: 12px;}
    .top_text .Gm-img img{ margin-left:65px;}
}