html, body, section, ul { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial,'Microsoft YaHei';word-break:break-all;word-break:break-word;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family:Arial,'Microsoft YaHei'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333;font-size:100%;}
body {font-size:14px;}

a { color: #333;}
a:hover, a:active, a { text-decoration: none !important; }
a:hover{color:#d81720}
ul, li { list-style: none; }
.txt-c { text-align: center; }
.clear{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ 
.fl{float:left}.fr{float:right}
input:focus,button:focus{outline:none}
/**/
.section { width:1200px; margin: 0 auto; }
.header, .contain, .footer { width: 100%;overflow-x:hidden}
.header,.footer{background:#fff}
.header{overflow:inherit;z-index:999}
.header .logo {text-align:center}
.header .logo img { width:385px;max-width: 100%;}

.page{padding:1.5em 0}
.page span{color:#1a62b1  !important }
/* flex布局 */
.d-flex{display: flex;}
.d-block{display: block;}
.d-inline-block{display: inline-block;}
.flex-1{flex: 1;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row ;}
.flex-wrap{flex-wrap: wrap ;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-shrink{flex-shrink: 0;}
.j-start{justify-content:flex-start}
.j-center{justify-content:center}
.j-end{justify-content:flex-end}
.j-sb{justify-content:space-between}
.a-center{align-items: center;}
.a-start{align-items:flex-start;}
.a-end{align-items:flex-end;}
.a-strech{align-items:stretch;}
.a-self-start{align-self: flex-start;}
.a-self-end{align-self:flex-end;}
.a-self-auto{align-self:auto;}
.a-self-stretch{align-self:stretch;}
.a-self-baseline{align-self:baseline;}
.text-dager{color:#e1181e}
.divider{padding:1.5% 0;background:#f8f7f5}
/*导航*/
.header .logo{text-align:center;padding:0;width:100%;max-width:188px;background:url(../images/logo.jpg) no-repeat left center;height:100%;max-height:79px;position:absolute;left:3%;display:block;background-size:contain}
.navbar{margin-bottom:0}
.navbar-default{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
.navbar-brand{padding:0!important}
.navbar-nav{display:inline-block;float:inherit}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{text-align:center}
.nav .nav-ul li.dropdown {padding:0;text-align:center;padding:24px 12px;}
.nav .nav-ul li.dropdown a {padding: 5px 10px;font-size:16px;color:#333333;display:block;min-width: 100%;white-space: nowrap;}

.nav-ul li.dropdown:hover>a{color:#d81720 !important;/*background:#ad796b;*/ padding:5px 10px;display:block;width:100%}
.header .navbar-toggle{background:url(../images/daohang.png) no-repeat center center;background-size:cover;margin-top:15px !important;margin-bottom:0 !important}
/*.header.lighted{position:fixed;top:0px;transition:all 2s;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,1);z-index: 999;}*/
.navbar-default .navbar-toggle{border:0}

.header{position:relative;left:0;right:0;z-index:999;}
.header.lighted{position:fixed;top:0px;transition:all .5s;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,1);}


li .dropdown-menu { margin: 0; padding: 0; display: none; border-radius: 0 !important;min-width:100%;}
.nav-ul li.dropdown:hover .dropdown-menu { display: block;min-width:100%;}
.nav-ul li.dropdown a span{padding:0 5px;color:#000;font-weight: bold;}
.nav-ul li .dropdown-menu li a{text-align:center;padding-left:5px;padding-right:5px}

.nav-ul li .dropdown-menu li a:hover, .nav-ul li .dropdown-menu li.on a { color: #666; }
.search{background:#b4b4b4;padding:29px 15px 28px 15px;display:block}
.language {position:relative;padding:30px 20px 23px 0;}
.search .iconfont{color:#fff}
.header-r{position:absolute;right:0;top:0}
.header-r div .iconfont{font-size:22px;}
.header-r div .icon-diqiuquanqiu{padding-right:5px}
.header-r div{color:#666666}
.nav-ul li.dropdown .dropdown-menu li .dropdown-menu-nav{display:none;position:absolute;left:100%;min-width:120px;background:#f5f5f5;top:-100%}
.nav-ul li.dropdown .dropdown-menu li:hover .dropdown-menu-nav{display:block}
.nav-ul li.dropdown .dropdown-menu li{position:relative}
.nav-ul li.dropdown .dropdown-menu li .dropdown-menu-nav a:hover,.nav-ul li.dropdown .dropdown-menu li:hover{background:#efefef}
.navbar-nav>li>.dropdown-menu.proNav{width:auto;min-width:initial;left:10%}
.nav-ul li.dropdown:hover .dropdown-menu.proNav{width:auto;min-width:initial;}
.nav-ul li.dropdown .dropdown-menu.proNav .dropdown-menu-nav a{text-align:left}

/*滚动*/
.banner { width:100%; overflow: hidden;height:100%}
.banner .swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.banner .swiper-wrapper,.banner .swiper-slide{height:auto !important}
.banner .swiper-slide{ text-align: center; font-size: 18px; background: #fff;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; }
.banner .swiper-slide img{ width:100%}
.banner span.swiper-pagination-bullet{background:#fff;opacity:1;}
.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e1181e}
#banner .text{position:absolute;height:50%;width:100%;display:flex;align-items:center;justify-content:center;margin-top:-4%}
#banner .text div{font-size:42px;color:#fff;display:block}
#banner .text div.text-b{font-family:YouYuan;color:#000;font-size:32px;padding:2% 0}
#banner .text div.text-3{margin-right:-18%}
#banner .text div.text-3 div{font-size:60%}


.line0{background:#2a2a2a url(../images/line0.jpg) no-repeat left bottom;background-size: 50.5%;}
.line0-r-0{width:100%;padding:3vw 0;background:#e1181e;}
.line0-r-0 span{display:block;color:#fff;padding:1% 0 1% 10%;}
.line0-r-2{display:flex;align-items:center;justify-content:center; text-align:center;width:100%;background:#4c4c4c url(../images/line0-r-2.jpg) no-repeat right center}
.line0-r-2 *{color:#fff;}
.line0-r-2-1 *{color:#2c2c2c}
.line0-r-2-1 img{max-width:50px;display:block;margin:0 auto 0.5vw auto;}
.line0-r-2-1{background:#e5e5e5;line-height:24px;padding-bottom:5vw}
.line0-l{padding-left:10%;color:#fff}
.line0-l p{font-size:300%}
.line0-l span{font-size:22px;display:block;padding:0% 0 5% 0}
.line0-l a{display:inline-block;padding:10px 5%;background:#fff;font-size:15px;color:#333}
.line0-r-2-2{padding:2% 0}
.line0-r-2-2 *{font-size:24px}
.line1{background:#ffffff url(../images/line1bg.jpg) no-repeat center top;position:relative;background-size:cover;padding-bottom:4%}
.line1-r img,.line1-2 img{width:100%;display:block;}
.line1-r-1{padding:6% 10%}
#line1-r .swiper-slide a{position:absolute;bottom:0;left:0;right:0;top:5%;display:block;width:100%;background:#d8d7d7;border-right:1px rgba(255,255,255,.8) solid;transition:all 0.2s;text-align:center;display:flex;align-items:center;flex-flow: column;justify-content:center}
#line1-r .swiper-slide a i{display:block;width:70px;height:70px;border-radius:100%;border:#767575 1px solid;background:url(../images/line1-icon.png) no-repeat center center;}
#line1-r .swiper-button-next{right:5%;}
#line1-r .swiper-button-prev{left:5%;}

#line1-r{position:relative}
#line1-r .swiper-slide{display:initial !important;font-size:16px;text-align:center;height:285px}
#line1-r .swiper-button-next,#line1-r .swiper-button-prev{background:none;width:35px !important;bottom:0;right:0;height:35px!important;top:auto !important;background:#313131;text-align:center;line-height:35px;}
.swiper-button-prev{right:35px !important;left:auto !important}

#line1-r .swiper-button-next span,#line1-r .swiper-button-prev span{font-size:15px;color: #9f9f9f;}
#line1-r .swiper-button-next span:hover,#line1-r .swiper-button-prev span:hover{color: #fff;}
#line1-r .swiper-slide a p{font-size:16px;}
#line1-r .swiper-slide a:hover i,#line1-r .swiper-slide.swiper-slide-active a i{background:#fff url(../images/line1-iconh.png) no-repeat center center;border:0}
#line1-r .swiper-slide.i0 a i,#line1-r .swiper-slide.i7 a i,#line1-r .swiper-slide.i14 a i{background-position:18px 18px;}
#line1-r .swiper-slide.i1 a i,#line1-r .swiper-slide.i8 a i,#line1-r .swiper-slide.i15 a i{background-position:-81px 17px}
#line1-r .swiper-slide.i2 a i,#line1-r .swiper-slide.i9 a i,#line1-r .swiper-slide.i16 a i{background-position:-180px 16px}
#line1-r .swiper-slide.i3 a i,#line1-r .swiper-slide.i10 a i,#line1-r .swiper-slide.i17 a i{background-position:-279px 18px}
#line1-r .swiper-slide.i4 a i,#line1-r .swiper-slide.i11 a i,#line1-r .swiper-slide.i18 a i{background-position:-378px 17px}
#line1-r .swiper-slide.i5 a i,#line1-r .swiper-slide.i12 a i,#line1-r .swiper-slide.i19 a i{background-position:-463px  17px;}
#line1-r .swiper-slide.i6 a i,#line1-r .swiper-slide.i13 a i,#line1-r .swiper-slide.i20 a i{background-position:-548px 18px;}



#line1-r .swiper-slide a:hover,#line1-r .swiper-slide.swiper-slide-active a{background:#e1181e;top:0;border-right:1px rgba(255,255,255,.8) solid;}
#line1-r .swiper-slide a span{display:block;width:81px;height:81px;margin:10px auto;border-radius:100%;padding:5px}
#line1-r .swiper-slide a:hover span,#line1-r .swiper-slide.swiper-slide-active a span{border:#fff 1px solid;}
#line1-r .swiper-slide a div{color:#fff;line-height:24px;width:80%; opacity:0;transition:all 0.2s;}
#line1-r .swiper-slide a:hover div,#line1-r .swiper-slide.swiper-slide-active a div{opacity:1;text-align:left}
#line1-r .swiper-slide a:hover p,#line1-r .swiper-slide.swiper-slide-active a{color:#fff}
/*.line1-e .col-md-9{padding-right:0}.line1-e .col-md-3{padding-left:0}*/
.line-1-er{display:flex;align-items:flex-end;justify-content:flex-start;height:285px;}
.line-1-er div{height:180px;width:100%;max-width:330px;overflow:hidden;position:relative;padding-right:50px;box-sizing:border-box}
.line-1-er img{display:block;width:100%;height:auto}
.line-1-er .a{height:180px;right:0;width:50px;text-align:center;display:block;line-height:180px;background:#e1181e;color:#fff;font-size:20px;z-index:2;position:absolute;}
.line-1-er span{position:absolute;bottom:0;height:35px;line-height:35px;width:100%;max-width:280px;z-index:1;color:#fff;background:rgba(0,0,0,.3);font-size:17px;text-align:center}
.line1-e,.line0-list{width:95%;max-width:1735px;margin:2% auto}


.linee1-box a{width:100%;background: #f6f6f6;position: relative;display:block;margin-bottom:2%}
.linee1-box a .line1-top i{display:block;height:18px;width:18px;background:url(../images/linee1-t.png) no-repeat center;position: absolute;right:6%;top:6%;transition: all 1s;}
.linee1-box a .line1-top{text-align: left;width:80%;margin: 0 auto;padding:8% 0 2% 0;}
.linee1-box a .line1-top h2{font-size: 24px;color:#333;border:none;padding-bottom:2%}
.linee1-box a .line1-top font{color:#e1181e}
.linee1-box a .line1-top p{color: #666666;min-height:112px;font-size: 14px;line-height:26px}
.linee1-box.en a .line1-top p{min-height:156px;}
.linee1-box a:hover .line1-img img{transform:scale(1.2);opacity:1;display:block;}
.linee1-box a:hover .line1-top i{background:url(../images/linee1-th.png) no-repeat center;transform:rotate(180deg);
	-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.line1-img{overflow: hidden;position: relative;display: block;background: #085aac;}
.line1-img img{display:block;width: 100%;transition: transform 1s;}
/*.line1-img span{position:absolute; left:50%; top:50%; margin:-25px 0 0 -90px; display:block; width:100%; line-height:50px; background:rgba(255,255,255,.9); color:#085aac; font-size:14px;
	 display:none; z-index:1;animation:iup 1s;text-align: center;}*/
.line1-box a:hover .line1-img img{transform:scale(1.2);opacity:1;}
/*.line1-box a:hover .line1-img span{display:block;}*/






.line1-2-title{padding:1.7% 3%;position:absolute;right:50%;background:url(../images/000.jpg) no-repeat center;line-height:100px;font-size:26px;color:#ffffff00;top:0;
background-size:contain !important;
}.line1-2-title.en{background:url(../images/001.jpg) no-repeat center !important;background-size:contain !important;}
/*text-transform:uppercase*/
.line1-l{width:95%;max-width:1735px;margin:0 auto;font-size:16px;line-height:30px;padding-top:7%}
.line1-l p{font-size:24px;padding-bottom:10px;position:relative;margin-bottom:1.2%;}
/*.line1-l p:after{content:"";height:2px;background:#818181;width:16px;position:absolute;bottom:0;left:0;}*/
.line1-l a{display:block;border-radius:100%;margin:6% 0 4% 0;border-radius:100%;border:#d9d9d9 1px solid;width:44px;height:44px;line-height:44px;text-align:center}
.line2,.linee2-Box{width:95%;max-width:1735px;margin:0 auto;padding-bottom:3%}
.line2 div.swiper-slide{display:inherit !important}
.line2 div a{border:1px #f0f0f0 solid;display:block;text-align:left}
.news-Ainfo{padding-top:15px;width:90%; margin:0 auto}
.news-Ainfo a p{font-size:16px;color:#333}
.news-Ainfo div.span{line-height:24px;font-size:12px;color:#666;padding-bottom:20px;}
.news-Ainfo .more{border-top:1px #d4d4d4 solid; padding:15px 0;font-size:12px;color:#999}
.line2 div a:hover .news-Ainfo .more{color:#e1181e}
.linee2{background:#f3f3f3;padding:2% 0 0 0}
.linee2-Box-l{padding-right:0}
.linee2-Box-l h2{color:#e1181e;font-weight:bold;font-size:20px;padding:1% 0}
.linee2-Box-l div{line-height:26px;padding-bottom:2%;width:100%;max-width:450px;}
.linee2-Box-l img{max-width:100%;display:block}

.linee2-Box-r{border-bottom:5px #e1181e solid;background:#fff;}
.linee2-Box-r .line1-l{width: 90%;padding:7% 0;margin:0 auto}
.linee2-Box-r .line1-l span.txt{font-size:14px;display:block}
.linee2-Box-r .line1-l p{margin-bottom:3%}




.news-img{width:100%;overflow:hidden;height:auto;display:flex;align-items:center;justify-content:center}
.news-img img{width:100%;height:100%}
#line2 .swiper-pagination{position:initial;padding:3% 0}
.carousel-indicators{position:relative; width:100%;margin-left:0;padding:4% 0;left:0;}
.carousel-indicators:before{content:"新闻中心";font-size:26px;color:#333;position:absolute;left:0;line-height: 60px;}
.carousel-indicators.en:before{content:"News";}
.carousel-indicators div{display:inline-block; padding:15px 20px;background:#f2f2f2;white-space:normal;width:auto !important;margin-left:-2px;font-size:14px;line-height:20px;}
.carousel-indicators div .icon{padding-right:10px;font-size:20px;line-height:20px;float:left}
.carousel-indicators div.active{background:#323232;color:#fff;height:auto}

.line3{background:#eaeaea;padding:2% 0}
.box{width:1350px;max-width:100%;margin:0 auto}
.line3 .box .col-md-3{border-right:1px #d0d0d1 solid;padding-top:2%;padding-bottom:2%}
.line3 .box .col-md-3:last-child{border-right:0}
.line3 .box .col-md-3 *{text-align:center;color:#3b3b3b}.line3 .box .col-xs-12 div{margin:4% 0 6% 0}
.line3 .box .col-md-3 div span{display:inline-block;padding: 3px 8px;font-size: 24px;color:#fff;background:#3b3b3b;margin:1.5% auto;}

.linee3 div a{border:0;display:flex;width:90%;margin:0 auto}
@font-face
{
font-family: mydin;
src: url('din.ttf.ttf'),
     url('din.otf'); /* IE9+,可以是具体的实际链接 */
}
.linee3 .time{width:110px;font-size:36px;color:#999999;font-family:'mydin','Microsoft YaHei UI';position:static;padding:2% 0;background:none;font-weight: lighter;}
.linee3 .news-Ainfo{flex:1;width:auto;padding:0 20px;border-left:1px #e5e5e5 solid }
.linee3 .news-Ainfo p{color:#666;line-height:28px;}
.linee3 .news-Ainfo h2{line-height:26px;width:100%;overflow:hidden;height:26px;text-overflow:ellipsis;font-size:21px;margin:0;margin-bottom:10px;}
.linee3 .news-Ainfo i{display:block;height:25px;width:25px;border:1px solid #c6c6c6;font-size:12px;color:#c6c6c6;text-align:center;line-height:25px;border-radius:100%}
.linee3 .news-Ainfo i:hover{background:#e1181e;color:#fff;border:1px #e1181e solid}
.footer{background:#1a1a1a;overflow:hidden}
.f-nav{background:#3a3a3a;padding:2% 0}
.f-nav .f-nav-box div{min-height:200px;}
.f-nav p{font-size:16px;color:#fff;text-transform:capitalize;padding-bottom: 5px;}
.f-nav a{color:#9a9898;font-size:14px;line-height:26px;display:block}
.rwm{text-align:right;}
.rwm div{text-align:center;width:100%;max-width:143px;color:#fff;display:inline-block;}
.rwm img{width:100%;max-width:143px;display:inline-block;margin:15px 0}
.f-tel{padding:20px 0;color:#9a9898;line-height:24px;border-bottom:1px #676767 solid}
.f-tel p{margin-bottom:8px}
.f-tel span{padding-right:4%}
.f-copy{padding:10px;color:#9a9898;}
.f-copy div{min-width:40%;}.f-copy div.fr{text-align:right}
.py-4{padding-top:4% !important;padding-bottom:4% !important}
.py-1{padding-top:1% !important;padding-bottom:1% !important}.py-1-5{padding-top:1.5% !important;padding-bottom:1.5% !important}
.py-2{padding-top:2% !important;padding-bottom:2% !important}.px-2{padding-right:2% !important;padding-left:2% !important}.px-05{padding-right:0.5% !important;padding-left:0.5% !important}
.pb-2{padding-bottom:2% !important}.pt-2{padding-top:2% !important}.pt-1{padding-top:1% !important}
/*z*/
.box-t{background:#fff;border-bottom:1px #d9d9d9 solid}
.box-t .box{display:flex;align-items:center;justify-content:center;flex-flow:row}
.box-t a{display:block;text-align:center;font-size:16px;padding:1.4% 0;flex:1}
.box-t a:hover,.box-t a.on{background:#e1181e;color:#fff;}
.main-top{background:#efefef;}
.main-top .box{background:url(../images/main-top.jpg) no-repeat right center;padding:2.1% 0}
.main-top span{font-size:30px;position:relative;padding:8px 5px;text-transform:capitalize;text-transform:uppercase}
.main-top span:after{position:absolute;bottom:0;height:2px;content:"";width:100%;background:#d70c19;left:0}
.aritive{font-size:14px;color:#333;line-height:30px;}
.aritive img{max-width:100%;}

.newsList li{background:#f4f4f4;margin-bottom:40px;padding:15px 20px 15px 100px;position:relative;margin-left:12px}
.newsList li p{font-size:16px;font-weight:bold;border-bottom:1px #cccccc solid;padding-bottom:10px}
.newsList li a div.flex-1{padding-right:2%}
.newsList li a div div{font-size:14px;color:#666;line-height:24px;}
.newsList li a div img{display:block;max-width:222px;max-height:148px;}
.newsImg{width:222px;}
.newsList .time{padding:15px 15px 10px 15px;display:inline-block;background:#e1181e;text-align:center;position:absolute;top:-10px;left:-10px;color:#fff;line-height:30px;}
.newsList .time span{display:inline-block;font-size:36px;padding:5px 0;border-bottom:2px #fff solid;line-height:36px;}

.newsList-xx li{margin-bottom:4px;padding:14px 0px;margin-left:12px;display:flex;border-bottom:1px solid #e3e3e5}
.newsList-xx li p{font-size:15px;font-weight:bold;margin-bottom:4px;white-space:nowrap}
.newsList-xx li a div div{font-size:14px;color:#666;line-height:24px;}
.newsList-xx li a div img{display:block;max-width:222px;max-height:148px;}
.newsList-xx .time{padding:13px 20px 8px 20px;display:inline-block;background:#f8f8f8;text-align:center;color:#707070;line-height:30px;white-space:nowrap;margin-right:15px}
.newsList-xx .time span{display:inline-block;font-size:36px;padding:5px 0;line-height:36px;color:#e70012}

.title{font-size:24px;line-height:30px;text-align:center;margin-bottom:1.8%;color:#000}
.aritive-set{font-size:16px;color:#333;text-align:center;width:80%;border:1px #c7c7c7 dashed;line-height:35px;margin:2% auto 3% auto}
.aritive.t p{text-indent:32px}
.service,.online{background:#e2e2e2 url(../images/service-a-bg.jpg) no-repeat center top;background-size:cover;margin:0 !important}
.online.row .col-xs-12{display:flex;align-items:center;justify-content:flex-start;padding:1%}
.online.row .col-xs-12 span{width:100px;font-size:14px;}.online .row .col-xs-12 input{flex:1;border-radius:50px;height:40px;border:1px #ccc solid;margin-right:10%;padding:0 15px;}
.online.en.row .col-xs-12 span{line-height:20px;width:120px}
.online.row .col-xs-12 textarea{border:1px #ccc solid;flex:1;border-radius:0;resize:none;padding:10px;min-height:140px;}
.online.row .col-xs-12 input.submit{background:#e1181e;color:#fff;width:168px;flex:none;display:block;margin:0;height:40px;border:0;}
.row.online.py-2{padding-bottom:4% !important}
.contactBox ul{margin:2% auto 3% auto;width:100%}
.contactBox ul li span{display:block;padding-left:50px;background:url(../images/contact.png) no-repeat right center;background-position:0px -258px;font-size:14px;line-height:24px;color:#333; min-height:48px;
                                                     display: -webkit-box;display: -ms-flexbox;
                   /*-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;
}
.contactBox ul li:first-child span{background-position:0 6px}.contactBox ul li:last-child span{background-position:0 center}
.map{width:95%;height:60vh;position:relative;border:1px #c8c8c8 solid;margin:0 auto}
.productsList li{margin-bottom:1.5%;margin-top:1.2%;max-height:272px}
.productsList li .productsBox{border:1px #d3d3d3 solid;}
.productsinfo{padding:15px 0 0 20px}
.productsinfo p,.productsinfo span{width:90%}
.productsinfo p{color:#000;font-size:16px;text-transform:capitalize;margin-bottom:0}
.productsinfo span{display:block;color:#8f8f8f;font-size:14px;line-height:28px;padding-bottom:5%}
.productsinfo.en span{line-height:22px;}
.productsinfo a{display:inline-block;padding:0.8% 18px;color:#fff;background:#e1181e;border-radius:5px; margin-bottom: 2.3%;}
.productsimg{height:217px;padding:0; margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
/*.productsimg img{max-height:100%;max-width:100%;}*/
.viewtit{font-size:18px;margin-bottom:0;font-weight:bold}
.viewtit.py-1{font-size:14px;font-weight:bold;border-left:3px #b0aeae solid;padding:0 0 0 10px !important;height:20px;line-height:20px;margin-bottom:10px}
.products-aritive{font-size:14px;line-height:26px;}
.products-aritive.py-1{width:100% !important;}
/*.products-table{width:95%;margin:15px auto;border-top:1px #cdcdcd solid;border-right:1px #cdcdcd solid}
.products-table td,.products-table th{padding:8px;font-size:16px;border-bottom:1px #cdcdcd solid;border-left:1px #cdcdcd solid}
.products-table th{text-align:center;background:#e1181e;color:#fff}*/
.products img{border:1px #cdcdcd solid;max-width:100%;display:block}

.products #line1-r .icon{color:#2a2a2a !important}
.products .line1-r-1{padding:2% 6%}
.products #line1-r .a{width:100%;height:auto;border-radius:0;border:none;background:none;text-align:center;line-height:35px;}
.products #line1-r .swiper-button-next{right:0%;}
.products #line1-r .swiper-button-prev{left:0%;}

.products #line1-r{position:relative}
.products #line1-r .swiper-slide{display:initial !important;font-size:14px;text-align:center;height:auto}
.products #line1-r .swiper-button-next,.products #line1-r .swiper-button-prev{background:none;width:44px;top:40% !important;bottom:auto !important}
.products #line1-r .swiper-button-next span,.products #line1-r .swiper-button-prev span{font-size: 40px;color: #9f9f9f;}

.products #line1-r .swiper-button-next{right:0% !important;}
.products #line1-r .swiper-button-prev{left:0% !important;}


.proList li{padding:2% 0;border-bottom:1px #e8e8ea solid}
.proList a{display:block;}
.proList li p{padding:0;margin:0;font-size:16px;font-weight:bold;color:#d70c19}
.proList li span{font-weight:normal;font-size:16px}
.proList li p span{color:#828282;padding-right:10px}
.proList-text{line-height:30px;padding-top:1.5%}
.equipment li a.row{display:block}
.equipment li{background:#f4f4f4;margin:1.5% 0 2% 0}
.equipment-img div{width:100%;max-width:566px;max-height:374px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.equipment-text div{padding: 4% 3%;}
.equipment-text p{font-size:18px;position:relative;padding:10px 0;margin-bottom:4%}
.equipment-text{line-height:30px;color:#777;font-size:16px;}
.equipment-text p:after{position:absolute;bottom:0;width:20px;height:2px;background:#e1181e;content:"";left:0}
.equipment li:nth-of-type(odd) .equipment-img,.equipment li:nth-of-type(even) .equipment-text{float:right}
.equipment li:nth-of-type(even) .equipment-img,.equipment li:nth-of-type(odd) .equipment-text{float:left}
.hrBox{ background:#efefef url(../images/hr1-icon.jpg) no-repeat left center;background-size:contain}
.hrBox-txt{line-height:36px;background:#efefef;padding:3% 6% 5% 6%}
.hrBox-txt span{font-size:30px;float:left;margin-right:2px;margin-top:1px}

.zhaopin div.col-md-6{margin-bottom:2.5%}
.zhaopin div.col-md-6 a{border:1px #cfcccc solid;border-radius:5px;padding:5% 5% 8% 5%;display:block;color:#999;position:relative;overflow:hidden;width:96%;margin:0 auto}
.zhaopin div.col-md-6 a:after{position:absolute;bottom:0;height:7px;width:100%;background:#cfcccc;bottom:0;left:0;content:""}
.zhaopin div.col-md-6 a p{font-size:21px;line-height:36px;color:#333;margin:0;padding-left:0}
.zhaopin div.col-md-6 a div{line-height:24px;padding:3px 0}     
.zhaopin div.col-md-6 a div span i{font-size:12px;padding-right:3px}
.zhaopin div.col-md-6 a div span{display:inline-block;padding-right:10px;}
.zhaopinTxt{margin-bottom:3%;height:100px;overflow:hidden;width:100%}
.zhaopin div.col-md-6 a .more{border:1px #cfcccc solid;border-radius:3px;padding:2px 22px;display:inline-block;}
.zhaopin div.col-md-6 a .more .icon{transform:scale(0.9);font-size:9px;display:inline-block;color:#999;}
.lssearch{min-height:240px;background:#e7e7e7 url(../images/zy01.jpg) no-repeat left center;width:100%}
.tec-t{margin-bottom:2.5%;margin-top:1%}
.tec-t a{display:inline-block;font-size:16px;padding:5px 20px;border-radius:50px;margin:0 5px; background:#e6e6e6}
.tec-t a:hover,.tec-t a.on{background:#e1181e;color:#fff}
.tec-li{margin-top:1.1%}
.tec-li .col-md-4{margin-bottom:0.5%}
.tec-li .a{display:block;width:98%;margin:0 auto}
.tec-img{width:100%;overflow:hidden;height:auto;display:flex;align-items:center;/*justify-content:center;*/border:1px #ddd solid}
.tec-img img{display:block;margin:0 auto}
.tec-li a span{font-size:14px;line-height:30px;height:30px;text-align:center;display:block;width:100%;padding:10px;box-sizing:initial}
.lssearch-box{min-height:240px;}
.searchBoxTxt{border:1px #949494 solid;width:70%;max-width:300px;height:37px;padding:5px;margin:0;margin-right:2.7%;text-indent:30px;background:#fff url(../images/sealsrch.png) no-repeat 10px center}
.searchBoxBut{border:0;height:35px;padding:5px 35px;font-size:16px;background:#e1181e;color:#fff;box-sizing:border-box}
.page a{padding:10px 13px;background:#f7f7f7;color:#686868;font-size:12px;margin:0 2px;}
.page span{padding:10px 13px;background:#e1181e;color:#fff !important;font-weight:normal;font-size:12px;}
.py-2.aritive .py-4{padding-top:0 !important;padding-bottom:2% !important}
.py-2.aritive .row.tec-li{padding-top:2% !important;}
.py-2.products .line1-r-1 .a{overflow:hidden}
.py-2.products .line1-r-1 .a img{max-width:100%;display:block}
.DJGH{width:100%;text-align:center;margin-bottom:1%;margin-top:0.7%}
.DJGH a{display:inline-block;font-size:16px;padding:1px 5%;margin:0 1%;background:#e6e6e6;border-radius:50px}
.DJGH a.on{background:#e1181e;color:#fff}
.DJGHbox .tec-li a span{font-size:14px;}
.DJGHbox .tec-li .col-md-4{margin-bottom:1%}
.DJGHbox .py-2.pt-1.px-2{text-indent:32px;padding-top:0.2% !important;padding-bottom:0 !important}
.pro-zx label{display:block;font-weight:normal}
.pro-zx label em{color:#e1181e}
.pro-zx input,.pro-zx textarea{display:block;border:1px #cbcbcb solid;height:40px;width:90%;padding:0 3%}
.pro-zx textarea{min-height:220px;resize:none;padding:2%}
.pro-zx .submit{color:#fff;background:#e1181e;padding:5px 0;display:block;margin:2% auto;height:40px;width:100%;max-width:200px;border:0}
.dwjl .index_zhuanjia_pic ul li{position:relative}
.dwjl .index_zhuanjia_pic ul li a span{width:100%;height:35px;background:rgba(0,0,0,.7);color:#fff;line-height:35px;padding:0 15px;box-sizing:border-box;position:absolute;top:0;left:0;text-emphasis:circle;
                                       overflow:hidden;display:block;}

.line0.artive .line0-r-0{
      -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
}
    .line0.artive .line0-l,.line0.artive .line0-r-2,.artive .line1-r-2,.swiper-slide.swiper-slide-active .fadeUp,.artive .line1-e{
       -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
    }
    .artive .line1-r-1,.swiper-slide.swiper-slide-active .fadeRight,.artive .linee2-Box-l {
       -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
}
 .artive .line1-l,.swiper-slide.swiper-slide-active .fadeLeft,.ln-a .a ul li.on a:before,.ln-a .a ul li a:hover:before, .fadeLeft,.ln-a .a ul li.on a:after,.ln-a .a ul li a:hover:after,.artive .linee2-Box-r{
      -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
}
 .artive .carousel-inner, .artive .line1-2-title,.swiper-slide.swiper-slide-active .fadeDown{
       -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
}
 .artive .linee2-Box-r .line1-l{
   
      -webkit-animation-name:none;
     animation-name: none;
 }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.zflex{display:flex;}
.leftNav{min-width:273px}
.am{flex:1;}
.ln-tit{font-size:16px;color:#fff;padding:15px 0;background:#e1000b url(../images/ln-tit.jpg) no-repeat left top;text-align:center;}
.ln-a{margin-bottom:15px;padding-bottom:50px;border-radius:0 0 50px 0;background:#f5f5f5}
.ln-a .a{background-color:#f5f5f5;border-bottom: 1px #e4e4e4 solid;}
.ln-a .a>a{display:block;padding:5%;background-color:#f5f5f5;text-indent:20%;position:relative;font-size:14px;color:#000}
.ln-a .a.on>a,.ln-a .a:hover>a{background-color:#e3e3e5;color:#e1181e;}
.ln-a .a>a:before{content:"";width:15px;height:100%;display:inline-block;background:url(../images/ln-lefticon.png) no-repeat center;position:absolute;left:85%;top:0;}

.ln-a .a.on>a:before,.ln-a .a:hover>a:before{
    -moz-transform:rotate(90deg); 
 -webkit-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.ln-a .a ul{width:90%;max-width:210px;margin:10px auto 0 auto;padding-bottom:10px;display:none}
.ln-a .a ul li:hover,.ln-a .a ul li.on{background:#e1000b url(../images/ln-lefticon2.png) no-repeat left top;}
.ln-a .a ul li a{display:block;padding:11px 0;font-size:14px;color:#000;text-indent:55px;position:relative}
.ln-a .a ul li.on a,.ln-a .a ul li a:hover{color:#fff;}
.ln-a .a ul li a:before{display:block;height:11px;width:11px;position:absolute;content:"";top:50%;margin-top:-5px;left:30px;background:url(../images/ln-lefticon1.png) no-repeat center 0;}

.ln-a .a ul li.on a:before,.ln-a .a ul li a:hover:before{background:url(../images/ln-lefticon1.png) no-repeat center bottom;}
.ln-a .a ul li.on a:after,.ln-a .a ul li a:hover:after{display:block;height:10px;width:11px;background:url(../images/ln-lefticon3.png) no-repeat center;position:absolute;content:"";top:50%;margin-top:-5px;left:90%;}
.ln-a .a.on ul{display:block}
.ln-other a{margin-bottom:15px;display:block;border-radius:12px;background:#f5f5f5 url(../images/ln-lefticon.png) no-repeat 90% center;padding:27px 0;position:relative}
.ln-other a:first-child{background:#f5f5f5 url(../images/ln02.png) no-repeat left center;text-indent:55%;}
.ln-other a:last-child{background:#f5f5f5 url(../images/ln03.png) no-repeat left center;text-indent:50%}
.ln-other a.en{text-indent:30%;}
.ln-other a i{display:inline-block;width:15px;height:100%;background:#f5f5f5 url(../images/ln-lefticon.png) no-repeat center;position:absolute;left:85%;top:0}
.am-tit{width:100%;font-size:17px;border-bottom:1px solid #e1181e;}
.am-tit p{padding:8px 1%;border-bottom:3px solid #e1181e;margin:0;display:inline-block;}
.FW{background:url(../images/ln-r.jpg) no-repeat 15px top;margin-right:-30px}
.FW .col-md-5{max-width:39%;min-height:460px}
.bg-red{background:#dfdfe1}
.FW .bg-red *{color:#333;line-height:30px;font-size:14px}
.FW-box{/*text-indent:28px;*/position:relative;padding-bottom:10%;margin-bottom:2%}
.FW-box:after{position:absolute;content:"";height:1px;width:65px;background:#e1181e;bottom:0;left:0}
.FW .bg-red h2{font-size:24px;text-transform:uppercase}
.FW-wrap{padding:4% 3%;width:96%}
.djghTopimg{width:100% !important;height:auto}
.djgh-side{width:100%;padding:3%;box-sizing:border-box;background:#dfdfe1;}
#djghSide .swiper-slide{display:flex;align-items:center;justify-content:center;flex-flow:column;padding-bottom:30px;box-sizing:initial;position:relative}
#djghSide .swiper-slide sapn{display:block;width:100%;color:#333 !important;text-align:center;position:absolute;bottom:0;left:0;font-size:14px;line-height:30px;}
#djghSide .swiper-container{padding-bottom:50px}
#djghSide .swiper-slide img{height:auto;width:auto;max-height:100%;max-width:100%;display:block;}
#djghSide .swiper-pagination-bullet{height:12px;width:12px;background:#ffffff;opacity:1}
#djghSide .swiper-pagination-bullet-active{background:#e1181e}
#djghSide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.sbjsTit{background:#e1000b;font-size:17px;padding:10px;text-align:center;color:#fff;border-radius:20px 20px 0 0;width:98%;margin:1.8% auto 0 auto}
.newBaseList li{padding-bottom:4px}
.newBaseList li a{border-bottom:1px dotted #bcbcbc;line-height:24px;padding:10px;display:block;width:100%;background:url(../images/newBSList.jpg) no-repeat 10px center}
.newBaseList li a p{width:88%;display:inline-block;text-indent:10px;padding:0;margin:0}
.newBaseList li a span{width:10%;display:inline-block;color:#989898}
.sbjsiimg{display:block;margin:2% auto;max-width:100%}
.sbjsBox{width:96%; margin:0 auto}
.sbjsBox .col-md-4{position:relative;padding-top:80px;margin-bottom:2%}

.sbjsBox .col-md-4 i{position:absolute;top:0;display:block;width:60px;height:60px;border:1px #e60012 solid;display:flex;align-items:center;justify-content:center;color:#666;font-size:24px;border-radius:50%;font-style:normal}
.sbjsBox .col-md-4:after{content:"";width:75%;height:1px;background:#dcdcdc;position:absolute;left:85px;top:30px;}
.sbjsBox .col-md-4 a{display:block;width:92%;margin:0 auto 0 2%;position:relative;color:#646464;font-size:14px}
.sbjsBox .col-md-4 a:hover{color:#e1181e}
.sbjsBox .col-md-4 a p{padding:1% 0;margin-bottom:0}
.sbjsBox .col-md-4 a:before{content:"";width:5%;height:1px;background:#a0a0a0;position:absolute;top:0;left:0;transition:all 0.2s}
.sbjsBox .col-md-4:hover a:before{width:100%;background:#e1181e}
.online-t{background:url(../images/online-t.jpg) no-repeat right center;width:100%;}
.online-t-r{background:#dfdfe1 url(../images/onlineico.png) no-repeat 40px center;line-height:28px;color:#333;width:75%;text-indent:28px;padding:3% 3% 3% 130px;text-justify:inter-ideograph;}
.online-t-r.en{line-height:22px;padding:2% 3% 2% 130px;}

.proPTli{background:#f5f5f5;margin-bottom:2%}.proPTli .row{display:flex}
.proPTli-i{overflow:hidden;}
.proPTli>.row>.proPTli-i:first-child{padding-right:0}
.proPTli>.row>.proPTli-i:last-child{padding-left:0}
.proPTli-i img{display:block;min-width:100%}
.proPTli-txt p{color:#000;font-weight:bold;position:relative;padding-left:3.5%}
.proPTli-txt p:after{position:absolute;content:"";bottom:0;left:3.5%;height:2px;width:20px;background:#e1181e;}
.proPTli-mgtxt{padding:0 3% 0 4%;}
.proPTli-txt div.txt{text-indent:28px;height:44%;color:#666;line-height:30px;width:80%;padding-left:3.5%}
.proPTli-txt .proPTli-mgtxt div.txt{width:100%}
.proPTli-txt{position:relative;padding-top:2%;padding-bottom:2%;}
.proPTli-txt .img{max-width:100%;}

.proPTli-txt .img img{display:block;max-width:100%;max-height:188px}
.proPT-t{background:#e1181e;color:#fff;font-size:16px;font-weight:bold;text-align:center;padding:1.1% 0;margin:0.6% 0 2% 0}
.proPTwl-info{width:100%;background:url(../images/PT04.jpg) no-repeat center top;background-size:100%;min-height:445px;display:flex;align-items:center;justify-content:center;margin-bottom:2%}
.proPTwl-info .proPTli-txt{width:96%;max-width:950px;box-shadow:2px 2px 5px rgba(0,0,0,.5);background:rgba(255,255,255,.9);padding-left:1%}
.proPTwl-info .proPTli-txt div.txt{width:95%;padding-bottom:2%}
.proPTwl-img img{display:block;max-width:100%;margin:0 auto}
.xz{background:#e1181e url(../images/xzicon.png) no-repeat 90% center;color:#fff !important;font-size:14px;text-align:center;padding:10px 40px 10px 20px;border-radius:5px;border: 0;cursor: pointer}
.zlxz{width:97%;margin:1% auto}
.zlxz li{background: url(../images/zlliicon.jpg) no-repeat 5px center;padding-left:25px;margin-bottom:2%;padding-bottom:0}
.zlindex{width:100%;max-width:1021px;position:relative;margin:2% auto}
.zlindex img{width:100%;display:block}
.zlindex .alink{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}
.zlindex a{width:32.5%;margin-right:0.9%;height:100%;display:block;float:left}
.zlindex a:nth-child(2){height:90%}
.imgBase{width:1047px;max-width:100%;margin:3% auto}
.cpyfSide{padding-top:2%}
.cpyfSide .swiper-slide{display:block;align-items:center;justify-content:center}
.cpyfSide .swiper-slide img{display:block;margin:0 auto}
.cpyfSide .swiper-button-prev{right:auto !important;left:0 !important}
.cpyfSide .swiper-button-prev,.cpyfSide .swiper-button-next{background:rgba(0,0,0,.5);height:60px;margin-top:-30px;width:30px;}
.cpyfSide .swiper-button-prev span,.cpyfSide .swiper-button-next span{color:#fff;font-size:24px;height:100%;display:flex;align-items:center;justify-content:center}
.whT{min-height:396px;width:100%;background:#b9bcc3 url(../images/whTbg.jpg) no-repeat left top;background-size:cover;margin:1.6% auto;display:flex;align-items:center;justify-content:center}
.whT_box{width:98%;max-width:960px}
.whT_box div{display:block;float:left;min-height:310px;padding:30px 0 15px 30px;box-sizing:border-box;background:#ffffff}
.whT_box div.i0{width:22%;padding:20px 0 30px 0;background:#e1000b;text-align:center;font-size:14px;font-weight:bold;color:#fff;min-height:200px}
.whT_box div.i1{width:20%;}
.whT_box div.i2{width:25%;}
.whT_box div.i3{width:33%;} 
.whT_box div p,.whT_box div span{display:block;width:100%;font-size:15px;line-height:30px;color:#000}
.whT_box.en div p,.whT_box.en div span{line-height:18px;}
.whT_box.en div.i1{width:26%;}
.whT_box.en div.i2{width:17%;}
.whT_box.en div.i3{width:35%;} 


.whT_box div p{font-weight:bold;position:relative;margin-bottom:5px}
.whT_box div p:after{position:absolute;content:"";height:1px;width:25px;background:#e1181e;left:0;bottom:0}
.whT_box div i{display:block;width:125px;height:55px;font-style:normal;color:#fff;font-weight:bold;text-align:center;background:url(../images/whTi.jpg) no-repeat center center;padding-top: 70px;
               box-sizing:initial;margin-bottom:15px}
.whT_box div.i0 i{width:81px;height:81px;padding:0;border-radius:100%;border:2px solid rgba(255,255,255,.3);margin:15px auto;background:#e1000b url(../images/whicon.png) no-repeat center center }
.whT_box div.i1 i{background-position:4px 0}.whT_box div.i2 i{background-position:-211px 0}.whT_box div.i3 i{background-position:-466px 0}



.sj-container {width: 90%;max-width: 1170px;margin: 0 auto;}
.sj-container::after {content: '';display: table;clear: both;}

#sj-timeline { position: relative;padding: 2em 0;margin-top: 2em;margin-bottom: 2em;}
#sj-timeline::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 1px;background: #d0d0d0;}
.sj-img{width:50%;border:1px #a19d9e dashed;padding:1%;box-sizing:border-box;border-radius:3px;background:#f8f4f3;height:120px;display:flex;align-items:center;justify-content:center}
.sj-img img{display:block;max-width:95%;margin:0 auto;max-height:100%}
.sj-read-more{display:flex}
.sj-txt{flex:1;padding-left:5%;margin-top:-1%}
.sj-txt p{font-size:14px;font-weight:bold;color:#e1181e;margin-bottom:0}
.sj-txt span{color:#646464;font-size:12px;line-height:24px;}

.sbjsinfo li{margin-bottom:2%;background:#f5f5f5;}
.sbjsinfo .col-4{box-sizing:border-box;}
.sbjsinfo .col-4 .tit{font-weight:bold;color:#e1000b;line-height:46px;border-bottom:1px #e1000b solid;margin-bottom:10px}
.sbjsinfo .col-4 .txt{line-height:36px}
.sbjsinfo .col-4 .txt b{color:#e1000b;display:block}
.sbjsinfo.en .col-4 .txt{line-height:24px}
.sbjsinfo.en .col-4 .txt span strong{padding-bottom:10px}
.sbjsinfo .col-img img{width:100%;}

.sbjsinfo li:nth-of-type(odd) .col-img,.sbjsinfo li:nth-of-type(even) .col-info{float:left}
.sbjsinfo li:nth-of-type(even) .col-img,.sbjsinfo li:nth-of-type(odd) .col-info{float:right}
.sbjsinfo li:nth-of-type(even) .col-info .col-4{padding:2.5% 2% 1% 7.5%;}
.sbjsinfo li:nth-of-type(odd) .col-info .col-4{padding:2.5% 7.5% 1% 2%;}


@media only screen and (min-width: 1170px) {
  #sj-timeline {margin-top: 3em;margin-bottom: 3em;}
  #sj-timeline::before {left: 50%;margin-left: -1px;}
}

.sj-timeline-block {position: relative;margin: 2em 0;}
.sj-timeline-block:after {content: "";display: table;clear: both;}
.sj-timeline-block:first-child {margin-top: 0;}
.sj-timeline-block:last-child {margin-bottom: 0;}
@media only screen and (min-width: 1170px) {
  .sj-timeline-block {margin: -4% 0;}
  .sj-timeline-block:first-child {margin-top: 0;}
  .sj-timeline-block:last-child {margin-bottom: 0;}
}

.sj-timeline-img { position: absolute;top:40%;left: 0;width: 20px;height: 20px;border-radius: 50%;background:url(../images/sjjsconter.jpg) no-repeat center}
@media only screen and (min-width: 1170px) {
  .sj-timeline-img {width: 20px;height: 20px;left: 50%;margin-left: -10px; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
  .cssanimations .sj-timeline-img.is-hidden { visibility: hidden;}
  .cssanimations .sj-timeline-img.bounce-in {visibility: visible;  -webkit-animation: sj-bounce-1 0.6s; -moz-animation: sj-bounce-1 0.6s; animation: sj-bounce-1 0.6s;}
}

.sj-timeline-content {position: relative;margin-left: 60px;background: white;border-radius: 0.25em;padding: 1em;border:1px #dedede solid}
.sj-timeline-content:after { content: ""; display: table; clear: both;background: #f00;}
.sj-timeline-content::before {content: ''; position: absolute; top: 16px; right: 100%; height:20px; width:20px;  background:#fff;border: 1px solid transparent;border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede; margin-left: -10px; transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

@media only screen and (min-width: 1170px) {
  .sj-timeline-content {margin-left: 0;padding: 1.6em;width: 45%;}
  .sj-timeline-content::before {top: 40%;left: 100%;}
  
  .sj-timeline-block:nth-child(even) .sj-timeline-content {float: right;}
  .sj-timeline-block:nth-child(even) .sj-timeline-content::before {top: 40%;left: auto;right: 100%;transform: rotate(135deg);margin-right:-10px;-ms-transform: rotate(135deg)}
 
  .cssanimations .sj-timeline-content.is-hidden { visibility: hidden;}
  .cssanimations .sj-timeline-content.bounce-in {
    visibility: visible;-webkit-animation: sj-bounce-2 0.6s;-moz-animation: sj-bounce-2 0.6s;animation: sj-bounce-2 0.6s;}
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .sj-timeline-block:nth-child(even) .sj-timeline-content.bounce-in {
    -webkit-animation: sj-bounce-2-inverse 0.6s;
    -moz-animation: sj-bounce-2-inverse 0.6s;
    animation: sj-bounce-2-inverse 0.6s;
  }
}
@media (max-width: 1680px) {
  #banner .text div.text-b.py-1.fadeRight{font-size:68%;}
}
@media (max-width: 1600px) {
  #banner .text div.text-b.py-1.fadeRight{font-size:65%;}
}
@media (max-width: 1400px) {
  #banner .text div.text-b.py-1.fadeRight{font-size:55%;}
}
@media (max-width: 1200px) {
    .nav .nav-ul li.dropdown{padding:24px 5px}
    .language{padding: 23px 5px 23px 0;}
     #banner .text div.text-b.py-1.fadeRight{font-size:48%;}
}
@media (max-width: 1070px) {
     #banner .text div.text-b.py-1.fadeRight{font-size:40%;}
}
@media (min-width: 992px) {
  .container-fluid {padding-left:0; padding-right:0;}
  .md1{width:14%} .md2{width:19%}
}
@media (max-width: 991px) {
.header .logo{width:50%;}    
.line2 div a{margin-bottom:3%}
#banner .text div{font-size:100%;color:#fff;display:block}
#banner .text div.text-b{font-size:60%;}
.line0 * p{font-size:140% !important}
.line0 *{font-size:100% !important}
.line1{display:block}.line1-l{padding-top:60px;padding-bottom: 5%;border-bottom:1px #f8f7f5 solid;}
.whT_box div{width:32.3% !important}
.whT_box div.i0{width:100% !important}

.line1-2-title{padding:0 3%;line-height:40px;right: 0;}
.carousel-indicators:before{position:static}
.carousel-indicators div{padding:15px 10px}
.nav .nav-ul li.dropdown{padding-left:0;padding-right:0}
.language{padding: 23px 0px 23px 0;}
.header .logo{max-width:140px}
.productsList li{max-height:inherit}

.leftNav{display:block}
.FW{background-size:cover;background-position:center}
.FW .col-md-5{max-width:100%}
.ln-a{padding-bottom:0}
.ln-a a{display:inline-block;width:auto;text-indent:10px;padding:3% 6% 3% 1%;}
.aritive{max-width:94%;margin:0 auto;font-size:14px;}
.zflex{display:block}
.proPTli .row{display:block}
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:0}

}
@media screen and (max-width:768px){
.header .logo{background:url(../images/logo.jpg) no-repeat left center;height:50px;position:static;width:50%; background-size:contain}
.navbar-nav{float:none}
.nav .nav-ul li.dropdown{padding:5px}
.nav-ul li.dropdown:hover .dropdown-menu{display:none}
.navbar-collapse{height:auto}
.rwm{text-align:center}
.f-nav .f-nav-box div{min-height:initial;text-align:center}
.line3 .col-md-3{border-bottom:1px #eee solid}
.f-tel .box{max-width:96%;margin:0 auto}
.f-tel span,.f-tel p{display:block;text-align:center}
.f-copy .d-flex{display:block;text-align:center}
.header-r{position:static}
.search{padding:5px 15px}
.nav-ul li.dropdown a span{display:none}
.f-copy div,.f-copy div.fr{width:100%;text-align:center}
.whT_box div{width:100% !important; display: flex;justify-content: center;align-items: center;flex-flow: column;text-align:center;padding-left:0}
.whT_box div p::after{left:50%;margin-left:-12.5px}
.whT_box div.i0{width:100% !important}


@media (max-width:400px) {
 .navbar-collapse{height:auto}
}