@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: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: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;}
.width1200{max-width:1200px; width:90%;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
/* top_bg */
.top_h_bg,.top_bg,.top_bg .width1200,.top_bg .width1200 a.logo,.top_bg .width1200 div.lm{ height: 6.25rem;}
.top_bg{ position: fixed; background-color: #ffffff; top: 0px; width: 100%; z-index: 999999; }
.top_bg.now{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.top_bg .width1200{ max-width: 1780px; }
.top_bg .width1200 a.logo,.top_bg .width1200 div.lm{ display:flex; align-items:center;}
.top_bg .width1200 a.logo{ float: left;}
.top_bg .width1200 a.logo img{ max-height: 3.75rem; }
.top_bg .width1200 div.lm{ float: right; }
.top_bg .width1200 div.lm ul{ height: 3rem;}
.top_bg .width1200 div.lm ul li{ float: left; margin-left: 3rem; position: relative;}
.top_bg .width1200 div.lm ul li dd a{ font-size: 1rem; color: #333333;  line-height: 3rem;}
.top_bg .width1200 div.lm ul li dd a:hover{ color: #1f2c5e; }
.top_bg .width1200 div.lm ul li dl{ padding:0px 1rem; position:absolute; background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); max-height: 0px; overflow: hidden; opacity: 0;transition: all 1s ease;}
.top_bg .width1200 div.lm ul li:hover dl{ padding: 1rem; opacity: 1; max-height: 500vh; transition: all 1s ease;}
.top_bg .width1200 div.lm ul li dl a{ font-size: 1rem; color: #333333; line-height: 2.5; display: block;}
.top_bg .width1200 div.lm ul li dl a:hover{ color: #1f2c5e; }

/* banner */
.banner{ position:relative; overflow:hidden;width: 100%; z-index: 99;}
.banner .slides{ overflow:hidden; position: relative; z-index: 0;}
.banner .slides li{background-repeat:no-repeat; background-position:center; background-size: cover;height: 100vh;}
.banner .width1200{ height: 100vh;display:flex; align-items:center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; z-index: 2;}
.banner .width1200 div{ width: 100%; color: #ffffff; }
.banner .width1200 div dd{ font-size: 3em; font-weight: bold; }
.banner .width1200 div ol{ margin-top: 2rem; overflow: hidden; font-size:1.125rem;}
.banner .width1200 div ol a{ display: block; float: left; height: 3.75rem; line-height: 3.75rem; background-color: #ffffff;  width: 100%; max-width: 225px; text-align: center; font-weight: bold; color: #1f2c5e;}
.banner .width1200 div ol a:hover{background-color: #1f2c5e; color: #ffffff;}
.banner .width1200 div dl{ margin-top: 1.25rem; overflow: hidden; font-size: 1.125rem; font-weight: bold; }
.banner .width1200 div dl a,.banner .width1200 div dl a i{ height:3.75rem; line-height:3.75rem; display:inline-block;}
.banner .width1200 div dl a{ float: left; background-color: #1f2c5e; color: #ffffff; padding:0px 2rem; }
.banner .width1200 div dl a:hover{ background-color: #ffffff; color: #1f2c5e;}
.banner .width1200 div dl a i{ float: right; margin-left:4rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.banner .width1200 div dl a:hover i{ background-image: url(../images/jt_l.png); }

.banner .flex-control-nav{ position:absolute; bottom:2rem; width:100%; text-align:center; z-index: 9;}
.banner .flex-control-nav li{ margin:0px 0.25rem; display:inline-block;width:0.75rem;height:0.75rem; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}

.banner .flex-direction-nav{ display: none; }

/*i_who*/
.i_who{ padding: 6rem 0px 7.5rem; color: #1f2c5e;}
.i_who dd{ font-weight: bold; font-size:3rem; margin-bottom: 2rem;}
.i_who dl{ font-size:1.125rem; line-height: 2;}

.i_bg{ width: 100%; overflow: hidden; background-color: #f5f5f5; }

/*i_about*/
.i_about{ padding:3rem 0px;}
.i_about .hidden{ height: 36rem; display:flex; align-items:center; width: 48.667%;}
.i_about .hidden.l{ float: left; }
.i_about .hidden.r{ float: right; }
.i_about .hidden.l dd{ font-size: 3rem; font-weight: bold; color: #1f2c5e; }
.i_about .hidden.l dl{ font-size:1.125rem; color:#333333; line-height: 2.2; margin-top:1rem; }
.i_about .hidden.l ol{ margin-top:1.5rem; overflow: hidden; }
.i_about .hidden.l ol a,.i_about .hidden.l ol a i{  height:3.375rem; line-height:3.375rem; display:inline-block;transition: all 0.5s ease;}
.i_about .hidden.l ol a{float: left; background-color: #1f2c5e; padding: 0px 2.5rem; border:1px solid #1f2c5e; color: #ffffff; }
.i_about .hidden.l ol a:hover{ background-color: #ffffff; color: #1f2c5e;transition: all 0.5s ease;}
.i_about .hidden.l ol a i{ float: right; margin-left:2rem; margin-right:2rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.i_about .hidden.l ol a:hover i{ margin-left:4rem; margin-right:0px; background-image: url(../images/jt_l.png); transition: all 0.5s ease;}

/*i_tit*/
.i_tit{ margin-bottom: 2rem; position: relative; }
.i_tit b{ font-size: 3rem; color: #1f2c5e; }
.i_tit a{ font-size: 1rem; color: #1f2c5e; position: absolute; right: 0px; bottom: 0px;}
.i_tit a:hover{text-decoration: underline;}

/*Honor*/
.i_honor{ padding: 4rem 0px; height: 22.5rem; }
.i_honor #wrapper,.i_honor #wrapper #carousel{ width: 100%; }
.i_honor #wrapper{position: relative;}
.i_honor #wrapper #carousel{ height: 16.25rem; overflow: hidden;}
.i_honor #wrapper #carousel .caroufredsel_wrapper{ width: 120% !important;}
.i_honor #carousel ul{}
.i_honor #carousel ul li{ background-color:#f5f5f5; float:left; width:23.75rem; height:16.25rem; margin-right:1.875rem; position:relative;}
.i_honor #carousel ul li img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; max-width:96%; max-height:96%; }

.i_honor #wrapper .prev,.i_honor #wrapper .next{ position: absolute; height: 2rem; width: 1.25rem; background-repeat: no-repeat; background-size: auto 100%; background-position: center; top: 50%; margin-top: -1rem;}
.i_honor #wrapper .prev{ background-image: url(../images/i_honor_l_h.png); left: 0px; margin-left:-3.75rem;}
.i_honor #wrapper .prev:hover{ background-image: url(../images/i_honor_l_b.png);}			
.i_honor #wrapper .next{ background-image: url(../images/i_honor_r_h.png); right: 0px; margin-right: -3.75rem;}
.i_honor #wrapper .next:hover{ background-image: url(../images/i_honor_r_b.png);}				
.i_honor #carousel .pager{ display: none !important; }

.i_honor .i_sj_honor{ display: none; }

/*Product*/
.i_cp{ padding: 5rem 0px; }
.i_cp .con{ overflow: hidden; margin-top: 2rem; }
.i_cp .con div{ overflow: hidden; }
.i_cp .con div.l{ float: left; width: 48.667%;}
.i_cp .con div.l dl{ overflow: hidden; }
.i_cp .con div.l dl.t{ height: 17.75rem; }
.i_cp .con div.l dl.f{ height: 14.25rem; margin-top: 2.5rem; }
.i_cp .con div.l dl.f img{ width: 47.262%; }
.i_cp .con div.l dl.f img.l{ float: left; }
.i_cp .con div.l dl.f img.r{ float: right; }
.i_cp .con div.r{ float: right; width: 48.167%; }

/*i_cpyy*/
.i_cpyy_tit{ text-align: center; font-size: 3rem; color: #1f2c5e; font-weight: bold; padding-top: 5rem; }
.i_cpyy,.i_cpyy li{ overflow: hidden; width: 100%; }
.i_cpyy li .bg{ padding:6rem 0px; width: 100%; overflow: hidden;}
.i_cpyy li .bg .width1200{ position: relative; }
.i_cpyy li .bg .width1200 div.l{ width: 48.667%; display:flex; align-items:center; position: absolute; top: 0px; bottom: 0px; }
.i_cpyy li .bg .width1200 div.l div{ margin-left:15%; width: 85%;}
.i_cpyy li .bg .width1200 div.l div dd{ font-size: 3rem; font-weight: bold; color: #1f2c5e; }
.i_cpyy li .bg .width1200 div.l div ol{ margin-top:2rem; overflow: hidden; font-size: 1.125rem;}
.i_cpyy li .bg .width1200 div.l div ol a,.i_cpyy li .bg .width1200 div.l div ol a i{  height:3.375rem; line-height:3.375rem; display:inline-block;transition: all 0.5s ease;}
.i_cpyy li .bg .width1200 div.l div ol a{float:left; background-color:#1f2c5e; padding:0px 2.5rem; border:1px solid#1f2c5e; color:#ffffff;}
.i_cpyy li .bg .width1200 div.l div ol a:hover{ background-color: #ffffff; color: #1f2c5e;transition: all 0.5s ease;}
.i_cpyy li .bg .width1200 div.l div ol a i{ float: right; margin:0px 2rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.i_cpyy li .bg .width1200 div.l div ol a:hover i{ margin-left:4rem; margin-right:0px; background-image: url(../images/jt_l.png); transition: all 0.5s ease;}
.i_cpyy li .bg .width1200 div.r{ width: 48.667%; }

.i_cpyy li.l .bg .width1200 div.l{ right: 0px; }
.i_cpyy li.l .bg .width1200 div.r{ float: left; }
.i_cpyy li.r .bg{background-color: #f5f5f5;}
.i_cpyy li.r .bg .width1200 div.l{ left: 0px; }
.i_cpyy li.r .bg .width1200 div.r{ float: right; }

/*pf*/
.pf{ position:fixed; z-index:99; left:0px; top: 50%; margin-top: -3rem; background-color:#ffffff; box-shadow:0px 0px 0.75rem 0px rgba(0,0,0,0.14); padding:1rem 0px; border-radius:0.5rem; overflow:hidden; }
.pf div{ font-size:1.125rem; line-height:2; }
.pf div a{ color:#333333; padding:0px 1rem; display:block; text-transform:capitalize; }
.pf div a i.fa{ margin-right:0.5rem; color:#1f2c5e; font-size:1.25rem; }
.pf div a:hover{ background-color:#1f2c5e; color:#ffffff; }
.pf div a:hover i.fa{ color:#ffffff; }

/*foot_bg*/
.foot_bg{ width: 100%; background-color: #1f2c5e; overflow: hidden; }
.foot_bg .width1200{ padding: 3.75rem 0px 2rem; }
.foot_bg .width1200 div.hidden{}
.foot_bg .width1200 div.hidden.t{ margin-bottom: 1rem; min-height: 18rem; }
.foot_bg .width1200 div.hidden.t div.l{ float: left; width: 12%;}

.foot_bg .width1200 div.hidden.t ul.l,.foot_bg .width1200 div.hidden.t ul.l li{ overflow: hidden; }
.foot_bg .width1200 div.hidden.t ul.l{ float: left; width: 50%; margin-left:2%;}
.foot_bg .width1200 div.hidden.t ul.l li{ float: left; width: 33.3333333333%; }
.foot_bg .width1200 div.hidden.t ul.l li a{ color: #ffffff; font-size: 1rem;}
.foot_bg .width1200 div.hidden.t ul.l li dd{}
.foot_bg .width1200 div.hidden.t ul.l li dl{margin-top: 1rem;}
.foot_bg .width1200 div.hidden.t ul.l li dl a{ display: block; line-height: 2.5; }
.foot_bg .width1200 div.hidden.t ul.l li dl a:hover{ opacity: 0.5; }

.foot_bg .width1200 div.hidden.t div.r{ float: right; color: #ffffff; width: 28.75%; font-size: 1rem;}
.foot_bg .width1200 div.hidden.t div.r dd{ margin-bottom: 1rem; text-transform: uppercase;}
.foot_bg .width1200 div.hidden.t div.r dl{ line-height: 2.2; }

.foot_bg .width1200 div.hidden.f{ border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1rem;}
.foot_bg .width1200 div.hidden.f dl{ overflow: hidden; }
.foot_bg .width1200 div.hidden.f dl.l{ float: left; font-size:1rem; color: rgb(255,255,255,0.5); line-height: 2.5rem;}
.foot_bg .width1200 div.hidden.f dl.l a{ color: rgb(255,255,255,0.5);}
.foot_bg .width1200 div.hidden.f dl.l a:hover{ color: rgb(255,255,255,1);}
.foot_bg .width1200 div.hidden.f dl.r{ float: right; font-size: 1.5rem; text-align: center;}
.foot_bg .width1200 div.hidden.f dl.r a{ display:block; float:left; border:2px solid #ffffff; height:2.5rem; line-height:2.5rem; opacity:0.5; width:2.5rem; border-radius:50%; color:#ffffff; margin-left:1rem; transition:all 1s ease;}
.foot_bg .width1200 div.hidden.f dl.r a:hover{ opacity: 1; transition: all 1s ease;}

/*动画效果*/
#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9{position:relative; padding-top: 60vh; margin-top:-60vh;}
#i1{ z-index:9;}
#i2{ z-index:8;}
#i3{ z-index:7;}
#i4{ z-index:6;}
#i5{ z-index:5;}
#i6{ z-index:4;}
#i7{ z-index:3;}
#i8{ z-index:2;}
#i9{ z-index:1;}

#i1 .i_who dl{ opacity: 0; margin-top: 3rem; }
#i1.on .i_who dl{ opacity: 1; margin-top: 0px; transition: all 1s ease; }

#i2 .i_about .hidden.l{ opacity: 0; margin-left:-30%; }
#i2.on .i_about .hidden.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

#i3 .i_honor #wrapper{ opacity: 0; margin-top: 3rem; }
#i3.on .i_honor #wrapper{ opacity: 1; margin-top: 0px; transition: all 1s ease; }

#i4 .i_cp .con div.l{ opacity: 0; margin-left:-30%; }
#i4.on .i_cp .con div.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

.i_cpyy li.l#i5 .bg .width1200 div.l{ opacity: 0; margin-right:-30%; }
.i_cpyy li.l#i5.on .bg .width1200 div.l{ opacity: 1; margin-right: 0px; transition: all 1s ease;}

.i_cpyy li.r#i6 .bg .width1200 div.l{ opacity: 0; margin-left:-30%; }
.i_cpyy li.r#i6.on .bg .width1200 div.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

.i_cpyy li.l#i7 .bg .width1200 div.l{ opacity: 0; margin-right:-30%; }
.i_cpyy li.l#i7.on .bg .width1200 div.l{ opacity: 1; margin-right: 0px; transition: all 1s ease;}

.i_cpyy li.r#i8 .bg .width1200 div.l{ opacity: 0; margin-left:-30%; }
.i_cpyy li.r#i8.on .bg .width1200 div.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

/*ny_tit*/
.ny_tit{ font-size: 1rem; color: #333333; }
.ny_tit a{ color: #333333;}
.ny_tit a:hover{color: #1f2c5e;}

/*about_con*/
.about_tit{ font-size: 3rem; color: #1f2c5e; font-weight: bold; margin-bottom: 1.5rem;}
.about_con{ padding: 4rem 0px; }
.about_con .con{ margin-top:3rem; overflow: hidden; }
.about_con .con dd{ font-weight: bold; font-size:3rem; color: #1f2c5e; }
.about_con .con dl{ font-size: 1rem; color: #333333; line-height: 2.2; margin-top: 1.5rem; }
.about_con .con ol{ margin-top: 4rem; }

.about_con ul.dt,.about_con ul.dt li{ overflow: hidden; }
.about_con ul.dt{ margin-top: 5rem; background: url(../images/about_dt.jpg) no-repeat scroll center top; background-size: 100% auto; min-height:20rem; }
.about_con ul.dt li{ float: left; border-top: 1px solid #1f2c5e; margin-bottom: 3rem; height: 15rem; padding-top: 2rem; width: 31.667%; margin-right:12%; }
.about_con ul.dt li ol{ font-size: 1.125rem; color: #999999; }
.about_con ul.dt li dd{ margin-top: 3rem; position: relative; color: #1f2c5e;}
.about_con ul.dt li dd b{ font-size: 4.5rem; }
.about_con ul.dt li.l2 dd i{ font-size: 4.5rem; }
.about_con ul.dt li.l3 dd i{ font-size: 1.5rem; position: absolute; top: 0px; }

.about_con .about_ywbm{font-size: 1rem; color: #333333; line-height: 2.2;}
.about_con .about_ywbm_tp{ margin-top: 3rem; overflow: hidden;}
.about_con .about_ywbm_tp li{ overflow: hidden; width: 48.667%; margin-bottom: 5rem;}
.about_con .about_ywbm_tp li.l{ float: left; }
.about_con .about_ywbm_tp li.r{ float: right; }

.about_con .about_ryzs,.about_con .about_ryzs li{ overflow: hidden; }
.about_con .about_ryzs{ width: 102%; }
.about_con .about_ryzs li{ float: left; width: 31.046%; margin-right:2.288%; margin-bottom: 2rem;}
.about_con .about_ryzs li ol{ background-color: #f5f5f5; height:16.25rem; position: relative;}
.about_con .about_ryzs li ol img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; max-width:96%; max-height:96%; }
.about_con .about_ryzs li dd{ font-size: 1.125rem; color: #333333; padding: 1rem 0px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}

/*Product*/
.Product_t{ padding: 3rem 0px 5rem; }

.cp_gd,.cp_gd #gundiv,.cp_gd #gundiv ul,.cp_gd #gundiv ul li{height:29.25rem;}
.cp_gd{ overflow: hidden; width: 100%; max-width: 1920px; margin:0px auto; position:relative; padding-bottom: 3.375rem;}
.cp_gd a.hScrollPane_leftarrow,.cp_gd a.hScrollPane_rightarrow{ display: none; }
.cp_gd #gundiv{ width:100%; position:relative;display:inline;overflow:hidden;}
.cp_gd #gundiv ul{position: absolute; width:10000px;}
.cp_gd #gundiv ul li{ float:left;position:relative; margin-right:32px;cursor: grab;}
.cp_gd .hScrollPane_dragbar{position: absolute;max-width:1200px; width:90%; left:0px; right: 0px; bottom: 0px; margin:auto; height: 6px; background-color: #eeeeee;}
.cp_gd .hScrollPane_draghandle{ position: absolute; width: 7.5rem; background-color: #4b76f1; height: 6px; left: 0px; }

.cp_sj_gd{ display: none; }

.Product_con{ padding: 3rem 0px 4rem; }
.Product_con div.t{ height: 6px; background-color: #eeeeee; position: relative; }
.Product_con div.t i{ position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: #4b76f1; width: 7.5rem; }
.Product_con div.n{background-color: #eeeeee; border-left: 6px solid #0000ee; font-size: 1.5rem; color: #1f2c5e; padding:0.6rem 1rem; }

.Product_con div.bg{ overflow: hidden; width: 100%; }
.Product_con ul,.Product_con ul li{ overflow: hidden; }
.Product_con ul{ margin: 1.5rem 0px; border:1px solid #cccccc; min-height: 80vh;}
.Product_con ul li{ font-size: 1.125rem; color: #1f2c5e;}
.Product_con ul li div{ float: left; border-left: 1px solid #cccccc; margin-left: -1px;}
.Product_con ul li div.d0{ width: 16%; }
.Product_con ul li div.d1{ width: 11.5%; }
.Product_con ul li div.d2{ width: 23.5%; }
.Product_con ul li div.d3{ width: 12.5%; }
.Product_con ul li div.d4{ width: 12.5%; }
.Product_con ul li div.d5{ width: 11.5%; }
.Product_con ul li div.d6{ width: 11.5%; }
.Product_con ul li.t{ background-color: #f5f5f5; }
.Product_con ul li.t div.bg{ height: 6.75rem; display:flex; align-items:center;}
.Product_con ul li.t div.d0 dl{ padding-left:25%; width: 75%; }
.Product_con ul li.t div.d1 dl{ padding-left:25%; width: 75%; }
.Product_con ul li.t div.d2 div,.Product_con ul li.t div.d2 div dl{ width: 100%; }
.Product_con ul li.t div.d2 div dl{ overflow: hidden;line-height: 3.375rem;}
.Product_con ul li.t div.d2 div dl.t{ text-align: center; height: 3.375rem;  border-bottom: 1px solid #cccccc; }
.Product_con ul li.t div.d2 div dl.f{ margin-top: -1px; text-align: center;}
.Product_con ul li.t div.d2 div dl.f ol{ float: left; width: 50%; height: 3.375rem; border-left:1px solid #cccccc; margin:0px -1px;}
.Product_con ul li.t div.d3 dl{ padding-left:15%; width: 75%;}
.Product_con ul li.t div.d4 dl{ padding-left:15%; width: 75%;}
.Product_con ul li.t div.d5 dl{ padding-left:20%; width: 75%;}
.Product_con ul li.t div.d6 dl{ padding-left:20%; width: 75%;}
.Product_con ul li.c{ border-top: 1px solid #cccccc;}
.Product_con ul li.c div{ height: 3rem; line-height: 3rem; text-align: center;}
.Product_con ul li.c div.d0{ background-color: #f5f5f5;}
.Product_con ul li.c div.d2 ol{ float: left; width: 50%; height: 3.375rem; border-left:1px solid #cccccc; margin:0px -1px; }

.Product_con div.f{ font-size: 1rem; color: #333333; overflow: hidden; }

/* ny_banner */
.ny_banner{ width: 100%; position: relative; overflow: hidden; }
.ny_banner i.bg{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-size: cover; z-index: 0; }
.ny_banner .width1200{ height:36.25rem; position: relative; z-index: 8;  display:flex; align-items:center;}
.ny_banner .width1200 div{ width: 100%; color: #ffffff; }
.ny_banner .width1200 div dd{ font-size: 3rem; font-weight: bold; }
.ny_banner .width1200 div ol{ margin-top: 2rem; overflow: hidden; color: #1f2c5e; font-size:1.125rem;}
.ny_banner .width1200 div ol a{ display: block; float: left; height: 3.75rem; line-height: 3.75rem; background-color: #ffffff;  width: 100%; max-width: 225px; text-align: center; font-weight: bold; color: #1f2c5e;}
.ny_banner .width1200 div ol a:hover{background-color: #1f2c5e; color: #ffffff;}

.ny_banner .width1200 div dl{ margin-top: 1.25rem; overflow: hidden; font-size: 1.125rem; font-weight: bold; }
.ny_banner .width1200 div dl a,.ny_banner .width1200 div dl a i{ height: 3.75rem; line-height: 3.75rem; display:inline-block;}
.ny_banner .width1200 div dl a{ float: left; background-color: #1f2c5e; color: #ffffff; padding:0px 2rem; }
.ny_banner .width1200 div dl a:hover{ background-color: #ffffff; color: #1f2c5e;}
.ny_banner .width1200 div dl a i{ float: right; margin-left:4rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.ny_banner .width1200 div dl a:hover i{ background-image: url(../images/jt_l.png); }

/*cp_xgyy*/
.cp_xgyy{ padding:3.25rem 0px 4.75rem; }
.cp_xgyy .con{ overflow: hidden; min-height: 40vh; padding:3.75rem 0px 8.75rem;  border-bottom: 1px solid #cccccc;}
.cp_xgyy .con .hidden{ float: right; max-width: 995px; width: 100%; }
.cp_xgyy .con .hidden dd{ font-size: 3rem; color: #1f2c5e; font-weight: bold; margin-bottom:1.5rem; }
.cp_xgyy .con .hidden dl{ font-size: 1.125rem; color: #333333; line-height:1.75; }
.cp_xgyy .con .hidden dl strong{ font-size: 1.5rem; }
.cp_xgyy .con .hidden dl table,.cp_xgyy .con .hidden dl table tbody{ width: 100%; }
.cp_xgyy .con .hidden dl table tbody tr td{ text-align: center; }
.cp_xgyy .con .hidden dl table tbody tr td img{ max-width: 90%; }

.cp_xgyy .cp_jj{ margin-top: 4.75rem; position: relative; overflow: hidden;}
.cp_xgyy .cp_jj .hidden{ width: 48.5%; }
.cp_xgyy .cp_jj .hidden.l{ float: left; }
.cp_xgyy .cp_jj .hidden.l.qh{ position:relative; overflow:hidden;}
.cp_xgyy .cp_jj .hidden.l.qh .slides{ overflow:hidden;}
.cp_xgyy .cp_jj .hidden.l.qh .slides li{}
.cp_xgyy .cp_jj .hidden.l.qh .flex-control-nav{ display: none; }
.cp_xgyy .cp_jj .hidden.l.qh .flex-direction-nav{ opacity: 0; }
.cp_xgyy .cp_jj .hidden.l.qh:hover .flex-direction-nav{ opacity: 1; }
.cp_xgyy .cp_jj .hidden.l.qh .flex-direction-nav li a{ position:absolute; background-color: #ffffff; width: 3rem; height: 3rem; border-radius: 50%; line-height:2.75rem; top: 50%; font-size:2rem; text-align: center; color: #1f2c5e; margin-top: -1.5rem; }
.cp_xgyy .cp_jj .hidden.l.qh .flex-direction-nav li a:hover{ opacity: 0.8; }
.cp_xgyy .cp_jj .hidden.l.qh .flex-direction-nav li a.flex-prev{ left: 1rem; }
.cp_xgyy .cp_jj .hidden.l.qh .flex-direction-nav li a.flex-next{ right: 1rem; }

.cp_xgyy .cp_jj .hidden.r{ position: absolute; right: 0px; top: 0px; bottom: 0px; display:flex; align-items:center;}
.cp_xgyy .cp_jj .hidden.r div{ width: 100%; }
.cp_xgyy .cp_jj .hidden.r div dl{ font-size:1.125rem; color:#333333; line-height:1.5;}
.cp_xgyy .cp_jj .hidden.r div ol{ margin-top: 3rem; overflow: hidden; }
.cp_xgyy .cp_jj .hidden.r div ol a,.cp_xgyy .cp_jj .hidden.r div ol a i{  height:3.375rem; line-height:3.375rem; display:inline-block;transition: all 0.5s ease;}
.cp_xgyy .cp_jj .hidden.r div ol a{float: left; background-color: #1f2c5e; padding: 0px 1.5rem; border:1px solid #1f2c5e; color: #ffffff; }
.cp_xgyy .cp_jj .hidden.r div ol a:hover{ background-color: #ffffff; color: #1f2c5e;transition: all 0.5s ease;}
.cp_xgyy .cp_jj .hidden.r div ol a i{ float: right; margin:0px 1.5rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.cp_xgyy .cp_jj .hidden.r div ol a:hover i{ margin-left:3rem; margin-right:0px; background-image: url(../images/jt_l.png); transition: all 0.5s ease;}

/*lxwm_f*/
.lxwm_f{ padding-bottom: 7.5rem; overflow: hidden;}
.lxwm_f .width1200{ float: right; border-top: 1px solid #cccccc; padding-top: 1rem;}
.lxwm_f .width1200 .ms{ margin-top:1.5rem; font-size: 1.125rem; color: #333333; width: 80%; max-width: 600px; }
.lxwm_f .width1200 form{ display: block; margin-top:2.5rem; max-width: 600px; }
.lxwm_f .width1200 form div.form-group{ overflow: hidden; margin-bottom: 2rem; }
.lxwm_f .width1200 form div.form-group label.control-label{ display: none; }
.lxwm_f .width1200 form div.form-group div.col-md-10{ background-color: #f5f5f5; padding: 0px 4%;}
.lxwm_f .width1200 form div.form-group div.col-md-10 span{ display: none; }
.lxwm_f .width1200 form div.form-group div.col-md-10 input,.lxwm_f .width1200 form div.form-group div.col-md-10 textarea{background-color: #f5f5f5; border:0px; outline:none; color: #333333; font-size: 1.125rem;}
.lxwm_f .width1200 form div.form-group div.col-md-10 input::-webkit-input-placeholder,.lxwm_f .width1200 form div.form-group div.col-md-10 textarea::-webkit-input-placeholder{ color: #999999; }
.lxwm_f .width1200 form div.form-group div.col-md-10 input{ height: 3rem; line-height: 3rem; }
.lxwm_f .width1200 form div.form-group#dr_row_message div.col-md-10{ padding: 1rem 4%; }
.lxwm_f .width1200 form div.fg{ font-size: 1.125rem; color: #999999; overflow: hidden;}
.lxwm_f .width1200 form div.fg a{color: #999999;}
.lxwm_f .width1200 form div.fg a:hover{ color: #1f2c5e;}
.lxwm_f .width1200 form div.fg input{ width: 1rem; height: 1rem; margin-top: 0.25rem; margin-right: 3%; float: left;}
.lxwm_f .width1200 form div.fg dl{ float: left; }
.lxwm_f .width1200 form div.b{ margin-top: 2rem; overflow: hidden; }
.lxwm_f .width1200 form div.b dl{ float: left;  height:3rem; line-height:3rem;font-size: 1.125rem; color: #999999;}
.lxwm_f .width1200 form div.b button,.lxwm_f .width1200 form div.b button i{ height:3rem;line-height:3rem; display:inline-block;transition: all 0.5s ease;}
.lxwm_f .width1200 form div.b button{ display:block; float: right; background-color: #1f2c5e; padding: 0px 1.5rem; border:1px solid #1f2c5e; color: #ffffff; font-size: 1.125rem;}
.lxwm_f .width1200 form div.b button:hover{ background-color: #ffffff; color: #1f2c5e;transition: all 0.5s ease;}
.lxwm_f .width1200 form div.b button i{ float: right; margin:0px 2rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.lxwm_f .width1200 form div.b button:hover i{ margin-left:4rem; margin-right:0px; background-image: url(../images/jt_l.png); transition: all 0.5s ease;}

/*contact us*/
.banner_lxwm{ width: 100%; overflow: hidden; background-image: linear-gradient(to right, #202d62, #2848c2);}
.banner_lxwm .width1200{padding: 3.75rem 0px; color: #ffffff; }
.banner_lxwm .width1200 div.t{ overflow: hidden; margin-bottom:4rem;}
.banner_lxwm .width1200 div.t i,.banner_lxwm .width1200 div.t span{ display: block;}
.banner_lxwm .width1200 div.t i{ float: left; font-size:3rem; margin-right: 1rem;}
.banner_lxwm .width1200 div.t span{ float: left; font-size: 2.25rem;}
.banner_lxwm .width1200 form{ display: block; overflow: hidden;}
.banner_lxwm .width1200 form div.form-group{ overflow: hidden; margin-bottom: 2rem; }
.banner_lxwm .width1200 form div.form-group label.control-label{ display: none; }
.banner_lxwm .width1200 form div#dr_row_title,.banner_lxwm .width1200 form div#dr_row_company{ float: left; width: 45%;}
.banner_lxwm .width1200 form div#dr_row_name,.banner_lxwm .width1200 form div#dr_row_email{ float: right;  width: 45%;}
.banner_lxwm .width1200 form div#dr_row_message,.banner_lxwm .width1200 form div.fg{ width: 100%; float: left; }
.banner_lxwm .width1200 form div.form-group div.col-md-10{ background-color: #f5f5f5; padding: 0px 4%;}
.banner_lxwm .width1200 form div.form-group div.col-md-10 span{ display: none; }
.banner_lxwm .width1200 form div.form-group div.col-md-10 input,.banner_lxwm .width1200 form div.form-group div.col-md-10 textarea{background-color: #f5f5f5; border:0px; outline:none; color: #333333; font-size: 1.125rem;}
.banner_lxwm .width1200 form div.form-group div.col-md-10 input::-webkit-input-placeholder,.banner_lxwm .width1200 form div.form-group div.col-md-10 textarea::-webkit-input-placeholder{ color: #999999; }
.banner_lxwm .width1200 form div.form-group div.col-md-10 input{ height: 3rem; line-height: 3rem; }
.banner_lxwm .width1200 form div.form-group#dr_row_message div.col-md-10{ padding: 1rem 2%; }

.banner_lxwm .width1200 form div.fg{ overflow: hidden; }
.banner_lxwm .width1200 form div.fg div{ overflow: hidden; height:3rem; line-height:3rem;}
.banner_lxwm .width1200 form div.fg div.l{ float: left;  width:55%;}
.banner_lxwm .width1200 form div.fg div.l{ font-size: 1.125rem; color: #ffffff; overflow: hidden;}
.banner_lxwm .width1200 form div.fg div.l a{color: #ffffff;}
.banner_lxwm .width1200 form div.fg div.l a:hover{ opacity: 0.8;}
.banner_lxwm .width1200 form div.fg div.l input{ width: 1rem; height: 1rem; margin-top:1rem; margin-right: 3%; float: left;}
.banner_lxwm .width1200 form div.fg div.l dl{ float: left; }
.banner_lxwm .width1200 form div.fg div.r{ float: right;  width: 40%;}
.banner_lxwm .width1200 form div.fg div.r dl{ float: left; }
.banner_lxwm .width1200 form div.fg div.r button,.banner_lxwm .width1200 form div.fg div.r button i{height:3rem; line-height:3rem; display:inline-block;transition: all 0.5s ease;}
.banner_lxwm .width1200 form div.fg div.r button{ display:block; float: right; background-color: #1f2c5e; padding: 0px 1.5rem; border:1px solid #1f2c5e; color: #ffffff; font-size: 1.125rem;}
.banner_lxwm .width1200 form div.fg div.r button:hover{ background-color: #ffffff; color: #1f2c5e;transition: all 0.5s ease;}
.banner_lxwm .width1200 form div.fg div.r button i{ float: right; margin:0px 2rem; background:url(../images/jt_b.png) no-repeat scroll center; background-size:100% auto; width: 1.5rem;}
.banner_lxwm .width1200 form div.fg div.r button:hover i{ margin-left:4rem; margin-right:0px; background-image: url(../images/jt_l.png); transition: all 0.5s ease;}

.lxwm_con{ padding: 6.75rem 0px; min-height: 20rem;}
.lxwm_con div.l{float: left; font-size: 7.5rem; color: #333333; font-weight: bold; width: 45%; line-height: 1; margin-top: -0.75rem;}
.lxwm_con div.r{ float: right; width: 50%; font-size: 1.125rem; color:#333333; line-height: 1.75; }
.lxwm_con div.r a{ color:#333333;}
.lxwm_con div.r a:hover{ color: #1f2c5e; }

/*data protection regulations*/
.popupbox a.popupbox_i{position:absolute; width:2rem; height:2rem; background:url(../images/gb.png) no-repeat scroll center; background-size: 100%; right: 0; margin-right: -4rem; margin-top: -1rem;}
.popupbox{width:90%; max-width:640px; height:80vh;border-radius:0.5rem;display: none;position: fixed;top: 50%; left: 50%;z-index:9999992;background:#ffffff;}
.popupbox div.con{ padding:2rem; }
.popupbox div.con dd{ font-size:2rem; font-weight: bold; text-transform:uppercase; text-align: center;}
.popupbox div.con dl{ font-size:1.125rem;padding-right:1rem;line-height:2;margin-top:1rem;height:70vh;overflow-x:hidden;overflow-y:auto; margin-right: -1rem;}
.popupbox div.con dl::-webkit-scrollbar{width:0.5rem;}
.popupbox div.con dl::-webkit-scrollbar-track{background-color: #cccccc;}
.popupbox div.con dl::-webkit-scrollbar-thumb{background-color: #1f2c5e;}
.popupbox div.con dl::-webkit-scrollbar-thumb:hover{background-color: #1f2c5e;}
.popupbox div.con dl::-webkit-scrollbar-thumb:active{background-color:#cccccc;}

#fade{display:none;background: #000000;position: fixed; left: 0; top: 0;width: 100%; height:100%;opacity: .80;z-index:9999991;}

/*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,.w404 .c a:hover{transition: all .5s ease; display: block;}
.w404 .c a{ width: 80%; max-width: 180px; margin:2rem auto 0px; height: 3rem; line-height: 3rem; font-size: 1rem; color: #ffffff; background-color: #d66f09;}
.w404 .c a:hover{ background-color: #ee7c30;}

/*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,.msg div.c dl a:hover{transition:all .5s ease;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;}