@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;}
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:20px;}
@media only screen and (max-width:1920px){
	html,body{font-size:16px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1280px){
	html,body{font-size:12px;}
}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1420{ width:80%; max-width: 1420px;}
img{max-width:100%; max-height:100%;}
/* top_bg */
.top_bg,.top_bg .width1420,.top_bg .width1420 a.logo,.top_bg .width1420 a.so,.top_bg .width1420 a.en{ height: 6.125rem;}
.top_bg{ position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999; }
.top_bg .width1420 a.logo{ float: left;  display:flex;align-items:center; max-width: 30%;}
.top_bg .width1420 a.logo .g,.top_bg.new .width1420 a.logo .k{ display: none; }
.top_bg.new .width1420 a.logo .g{ display: block; }
.top_bg .width1420 a.so{ float: right; display: block; width: 1.125rem; background: url(../images/so.png) no-repeat scroll center; background-size: 100% auto;}
.top_bg .width1420 a.so:hover{ opacity: 0.8; }
.top_bg .width1420 div.lm{ float: right; margin-right:2%; width:64%; text-align: right;}
.top_bg .width1420 div.lm span{ margin-left:2%;}
.top_bg .width1420 div.lm span a.n{ font-size: 1rem; line-height: 6.125rem; color: #ffffff; }
.top_bg .width1420 div.lm span a.n:hover{ opacity: 0.8; }
.top_bg .width1420 div.lm span a.n i{ margin-left: 0.5rem; }

.ny_top_bg .width1420 a.logo{ max-width: 15%; }
.ny_top_bg .width1420 div.lm{ width:76%;}


.top_bg.new .width1420 a.so,.ny_top_bg .width1420 a.so{ background-image: url(../images/so3.png); }
.top_bg.new,.ny_top_bg.new{ background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.top_bg.new .width1420 a.so:hover,.ny_top_bg .width1420 a.so:hover{ background-image: url(../images/so2.png); }
.ny_top_bg{ background-color: #ffffff; }
.top_bg.new .width1420 div.lm span a.n,.ny_top_bg .width1420 div.lm span a.n{ color: #333333; }
.top_bg.new .width1420 div.lm span a.n:hover,.ny_top_bg .width1420 div.lm span a.n:hover{ color:#0550c3; opacity: 1; }

.top_bg .width1420 a.en{ display: block; float: right; margin-right: 2%;  display:flex;align-items:center;font-size: 1rem; color: #ffffff;}
.top_bg .width1420 a.en:hover{ opacity: 0.8; }
.top_bg.new .width1420 a.en,.ny_top_bg .width1420 a.en{ color: #333333; }
.top_bg.new .width1420 a.en:hover,.ny_top_bg .width1420 a.en:hover{ color:#0550c3; opacity: 1; }

/*so_bg*/
.so_bg{ width: 100%;background-color: #ffffff; position: fixed; top:6.125rem; display: none; z-index: 9999991;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); border-top: 1px solid #eeeeee;}
.so_bg.now{ top:6.125rem; }
.so_bg.x{ display: block; }
.so_bg a.so_gb{ background: url(../images/gb2.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/gb.png); }
.so_bg .width1480{ height: 3rem; padding: 1rem 0px; overflow: initial;}
.so_bg .width1480 .search-form{ margin:0px 1rem;  border:1px solid #0550c3; 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;}
.so_bg .width1480 .search-form div button{ border: 0px; background: none; padding:0px 10px; font-size:1.25rem; line-height: 3rem;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:#0550c3;}
.so_bg .width1480 .search-form .fl{ outline:none; border: 0px; font-size: 1.25rem; height: 3rem; line-height: 3rem; width:50%;}
.so_bg .width1480 .search-form .fr{ width:5rem; font-size: 1.5rem; background-color:#0550c3; color: #ffffff;  height: 3rem; border: 0px;  outline:none;border-top-right-radius:2rem;border-bottom-right-radius: 2rem;}

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

/*cp_xl*/
.cp_xl{ position: fixed; border-top: 1px solid #eeeeee; background-color:#ffffff; width: 100%; overflow: hidden;top:6.125rem; z-index:9999991;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); left: 0px; text-align:left; max-height: 0px;  opacity: 0;transition: all .5s ease;}
.top_bg .width1420 div.lm span:hover .cp_xl{ min-height: 25rem; max-height: 9999999999999vh; opacity: 1;transition: all .5s ease;}
.cp_xl .width1420{ padding: 2rem 0px 2.5rem; height: auto; position: relative; }
.cp_xl .width1420 .l{ float: left; width: 32%;}
.cp_xl .width1420 .l dd{ font-size: 2.25rem; color: #282828; font-weight:400; }
.cp_xl .width1420 .l dl{ font-size: 1.125rem; color: #282828; line-height: 2.25rem; margin-top:2.5rem; }
.cp_xl .width1420 .l ol{ margin-top: 2.5rem; }
.cp_xl .width1420 .l ol a{ display: block; width: 8.75rem; height: 2.5rem; border-radius: 2.5rem; line-height: 2.5rem; font-size: 1rem; color: #ffffff; background: url(../images/dh_jt.png) no-repeat scroll 7.5rem center #173070; padding-left: 1.25rem;}
.cp_xl .width1420 .l ol a:hover{ background-color: #0550c3; }
.cp_xl .width1420 .r{ float: right; width: 66%; border-left: 1px solid #eeeeee; margin-left: -2px; min-height: 20rem; position: relative;}
.cp_xl .width1420 .r dd{ margin-left: 4%; }
.cp_xl .width1420 .r dd a.c{ display: block; font-size: 1rem; /*color: #999999;*/ color: #000000; line-height: 2rem; margin-top:1.25rem; width: 23%; }

.cp_xl .width1420 .r dd dl{ position: absolute; top:0px; bottom:0px; left:28%; width: 35%; max-width: 245px; border-left: 1px solid #eeeeee; background-color: #f5f5f5;opacity: 0;transition: all .5s ease; z-index: 0;}
.cp_xl .width1420 .r dd.o dl{ opacity: 1; transition: all .5s ease; z-index: 2;}
.cp_xl .width1420 .r dd dl i.fa{ color: #f5f5f5; font-size: 1.5rem; left: 0px; top: 50%; margin-top: -0.875rem; position: absolute; margin-left: -0.5rem; }
.cp_xl .width1420 .r dd dl a{ display: block; font-size: 1rem; /*color: #666666;*/color: #000000; padding-left:10%; margin-top:1.5rem;}
.cp_xl .width1420 .r dd dl a:hover{color: #0550c3;}

.cp_xl div.i{ position: absolute; top: 0px; right: 0px; width: 25.5%; max-width:580px; opacity: 0;transition: all .5s ease;}
.cp_xl div.i.o{ opacity: 1; transition: all .5s ease;}
.cp_xl div.i img{ margin-bottom: -4px; }
.cp_xl div.i div{ position: absolute; z-index: 2; color: #ffffff; left: 5%; right: 8%;}
.cp_xl div.i div.t{ top: 2rem; }
.cp_xl div.i div.t dd{ font-size: 5rem; text-align: right; font-weight:bold; }
.cp_xl div.i div.t dl{ font-size: 1rem; border-top: 1px solid #ffffff; padding-top:0.75rem; }
.cp_xl div.i div.f{ bottom: 0.875rem; font-size: 1rem;}
.cp_xl div.i div.f i{ position: absolute; height: 1px; background-color: #ffffff; width: 12%; max-width: 3rem; left: 0px; top: 50%; margin-top:-0.5px; }
.cp_xl div.i div.f span{ float: right; }

/* banner */
.banner{ position:relative; overflow:hidden; z-index: 20;}
.banner .slides{ overflow:hidden;}
.banner .slides li{overflow: hidden; background-repeat:no-repeat; background-position:center; background-size: auto 100%;}
.banner .slides li .width1420{ height:50rem;display:flex;align-items:center;}
.banner .slides li .width1420 .bg{ width: 100%; color: #ffffff; margin-left:-100px; opacity: 0;transition: all 2s ease;}
.banner .slides li.flex-active-slide .width1420 .bg{ margin-left:0px; opacity: 1; -webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.banner .slides li .width1420 .bg ol{ font-size: 1.5rem; }
.banner .slides li .width1420 .bg dd{ font-size: 3rem; margin-top: 0.875rem;}

.banner .flex-control-nav{ position:absolute; bottom:3.5rem;width:74.619%; left: 50%; margin-left: -37.3095%;}
.banner .flex-control-nav li{width:3.25rem;height:4px; border-radius: 2px; float: left; margin-right: 1rem; position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;top:0px; background-color:rgba(255,255,255,.5);}
.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 li a{ position: absolute; width: 1.5rem; height: 3rem; background-repeat: no-repeat; background-position: center; top: 50%; margin-top: -1.5rem; z-index: 1; transition: all .5s ease; opacity: 0.5;}
.banner .flex-direction-nav li a.flex-prev{ left: 5%; background-image: url(../images/banner_l.png);}
.banner .flex-direction-nav li a.flex-next{ right: 5%; background-image: url(../images/banner_r.png); }
.banner .flex-direction-nav li a:hover{ opacity: 1; transition: all .5s ease;}

/*i_about*/
.i_about{ padding:7.5rem 0px 10rem; }
.i_about .l{ float: left; width: 50%; max-width: 700px;}
.i_about .l ol{ font-size: 1rem; color: #01327e;  text-transform: uppercase; }
.i_about .l dd{ font-size: 2.25rem; font-weight: bold; color: #1a1a1a; margin-top:0.75rem;}
.i_about .l dl{ font-size: 1rem; color: #666666; text-align: justify; line-height: 2.25rem; margin-top: 1.5rem; height: 11.25rem; overflow: hidden; position: relative;}
.i_about .l dl i.dd{ position: absolute; background-color: #ffffff; height: 2.25rem; right: 0px; width: 57%; padding-left: 1%; bottom: 0px; z-index: 2; }

.i_about .l a{ display: block; margin-top: 2rem; height: 2.25rem; border-radius: 2rem; width: 7.75rem; background:url(../images/i_j.png) no-repeat scroll 7.5rem center #0550c3; font-size: 1rem; color: #ffffff; line-height: 2.25rem; padding-left: 1.5rem;}
.i_about .l a:hover{ background-color: #0a308b; transition: all .5s ease;}
.i_about .r{ float: right; width: 44%; text-align: right; }

/*i_cp_bg*/
.i_cp_bg{ width: 100%; background-color: #f5f5f5; overflow: hidden; padding: 4rem 0px; position: relative;}
.i_cp_bg .width1420{ height:52rem; position: relative; z-index: 2;}
.i_cp_bg .width1420 .tit{ position: absolute; left: 0px; top: 0px; }
.i_cp_bg .width1420 .tit ol{ font-size: 1rem; color: #0550c3; text-transform: uppercase;}
.i_cp_bg .width1420 .tit dd{ font-size: 2.25rem; color: #1a1a1a; font-weight:bold; margin-top: 0.5rem;}

.ck-slide { position: relative; overflow: hidden; width:100%; height:45.5rem; padding-top:6.5rem;}
.ck-slide ul.ck-slide-wrapper,.ck-slide ul.ck-slide-wrapper li{ position: absolute; left:0px; right:0px; bottom:0px;}
.ck-slide ul.ck-slide-wrapper{ top:6.5rem;}
.ck-slide ul.ck-slide-wrapper li{display:none; z-index: 0; top: 0px;}
.ck-slide ul.ck-slide-wrapper li.on{ display:block; z-index: 1;}
.ck-slide ul.ck-slide-wrapper li div.l{ float: left; width: 50%; max-width: 600px; padding-top:5rem; height:30rem; position: relative;}
.ck-slide ul.ck-slide-wrapper li div.l ol{ font-size: 3rem; font-weight: bold; color: #1a1a1a;}
.ck-slide ul.ck-slide-wrapper li div.l dd{ font-size: 1.5rem; margin-top: 1rem; margin-bottom:1.25rem; color: #1a1a1a;}
.ck-slide ul.ck-slide-wrapper li div.l dl{ font-size: 1rem; line-height: 2.25rem; text-align:justify;  color: #666666;}
.ck-slide ul.ck-slide-wrapper li div.l a{ position: absolute; bottom: 0px; height: 2.25rem; border-radius: 2rem; width: 7.75rem; background:url(../images/i_j.png) no-repeat scroll 7.5rem center #0550c3; font-size: 1rem; color: #ffffff; line-height: 2.25rem; padding-left: 1.5rem;}
.ck-slide ul.ck-slide-wrapper li div.l a:hover{ background-color: #0a308b; transition: all .5s ease;}

.ck-slide ul.ck-slide-wrapper li div.r{ float: right; width: 46%; max-width: 606px; background:url(../images/i_cp_yuan.png) no-repeat scroll center; background-size:100% auto; position: relative;  height: 37.875rem;}
.ck-slide ul.ck-slide-wrapper li div.r i.bg{ border:0.75rem solid #ffffff; width: 21.75rem; height: 21.75rem; position: absolute; top: 50%; left: 50%; border-radius: 50%; margin-top: -11.25rem; margin-left:-11.25rem;;}
.ck-slide ul.ck-slide-wrapper li div.r img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; max-width: 40%;}

.ck-slidebox{ width: 100%; left: 50%;}
.ck-slidebox .name{ position: absolute; top: 0px; right: 0px;}
.ck-slidebox .name ul{width:100%; overflow: hidden;}
.ck-slidebox .name ul li{ font-size:1rem; color:#999999; position: relative; float: left; margin-left:3rem;cursor: pointer; padding-bottom: 0.875rem;}
.ck-slidebox .name ul li.current,.ck-slidebox .name ul li:hover{color: #333333;}
.ck-slidebox .name ul li i{ position: absolute; bottom: 0px; left: 0px; height: 2px; width: 0px; background-color: #0550c3; transition: all .5s ease; }
.ck-slidebox .name ul li.current i{ width: 100%;  transition: all .5s ease;}

.ck-slidebox .dian{ bottom: 0px; left: 0px; position: absolute; z-index: 8;}
.ck-slidebox .dian ul{width:100%; overflow: hidden;}
.ck-slidebox .dian ul li{ float: left; width: 1.625rem; height: 1.625rem; background:url(../images/d.png) no-repeat scroll center; background-size: 100%; margin-right: 0.5rem; }
.ck-slidebox .dian ul li.current{ background-image: url(../images/d_n.png); animation: loading 10s infinite linear;}

@keyframes loading{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

.ck-slide .ck-prev,.ck-slide .ck-next{ position: absolute; width:2.3125rem; height:1.125rem; background-size:auto 100%; bottom: 0px; background-repeat:no-repeat; z-index: 9;opacity: 1 !important;transition: all .5s ease;}
.ck-slide .ck-prev:hover,.ck-slide .ck-next:hover{ transition: all .5s ease;}
.ck-slide .ck-prev{right:5rem; background-image: url(../images/jt_l.png);}
.ck-slide .ck-next {right:0px; background-image: url(../images/jt_r.png);}
.ck-slide .ck-prev:hover{ background-image: url(../images/jt_l2.png);}
.ck-slide .ck-next:hover{background-image: url(../images/jt_r2.png);}

/*i_tp*/
ul.i_tp,ul.i_tp li{ overflow: hidden; }
ul.i_tp{ width: 100%; }
ul.i_tp li{ float: left; width:25%; height: 42.5rem;transition: all .5s ease; cursor: pointer; position: relative;display:flex;align-items:center; background-size: auto 100%; background-repeat: no-repeat; background-position: center;}
ul.i_tp li.on{ width: 50%; transition: all .5s ease;}
ul.i_tp li div.bg{ opacity: 0; transition: all .5s ease; position: absolute; color: #ffffff; width: 68%; left: 25%;}
ul.i_tp li div.bg ol{ margin-bottom: 1.5rem; height: 3rem;}
ul.i_tp li div.bg dd{font-size: 2.25rem; margin-bottom: 1.25rem;}
ul.i_tp li div.bg dl{ font-size: 1rem; line-height: 2.25rem; text-align: justify;}
ul.i_tp li.on div.bg{ opacity: 1; transition: all .5s ease;}

ul.i_tp li div.f{ position: absolute; bottom: 4.5rem; text-align: center; color: #ffffff; width: 100%; opacity: 1; transition: all .5s ease;}
ul.i_tp li.on div.f{ opacity: 0; transition: all .5s ease; }
ul.i_tp li div.f ol{ margin-bottom:1.5rem; }
ul.i_tp li div.f dd{ font-size: 1.5rem;  font-weight:bold;}

/*i_hzkh*/
.i_hzkh{ padding: 5rem 0px; }
.i_hzkh div.t{ margin-bottom: 1.5rem; position: relative;}
.i_hzkh div.t ol{ font-size: 1rem; color: #01327e; text-transform: uppercase; }
.i_hzkh div.t dd{ font-size: 2.25rem; color: #333333; font-weight: bold; margin-top: 0.875rem; }
.i_hzkh div.t a{ position: absolute; right: 0px; font-size: 1rem; color: #0550c3; border:1px solid #0550c3;height: 2.25rem; border-radius: 2rem; width: 7.75rem; background:url(../images/i_j_n.png) no-repeat scroll 7.5rem center; line-height: 2.25rem; padding-left: 1.5rem; top: 50%; margin-top: -1.125rem;transition: all .5s ease;}
.i_hzkh div.t a:hover{ background-color: #0a308b; color: #ffffff; background-image: url(../images/i_j.png);transition: all .5s ease;}

.i_hzkh ul.f,.i_hzkh ul.f li{ overflow: hidden; }
.i_hzkh ul.f{ width: 102%; }
.i_hzkh ul.f li{ float: left; margin-bottom:2.5rem; height: 5rem; position: relative; width:15.2%; margin-right: 1.3%;}
.i_hzkh ul.f li a{ border:1px solid #eeeeee; overflow: hidden; border-radius: 0.5rem; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
.i_hzkh ul.f li a img{position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; margin:auto;transition: all .5s ease;}
.i_hzkh ul.f li a:hover img{transform: scale(1.1);transition: all .5s ease;}

/*i_mk*/
.i_mk{ width: 100%; background-color: #f5f5f5; overflow: hidden; }
.i_mk .width1420{ padding:6rem 0px; }
.i_mk .width1420 ul,.i_mk .width1420 ul li{ overflow: hidden; }
.i_mk .width1420 ul{ width: 102%; }
.i_mk .width1420 ul li{ width: 23.475%; max-height:20rem; background-repeat: no-repeat; background-position: center; float: left; margin-right: 1.4%;}
.i_mk .width1420 ul li a{ display: block; }
.i_mk .width1420 ul li a ol{ max-height:15rem; margin-bottom:0.75rem; overflow: hidden; border-radius:0.5rem;}
.i_mk .width1420 ul li a ol img{ margin-bottom: -4px; transition: all .5s ease;}
.i_mk .width1420 ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.i_mk .width1420 ul li a dd{ font-size: 1.5rem; color:#333333; text-align: center;}
.i_mk .width1420 ul li a:hover dd{ color: #0550c3; }

/*i_ljzx*/
.i_ljzx{ width:100%; height:22.5rem; background:url(../images/i_ljzx.jpg) no-repeat scroll center; display:flex;align-items:center; background-size:auto 100%;}
.i_ljzx .width1420{ color: #ffffff; text-align: center;}
.i_ljzx .width1420 ol{ font-size: 1.5rem; margin-bottom: 0.75rem;}
.i_ljzx .width1420 dd{ font-size: 2.25rem; font-weight:bold; }
.i_ljzx .width1420 a{ display: block; margin:1.75rem auto 0px; width: 9.25rem; border:1px solid #ffffff; height: 2.25rem; line-height: 2.25rem; border-radius: 2rem; font-size: 1rem; color: #ffffff; transition: all .5s ease;}
.i_ljzx .width1420 a:hover{ background-color: #ffffff; color: #0550c3; transition: all .5s ease;}

/*foot_bg*/
.foot_bg{ width: 100%; background-color: #0f0f21; }
.foot_bg .width1420{ padding: 4rem 0px 1rem; }
.foot_bg .width1420 .t{ border-bottom: 1px solid #444242; margin-bottom: 1rem; }
.foot_bg .width1420 .t div{ overflow: hidden; }
.foot_bg .width1420 .t div.v{ margin-bottom:2rem; }
.foot_bg .width1420 .t div.v div.l{ float: left; width: 55%;}
.foot_bg .width1420 .t div.v div.l a{ font-size: 1rem; color: #ffffff; }
.foot_bg .width1420 .t div.v div.l a:hover{ color:rgb(255,255,255,0.5); }
.foot_bg .width1420 .t div.v div.l i{ padding:0px 1%; color: #f5f5f5; }
.foot_bg .width1420 .t div.v div.c{ float: right; width:25%; max-width: 280px;}
.foot_bg .width1420 .t div.v div.c dd{ color: #ffffff; font-size: 1.5rem; font-weight:bold; }
.foot_bg .width1420 .t div.v div.c dl{ font-size: 1rem; color: #999999; margin-top: 0.75rem;}
.foot_bg .width1420 .t div.v div.r{ float: right; margin-left:2%; width: 15%; max-width: 100px; text-align: center;}
.foot_bg .width1420 .t div.v div.r ol{ margin-bottom:0.75rem; background-color: #ffffff; border-radius: 0.5rem; overflow: hidden;}
.foot_bg .width1420 .t div.v div.r ol img{ margin-bottom: -4px; }
.foot_bg .width1420 .t div.v div.r dd{ font-size: 0.875rem; color: #999999; }

.foot_bg .width1420 .t div.i{ margin-bottom: 2rem; }
.foot_bg .width1420 .t div.i img{ margin-bottom: -5px; max-height: 33px; }
.foot_bg .width1420 .f{ font-size: 0.875rem; color: #999999; }
.foot_bg .width1420 .f a{ color: #999999; }
.foot_bg .width1420 .f a:hover{ color: #ffffff; }

/*动画效果*/
#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_about .l{ opacity: 0; margin-left:-30%; }
#i1.on .i_about .l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}

#i2 .ck-slide ul.ck-slide-wrapper li div.l{ opacity: 0; margin-left:-30%;}
#i2 .ck-slide ul.ck-slide-wrapper li div.r{ opacity: 0; margin-right:-30%;}
#i2.on .ck-slide ul.ck-slide-wrapper li div.l{ opacity: 1; margin-left: 0px; transition: all 1s ease;}
#i2.on .ck-slide ul.ck-slide-wrapper li div.r{ opacity: 1; margin-right: 0px; transition: all 1s ease;}

#i3 ul.i_tp li div{ margin-top: 3rem; }
#i3.on ul.i_tp li div{ margin-top: 0px;transition: all 1s ease;}

#i4 .i_hzkh ul.f{ margin-top: 3rem; opacity: 0; }
#i4.on .i_hzkh ul.f{ margin-top:0px; opacity: 1; transition: all 1s ease;}

#i5 .i_mk .width1420 ul{ margin-top: 3rem; opacity: 0; }
#i5.on .i_mk .width1420 ul{ margin-top:0px; opacity: 1; transition: all 1s ease;}

#i6 .i_ljzx .width1420{ margin-top: 3rem; opacity: 0; }
#i6.on .i_ljzx .width1420{ margin-top:0px; opacity: 1; transition: all 1s ease;}

/*ny_banner_bg*/
.ny_banner_bg{ width: 100%; position: relative; overflow: hidden; margin-top:6.125rem;}
.ny_banner_bg i.bg{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-repeat: no-repeat; background-position: center; z-index: 0; background-size: auto 100%;}
.ny_banner_bg .width1420{ height: 30rem; position: relative; z-index: 2;display:flex;align-items:center; }
.ny_banner_bg .width1420 div.c{ text-align: center; color: #ffffff; width: 100%; }
.ny_banner_bg .width1420 div.c ol{ text-transform: uppercase;  font-size: 1rem;}
.ny_banner_bg .width1420 div.c dd{ font-size: 3rem; margin-top: 0.5rem; }

/*about*/
.about_jj{ padding: 6rem 0px 5rem; overflow: hidden;}
.about_jj div.l{ float: left; width: 49%; color: #333333;}
.about_jj div.l dd{ font-size: 2.25rem; font-weight: bold; }
.about_jj div.l dl{ font-size:1rem; line-height: 2.25rem; margin-top: 2rem; }
.about_jj div.r{ float: right; width: 44%;}

.about_sj{ margin-bottom: 7.5rem; overflow: hidden; border:1px solid #eeeeee; }
.about_sj li{ float: left; width: 25%; border-left:1px solid #eeeeee; margin-left: -2px; height: 10.625rem; display:flex;align-items:center;}
.about_sj li div{ padding-left: 12%; width: 88%; }
.about_sj li div ol{ color: #0550c3;  font-size:3rem;}
.about_sj li div ol b{}
.about_sj li div ol i{ font-weight: bold; }
.about_sj li div dd{ font-size: 1rem; color: #333333; margin-top:1rem;}

.about_jyqj{ overflow: hidden; width: 100%; position: relative; }
.about_jyqj i.bg{  position:absolute; top:0px; bottom:0px; right:0px; left:0px; background-repeat:no-repeat; background-position:center; z-index:0; background-size:auto 100%;}
.about_jyqj .width1420{ height: 50rem; position: relative; z-index: 2;display:flex;align-items:center;}
.about_jyqj .width1420 div.c{ width: 100%; text-align: center; color: #ffffff; }
.about_jyqj .width1420 div.c ol{ font-size: 2.25rem; }
.about_jyqj .width1420 div.c dd{ font-size: 1.5rem; margin-top: 1.5rem; }

.about_ryzz{ padding: 3rem 5.75rem 6rem; }
.about_ryzz .tit{ font-size: 3rem; color: #333333; margin-bottom: 3rem;}

/*wrapper*/
/*#wrapper,#wrapper #carousel{ height: 30rem; }*/
#wrapper{ width: 100%; position: relative; overflow: hidden; padding: 0px 5.75rem; margin-left: -5.75rem;}
#wrapper #carousel{ width: 100%; overflow: hidden;}
#wrapper #carousel .bg{width: 120%;}
#wrapper #carousel ul{ overflow: hidden; }
#wrapper #carousel ul li{ float: left; overflow: hidden; height:27.5rem; width: 28.25rem; margin-right:2rem;}
#wrapper #carousel ul li a{ display: block; }
#wrapper #carousel ul li ol{ height: 23.75rem; background-color: #eeeeee; position: relative; overflow: hidden; border-radius: 0.5rem;}
#wrapper #carousel ul li ol img{ position:absolute; left:0px; right:0px;bottom:0px; top:0px;max-height:70%; max-width:90%; margin:auto;transition:all .5s ease;}
#wrapper #carousel ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
#wrapper #carousel ul li dd{ font-size:1.125rem; height: 3.75rem; line-height: 3.75rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; color: #333333;text-align: center; }
#wrapper #carousel ul li a:hover dd{color: #0550c3;}

#wrapper #carousel .prev,#wrapper #carousel .next{ position:absolute; width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 1px solid #eeeeee; background-repeat:no-repeat; background-position:center; background-size:auto 1rem;transition: all .5s ease; top: 50%; margin-top: -1.375rem;}
#wrapper #carousel .prev:hover,#wrapper #carousel .next:hover{ background-color: #0550c3; border: 1px solid #0550c3;transition: all .5s ease;}
#wrapper #carousel .prev{ background-image: url(../images/qh_l2.png); left: 0px;/* margin-left: -5.75rem;*/}
#wrapper #carousel .prev:hover{ background-image: url(../images/qh_l.png);}
#wrapper #carousel .next { background-image: url(../images/qh_r2.png); right: 0px; /*margin-right: -5.75rem;*/}
#wrapper #carousel .next:hover{background-image: url(../images/qh_r.png);}
#wrapper #carousel .pager{ display: none !important; } 

/*合作客户*/
.customer{ padding: 3rem 0px 7.5rem; }
.customer .tit{ overflow: hidden; margin-bottom: 3rem;}
.customer .tit div.l{ float: left; color: #333333;}
.customer .tit div.l dd{ font-size: 2.25rem; font-weight: bold;}
.customer .tit div.l dl{ font-size: 1rem; margin-top:1.5rem; }
.customer .tit div.r{ float: right; padding-top:2.5rem;}
.customer .tit div.r a{ font-size: 1rem; color: #999999; margin-left: 3.5rem; }
.customer .tit div.r a.on,.customer .tit div.r a:hover{ color: #033c9a; }
.customer ul,.customer ul li{ overflow: hidden; }
.customer ul{ min-height: 50vh; width: 102%; }
.customer ul li{ float: left; margin-bottom:2.5rem; height:7.5rem; position: relative; width:15.2%; margin-right: 1.3%;}
.customer ul li a ol{ border:1px solid #eeeeee; height: 5rem; overflow: hidden; border-radius: 0.5rem; position: relative;}
.customer ul li a ol img{position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; margin:auto;transition: all .5s ease;}
.customer ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.customer ul li a dd{ height: 2.5rem; line-height: 2.5rem; text-align: center;color: #333333; font-size:1rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.customer ul li a:hover dd{ color: #0550c3; }
.customer .zy{ font-size: 1rem; color: #999999; text-align: center; }

.customer ul li.no{ text-align: center; width: 98%; font-size: 2rem; line-height: 4rem; }

/*新闻中心*/
.news_list{ padding: 4.5rem 0px 5.5rem; }
.news_list .tit{ text-align: center; line-height: 2.5rem; }
.news_list .tit a{ font-size: 1rem; color: #333333;display:inline-block; min-width: 3.5rem; padding:0px 2rem; border-radius: 1.5rem;}
.news_list .tit a.on,.news_list .tit a:hover{ background-color: #0550c3; color: #ffffff; }
.news_list ul,.news_list ul li{ overflow: hidden; }
.news_list ul{ margin-top: 2.5rem; width: 102%; margin-bottom: 3rem; min-height: 50vh;}
.news_list ul li{ float: left; width: 23.5%; margin-right: 1.3%; margin-bottom: 1.5rem;}
.news_list ul li a{ display: block; border: 1px solid #eeeeee; border-radius: 0.5rem; overflow: hidden;}
.news_list ul li a ol{ overflow: hidden; }
.news_list ul li a ol img{ margin-bottom: -4px; transition: all .5s ease;}
.news_list ul li a:hover ol img{ transform: scale(1.1);transition: all .5s ease;}
.news_list ul li a dd{ font-size: 1.5rem; color: #333333; font-weight: bold; line-height: 2.25rem; height: 9rem; overflow: hidden; padding: 1rem 1.5rem; }
.news_list ul li a dl{ height: 2.5rem; line-height: 2.5rem; padding: 0px 1.5rem; overflow: hidden;  font-size:1rem; color: #333333;}
.news_list ul li a dl i,.news_list ul li a dl span{ display: block; }
.news_list ul li a dl i{ float: left;}
.news_list ul li a dl span{ float: right; }
.news_list ul li a:hover dl span{ color: #153070; }

.news_list ul li.no{ text-align: center; width: 98%; font-size: 2rem; line-height: 4rem; }

/*fenye*/
.fenye{ text-align:center;font-size:1.125rem;line-height:2.5rem;}
.fenye i{ display:none;}
.fenye a{ color:#666666;}
.fenye a,.fenye span{margin:0px 0.5rem;border:1px solid #f6f6f6;display:inline-block; width:2.5rem; height:2.5rem; line-height:2.5rem; border-radius:0.5rem;}
.fenye a:hover,.fenye span{ color:#ffffff;background-color:#0550c3;border:1px solid #0550c3;}

/*news_show*/
.news_show_t{ width: 100%; background-color: #eeeeee; }
.news_show_t .width1420{ font-size: 0.875rem; color: #999999; padding: 1rem 0px;}
.news_show_t .width1420 a{color: #999999;}
.news_show_t .width1420 a:hover{color:#0550c3;}

.news_show_f{ padding: 4rem 0px; min-height: 50vh; }
.news_show_f div.l{ float: left; width: 75%;}
.news_show_f div.l div.s{ margin-bottom: 1.25rem; }
.news_show_f div.l div.s dd{ font-size: 2.25rem; color: #333333; font-weight: bold; margin-bottom: 0.5rem; }
.news_show_f div.l div.s ol{ margin-bottom: 1.25rem; border-bottom: 1px solid #eeeeee; font-size: 0.875rem; color:#999999; line-height: 2.5rem;}
.news_show_f div.l div.s dl{ font-size: 1rem; color: #333333; line-height: 2.25rem; }
.news_show_f div.l div.q{ border-top: 1px solid #eeeeee; }
.news_show_f div.l div.q p{font-size:1rem;color:#999999; padding-top:1.25rem; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.news_show_f div.l div.q p a{color: #999999;}
.news_show_f div.l div.q p a:hover{color:#0550c3;}
.news_show_f div.r{ float: right; width: 22.5%; border: 1px solid #eeeeee; padding: 1.5rem 0px;}
.news_show_f div.r div.n{ margin: 0px 1.5rem;  font-size:1.125rem; color: #333333; position: relative;}
.news_show_f div.r div.n a{ position: absolute; right: 0px; font-size: 0.75rem; color: #ffffff; background-color: #006cff; width: 3rem; line-height: 1.25rem; height: 1.25rem; border-radius: 1rem; text-align: center; top: 50%; margin-top:-0.625rem; }
.news_show_f div.r ul.q,.news_show_f div.r ul.q li{ overflow: hidden; }
.news_show_f div.r ul.q{ min-height: 30vh; margin: 0px 1.5rem;}
.news_show_f div.r ul.q li{ margin-top: 1.25rem; }
.news_show_f div.r ul.q li a{ display: block; }
.news_show_f div.r ul.q li a ol{ overflow: hidden; background-color: #eeeeee; border-radius: 0.5rem; position: relative; height: 12.5rem;}
.news_show_f div.r ul.q li a ol img{transition: all .5s ease;  position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto;}
.news_show_f div.r ul.q li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.news_show_f div.r ul.q li a dd{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;color:#333333;line-height:2.5rem; }

/*product_list*/
.cp_bg{ width: 100%; overflow: hidden; background-color: #f5f5f5; margin-top:6.125rem; border-top: 1px solid #eeeeee; padding: 1rem 0px 10rem; }
.cp_bg .tit{ font-size: 1rem; color: #999999; }
.cp_bg .tit a{color: #999999;}
.cp_bg .tit a:hover{color:#0550c3;}

.product_list{ padding-top:2.5rem; min-height: 50vh; }
.product_list div{ overflow: hidden; }
.product_list div.l{ float: left; width: 23%; max-width: 210px;}
.product_list div.l div.t{ font-size: 2.25rem; color: #333333; font-weight:bold; }
.product_list div.l ul.f,.product_list div.l ul.f li{ overflow: hidden; }
.product_list div.l ul.f{ margin-top: 1.5rem; }
.product_list div.l ul.f li{ margin-bottom: 1.5rem; }
.product_list div.l ul.f li dd{ font-size: 1rem; color: #333333; position: relative;cursor: pointer;}
.product_list div.l ul.f li dd a{ color:#333333;}
.product_list div.l ul.f li dd i{ position: absolute; right: 0px; font-size: 1.25rem; z-index: 9; top:0px;}
.product_list div.l ul.f li:hover dd i,.product_list div.l ul.f li.on dd i{color: #287cfe;}
.product_list div.l ul.f li dd i.fa-angle-down,.product_list div.l ul.f li.on dd i.fa-angle-up{ opacity: 1; }
.product_list div.l ul.f li dd i.fa-angle-up,.product_list div.l ul.f li.on dd i.fa-angle-down{ opacity: 0; }
.product_list div.l ul.f li dl{ overflow: hidden; max-height: 0px;transition: all .5s ease; opacity: 0;}
.product_list div.l ul.f li.on dl{ opacity: 1; max-height: 1000000vh;transition: all .5s ease;}
.product_list div.l ul.f li dl a{ display: block; margin-top:1.5rem; font-size: 1rem; color: #999999; line-height: 2rem;}
.product_list div.l ul.f li dl a#n,.product_list div.l ul.f li dl a:hover{ color: #287cfe; }
.product_list div.l ul.f li dl a#n i,.product_list div.l ul.f li dl a:hover i{ border-bottom: 1px solid #287cfe;}
.product_list div.r{ float: right; width: 75%; max-width: 1060px;}
.product_list div.r ul,.product_list div.r ul li{ overflow: hidden; }
.product_list div.r ul{ width: 105%; }
.product_list div.r ul li{ float: left; margin-bottom:2.5rem; width:29%; margin-right: 3.8%;}
.product_list div.r ul li a{ display: block; }
.product_list div.r ul li a ol{ position: relative;     overflow: hidden; background-color: #ffffff; border-radius: 0.5rem; height: 22.5rem; }
.product_list div.r ul li a ol img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; opacity: 0;transition: all .5s ease; max-height: 90%; }
.product_list div.r ul li a:hover ol img{transform: scale(1.1);transition: all .5s ease;}
.product_list div.r ul li a ol img.o{ opacity: 1; }
.product_list div.r ul li a dd{ font-size: 1rem; color: #333333; height: 3.75rem; line-height: 3.75rem; text-align: center; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.product_list div.r ul li a:hover dd{color: #287cfe;}
.product_list div.r ul li dl{ overflow: hidden; height: 1.25rem;}
.product_list div.r ul li dl span{ display: block; float: left; border:1px solid #f5f5f5; width: 1rem; height: 1rem; border-radius: 50%; position: relative; margin-right: 0.5rem;cursor: pointer; }
.product_list div.r ul li dl span.o{  border:1px solid #9e9e9e; }
.product_list div.r ul li dl span i{ position: absolute; width: 0.75rem; height: 0.75rem; border-radius: 50%; top: 50%; left: 50%; margin-top:-0.375rem; margin-left: -0.375rem; }
.product_list div.r ul li dl span.b i{ background-color: #ffffff; }
.product_list div.r ul li dl span.h i{ background-color: #000000; }

.product_list div.r ul li.no{ text-align: center; width: 98%; font-size: 2rem; line-height: 4rem; }

.product_show_t{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin-top:6.125rem; padding:0.5rem 0px; line-height:1.5rem; font-size:0.875rem; color:#333333; }
.product_show_t a{color: #333333;}
.product_show_t a:hover{color:#0550c3;}

.product_show_c{ padding: 2.5rem 0px 3rem; }
.product_show_c .l{ float: left; width: 40.5%;}
.product_show_c .l div{ overflow: hidden; }
.product_show_c .l div.t{ border:1px solid #eeeeee; border-radius: 0.5rem; height: 32.5rem; position: relative;}
.product_show_c .l div.t img{ position: absolute; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; opacity: 0;transition: all .5s ease; max-height: 90%; max-width: 90%;}
.product_show_c .l div.t img.o{ opacity: 1; }
.product_show_c .l div.f{ margin-top:1.25rem; }
.product_show_c .l div.f i{ float: left; display: block; background-color: #eeeeee; border-radius: 0.5rem; overflow: hidden; border:1px solid #eeeeee; width:4.375rem; height: 4.375rem; margin-right: 0.75rem; position: relative; cursor: pointer;}
.product_show_c .l div.f i:hover,.product_show_c .l div.f i.o{border:1px solid #0550c3;}
.product_show_c .l div.f i img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; max-height: 70%;}
.product_show_c .r{ float: right; width: 57.5%;}
.product_show_c .r div{ overflow: hidden; }
.product_show_c .r div.t ol,.product_show_c .r div.t ol i{ display: none; }
.product_show_c .r div.t ol.x{ display: block; }
.product_show_c .r div.t{ border-bottom: 1px solid #eeeeee; padding-bottom: 1rem; }
.product_show_c .r div.t dd{ font-size: 2.25rem; color: #333333; font-weight: bold; }
.product_show_c .r div.t ol{ font-size: 1rem; color: #999999; margin-top:1rem;}
.product_show_c .r div.c{ margin:1.5rem 0px; }
.product_show_c .r div.c dl{ float: left; background-position: left 0.5rem; background-repeat: no-repeat; padding-left:2.5rem; background-size:1.5rem; font-size: 1.125rem; color: #333333; line-height: 2rem;}
.product_show_c .r div.c dl.z{ background-image:url(../images/s1.png); margin-right: 3rem;}
.product_show_c .r div.c dl.y{ background-image:url(../images/s2.png);}
.product_show_c .r div.f{border-top: 1px solid #eeeeee; padding-top:1.5rem;}
.product_show_c .r div.f dd{ font-size: 1rem; color: #333333; }
.product_show_c .r div.f dl{ margin:1rem 0px; overflow: hidden; min-height: 10rem;}
.product_show_c .r div.f dl a{ display: block; float: left; padding: 0px 1rem; background-color: #eeeeee; height: 2rem; line-height: 2rem; background-color: #eeeeee; color: #333333; font-size: 1rem; border-radius: 2rem; margin-right:0.875rem; margin-bottom:1rem;}
.product_show_c .r div.f dl a:hover{ color: #ffffff; background-color: #0550c3; }
.product_show_c .r div.f ol{ overflow: hidden; }
.product_show_c .r div.f ol a{ display: block; float: right; border-radius: 0.5rem; border:1px solid #0550c3; height: 2.5rem; line-height: 2.5rem; margin-left:2.5rem; width: 10.5rem; text-align: center;}
.product_show_c .r div.f ol a.z{ background-color: #0550c3; color: #ffffff; transition: all .5s ease;}
.product_show_c .r div.f ol a.z:hover{ background-color: #ffffff;color: #0550c3; transition: all .5s ease;}
.product_show_c .r div.f ol a.y{ color: #0550c3; transition: all .5s ease;}
.product_show_c .r div.f ol a.y:hover{ background-color: #0550c3; color: #ffffff; transition: all .5s ease;}

.product_show_bg{ width: 100%; overflow: hidden; background-color: #eeeeee; }
.product_show_bg .width1420{ height: 3.25rem; line-height: 3.25rem; font-size: 1.125rem; color: #333333; }
.product_show_jj{ min-height: 80vh; padding: 3rem 0px; font-size: 1rem; color: #333333; line-height: 2rem; }
.product_show_jj td{ border:1px solid #333333; }

.product_show_qt{ border-top: 1px solid #eeeeee; padding: 2rem 0px 5rem; height: 32rem;  position: relative;}
.product_show_qt .tit{ font-size: 2.25rem; color: #333333; font-weight:bold;  margin-bottom: 2rem;}

/*联系我们*/
.contact{ padding: 2.5rem 0px 7.75rem; }
.contact div.t{ margin-bottom:3.75rem; }
.contact div.t form{ display: block; width: 49%; float: left; }
.contact div.t form div{ overflow: hidden; }
.contact div.t form .form-group{ margin-bottom: 1.5rem; }
.contact div.t form .form-group label{ display: block; font-size: 1rem; color: #333333; }
.contact div.t form .form-group label span{ color: #ff0000; }
.contact div.t form .form-group .col-md-10{ margin-top:0.875rem; background-color: #eeeeee; padding: 0px 1rem; border-radius: 0.5rem;}
.contact div.t form .form-group .col-md-10 input{ border:0px; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; color: #333333;background-color: #eeeeee;outline:none; }
.contact div.t form .form-group .col-md-10 textarea{border:0px; font-size: 1rem; color: #333333;background-color: #eeeeee;outline:none;font-family:"Microsoft YaHei",Arial; height: 11.75rem !important; padding:1rem 0px;}

.contact div.t form .form-group#dr_row_title,.contact div.t form .form-group#dr_row_ndsjh{ float: left; width: 48%;}
.contact div.t form .form-group#dr_row_ndgsmc,.contact div.t form .form-group#dr_row_ndyx{ float: right; width: 48%;}
.contact div.t form .form-group#dr_row_lyynr{width: 100%; float: left;}

.contact div.t form .b{ float: left; width: 100%; }
.contact div.t form .b button{ width:8.75rem; height: 2.25rem; line-height: 2.25rem; border-radius: 2rem; background-color: #0550c3; border:1px solid #0550c3; font-size: 1rem; color: #ffffff; transition: all .5s ease; outline:none;}
.contact div.t form .b button:hover{ background-color: #ffffff; color: #0550c3;transition: all .5s ease;}

.contact div.t .r{ float: right; position: relative; width: 49%;}
.contact div.t .r a{ position:absolute; bottom:2rem; z-index:1; right:1.5rem; padding:0px 1.25rem 0px 3rem; height:3rem; line-height:3rem; background:url(../images/dt.png) no-repeat scroll 1.25rem center #ffffff; border-radius:0.5rem; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14); font-size:1rem; color:#333333;}
.contact div.t .r a:hover{ color: #0550c3; }

.contact ul.f,.contact ul.f li{ overflow: hidden; }
.contact ul.f{ border-top: 1px solid #eeeeee; padding-top: 5rem; width: 102%;}
.contact ul.f li{ float: left; margin-bottom: 1rem; background-color: #eeeeee; border-radius: 0.5rem; width: 23%; margin-right: 1.9%;}
.contact ul.f li div.c{ height: 9.25rem; background-repeat: no-repeat; margin:1.5rem 1rem 0px; padding-left: 2.5rem; background-size: auto 1.25rem; color: #333333; background-position: left 0.5rem; position: relative;}
.contact ul.f li div.c dd{ font-size: 1.5rem; margin-bottom: 0.5rem;}
.contact ul.f li div.c dl{ font-size: 1rem; line-height: 1.75rem;}
.contact ul.f li div.c img{ position: absolute; right: 0px; top: 0px; width: 33.5%; }

/*加入我们*/
.jobs{ position: relative; margin: 3.25rem 0px 6rem; }
.jobs .tit{ font-weight: bold; font-size: 2.25rem; color: #333333; line-height: 3.75rem; }
.jobs .n,.jobs .fy{ font-size: 2.25rem; color: #333333;font-weight: bold; margin-top:2rem; padding-top: 0.2rem;}
.jobs .n{  opacity: 0;}
.jobs .fy{ position: absolute; top: 7.5rem; z-index: 2;}
.jobs .fy i{ color: #ffffff; background-color: #0550c3; border-radius:2rem; font-size: 1.125rem; padding:0px 6.5px; position: absolute; text-align: center; margin-left:0.5rem; top: 0px;}
.jobs .fy a,.jobs .fy span{ display: none; }
.jobs ul,.jobs ul li{ overflow: hidden; }
.jobs ul{padding: 8px; margin-top:1.5rem;}
.jobs ul li{ border:1px solid #eeeeee; margin-bottom: 1.5rem;cursor: pointer; }
.jobs ul li.on{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.14);}
.jobs ul li div{ overflow: hidden; }
.jobs ul li div.t{height: 3.75rem; line-height: 3.75rem; font-size: 1.5rem; color: #333333; position: relative;padding:0px 7rem 0px 1.75rem;}
.jobs ul li:hover div.t{color: #0550c3;}
.jobs ul li div.t span{ position: absolute; right: 1.75rem; font-size: 1rem; color: #333333; }
.jobs ul li div.t span i{ margin-left:0.5rem;}
.jobs ul li div.t span.z,.jobs ul li.on div.t span.s{ opacity: 1;}
.jobs ul li div.t span.s,.jobs ul li.on div.t span.z{ opacity: 0;}
.jobs ul li div.t span.s i{ color: #0550c3; }
.jobs ul li div.f{ border-top: 1px solid #eeeeee; padding:0px 1.75rem; overflow: hidden; max-height: 0px; opacity: 0;}
.jobs ul li.on div.f{ padding: 2rem 1.75rem; opacity: 1; max-height: 5000000000vh;}
.jobs ul li div.f dd{ font-size: 1.125rem; color: #333333; margin-bottom: 1.25rem; }
.jobs ul li div.f dl{ line-height: 2rem; font-size: 1rem; color: #999999; margin-bottom: 2rem; min-height: 20vh;}
.jobs ul li.no div.t{ text-align: center; }
.jobs .yx{ font-size: 1rem; color: #333333; margin-top:1.25rem;}
.jobs .yx b{ font-size: 2.25rem; color: #0550c3; margin-left: 0.75rem; }