@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input,textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;}
html,body{font-size:16px;}
@media only screen and (max-width:1680px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:12px;}
}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1680{max-width:1680px; width:90%;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
/* top_bg */
.top_bg_h,.ny_top,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.r,.top_bg .width1680 div.r .lm,.top_bg .width1680 div.r .so,.top_bg .width1680 div.r .yy{ height: 5.625rem; }
.top_bg{ position: fixed; top: 0px; width: 100%;  z-index: 99999; background-color: #ffffff;}
.top_bg.now{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.top_bg .width1680 a.logo{display:flex;align-items:center;  float: left; }
.top_bg .width1680 a.logo img{ max-height: 3.75rem; }
.top_bg .width1680 div.r{ float: right; }
.top_bg .width1680 div.r .lm{ float: left;}
.top_bg .width1680 div.r .lm li{ float: left; margin-right: 3rem;}
.top_bg .width1680 div.r .lm li dd{ line-height: 5.625rem;}
.top_bg .width1680 div.r .lm li dd a{ display: block; font-size:1.125rem; color: #333333;}
.top_bg .width1680 div.r .lm li dd a i{ padding-bottom: 0.75rem; border-bottom: 2px solid #ffffff; transition: all .5s ease;}
.top_bg .width1680 div.r .lm li.l2 dd{ line-height:1.5; }
.top_bg .width1680 div.r .lm li.l2 dd a{ padding-top:1.25rem; }
.top_bg .width1680 div.r .lm li.l2 dd a i{ padding-bottom:2.2rem; }
.top_bg .width1680 div.r .lm li.l2 dd a i span{ display:block; }
.top_bg .width1680 div.r .lm li dd a:hover i{  border-bottom: 2px solid #e62129;transition: all .5s ease;}
.top_bg .width1680 div.r .lm li dl{ position:absolute; background-color:#ffffff; padding:0px 1rem; margin-left:-1rem;  opacity: 0; max-height: 0px; overflow: hidden; transition: all 0.5s ease;}
.top_bg .width1680 div.r .lm li:hover dl{ max-height:200vh; opacity:1; padding:1rem; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);transition:all 0.5s ease; }
.top_bg .width1680 div.r .lm li dl a{ display: block;font-size:1rem; color: #333333; line-height: 2;text-transform: uppercase; }
.top_bg .width1680 div.r .lm li dl a:hover{ color: #e62129; }

.top_bg .width1680 div.r .so{ display: block; float: left; width: 2rem; background: url(../images/so.png) no-repeat scroll center; background-size: 1.25rem;}
.top_bg .width1680 div.r .yy{ float: right; margin-left: 0.75rem; position: relative;}
.top_bg .width1680 div.r .yy dd{ padding-left: 1.75rem; line-height: 5.625rem; background: url(../images/yy.png) no-repeat scroll left center; background-size: 1.125rem; font-size: 1.125rem; color: #333333; padding-right: 2rem; position: relative;}
.top_bg .width1680 div.r .yy dd i.fa{ position: absolute; right: 0px; color: #9f9f9f; top: 50%; margin-top: -0.5625rem; }
.top_bg .width1680 div.r .yy dl{ position:absolute; width:100%; background-color:#ffffff; opacity:0; max-height:0px; overflow:hidden; transition:all .5s ease;}
.top_bg .width1680 div.r .yy:hover dl{ opacity: 1; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); max-height: 100vh; transition: all .5s ease;}
.top_bg .width1680 div.r .yy dl a{ display: block; text-align: center; font-size: 1.25rem; line-height: 2; color: #333333;}
.top_bg .width1680 div.r .yy dl a:hover{ color: #e62129; }

/*so_bg*/
.so_bg{ width: 100%;background-color: #ffffff; position: fixed; top:5.625rem; opacity: 0; max-height: 0px; overflow: hidden; z-index: 999999;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);transition: all 1s ease; border-top: 1px solid #eeeeee;}
.so_bg.now{ top: 5.625rem; }
.so_bg.x{ opacity: 1; max-height: 100vh; transition: all 1s ease; overflow: initial;}
.so_bg a.so_gb{ background: url(../images/gb.png) no-repeat; position: absolute; background-size: 100%; width: 2rem; height: 2rem; right: 3%; top: 50%; margin-top: -1rem; z-index: 8;}
.so_bg a.so_gb:hover{ background-image: url(../images/gb2.png); }
.so_bg .width1480{ height: 3rem; padding: 1rem 0px; overflow: initial;}
.so_bg .width1480 .search-form{ border:1px solid #e62129; border-radius: 2rem; height:3rem; max-width:880px; margin:0px auto;}
.so_bg .width1480 .search-form div{ float: left; height: 3rem; margin-right:2rem; margin-left:2rem;text-transform: uppercase; }
.so_bg .width1480 .search-form div button{ border:0px; background:none; padding:0px 10px; font-size:1rem; line-height:3rem; text-transform:uppercase; outline:none;}
.so_bg .width1480 .search-form div dl{ position: absolute; background-color: #ffffff;padding:10px 0px; z-index: 99; display: none;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); font-size:1.25rem; line-height: 2rem;}
.so_bg .width1480 .search-form div:hover dl{ display: block; }
.so_bg .width1480 .search-form div dl a{ display: block;color: #555555; font-size: 1rem; padding:0px 20px; line-height: 2rem;}
.so_bg .width1480 .search-form div dl a:hover{ color:#e62129;}
.so_bg .width1480 .search-form .fl{ outline:none; border: 0px; float: left; font-size: 1rem; height: 3rem; line-height: 3rem; width:65%;}
.so_bg .width1480 .search-form .fr{ width:5rem; font-size: 1.5rem; float: right; background-color:#e62129; color: #ffffff;  height: 3rem; border: 0px;  outline:none; border-top-right-radius:2rem; border-bottom-right-radius: 2rem;}

.md{ position: absolute; margin-top:-5rem; }

/* banner */
.banner_bg{ position: fixed; top: 0px; left: 0px; width: 100%; z-index: 0; }
.banner_bg div.sb{ position: absolute; bottom: 3rem; padding-top:3rem; width: 1.375rem; height: 2rem; background: url(../images/sb.png) no-repeat scroll center bottom; background-size: auto 2rem; z-index: 2; left: 6%;}
.banner_bg div.sb span{animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position: absolute; width: 2px; left: 50%; margin-left:-1px; height: 0.5rem; background-color:#e62129; margin-top: 0.5rem;}
.banner_bg div.sb i{ position: absolute; top: 0px; height: 2.25rem; width: 1px; left: 50%; margin-left:-0.5px;background-color:#e62129; }*
.dn_banner{ display:none; }
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height:100vh; }
.banner{ width: 100%; overflow: hidden; position: relative; max-width: 1920px; z-index:0; }
.banner .swiper-wrapper{  }
.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.banner .swiper-wrapper .swiper-slide i.bg_q{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-size: cover; z-index:0; }
.banner .swiper-wrapper .swiper-slide .width1680{ height: 100vh; position: relative; z-index:2; }
.banner .swiper-wrapper .swiper-slide .width1680 .bg{ overflow: hidden; width:100%; opacity: 0; position: absolute; bottom:-5vh; transition: all 1s ease;}
.banner .swiper-wrapper .swiper-slide.on .width1680 .bg{ opacity: 1; bottom: 5vh; transition: all 1s ease;}
.banner .swiper-wrapper .swiper-slide .width1680 dd{ font-size: 3rem; color: #e62129; font-weight: bold; margin-bottom:1rem; }
.banner .swiper-wrapper .swiper-slide .width1680 dl{ font-size: 1rem; color: #333333; line-height:2; width:65%; margin:0px auto; white-space:pre-wrap; }

.banner .page{ position:absolute; left:0px; width:100%; bottom:2.5vh; z-index:9; text-align:center; line-height:0.25rem; }
.banner .page span{ display:inline-block; width:2.25rem; height:0.25rem; cursor: pointer; margin:0px 0.5rem; background-color:rgba(255,255,255,.42); }
.banner .page span.on{ background-color:#e62129; }

@keyframes arrow{ %0,%100{margin-top: 0.5rem; opacity:1;} 50%{margin-top:0.8rem; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{margin-top: 0.5rem; opacity:1;} 50%{margin-top: 0.8rem; opacity:.5}}


/*i_bg*/
.i_bg{ position: relative; width: 100%; background-color: #ffffff; z-index: 8; margin-top:100vh; overflow: hidden; }

/*i_tp*/
.i_tp{ width: 100%; max-width: 1920px; margin:0px auto; height: 100vh; position: relative; overflow: hidden; }
.i_tp i{ position: absolute; top:0px; left:0px; bottom:0px; right:0px; background-repeat:no-repeat; background-position:center; background-size:cover;}

/*服务*/
.i_fw{padding-top: 5rem; background-color:#ffffff; padding-bottom:1rem;}
.i_fw .fw_t{ position: relative; }
.i_fw .fw_t ol{ font-size: 0.875rem; color: #e62129; }
.i_fw .fw_t dd{ font-size: 2.25rem; color: #1a1a1a; margin-top:5px;}
.i_fw .fw_t a{ position: absolute; border:1px solid #e62129; height:2rem; width: 8.75rem; line-height: 2rem; color: #e62129; text-align: center; font-size: 0.875rem; right: 0px; top: 50%; margin-top: -1rem; transition:all .5s ease; }
.i_fw .fw_t a:hover{ background-color: #e62129; color: #ffffff;}
.i_fw .fw_f{ margin-top:3rem; position: relative;}
.i_fw .fw_f,.i_fw .fw_f .fw_nr{ height:41.875rem;}
.i_fw .fw_f .fw_nr a i.tp{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background-size:auto 100%; box-shadow:0px 2px 10px 0px rgba(255,255,255,0.14); background-repeat: no-repeat;}
.i_fw .fw_f .fw_nr{ position: relative; }
.i_fw .fw_f .fw_nr a div.n{ position: absolute; width: 88%; left: 6%; padding-top: 14px; bottom: 2rem;}
.i_fw .fw_f .fw_nr a div.n div.x{position:absolute; width:55px; height:3px; top:0px; left:0px; transition:all .5s ease;}
.i_fw .fw_f .fw_nr a div.n div.x i{position:absolute; height:3px; top:0px; transition:all 1s ease;background-color:#e62129; border-radius:2px; overflow:hidden;}
.i_fw .fw_f .fw_nr a:hover div.n div.x i{transition: all 1s ease;}
.i_fw .fw_f .fw_nr a div.n div.x i.l{ width: 36px; left: 0px;}
.i_fw .fw_f .fw_nr a div.n div.x i.r{ opacity: 0.5; width: 12px; right: 0px;}
.i_fw .fw_f .fw_nr a:hover div.n div.x i.l{ width: 12px; opacity: 0.5; }
.i_fw .fw_f .fw_nr a:hover div.n div.x i.r{ opacity: 1; width: 36px; }

.i_fw .fw_f .fw_nr a div.n ol{ font-size: 0.65rem; color: #999999; text-transform: uppercase; display: none;}
.i_fw .fw_f .fw_nr a div.n dd{ font-size: 1.125rem; color: #000000; margin-top: 6px; font-weight: bold;text-transform: uppercase; }
.i_fw .fw_f .fw_nr a div.n dl{ font-size: 0.875rem; color: #666666; margin-top: 12px;}
@media only screen and (max-width:1920px){
	.i_fw .fw_f .fw_nr a div.n ol{font-size: 1rem;}
	.i_fw .fw_f .fw_nr a div.n dd{font-size: 1.5rem;}
	.i_fw .fw_f .fw_nr a div.n dl{font-size: 1rem;}
}
.i_fw .fw_f .fw_nr a{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;}

.i_fw .fw_f div.fw_f_l{ float: left; width:23.528%; overflow: hidden; position: relative; transition:all .5s ease;}
.i_fw .fw_f div.fw_f_l:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); transition:all .5s ease; }
.i_fw .fw_f div.fw_f_l a{ border:1px solid #eeeeee;}

.i_fw .fw_f div.fw_f_c{ float: left; width:49.146%; margin:0px 1.929%;}
.i_fw .fw_f div.fw_f_c div.t{ overflow: hidden; position: relative; border:1px solid #eeeeee; height:20rem;transition:all .5s ease;}
.i_fw .fw_f div.fw_f_c div.t:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); transition:all .5s ease; }
.i_fw .fw_f div.fw_f_c div.t div.n{ top: 2.25rem; bottom: auto; left: 3%;}

.i_fw .fw_f div.fw_f_c div.f{ position: relative; height:19.875rem; margin-top:1.75rem;}
.i_fw .fw_f div.fw_f_c div.f div.l,.i_fw .fw_f div.fw_f_c div.f div.r{ border:1px solid #eeeeee; height: 19.875rem; position: relative; transition:all .5s ease; width:47.632%; overflow: hidden;}
.i_fw .fw_f div.fw_f_c div.f div.l:hover,.i_fw .fw_f div.fw_f_c div.f div.r:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); transition:all .5s ease; }
.i_fw .fw_f div.fw_f_c div.f div.l{ float: left; }
.i_fw .fw_f div.fw_f_c div.f div.r{ float: right; }

.i_fw .fw_f div.fw_f_r{ float: right; width: 23.468%;}
.i_fw .fw_f div.fw_f_r div.t,.i_fw .fw_f div.fw_f_r div.f{ border:1px solid #eeeeee;height:19.875rem;position:relative;transition:all .5s ease;overflow:hidden;}
.i_fw .fw_f div.fw_f_r div.t:hover,.i_fw .fw_f div.fw_f_r div.f:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); transition:all .5s ease; }
.i_fw .fw_f div.fw_f_r div.t div.n{ top: 2.25rem; bottom: auto;}
.i_fw .fw_f div.fw_f_r div.f{ margin-top:1.75rem;}

/*foot_fx*/
.foot_fx{ padding: 3rem 0px; text-align: center;}
.foot_fx a{display:inline-block; width: 3.75rem; height: 3.75rem; text-align: center; line-height: 3.75rem; border:1px solid #e62129; border-radius: 50%; margin:0px 1.5rem; color: #e62129; font-size: 1.75rem;transition: all .5s ease;}
.foot_fx a:hover{ background-color:#e62129; color: #ffffff;transition: all .5s ease; }

/*foot_bg*/
.foot_bg{ width: 100%; overflow: hidden; background-color: #3b3839; position: relative; z-index: 8; }
.foot_bg .width1680{ height:15rem;display:flex;align-items:center; position: relative;}
.foot_bg .width1680 div.bg{ width: 100%; color: #ffffff;  overflow: hidden;}
.foot_bg .width1680 div.bg div.l{ float: left; }

.foot_bg .width1680 div.bg ul.r,.foot_bg .width1680 div.bg ul.r li{ overflow: hidden; }
.foot_bg .width1680 div.bg ul.r{ float: right; font-size: 1rem;max-width: 86%;}
.foot_bg .width1680 div.bg ul.r li{ float: left; color: #ffffff; margin-left: 2.5rem; line-height: 2; }

.foot_bg .width1680 div.f{ position: absolute; font-size:1rem; color: #ffffff; bottom: 1rem; width: 100%; left: 0px;}
.foot_bg .width1680 div.f a{ color: #ffffff;}
.foot_bg .width1680 div.f a:hover{ color: #e62129; }

/*ny_top*/
.ny_top{ width: 100%; border-bottom: 1px solid #eeeeee;}

/*产品信息*/
.cp_tit{ border-bottom: 1px solid #eeeeee; overflow: hidden; }
.cp_tit .width1680{ height: 3rem; }
.cp_tit .width1680 div{ height: 2rem; line-height: 2rem; margin-top: 0.5rem; font-size: 1rem; }
.cp_tit .width1680 div.l{ float: left; color: #333333;}
.cp_tit .width1680 div.r{ float: right; text-align:right; }
.cp_tit .width1680 div.r a{ margin-left: 2rem;display:inline-block;transition: all .5s ease;}
.cp_tit .width1680 div.r a:hover{ transition: all .5s ease;}
.cp_tit .width1680 div.r a.c{color: #333333;}
.cp_tit .width1680 div.r a.c:hover{ color: #e62129;}
.cp_tit .width1680 div.r a.s{ color: #e62129; }
.cp_tit .width1680 div.r a.s:hover{text-decoration:underline;}
.cp_tit .width1680 div.r a.z{ background-color: #e62129; border-radius: 2rem; color: #ffffff; padding: 0px 1.25rem; }
.cp_tit .width1680 div.r a.z:hover{ background-color: rgb(230,33,41,0.8); }

.cp_t{ position: relative;border-bottom: 1px solid #eeeeee; max-width: 1920px; margin:0px auto;}
.cp_t,.cp_t .width1680{ height: 41rem;}
.cp_t .ck-slide{ position: absolute;overflow: hidden; left: 0px; top: 0px; bottom: 0px; width: 50%; max-width: 960px; }
.cp_t .ck-slide ul.ck-slide-wrapper,.cp_t .ck-slide ul.ck-slide-wrapper li{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.cp_t .ck-slide ul.ck-slide-wrapper li{display:none; z-index: 0;}
.cp_t .ck-slide ul.ck-slide-wrapper li.on{ display:block; z-index: 1;}
.cp_t .ck-slide ul.ck-slide-wrapper li i{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; background-repeat:no-repeat; background-position:center; background-size:cover;}

.cp_t .ck-slide .ctrl-slide{ position: absolute; color: #35383b; z-index: 2; width: 3rem; top: 0px; bottom: 0px; background-position: center; background-repeat: no-repeat; opacity: 1 !important;transition: all 1s ease;}
.cp_t .ck-slide .ctrl-slide:hover{ color: #323232; transition: all 1s ease;}
.cp_t .ck-slide .ck-prev{left:1rem; background-image: url(../images/cp_jt_l.png);}
.cp_t .ck-slide .ck-next{right:1rem; background-image: url(../images/cp_jt_r.png);}
.cp_t .ck-slide .ck-prev:hover{ background-image: url(../images/cp_jt_l_s2.png);}
.cp_t .ck-slide .ck-next:hover{ background-image: url(../images/cp_jt_r_s2.png);}

.cp_t .sj_cp{ display: none; position:relative; overflow:hidden;}
.cp_t .sj_cp .slides{ overflow:hidden;}
.cp_t .sj_cp .slides li{ overflow: hidden; }
.cp_t .sj_cp .flex-control-nav{ display: none; }
.cp_t .sj_cp .flex-direction-nav li a{ position: absolute; color: #35383b; z-index: 2; width: 3rem; top: 0px; bottom: 0px; background-position: center; background-repeat: no-repeat; }
.cp_t .sj_cp .flex-direction-nav li a i{ display: none; }
.cp_t .sj_cp .flex-direction-nav li a.flex-prev{left:0.5rem; background-image: url(../images/cp_jt_l.png);}
.cp_t .sj_cp .flex-direction-nav li a.flex-next{right:0.5rem; background-image: url(../images/cp_jt_r.png);}

.cp_t .width1680{display:flex;align-items:center; }
.cp_t .width1680 div.bg{ width: 100%; }
.cp_t .width1680 div.bg div.r{ float: right; width: 43%; color: #333333;}
.cp_t .width1680 div.bg div.r ol{ font-size: 1.5rem; margin-bottom: 1rem; text-transform: uppercase;}
.cp_t .width1680 div.bg div.r dd{ margin-bottom:1rem; position: relative; padding-bottom: 2.5rem; font-size: 2.25rem;}
.cp_t .width1680 div.bg div.r dd i{ position: absolute; bottom: 0.5rem; height: 0.4rem; width: 3rem; background-color: #e62129; left: 0px; }
.cp_t .width1680 div.bg div.r dl{ font-size: 1rem; line-height: 3; padding-right:0.5rem; height: 24rem;overflow-x: hidden;overflow-y: auto;}
.cp_t .width1680 div.bg div.r dl::-webkit-scrollbar {width:4px;}
.cp_t .width1680 div.bg div.r dl::-webkit-scrollbar-track {background-color: #eeeeee;}
.cp_t .width1680 div.bg div.r dl::-webkit-scrollbar-thumb {background-color: #e62129;}
.cp_t .width1680 div.bg div.r dl::-webkit-scrollbar-thumb:hover {background-color: #eeeeee;}
.cp_t .width1680 div.bg div.r dl::-webkit-scrollbar-thumb:active{background-color:#eeeeee;}

.cp_c{ padding: 3.75rem 0px; min-height: 50vh; }
.cp_c .bg{ margin:0px auto; max-width: 1200px; color: #333333;}
.cp_c .bg div{ overflow: hidden; }
.cp_c .bg .tit{ font-size: 2.25rem; }
.cp_c .bg .con{ margin-top: 2.5rem; overflow: hidden;}
.cp_c .bg .con table,.cp_c .bg .con tbody,.cp_c .bg .con tr{ display: block; overflow: hidden; width: 100% !important;}
.cp_c .bg .con tr{border-top: 1px solid #eeeeee; margin-top: -1px; padding: 2rem 0px;}
.cp_c .bg .con tr td{ width: 50%; display: block; float: left; line-height: 2; font-size: 1rem;}
.cp_c .bg .con tr td b{ font-size: 1.5rem; font-weight: 500;}

.cp_f{ background-color: #f5f5f5; padding: 7.5rem 0px; }
.cp_f .width1680,.cp_f .width1680 #wrapper,.cp_f .width1680 #wrapper #carousel{ overflow: hidden;}
.cp_f .width1680 #wrapper{margin:0px auto; max-width: 1200px; padding: 0px 4.75rem;position: relative;}
.cp_f .width1680 #wrapper #carousel{ overflow: hidden; }
.cp_f .width1680 #wrapper #carousel .caroufredsel_wrapper{ width: 150% !important; }
.cp_f .width1680 #wrapper #carousel ul{ overflow: hidden; }
.cp_f .width1680 #wrapper #carousel ul li{ float: left; width: 36.5625rem;height: 26.25rem; margin-right:2rem;}

.cp_f .width1680 #wrapper #carousel a#prev,.cp_f .width1680 #wrapper #carousel a#next{ position: absolute; top: 0px; bottom: 0px; width: 4.75rem; background-repeat: no-repeat;transition: all 1s ease;}
.cp_f .width1680 #wrapper #carousel a#prev:hove,.cp_f .width1680 #wrapper #carousel a#next:hove{transition: all 1s ease;}
.cp_f .width1680 #wrapper #carousel a#prev{ left: 0px; background-position: left center; background-image: url(../images/cp_jt_l.png);}
.cp_f .width1680 #wrapper #carousel a#prev:hover{ background-image: url(../images/cp_jt_l_s2.png);}
.cp_f .width1680 #wrapper #carousel a#next{ right: 0px; background-position: right center; background-image: url(../images/cp_jt_r.png);}
.cp_f .width1680 #wrapper #carousel a#next:hover{ background-image: url(../images/cp_jt_r_s2.png);}

.cp_f .width1680 #pager{ display: none !important; }

.cp_f .width1680 .sj_qt{ display: none; position:relative; overflow:hidden; max-width: 389px;}
.cp_f .width1680 .sj_qt .slides{ overflow:hidden;}
.cp_f .width1680 .sj_qt .slides li{ overflow: hidden; }
.cp_f .width1680 .sj_qt .flex-control-nav{ display: none; }
.cp_f .width1680 .sj_qt .flex-direction-nav li a{ position: absolute; color: #35383b; z-index: 2; width: 3rem; top: 0px; bottom: 0px; background-position: center; background-repeat: no-repeat; }
.cp_f .width1680 .sj_qt .flex-direction-nav li a i{ display: none; }
.cp_f .width1680 .sj_qt .flex-direction-nav li a.flex-prev{left:0px; background-image: url(../images/cp_jt_l.png);}
.cp_f .width1680 .sj_qt .flex-direction-nav li a.flex-next{right:0px; background-image: url(../images/cp_jt_r.png);}

/*招聘*/
.job_banner{ position:relative; }
.job_banner i.bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-position: center; background-size: auto 100%; z-index: 0; background-repeat: no-repeat; }
.job_banner .width1680{ position: relative; z-index: 2;display:flex;align-items:center; height: 30rem; }
.job_banner .width1680 dd{ color: #ffffff; font-size: 2.25rem; width: 100%;text-transform: uppercase;}

.job_con{ padding: 4.5rem 0px 7.5rem; min-height: 60vh; position: relative;}
.job_con .hidden.l{ float: left; width: 22%;}
.job_con .hidden.l div{ overflow: hidden; }
.job_con .hidden.l div.t{ margin-bottom:4rem;color: #333333; }
.job_con .hidden.l div.t dd{ font-size: 2.25rem; }
.job_con .hidden.l div.t dl{ font-size: 1rem; margin-top: 0.75rem;}
.job_con .hidden.l div.f{ min-height: 100vh;}
.job_con .hidden.l div.f div.tit{ font-size: 1.5rem; color: #333333; }
.job_con .hidden.l div.f div.con{ margin-top: 3.75rem; font-size: 1rem;}
.job_con .hidden.l div.f div.con a{ display:block; border-top:1px solid #eeeeee; margin-top:-1px; width:70%; padding:0.75rem 0px; position:relative; color:#333333;}
.job_con .hidden.l div.f div.con a.on,.job_con .hidden.l div.f div.con a:hover{ color: #e62129; }
.job_con .hidden.l div.f div.con a i{ position: absolute; right: 0px; font-size:1.25rem; transition: all 1s ease;}
.job_con .hidden.l div.f div.con a:hover i{ right: 0.5rem; transition: all 1s ease;}

.job_con .hidden.r{ float: right; width: 75%; max-width: 1250px;}
.job_con .hidden.r div.so{ margin-bottom:4rem; border:1px solid #eeeeee; height: 3rem; border-radius: 2rem; overflow: hidden; padding: 0px 1.5rem; }
.job_con .hidden.r div.so input,.job_con .hidden.r div.so button{outline:none; border:0px; height: 3rem; line-height: 3rem; background-color: #ffffff;}
.job_con .hidden.r div.so input{ font-size: 1rem; float: left; width: 80%; }
.job_con .hidden.r div.so input::-webkit-input-placeholder {color: #999999;}
.job_con .hidden.r div.so button{ float: right; width: 20%; background: url(../images/so2.png) no-repeat scroll right center; transition: all 1s ease;}
.job_con .hidden.r div.so button:hover{ background-image: url(../images/so.png); transition: all 1s ease;}

.job_con i.x{ position: absolute; top:11.5rem; bottom: 0px; width: 1px; background-color: #eeeeee; left: 22%; }

.job_li,.job_li li{ overflow: hidden; }
.job_li{ width: 100%; }
.job_li li{ margin-bottom: 2.5rem; height: 26.25rem; width: 48.8%; position: relative; }
.job_li li.l{ float: left; }
.job_li li.r{ float: right; }
.job_li li span.y{ position: absolute; top: 1.5rem; right: 2rem; z-index: 2; height: 3rem; width: 3rem; background-color: #e62129; border-radius: 50%; text-align: center; line-height: 3rem; color: #ffffff; font-size: 1.5rem;}
.job_li li a{ padding: 2rem; border:1px solid #eeeeee; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0;transition: all 1s ease;}
.job_li li a:hover{ border:1px solid #e62129;transition: all 1s ease;}
.job_li li a dd{ font-size: 1.5rem; color: #333333; font-weight: bold; overflow: hidden;word-break: keep-all;white-space: nowrap; text-overflow: ellipsis; padding-right: 4rem;}
.job_li li a ol{ font-size: 1rem; color: #333333; margin-top: 1.5rem; margin-bottom:0.75rem;}
.job_li li a dl{ font-size: 1rem; color: #999999; line-height: 2rem; height: 6rem; overflow: hidden; }

.job_con .hidden.r .more{ font-size:1rem; text-align: center; color: #999999;}
.job_con .hidden.r .more a{ display: block; width: 100%;color: #333333;}
.job_con .hidden.r .more a:hover{ color:#e62129;}

/*招聘详情*/
.job_show_t{ padding: 2rem 0px 4.5rem; font-size: 0.875rem; color: #999999; }
.job_show_t a{color: #999999;}
.job_show_t a:hover{ color:#e62129;}

.job_show{ position: relative; min-height: 80vh; }
.job_show .hidden.l{ float: left; width: 22%;}
.job_show .hidden.l div{ overflow: hidden; }
.job_show .hidden.l div.tit{ font-size: 1.5rem; color: #333333; }
.job_show .hidden.l div.con{ margin-top: 3.75rem; font-size: 1rem;}
.job_show .hidden.l div.con a{ display:block; border-top:1px solid #eeeeee; margin-top:-1px; width:70%; padding:0.75rem 0px; position:relative; color:#333333;}
.job_show .hidden.l div.con a.on,.job_show .hidden.l div.con a:hover{ color: #e62129; }
.job_show .hidden.l div.con a i{ position: absolute; right: 0px; font-size:1.25rem; transition: all 1s ease;}
.job_show .hidden.l div.con a:hover i{ right: 0.5rem; transition: all 1s ease;}

.job_show i.x{ position: absolute; top:0px; bottom: 0px; width: 1px; background-color: #eeeeee; left: 22%; }

.job_show .hidden.r{ float: right; width: 75%; max-width: 1250px; position: relative; margin-bottom: 2rem;}
.job_show .hidden.r a{ position: absolute; font-size: 1rem; color: #ffffff; border:1px solid #e62129; background-color: #e62129; padding: 0.5rem 2.25rem; right: 0px; transition: all 1s ease;}
.job_show .hidden.r a:hover{ color:#e62129; background-color: #ffffff;transition: all 1s ease;}
.job_show .hidden.r dd{ font-size: 1.5rem; color: #333333; font-weight: bold; }
.job_show .hidden.r ol{ font-size: 1rem; color: #333333; margin-top: 1.5rem; margin-bottom:0.75rem;}
.job_show .hidden.r dl{ font-size: 1rem; color: #999999; line-height: 2; overflow: hidden; }

/*最新动态*/
.news_bg{ overflow: hidden; width: 100%; background-color: #f5f5f5; }
.news_bg .width1680{ padding: 3.75rem 0px 7.5rem; min-height: 100vh; }
.news_bg .width1680 .tit{ text-align: center; font-weight: bold;}
.news_bg .width1680 .tit ol{ font-size: 1rem; color: #e5211c; text-transform: uppercase; }
.news_bg .width1680 .tit dd{ font-size: 2.25rem; color: #333333; margin-top: 0.5rem;}
.news_bg .width1680 .so{ padding:1.25rem 0px 5rem; }
.news_bg .width1680 .so div{ max-width: 750px; margin:0px auto; padding: 0px 1.5rem; border:1px solid #eeeeee; height: 3rem; border-radius: 2rem; background-color: #ffffff; }
.news_bg .width1680 .so input,.news_bg .width1680 .so button{outline:none; border:0px; height: 3rem; line-height: 3rem; background-color: #ffffff;}
.news_bg .width1680 .so input{ font-size: 1rem; float: left; width: 80%;}
.news_bg .width1680 .so input::-webkit-input-placeholder {color: #999999;}
.news_bg .width1680 .so button{ float: right; width: 20%; background: url(../images/so2.png) no-repeat scroll right center; transition: all 1s ease;}
.news_bg .width1680 .so button:hover{ background-image: url(../images/so.png); transition: all 1s ease;}

.news_li,.news_li li{ overflow: hidden; }
.news_li{ width: 102%; }
.news_li li{ float: left; width: 23.184%; margin-right:1.75%; height: 40rem; background-color: #ffffff; margin-bottom:1.5rem; }
.news_li li a{ display: block; }
.news_li li a div{ overflow: hidden; }
.news_li li a div.t{ height: 15.875rem; position: relative;}
.news_li li a div.t i{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;background-size:cover; transition:all 1s ease; background-repeat:no-repeat;}
.news_li li a:hover div.t i{transform: scale(1.1);transition: all 1s ease;}
.news_li li a div.f{ padding: 1.5rem; height: 21.125rem; }
.news_li li a div.f dd{ font-size: 1.5rem; font-weight: bold; color: #000000; line-height: 2rem; height: 6rem; overflow: hidden; }
.news_li li a div.f dl{ font-size: 1rem; color: #666666; line-height: 2rem; height: 8rem; overflow: hidden; margin: 2rem 0px;}
.news_li li a div.f ol{ font-size: 1rem; color: #000000; height: 3rem; line-height: 3rem; border-left: 3px solid #e62129; padding-left: 1.25rem; }
.news_li li a:hover div.f ol{color:#e62129;}

.news_bg .width1680 .more{ height: 3rem; margin-top: 2rem; font-size:1rem; text-align: center; color: #999999;}
.news_bg .width1680 .more a{ display: block; border:1px solid #e62129;color: #e62129; height: 2.5rem; line-height: 2.5rem; max-width: 11.25rem; text-align: center; margin: 0px auto;transition: all 1s ease;}
.news_bg .width1680 .more a:hover{ background-color:#e62129; color: #ffffff;transition: all 1s ease; }

/*最新动态详情*/
.news_show{ min-height: 100vh; }
.news_show .tit{ padding: 1.5rem 0px; border-bottom: 1px solid #eeeeee; position: relative; }
.news_show .tit div.l{ padding-right: 17.5rem; font-size: 1rem; color: #999999; }
.news_show .tit div.l a{ color: #999999;}
.news_show .tit div.l a:hover{ color:#e62129;}
.news_show .tit a.fh{ position: absolute; right: 0px; border:1px solid #e62129; font-size: 1rem; color: #ff0000; height: 2.5rem; line-height: 2.5rem; padding: 0px 1.25rem; border-radius: 2rem; top: 0.8rem; transition: all 1s ease;}
.news_show .tit a.fh:hover{ background-color:#e62129; color: #ffffff; transition: all 1s ease;}
.news_show .con{ padding: 4rem 0px 7.5rem; position: relative; overflow: hidden;}
.news_show .con div{ overflow: hidden; }
.news_show .con i.x{ position: absolute; top:0px; bottom: 0px; width: 1px; background-color: #eeeeee; left: 25%; }
.news_show .con div.l{ float: left; width: 24%;}
.news_show .con.on div.l{ position: fixed; top: 6rem; width: 22%; max-width: 403px; }
.news_show .con div.l div.t{ font-size: 1.5rem; color: #000000; font-weight: bold; line-height:2; }
.news_show .con div.l div.c{ padding: 2rem 0px; font-size:0.875rem; }
.news_show .con div.l div.c span.l{ color: #787e8c; margin-right:1rem; }
.news_show .con div.l div.c span.r{ color: #999999; padding-left: 2rem; background:url(../images/k.png) no-repeat scroll left center;}
.news_show .con div.l div.f{ position: relative; padding-left: 5rem;}
.news_show .con div.l div.f span{ position: absolute; left: 0px; font-size: 0.875rem; color: #999999; top: 0.75rem; }
.news_show .con div.l div.f a,.news_show .con div.l div.f a:hover{transition:all 1s ease;}
.news_show .con div.l div.f a{ display:block; float:left; width:3rem; height:3rem; background-repeat:no-repeat; background-position:center; margin-left:1rem;}
.news_show .con div.l div.f a:hover{ opacity: 0.8; }
.news_show .con div.r{ float: right; width: 74%;}
.news_show .con div.r div.t{ font-size: 1rem; color: #333333; line-height: 2.2; min-height: 60vh;}
.news_show .con div.r div.f{ border-top: 1px solid #eeeeee; margin-top: 5rem; padding-top:1.25rem; }
.news_show .con div.r div.f dl{ font-size:1rem; color:#999999; line-height:3rem; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.news_show .con div.r div.f dl a{color: #999999;}
.news_show .con div.r div.f dl a:hover{ color:#e62129;}

/*公司信息*/
.about_banner{ width: 100%; position: relative; overflow: hidden; }
.about_banner i.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-position:center; background-size:auto 100%; z-index:0; background-repeat:no-repeat; }
.about_banner .width1680{ position: relative; height: 28.75rem; z-index: 2; display:flex; align-items:center;  }
.about_banner .width1680 div.bg{ width: 100%; color: #ffffff; }
.about_banner .width1680 div.bg dd,.about_banner .width1680 div.bg dl{ width: 100%; }
.about_banner .width1680 div.bg dd{ font-size: 2.25rem; font-weight: bold; }
.about_banner .width1680 div.bg dl{ font-size: 1rem; margin-top:0.75rem;}

.about_con{ padding: 4rem 0px; overflow: hidden;}
.about_con div.l{ float: left; overflow: hidden; width: 50%; color: #343843;}
.about_con div.l dd{ font-size: 2.25rem; font-weight: bold; margin-bottom:1rem;}
.about_con div.l dl{ font-size:1rem; margin-bottom:1rem; line-height: 2.25;}
.about_con div.l ol{font-size:1rem; line-height:2.25; padding-top:3.75rem; background:url(../images/yh.png) no-repeat scroll left top; background-size:auto 2.25rem;}

.about_con div.about{ float: right; position:relative; overflow:hidden; width: 41%; max-width: 680px; }
.about_con div.about .slides{ overflow:hidden;}
.about_con div.about .slides li{ overflow: hidden; }

.about_con div.about .flex-control-nav{ position:absolute; bottom:1.5rem; width:100%; text-align:center;}
.about_con div.about .flex-control-nav li{ margin:0px 0.5rem; display:inline-block; width:0.75rem; height:0.75rem; cursor:pointer; position:relative; overflow: hidden;}
.about_con div.about .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px; border-radius:1rem; top:0px; background-color:#8f8784;}
.about_con div.about .flex-control-nav li a:hover,.about_con div.about .flex-control-nav li a.flex-active{ background-color:#e62129;}
.about_con div.about .flex-direction-nav{ display: none; }

.about_sj,.about_sj li{ overflow: hidden; }
.about_sj{ padding: 8rem 0px 6rem;}
.about_sj li{ height:10.625rem; border-left:1px solid #eeeeee; margin:0px -1px; float: left; width: 33.333333%;}
.about_sj li div.bg{ width: 90%; margin:0px auto; max-width: 210px;}
.about_sj li div.bg dd{ font-size: 1rem; color: #343843; }
.about_sj li div.bg dd b{ font-size: 4.5rem; color: #e62129; margin-right: 1rem; }
.about_sj li div.bg dl{ font-size:1rem; color: #343843; margin-top:0.5rem;}

.about_lxwm{ width: 100%; overflow: hidden; background-color: #f5f5f5; position: relative; }
.about_lxwm i.bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-position: center; background-size: auto 100%; z-index: 0; background-attachment: fixed;}
.about_lxwm .width1680{ position: relative; z-index: 2; height: 32rem; }
.about_lxwm .width1680 a{ position: absolute; height: 2.5rem; line-height: 2.5rem; width: 9.375rem; top: 0px; bottom: 0px; left: 0px; right: 0px; margin:auto; border:1px solid #e62129; background-color: #e62129; color: #ffffff; font-size: 1rem; text-align: center; transition: all 1s ease;}
.about_lxwm .width1680 a:hover{ background-color: #ffffff; color: #e62129;transition: all 1s ease;}

/*联系我们*/
.contact_banner{ width: 100%; position: relative; overflow: hidden; }
.contact_banner i.bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-position: center; background-size: auto 100%; z-index: 0; }
.contact_banner .width1680{ position: relative; height: 28.75rem; z-index: 2;display:flex;align-items:center;  }
.contact_banner .width1680 div.bg{ width: 100%; color: #ffffff; }
.contact_banner .width1680 div.bg dd{ font-size: 2.25rem; font-weight: bold; }

.contact_con{ padding: 3rem 0px 7.5rem; }
.contact_con .tit{ font-size: 2.25rem; color: #333333; margin-bottom:1.5rem; }
.contact_con ul.lxfs,.contact_con ul.lxfs li{ overflow: hidden; }
.contact_con ul.lxfs{ width: 102%;}
.contact_con ul.lxfs li{ float: left; height: 8.75rem; margin-bottom: 2rem; width: 23.2%; margin-right: 1.6%; position: relative;}
.contact_con ul.lxfs li div.bg{ border:1px solid #eeeeee; position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding-top:1.5rem; padding-left:20%; }
.contact_con ul.lxfs li div.bg img{ position: absolute; width: 1.25rem; height: 1.5rem; left: 8%; }
.contact_con ul.lxfs li div.bg dd{ font-size: 1.125rem; color: #333333; text-transform: uppercase;}
.contact_con ul.lxfs li div.bg dl{ font-size: 1rem; color: #999999; margin-top:0.875rem;}

.contact_con div.dt{ margin:3rem 0px 4rem; position: relative; height:35rem; }
.contact_con div.dt i{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}

.contact_con div.swlx{ margin-top: 1.5rem; background-color: #f8f9fb; overflow: hidden; padding: 3rem 2.5rem; }
.contact_con div.swlx form{ display: block; float: left; width: 40%; max-width: 580px; overflow: hidden;}
.contact_con div.swlx form div{ overflow: hidden; }
.contact_con div.swlx form div.name{ font-size: 1.5rem; color: #333333; margin-bottom:2rem; }
.contact_con div.swlx form div.form-group{ margin-bottom:1.25rem; border:1px solid #eeeeee; width: 48%; }
.contact_con div.swlx form div.form-group div.col-md-10{ padding: 0px 1rem; background-color: #ffffff;}
.contact_con div.swlx form #dr_row_title,.contact_con div.swlx form #dr_row_lxdh{ float: left; }
.contact_con div.swlx form #dr_row_qymc,.contact_con div.swlx form #dr_row_yxdz{ float: right; }
.contact_con div.swlx form div.form-group label{ display: none; }
.contact_con div.swlx form div.form-group input,.contact_con div.swlx form div.form-group textarea{outline:none;background-color: #ffffff; border:0px; font-size: 1rem; color: #333333;}
.contact_con div.swlx form div.form-group input::-webkit-input-placeholder,.contact_con div.swlx form div.form-group textarea::-webkit-input-placeholder{color: #333333;}
.contact_con div.swlx form div.form-group input{ height: 2.5rem; line-height: 2.5rem;}
.contact_con div.swlx form div#dr_row_qsrndly{ width: 100%; float: left; border:0px; }
.contact_con div.swlx form div#dr_row_qsrndly .col-md-10{ border:1px solid #eeeeee; padding: 1rem;}
.contact_con div.swlx form div#dr_row_qsrndly textarea{font-family: "Microsoft YaHei",Arial; line-height: 2;padding-right: 0.5rem;}
.contact_con div.swlx form div#dr_row_qsrndly textarea::-webkit-scrollbar {width:4px;}
.contact_con div.swlx form div#dr_row_qsrndly textarea::-webkit-scrollbar-track {background-color: #eeeeee;}
.contact_con div.swlx form div#dr_row_qsrndly textarea::-webkit-scrollbar-thumb {background-color: #e62129;}
.contact_con div.swlx form div#dr_row_qsrndly textarea::-webkit-scrollbar-thumb:hover {background-color: #eeeeee;}
.contact_con div.swlx form div#dr_row_qsrndly textarea::-webkit-scrollbar-thumb:active{background-color:#eeeeee;}

.contact_con div.swlx form div.b{ width: 100%; float: left; }
.contact_con div.swlx form div.b button{ width: 10rem; border:1px solid #e62129; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.875rem; color: #ffffff; background-color:#e62129;transition: all 1s ease;}
.contact_con div.swlx form div.b button:hover{color: #e62129; background-color:#ffffff;transition: all 1s ease;}

.contact_con div.swlx img.r{ float: right; width: 50%; max-width: 793px; }

/*no*/
.no{ background-color: #ffffff; text-align: center; width: 100% !important; margin-right:0px !important;padding: 2rem 0px; font-size: 2rem; }
.no strong{ color:#ff0000;}

/*w404*/
.w404{ min-height:100vh; display:flex; align-items:center;}
.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom:2rem; }
.w404 .c ol img{ max-width: 35%; }
.w404 .c dd{ font-size: 1.5rem; color: #333333; }
.w404 .c a{ display:block; width:80%; max-width:180px; margin:2rem auto 0px; height:3rem; line-height:3rem; font-size:1rem; color:#ffffff; background-color:#d66f09; transition:all .5s ease;}
.w404 .c a:hover{ background-color:#ee7c30; transition:all .5s ease; }

/*msg*/
.msg{ padding: 6rem 0px; }
.msg div.c{ text-align: center; padding: 10vh 0px; }
.msg div.c dd{ text-align: center; font-size: 1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top: 2rem; font-size: 1rem;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f; transition:all .5s ease;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;transition: all .5s ease;}