@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:"Helvetica Neue",Helvetica,Arial,sans-serif;}
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:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;}
/*英文字体  'PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif,'Microsoft YaHei' */
@media only screen and (max-width:1600px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:12px;}
}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1600{ width:84.078%; max-width: 1600px;}
img{max-width:100%; max-height:100%;}
/* top_bg */
.ny_top,.top_bg,.top_bg .margin,.top_bg .margin a.logo,.top_bg .margin div.r dl,.top_bg .margin div.r a.s,.top_bg .margin ul,.top_bg .margin ul li{ height:6.25rem; font-size: 1.125rem;}
.top_bg{ position: fixed; top: 0px; width: 100%; left: 0px; z-index: 999; border-bottom:1px solid rgba(255,255,255,0.2);}
.top_bg .margin a.logo{ display:flex;align-items:center; float: left; margin-left: 3.1%;}
.top_bg .margin a.tc_logo{ display: none; opacity: 0; }
.top_bg .margin a.logo img{ max-height:3.25rem; }

.top_bg .margin div.r{ float: right;line-height:6.25rem;}
.top_bg .margin div.r dl.y,.top_bg .margin div.r a.s{ border-left: 1px solid rgba(255,255,255,0.2); display: block; float: left; }
.top_bg .margin div.r dl.y{ padding: 0px 1.25rem; overflow: hidden;}
.top_bg .margin div.r dl.y:hover{ overflow:initial; }
.top_bg .margin div.r dl.y a{ display: block; color: #1a1a1a;}
.top_bg .margin.i_c div.r dl.y a{ color: #ffffff; }
.top_bg .margin div.r dl.y a i{ margin-left: 5px; font-size: 1.25rem; color: #999999;}
.top_bg .margin.i_c div.r dl.y a i{ color: #ffffff; }
.top_bg .margin div.r a.s{ background-image: url(../images/s.png); background-repeat: no-repeat; background-position: 50%; width: 5rem; }
.top_bg .margin div.r a.s i{ display: none; }
.top_bg .margin.i_c div.r a.s{background-image: url(../images/s2.png);}

.top_bg .margin ul.pc_m{ float: right; margin-right:1.875rem;}
.top_bg .margin ul.pc_m li{ float: left;}
.top_bg .margin ul.pc_m li dd{line-height:6.25rem; padding: 0px 1.875rem;}
.top_bg .margin ul.pc_m li dd a{ color: #1a1a1a; position: relative; display: block;transition: all .5s ease;}
.top_bg .margin ul.pc_m li dd a i{ position: absolute; height: 2px; width: 10%; background-color: #005298; left:45%; bottom: 0px; opacity: 0;transition: all .5s ease;}
.top_bg .margin ul.pc_m li.o dd a,.top_bg .margin ul li:hover dd a{ color: #005298; transition: all .5s ease;}
.top_bg .margin ul.pc_m li.o dd a i,.top_bg .margin ul li:hover dd a i{ width: 100%; left: 0px; opacity: 1;transition: all .5s ease;}

.top_bg .margin.i_c ul.pc_m li dd a{ color: #ffffff;}
.top_bg .margin.i_c ul.pc_m li dd a i{background-color: #ffffff;}
.top_bg .margin.i_c ul.pc_m li.o dd a,.top_bg .margin.i_c ul li:hover dd a{ color: #ffffff; }

.top_bg .margin ul.pc_m li dd i.fa{ display: none; }
.top_bg .margin ul.pc_m li dl{ position: absolute; background-color: #ffffff;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); min-width:8.25rem;   overflow: hidden; opacity: 0; max-height: 0px; padding: 0px 1rem; margin-left: -1rem;}
.top_bg .margin ul.pc_m li:hover dl{ opacity: 1;  max-height: 100vh;transition: all 2s ease; }
.top_bg .margin ul.pc_m li dl a{ display: block; text-align: center; color:#333333; line-height:3.375rem;text-transform:capitalize;}
.top_bg .margin ul.pc_m li dl a:hover{ color: #005298;}
.top_bg .margin ul.pc_m li.r{ display: none; }

.top_bg .sj_bg{ opacity: 0; max-height: 0px; overflow: hidden;}

/*foot_bg*/
.i_foot_bg{ position: fixed; bottom:2rem; left:0px; z-index:99; width:100%;}
.i_foot_bg .margin{ font-size: 0.875rem; margin:0px 3.1%;}
.i_foot_bg .margin dl,.i_foot_bg .margin dl a{ color:rgba(255,255,255,0.5);}
.i_foot_bg .margin dl.l{ float: left; }
.i_foot_bg .margin dl.l a.m{margin-left:0.5rem; padding-left: 0.5rem; border-left:1px solid rgba(255,255,255,0.5);}
.i_foot_bg .margin dl.r{ float: right; }
.i_foot_bg .margin dl.r i{ margin:0px 0.5rem; }
.i_foot_bg .margin dl a:hover{color:rgba(255,255,255,1);}

/*menu*/
.menu{ position: fixed; top: 0px; right: 0px; bottom: 0px; z-index: 88;  display:flex;align-items:center;}
.menu ul,.menu ul li{ overflow: hidden;  position: relative;}
.menu ul li{ margin:0.375rem 0px; cursor: pointer;}
.menu ul li span{ display: block; font-size: 1rem; color: #ffffff; opacity: 0;  padding-right: 3.5rem;transition: all .5s ease;}
.menu ul li:hover span,.menu ul li.active span{opacity: 1;transition: all .5s ease;}
.menu ul li i{ position: absolute; right: 0px; width: 1rem; height: 1px; background-color: #ffffff; top: 50%; margin-top:-0.5px; opacity: 0.5;transition: all .5s ease;}
.menu ul li:hover i,.menu ul li.active i{ opacity: 1; width: 1.75rem;transition: all .5s ease;}

/*fullpage*/
#fullpage{ position: relative;}
#fullpage .section{ position: relative;}
#fullpage .section div.bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right:0px; background-repeat: no-repeat; background-size: 100% auto; z-index: 0;}
#fullpage .section div.bg.pc_bg{ display: block;  background-position: 50%;}
#fullpage .section div.bg.sj_bg{ display: none;  background-position: 50%;}

#fullpage .section div.bg.pc_bg img.i1{ position: absolute; right:0px; bottom: 0px; height: 78vh;}
#fullpage .section div.bg.pc_bg img.i2{ position: absolute; top:11vh; right:2%; height: 84.6vh; }
#fullpage .section div.bg.pc_bg i{ position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; background:url(../images/i3.png) no-repeat scroll right bottom; background-size: 100%;}

#fullpage .section .width1600{ height: 100vh; position: relative; z-index: 2; /*display:flex;align-items:center;*/}
#fullpage .section .width1600 .bg{ width: 100%; margin-top:35vh; opacity: 0; transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition: 15s ease-in-out 0s; color: #ffffff;}
#fullpage .section.active .width1600 .bg{margin-top:30vh; opacity: 1; transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s;}
#fullpage .section .width1600 .bg dd{ font-size: 3.5rem; /*font-weight: bold;*/ overflow: hidden;text-transform:capitalize;}
#fullpage .section .width1600 .bg dl{ font-size:1.125rem; margin:1.25rem 0px 3rem; }

#fullpage .section .width1600 .bg ol{ overflow: hidden; }
#fullpage .section .width1600 .bg ol a{ display: block; float: left; height: 2.5rem; line-height: 2.5rem; width:11.25rem; text-align: center; font-size: 1rem; color: #ffffff;transition: all .5s ease; border:1px solid rgba(255,255,255,.5); border-radius: 2rem; position: relative;text-transform:capitalize;}
#fullpage .section .width1600 .bg ol a i{ position: absolute; right: 1.25rem; top: 50%; margin-top:-0.5rem; }
#fullpage .section .width1600 .bg ol a.l{ margin-right:0.875rem; background-color: #ffffff;color: #005298;}
#fullpage .section .width1600 .bg ol a.r{ color: #ffffff; }
#fullpage .section .width1600 .bg ol a:hover{transition: all .5s ease;}
#fullpage .section .width1600 .bg ol a.l:hover{background: none;color: #ffffff;}
#fullpage .section .width1600 .bg ol a.r:hover{background-color: #ffffff;color: #005298;}

/*.sb*/
.sb{ position: absolute; z-index: 888; width: 19px; height: 32px; bottom: 5.875rem; right:60px; background: url(../images/sb.png) no-repeat scroll center bottom; padding-top: 4rem; 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;}
.sb i{ position: absolute;  height: 2rem; width: 1px; background-color: #ffffff; left: 50%; margin-left: -0.5px; top: 0px;}
@keyframes arrow{ %0,%100{bottom:5.875rem; opacity:1;} 50%{bottom:4rem; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:5.875rem; opacity:1;} 50%{bottom:4rem; opacity:.5}}

/*top_so_bg*/
.top_so_bg{ position: fixed; top:6.25rem; z-index: 999; background-color: #ffffff; left: 0px; width: 100%; display: none; }
.top_so_bg.x{ display: block; }
.top_so_bg .width1600{ padding: 2rem 0px; position: relative;overflow: initial;}
.top_so_bg .width1600 form{ display: block; width: 90%; margin:0px auto; max-width: 1000px; overflow: hidden;}
.top_so_bg .width1600 form div{ height: 3.375rem; line-height: 3.375rem;}
.top_so_bg .width1600 form div.btn-group{ float: left;  font-size: 1.125rem; margin-right: 3%;color: #333333; }
.top_so_bg .width1600 form div.btn-group button{ border: 0px; background: none; font-size: 1rem; padding:0px 10px; }
.top_so_bg .width1600 form div dl{ position: absolute; background-color: #ffffff;padding:10px 0px; z-index: 99; display: none;}
.top_so_bg .width1600 form div.btn-group:hover dl{ display: block; }
.top_so_bg .width1600 form div.btn-group dl a{ display: block;color: #555555; text-anchor: content;padding:0px 20px; line-height: 32px;}
.top_so_bg .width1600 form div.btn-group dl a:hover{ color:#005298;}
.top_so_bg .width1600 form div.s{ border:1px solid #cccccc; border-radius:2rem; width: 60%; padding: 0px 4%; position: relative; line-height: 3.375rem; float: left;}
.top_so_bg .width1600 form .fl{ outline:none; border: 0px; width: 80%; font-size: 1rem; position: absolute; top: 0px; bottom: 0px;  left: 4%;}
.top_so_bg .width1600 form .fr{ border: 0px;height:3.375rem; outline:none; width: 20px; background: url(../images/s.png) no-repeat scroll center #ffffff;}
.top_so_bg .width1600 form .fr:hover{ color:#005298;}

.top_so_bg .width1600 a.gb{ position: absolute; width:2rem; height:2rem;top: 2.8125rem; right:0px; cursor: pointer; z-index: 88;transition:0.5s ease-in-out 0s;-webkit-transition: 0.5s ease-in-out 0s;-moz-transition: 0.5s ease-in-out 0s;}
.top_so_bg .width1600 a.gb i{ position: absolute; height:2px; background-color: #999999; width: 100%; transition:0.5s ease-in-out 0s;-webkit-transition: 0.5s ease-in-out 0s;-moz-transition: 0.5s ease-in-out 0s; top:50%;left: 0px;}
.top_so_bg .width1600 a.gb i.t{transform: rotate(45deg);}
.top_so_bg .width1600 a.gb i.f{transform: rotate(-45deg);}
.top_so_bg .width1600 a.gb:hover i{ width: 80%; left: 10%; transition:0.5s ease-in-out 0s;-webkit-transition: 0.5s ease-in-out 0s;-moz-transition: 0.5s ease-in-out 0s;}

/*foot_bg*/
.foot_bg{ width: 100%; overflow: hidden; background: url(../images/foot_bg.jpg) no-repeat scroll 50%; background-size: 100% auto; }
@media only screen and (max-width:1920px){
 .foot_bg{ background-size: auto 100%; }
}
/*ny_top*/
.ny_top{ width: 100%; overflow: hidden; }
.ny_bg{ background-color: #ffffff; border-bottom: 1px solid #eeeeee;}
span.c{ position: absolute; left: 0px; margin-top: -3rem; width: 1px; height: 1px; z-index: -1; }

/*ny_banner*/
.ny_banner{ overflow: hidden; position: relative;  text-align: center; z-index: 8;}
.ny_banner img.bg{ margin-bottom: -4px; }
.ny_banner .tit{ position: absolute; z-index: 2; left: 0px; width: 100%; color: #ffffff; top: 10rem;}
.ny_banner .tit dd{ font-size: 3rem; }
.ny_banner .tit dl{ font-size: 1.5rem; margin-top:1rem;}

.ny_banner_t{ overflow: hidden; position: relative; text-align: center;}
.ny_banner_t img.bg{ margin-bottom: -4px; }
.ny_banner_t .tit{ position: absolute; z-index: 2; left: 0px; top:0px; bottom: 0px; right:0px;display:flex;align-items:center;}
.ny_banner_t .tit i{ display: block; width: 100%; text-align: center; font-size: 3rem; color: #ffffff; }

/*about_m*/
.about_m{ border-bottom: 1px solid #f3f5f7; overflow: hidden;  width: 100%; }
.about_m .width1600 a{ display: block; float: left; border-bottom:2px solid #ffffff; font-size: 1.125rem; color: #333333; height: 4.25rem; line-height: 4.25rem; margin-right: 3.8%;}
.about_m .width1600 a.o,.about_m .width1600 a:hover{border-bottom:2px solid #005298; color: #005298;}

.about_m.lift-nav{position: fixed; top:6.25rem;border-top:2px solid #f3f5f7; z-index: 998; background-color: #ffffff;}

/*关于优弗*/
.about_bg{ position: relative; overflow: hidden; }
.about_bg i.dw{ position: absolute; width: 1px; height: 1px; margin-top:-10rem; }

.about_jj{ padding: 5rem 0px 6rem;}
.about_jj div.t{ background: url(../images/about_jj.jpg) no-repeat scroll 50% bottom; overflow: hidden; min-height: 565px; padding-bottom: 6.875rem;}
.about_jj div.t div{ overflow: hidden; }
.about_jj div.t div.l{ float: left;  width: 48%;}
.about_jj div.t div.l dd{ font-size: 1.5rem; color: #3375ad; margin-bottom: 1.25rem; }
.about_jj div.t div.l dl{ font-size: 2.25rem; color: #22202b; line-height: 3.375rem; }
.about_jj div.t div.r{ float: right; font-size: 1.125rem; color: #242430; line-height: 2.25rem; width: 48%;text-align: justify;}
.about_jj ul.f,.about_jj ul.f li{ overflow: hidden; }
.about_jj ul.f{ margin-top:-6.875rem; }
.about_jj ul.f li.l{ float: left; }
.about_jj ul.f li.r{ float: right; }
.about_jj ul.f li{ width: 25%; height:17.5rem; background-color: #f3f6fa; cursor: pointer;}
.about_jj ul.f li:hover{ background-color: #005298; }
.about_jj ul.f li .bg{ overflow: hidden; padding:2.5rem 7% 0px; height: 15rem; position: relative;}
.about_jj ul.f li .bg dd{ margin-bottom: 1.25rem;  color: #005298;}
.about_jj ul.f li .bg dd span{ font-size: 4.5rem;}
.about_jj ul.f li .bg dd i{ font-size: 3.75rem; }
.about_jj ul.f li .bg dl{ font-size: 1rem; color: #333333; line-height: 1.5rem; position: absolute; bottom: 2rem; width:86%;}
.about_jj ul.f li:hover .bg dd,.about_jj ul.f li:hover .bg dl{ color: #ffffff; }

.about_ls{ width: 100%; height: 67.5rem; background-position: 50%; background-repeat:no-repeat; }
.about_ls .width1600 .tit{ color: #ffffff; text-align: center; margin-top:4.5rem;}
.about_ls .width1600 .tit dd{ font-size: 2.25rem; margin-bottom: 1.5rem; }
.about_ls .width1600 .tit dl{ font-size:1.5rem; height: 6rem; line-height: 3rem;}
.about_ls .width1600 ul,.about_ls .width1600 ul li{ overflow: hidden; position: relative; }
.about_ls .width1600 ul{ margin:2rem auto 0px; padding-top: 1rem; max-width: 990px; height: 45rem;overflow-x: hidden;overflow-y: auto; background: url(../images/x.png) no-repeat scroll center bottom; background-attachment: fixed;}
.about_ls .width1600 ul::-webkit-scrollbar {width:0px;}
.about_ls .width1600 ul::-webkit-scrollbar-track {background-color: #ffffff;}
.about_ls .width1600 ul::-webkit-scrollbar-thumb {background-color: #005298;}
.about_ls .width1600 ul::-webkit-scrollbar-thumb:hover {background-color: #005298;}
.about_ls .width1600 ul::-webkit-scrollbar-thumb:active{background-color:#005298;}
.about_ls .width1600 ul li{ margin-bottom: 1rem; color: #ffffff; z-index: 1; line-height:2rem;}
.about_ls .width1600 ul li.l{ padding-right: 50%; }
.about_ls .width1600 ul li.r{ padding-left:50%;}
.about_ls .width1600 ul li span{ position: absolute; width: 22px; height: 22px;top: 4px;border-radius:50%; border:1px solid rgba(255,255,255,0); left: 50%; margin-left: -12px; }
.about_ls .width1600 ul li.o span{ border:1px solid rgba(255,255,255,1);}
.about_ls .width1600 ul li span i{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin:auto; width: 12px; height: 12px; background-color: #ffffff; border-radius:50%; }
.about_ls .width1600 ul li dd{ font-size: 1.5rem; float: left; margin-left: 2rem;}
.about_ls .width1600 ul li.l dd{ position: absolute; left: 50%;}
.about_ls .width1600 ul li dl{font-size: 1.125rem; min-height:5rem;}
.about_ls .width1600 ul li.l dl{ margin-right:3.75rem; float:right;}
.about_ls .width1600 ul li.r dl{ margin-left:3.75rem;  float:left;}

.about_bt{width: 100%; min-height:1080px; background-color: #f3f6fa;}
@media only screen and (max-width:1920px){
 .about_bt{ min-height: 100vh; }
}
.about_bt .width1600{ padding: 6rem 0px 5rem; position: relative;}
.about_bt .width1600 .tit{ position: absolute; top: 6rem; left: 0px; }
.about_bt .width1600 .tit dd{ font-size: 1.5rem; color: #005298; margin-bottom: 2.5rem;}
.about_bt .width1600 .tit dl{ font-size: 2.25rem; color: #22202b; line-height: 3.75rem; }

.about_bt .width1600 .tabBar{ height: 57.9375rem; position: relative; }
.about_bt .width1600 .tabBar .hd{ position: absolute; top: 0px; bottom: 0px; right: 0px; width: 67.25rem; background:url(../images/about_bt.png) no-repeat scroll right top; background-size: auto 100%; z-index:0;}
.about_bt .width1600 .tabBar .hd ul{position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.about_bt .width1600 .tabBar .hd li{ position: absolute; background-image:url(../images/about_bt_d.png); background-repeat:no-repeat; height: 2rem; cursor: pointer;background-size: auto 100%;}
.about_bt .width1600 .tabBar .hd li.l{ padding-left:2.5rem; background-position: left center;}
.about_bt .width1600 .tabBar .hd li.r{ padding-right:2.5rem; background-position: right center;}
.about_bt .width1600 .tabBar .hd li i{ display: block; float: left;font-size:2rem;color: #ffffff;}
.about_bt .width1600 .tabBar .hd li.l i{ margin-right: -1px;}
.about_bt .width1600 .tabBar .hd li.r i{ margin-left: -1px;}
.about_bt .width1600 .tabBar .hd li span{ display: block; float: left; border-radius: 4px; background-color: #ffffff; height: 2rem; line-height: 2rem; padding: 0px 1rem; color: #101010; font-size: 1rem;}
.about_bt .width1600 .tabBar .hd li.on i,.about_bt .width1600 .tabBar .hd li:hover i{ color:#3b79ad;}
.about_bt .width1600 .tabBar .hd li.on span,.about_bt .width1600 .tabBar .hd li:hover span{ background-color: #3b79ad; color: #ffffff; }

.about_bt .width1600 .tabBar .hd li.l1{ top: 32rem; right: 4rem; }
.about_bt .width1600 .tabBar .hd li.l2{ top: 19rem; right:12.25rem; }
.about_bt .width1600 .tabBar .hd li.l3{ top: 28rem; right:10rem; }
.about_bt .width1600 .tabBar .hd li.l4{ top: 35.5rem; right:5.5rem; }
.about_bt .width1600 .tabBar .hd li.l5{ top: 40.5rem; right:7.5rem; }
.about_bt .width1600 .tabBar .hd li.l6{ top:44rem; right:13.5rem; }
.about_bt .width1600 .tabBar .hd li.l7{ top: 31rem; right:12.5rem; }
.about_bt .width1600 .tabBar .hd li.l8{ top: 28rem; right:19.5rem; }
.about_bt .width1600 .tabBar .hd li.l9{ top: 27rem; right:36rem; }

.about_bt .width1600 .tabBar .bd{padding:1.5rem; max-width: 600px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; background-color: #ffffff; z-index: 1;}
.about_bt .width1600 .tabBar .bd .conWrap{ width:100%;  min-height: 12.25rem;}
.about_bt .width1600 .tabBar .bd .conWrap .con{ overflow: hidden; }
.about_bt .width1600 .tabBar .bd .conWrap .con dd{ margin-bottom: 1rem; font-size: 1.5rem; color: #005298; }
.about_bt .width1600 .tabBar .bd .conWrap .con dd i{ margin-right:1rem; }
.about_bt .width1600 .tabBar .bd .conWrap .con dl{ font-size: 1.125rem; color: #a7a6aa; line-height: 2rem; }

.about_bt .width1600 .tabBar .prev,.about_bt .width1600 .tabBar .next{ position:absolute; position: absolute; bottom: 0px; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; font-size: 1.5rem; color: #ffffff; background-color: #005298; transition: all .5s ease;}
.about_bt .width1600 .tabBar .prev{ right: 3.2rem; }
.about_bt .width1600 .tabBar .next{ right: 0px; }
.about_bt .width1600 .tabBar .prev:hover,.about_bt .width1600 .tabBar .next:hover{ opacity: 0.6; transition: all .5s ease;}
.about_bt .width1600 .tabBar .prevStop,.about_bt .width1600 .tabBar .nextStop{ display:none; }

.about_wh{ width: 100%; height: 60rem; background-position: 50%; background-repeat:no-repeat; }
.about_wh .width1600{}
.about_wh .width1600 .tit{ text-align: center; color: #ffffff; margin-top:7.5rem;}
.about_wh .width1600 .tit dd{ font-size: 2.25rem;  margin-bottom: 2rem;}
.about_wh .width1600 .tit dl{ font-size: 1.5rem; line-height: 3rem; height: 9rem; margin-bottom: 3.25rem;}
.about_wh .width1600 ul,.about_wh .width1600 ul li{ overflow: hidden; }
.about_wh .width1600 ul{ margin-top: -1rem;}
.about_wh .width1600 ul li{ float: left; width: 33.33333333%; cursor: pointer; padding-top: 1rem;}
.about_wh .width1600 ul li div.bg{ text-align: center; color: #ffffff; width: 90%; margin:0px auto;}
.about_wh .width1600 ul li div.bg ol{ margin-bottom: 1.25rem; height: 6.8125rem;}
.about_wh .width1600 ul li div.bg ol img{ margin-bottom: -4px; transition: all .5s ease;}
.about_wh .width1600 ul li:hover div.bg ol img{transition: all .5s ease;transform: scale(1.1);}
.about_wh .width1600 ul li div.bg dd{ font-size: 2.25rem; margin-bottom: 1rem;}
.about_wh .width1600 ul li div.bg dl{ font-size: 1.125rem; }

.about_gc{ width: 100%; height: 60rem; background-position: 50%; background-repeat:no-repeat;}
.about_gc .width1600{}
.about_gc .width1600 .tit{ text-align: center; color: #ffffff; margin-top:6.625rem; margin-bottom: 3.25rem;}
.about_gc .width1600 .tit dd{ font-size: 1.5rem;  margin-bottom: 2rem;}
.about_gc .width1600 .tit dl{ font-size: 2.25rem; line-height: 3rem; height:6rem;}
.about_gc .width1600 ul,.about_gc .width1600 ul li{ overflow: hidden; }
.about_gc .width1600 ul li{ height: 20rem; width: 31%; position: relative; cursor: pointer;}
.about_gc .width1600 ul li.l{ float: left; margin-right:3.5%;}
.about_gc .width1600 ul li.r{ float: right; }
.about_gc .width1600 ul li .bg{ position: absolute; top: 0px; left: 0px; bottom: 0px; right:0px; border:1px solid rgba(255,255,255,0.5); color: #ffffff; text-align: center; padding-top: 6.25rem;}
.about_gc .width1600 ul li .bg ol{ margin-bottom: 1rem; height: 3.75rem; }
.about_gc .width1600 ul li .bg ol img{ margin-bottom: -4px;  transition: all .5s ease;}
.about_gc .width1600 ul li:hover .bg ol img{transition: all .5s ease;transform: scale(1.1);}
.about_gc .width1600 ul li .bg dl{ font-size: 1.125rem; line-height: 2.25rem; }

.about_ry{ padding:3.375rem 0px; overflow: hidden; background-color: #f3f6fa; width: 100%; }
.about_ry .width1600{}
.about_ry .width1600 .tit{ overflow: hidden; margin-bottom: 2.5rem;}
.about_ry .width1600 .tit dd{ font-size: 1.5rem; color: #005298;  margin-bottom:1rem;}
.about_ry .width1600 .tit dl{ color: #22202b; font-size: 2.25rem;}
.about_ry .width1600 .pc_bg{ display: block; }
.about_ry .width1600 .sj_bg{ display: none; }
.about_ry .width1600 ul,.about_ry .width1600 ul li{ overflow: hidden; }
.about_ry .width1600 ul.t{ border-bottom: 1px solid #bbbbbb; }
.about_ry .width1600 ul.t li{ float: left; font-size: 1.125rem; color: #666666; margin-right:3.8%; border-bottom: 3px solid #f3f6fa;  cursor: pointer; margin-bottom:1.5rem; line-height: 1.5rem; padding-bottom: 1rem;text-transform:capitalize;}
.about_ry .width1600 ul.t li:hover,.about_ry .width1600 ul.t li.on{ border-bottom: 3px solid #005298; color: #005298;}

.about_ry .width1600 ul.c{ margin:2.5rem 0px; }
.about_ry .width1600 ul.c li{ display: none; position: relative;}
.about_ry .width1600 ul.c li img.l{ float: left; width: 48.125%; }
.about_ry .width1600 ul.c li div.r{ position: absolute; top: 0px; bottom: 0px; right:0px; width:51.875%; background-color: #ffffff;  }
.about_ry .width1600 ul.c li div.r div.c{ padding:0px 10%; position: absolute; top:15%; bottom: 15%; right:0px; width: 80%;}
.about_ry .width1600 ul.c li div.r div.c dd{ font-size: 2.25rem; color: #333333;}
.about_ry .width1600 ul.c li div.r div.c dl{ margin-top:5%; height:70%;overflow-x: hidden;overflow-y: auto;padding-right: 5px;}
.about_ry .width1600 ul.c li div.r div.c dl::-webkit-scrollbar{width: 2px;}
.about_ry .width1600 ul.c li div.r div.c dl::-webkit-scrollbar-track {background-color: #eaeaea;}
.about_ry .width1600 ul.c li div.r div.c dl::-webkit-scrollbar-thumb {background-color: #005298;}
.about_ry .width1600 ul.c li div.r div.c dl::-webkit-scrollbar-thumb:hover {background-color: #aaaaaa;}
.about_ry .width1600 ul.c li div.r div.c dl::-webkit-scrollbar-thumb:active{background-color:#333333;}
.about_ry .width1600 ul.c li div.r div.c dl p{ float: left; font-size: 1.125rem; color: #999999; width:45%; padding-right: 2%; padding-left:3%; margin-bottom: 1.25rem; background:url(../images/d.png) no-repeat scroll left center;}

.about_ry .width1600 ul.f{ width: 100%; text-align: center; }
.about_ry .width1600 ul.f li{display:inline-block; width: 2.25rem; height: 4px; background-color: #ffffff; border-radius: 2px; margin:0px 0.5rem;}
.about_ry .width1600 ul.f li.o,.about_ry .width1600 ul.f li:hover{ background-color: #005298; }

.about_hb{ padding: 4.5rem 0px 7.5rem; }
.about_hb .tit{ overflow: hidden; margin-bottom: 3rem;}
.about_hb .tit dd{ font-size: 1.5rem; color: #005298; margin-bottom: 1.5rem;}
.about_hb .tit dl{ font-size: 1.125rem; color: #666666; }
.about_hb ul,.about_hb ul li{ overflow: hidden; }
.about_hb ul{ border:1px solid #eeeeee; }
.about_hb ul li{ float: left; border:1px solid #eeeeee; margin-left:-1px; margin-right: -1px; margin-top:-1px; width: 12.5%; height: 8.4375rem; position: relative; cursor: pointer;}
.about_hb ul li img{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; margin:auto;transition: all .5s ease; }
.about_hb ul li:hover img{transition: all .5s ease;transform: scale(1.1);}

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

#i1 .about_jj div.t div.r{ opacity: 0; margin-top:3rem; }
#i1.on .about_jj div.t div.r{ opacity: 1; margin-top: 0px;transition: all 1s ease; }
#i1 .about_jj ul.f{ opacity: 0;margin-top: -3.875rem;}
#i1.on .about_jj ul.f{  opacity:1;margin-top: -6.875rem; transition: all 1s ease;}

#i2 .about_ls .width1600 ul{opacity: 0; margin-top:5rem;}
#i2.on .about_ls .width1600 ul{ opacity: 1; margin-top:2rem;transition: all 1s ease;}

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

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

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

#i6 .about_ry .width1600 ul{opacity: 0;}
#i6.on .about_ry .width1600 ul{ opacity: 1;transition: all 1s ease;}

#i7 .about_hb .tit dl{opacity: 0;}
#i7.on  .about_hb .tit dl{ opacity: 1;transition: all 1s ease;}
#i7 .about_hb ul{ opacity: 0; margin-top:3rem; }
#i7.on .about_hb ul{ opacity: 1; margin-top: 0px;transition: all 1s ease; }*/

/*foot_bg*/
.foot_bg{ width: 100%; height: 20.9375rem; background-repeat: no-repeat; background-position: 50%; }
.foot_bg .width1600{ padding:1.5rem 0px; }
.foot_bg .width1600 .hidden.t{ border-bottom: 1px solid rgba(255,255,255,0.5); }
.foot_bg .width1600 .hidden.t dl{ height: 5.875rem; }
.foot_bg .width1600 .hidden.t dl.l{ float: left; padding-right:10%;}
.foot_bg .width1600 .hidden.t dl.l p.n{ font-size: 1.5rem; color: #ffffff; margin-bottom: 1rem;}
.foot_bg .width1600 .hidden.t dl.l p.x{ font-size: 1rem; color: rgba(255,255,255,0.5); }
.foot_bg .width1600 .hidden.t dl.r{ float: right; width: 56%; text-align: right;}
.foot_bg .width1600 .hidden.t dl.r a{ color: #ffffff; font-size: 1rem; margin-left:3%;}
.foot_bg .width1600 .hidden.f{ margin-top: 1rem; }
.foot_bg .width1600 .hidden.f div.l{ float: left;  width: 50%; position: relative; padding-bottom: 3.75rem;}
.foot_bg .width1600 .hidden.f div.l ol{}
.foot_bg .width1600 .hidden.f div.l ol img{ margin-bottom: -4px; }
.foot_bg .width1600 .hidden.f div.l dl{ font-size: 0.875rem; color: #ffffff; position: absolute; bottom: 0px; left: 0px; width: 100%;}
.foot_bg .width1600 .hidden.f div.l dl a{ color: #ffffff;}
.foot_bg .width1600 .hidden.f div.l dl a.m{ font-size: 0.75rem; opacity: 0.5;}
.foot_bg .width1600 .hidden.f div.r{ float: right; max-width: 50%; margin-top: 1.5rem; text-align: center; color: #ffffff;}
.foot_bg .width1600 .hidden.f div.r div{ float: left; max-width: 102px; width:30%; margin-left:2rem;}
.foot_bg .width1600 .hidden.f div.r div ol{ margin-bottom: 0.5rem; }
.foot_bg .width1600 .hidden.f div.r div ol img{ margin-bottom: -4px; max-width: 102px;}
.foot_bg .width1600 .hidden.f div.r div dd{ font-size: 0.875rem; }

/*优弗业务*/
.yw_list,.yw_list li{ overflow: hidden; }
.yw_list{ padding:8.75rem 0px; }
.yw_list li{ margin-bottom: 4rem; position: relative; }
.yw_list li a{display: block;overflow: hidden;}
.yw_list li img.l{ width: 40%; max-width: 633px; margin-bottom: -4px; transition: all .5s ease;}
.yw_list li a:hover img{opacity: 0.5; transition: all .5s ease;}
.yw_list li.l a img.l{ float: left; }
.yw_list li.r a img.l{ float: right; }

.yw_list li a .bg{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding:2.5% 0px; top: 0px; bottom: 0px; position: absolute; width: 57%; max-width:910px; }
.yw_list li.l a .bg{ right: 0px; }
.yw_list li.r a .bg{ left: 0px; }
.yw_list li a .bg img.i{ position: absolute; right: 0px; opacity: 0.2; height: 22%; max-height: 102px; transition: all .5s ease;}
.yw_list li a:hover .bg img.i{ opacity: 1; transition: all .5s ease;}
.yw_list li a .bg dd,.yw_list li .bg dl{ max-width: 500px; width: 80%;}
.yw_list li a .bg dd{ font-size: 2.25rem; color: #333333; margin-bottom: 1rem;}
.yw_list li a .bg dl{ font-size: 1rem; color: #666666; line-height: 2rem; }
.yw_list li a .bg img.n{ position: absolute; bottom:7.5%; }
.yw_list li.no{ text-align: center; font-size: 2rem; }

/*yw_show*/
.yw_show{ padding: 5rem 0px; }
.yw_show .fh{ overflow: hidden; margin-bottom: 1.5rem; }
.yw_show .fh a{ font-size: 1.125rem; color: #333333; display: block; float: left; padding-left:40px; background: url(../images/fh.png) no-repeat scroll left center;}
.yw_show .fh a:hover{ color: #005298; }
.yw_show .hidden ul.l,.yw_show .hidden div.r{ border:1px solid #eeeeee; overflow: hidden;}
.yw_show .hidden ul.l{ float: left; width: 22.5%; padding: 1.5rem 0px;}
.yw_show .hidden ul.l li{ margin:0px auto; width:82%; }
.yw_show .hidden ul.l li.t{ margin-bottom: 1.5rem; font-size: 1.875rem; color: #005198; position: relative; padding-bottom: 1.25rem;}
.yw_show .hidden ul.l li.t i{ position: absolute; bottom: 0px; left: 0px; background-color:#005198; height: 3px; width: 50%; max-width: 46px; }
.yw_show .hidden ul.l li.c{ border-bottom: 1px solid #eeeeee; margin-top:1.5rem; padding-bottom: 1rem; position: relative; padding-left:2.25rem;}
.yw_show .hidden ul.l li.c img{ position: absolute; height: 1.125rem; left: 0px; top: 0.1875rem; }
.yw_show .hidden ul.l li.c a{ display: block; color: #333333; font-size: 1.125rem; }
.yw_show .hidden ul.l li.c a:hover,.yw_show .hidden ul.l li.c.o a{color: #005198;}

.yw_show .hidden div.r{ float: right; width:70%; padding:2rem 2%;}
.yw_show .hidden div.r dd{ margin-bottom: 1.25rem; font-size: 2.25rem; padding-right: 13.75rem; position: relative; }
.yw_show .hidden div.r dd a{ position: absolute; border:1px solid #005198;  width: 11.25rem; right:0px; height: 2.75rem; line-height: 2.75rem; font-size: 1rem; color: #ffffff; background-color: #005198; text-align: center;transition: all .5s ease;}
.yw_show .hidden div.r dd a:hover{ background-color: #ffffff;color: #005198; transition: all .5s ease;}
.yw_show .hidden div.r ol{ font-size: 1.125rem; color: #666666; line-height: 2rem; margin-bottom:0.5rem;}
.yw_show .hidden div.r ol i.fa{ display: block; color: #005198; font-size: 2.5rem; text-align: center; margin-top:0.5rem;}
.yw_show .hidden div.r dl{ font-size: 1.125rem; color: #666666; line-height: 2rem; padding:1.25rem 0px; border-top:1px solid #eeeeee;}

/*优弗案例*/
.al_li{ padding: 3rem 0px; }
.al_li .mu{ overflow: hidden; margin-bottom: 3rem;}
.al_li .mu a{ display: block; float: left; border:1px solid #eeeeee; height: 2.75rem; line-height: 2.75rem; min-width:8rem; padding: 0px 1rem; text-align: center; font-size: 1rem; color: #333333; }
.al_li .mu a:hover,.al_li .mu a.on{ background-color: #1e5293; border:1px solid #1e5293; color: #ffffff;}
.al_li .tit{ font-size: 2.25rem; color: #333333; margin-bottom: 2rem; }
.al_li ul,.al_li ul li{ overflow: hidden; }
.al_li ul{ width: 104%; }
.al_li ul li{ float: left; width: 21.526%; margin-right: 3.33%; margin-bottom: 3rem;}
.al_li ul li a{ display: block; overflow: hidden; }
.al_li ul li a p{ overflow: hidden; }
.al_li ul li a p img{ margin-bottom: -4px; transition: all .5s ease;}
.al_li ul li a:hover p img{transform: scale(1.1);transition: all .5s ease; opacity: 0.5;}
.al_li ul li a ol{ font-size: 1rem; color: #1e5293; height: 3rem; line-height: 3rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.al_li ul li a dd{ font-size: 1.25rem; color: #1a1a1a; height:4.5rem; line-height: 2.25rem; overflow: hidden;}
.al_li ul li a:hover dd{color: #1e5293;}
.al_li ul li a dl{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-top:1rem; padding: 0.75rem 0px; }
.al_li ul li a dl span{ font-size: 1rem; color: #333333; padding-left:32px; background-repeat: no-repeat; background-position: left center;}
.al_li ul li a dl b{ color: #eeeeee; margin:0px 1rem;}
.al_li ul li a dl span.l{ background-image: url(../images/al1.png); }
.al_li ul li a dl span.r{ background-image: url(../images/al2.png); }
.al_li ul li.no{ text-align: center; font-size: 2rem }

/*fenye*/
.fenye{ text-align: center; font-size: 1rem; line-height: 2rem; position: relative;}
.fenye i{ display: none; position: absolute; left: 0px; }
.fenye i.fa{ display: initial; position: relative; }
.fenye a{ color: #000000; }
.fenye a,.fenye span{ margin:0px 0.75rem; border:1px solid #eeeeee; border-radius: 4px; padding:4.5px 10px;}
.fenye a:hover,.fenye span{ color: #ffffff; background-color: #1e5293; border:1px solid #1e5293;}

/*al_show*/
.al_show{ padding:1.5rem 0px 7.5rem; }
.al_show .tit{ overflow: hidden; font-size: 1rem; color: #999999; }
.al_show .tit a{color: #999999;}
.al_show .tit a:hover{color: #1e5293;}
.al_show .hidden.t{ margin-top:3rem; }
.al_show .hidden.t ul,.al_show .hidden.t ul li{ overflow: hidden; }
.al_show .hidden.t ul.l{ float: left; width: 74%;}
.al_show .hidden.t ul.l li.t{ border-bottom: 1px solid #eeeeee; font-size: 2.25rem; color:#333333; padding-bottom: 1rem; }
.al_show .hidden.t ul.l li.c{ margin:1rem 0px; font-size: 1rem; color:#1a1a1a; line-height: 2.25rem; }
.al_show .hidden.t ul.l li.f{ border-top: 1px solid #eeeeee; padding-top:1rem;}
.al_show .hidden.t ul.l li.f a{ display: block; width:8rem; font-size: 1rem; color: #999999; height: 2rem; line-height: 2rem; background-repeat: no-repeat;}
.al_show .hidden.t ul.l li.f a.l{ float: left; padding-left: 48px; text-align: left; background-image: url(../images/x_fh_l.png); background-position: left center;}
.al_show .hidden.t ul.l li.f a.r{ float: right; padding-right:48px; text-align: right; background-image: url(../images/x_fh_r.png); background-position: right center;}
.al_show .hidden.t ul.l li.f a:hover{color: #1e5293;}

.al_show .hidden.t ul.r{ float: right; border:1px solid #eeeeee; width: 20%; padding:1rem 1.2%;}
.al_show .hidden.t ul.r li.t{ font-size: 1.25rem; color: #1e5293;  margin-bottom: 0.5rem;}
.al_show .hidden.t ul.r li.n{ font-size: 1.5rem; color: #333333; line-height: 2.25rem; margin-bottom: 3rem;}
.al_show .hidden.t ul.r li.c{ border-bottom: 1px solid #eeeeee; padding: 0.8rem 0px; font-size: 1rem; color: #999999;text-transform:capitalize; }
.al_show .hidden.t ul.r li.c i{ color: #333333; }
.al_show .hidden.t ul.r li.f{ margin-top:2.5rem; }
.al_show .hidden.t ul.r li.f a{ display: block; text-align: center; height: 3rem; line-height: 3rem; font-size: 1.125rem; color: #ffffff; border:1px solid #1e5293; background-color: #1e5293; transition: all .5s ease;text-transform:capitalize;}
.al_show .hidden.t ul.r li.f a:hover{ background-color: #ffffff; color:#1e5293;transition: all .5s ease;}

.al_show .hidden.f{ margin-top:4.5rem; }
.al_show .hidden.f .n{ font-size: 2.25rem;text-transform:capitalize; color: #1a1a1a; border-bottom: 1px solid #eeeeee; padding-bottom: 1rem; margin-bottom: 1.25rem; }
.al_show .hidden.f ul{ width: 104%; overflow: hidden;}
.al_show .hidden.f ul li{ float: left; width: 21.526%; margin-right: 3.33%; margin-bottom: 3rem;}
.al_show .hidden.f ul li a{ display: block; overflow: hidden; }
.al_show .hidden.f ul li a p{ overflow: hidden; }
.al_show .hidden.f ul li a p img{ margin-bottom: -4px; transition: all .5s ease;}
.al_show .hidden.f ul li a:hover p img{transform: scale(1.1);transition: all .5s ease; opacity: 0.5;}
.al_show .hidden.f ul li a ol{ font-size: 1rem; color: #1e5293; height: 3rem; line-height: 3rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.al_show .hidden.f ul li a dd{ font-size: 1.25rem; color: #1a1a1a; height:4.5rem; line-height: 2.25rem; overflow: hidden;}
.al_show .hidden.f ul li a:hover dd{color: #1e5293;}

/*优弗新闻*/
.news_li{ padding:3.75rem 0px 6rem; }
.news_li div.tabBar{ overflow: hidden; border-bottom: 1px solid #f6f6f6; margin-bottom: 3.75rem; padding-bottom: 3.75rem; }
.news_li div.tabBar .hd,.news_li div.tabBar .bd{ width: 48.5%; max-width: 770px; height: 30rem;}
.news_li div.tabBar .hd{ float: right;}
.news_li div.tabBar .hd ul,.news_li div.tabBar .hd ul li{ overflow: hidden; }
.news_li div.tabBar .hd ul li{ border-bottom: 1px solid #eeeeee; margin-bottom: 1rem; padding-bottom:1.125rem; cursor: pointer;}
.news_li div.tabBar .hd ul li a{ display: block; overflow: hidden; }
.news_li div.tabBar .hd ul li dd,.news_li div.tabBar .hd ul li dl{ overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_li div.tabBar .hd ul li dd{ font-size: 1.5rem; color: #333333; height: 2rem; line-height: 2rem;}
.news_li div.tabBar .hd ul li.on dd,.news_li div.tabBar .hd ul li:hover dd{ color: #1e5293;}
.news_li div.tabBar .hd ul li dl{ font-size: 1rem; color: #666666; margin:1em 0px 2rem; height: 1.5rem; line-height: 1.5rem;}
.news_li div.tabBar .hd ul li ol{ font-size: 0.875rem; color: #999999; height: 1.5rem; line-height: 1.5rem;}
.news_li div.tabBar .bd{ float: left; position: relative;}
.news_li div.tabBar .bd .tempWrap,.news_li div.tabBar .bd .tempWrap .conWrap{ overflow: hidden; }
.news_li div.tabBar .bd .tempWrap .conWrap .con{ height: 30rem; background-repeat: no-repeat; background-position: 50%; position: relative; }
.news_li div.tabBar .bd .tempWrap .conWrap .con a{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
.news_li div.tabBar .bd .tempWrap .conWrap .con a .bg{ position: absolute; bottom: 0px; background-color: rgba(0,0,0,0.5); color: #ffffff; padding:0px 21% 0px 2.5%; width: 76.5%; left: 0px; height: 5.625rem; padding-top: 1.25em;}
.news_li div.tabBar .bd .tempWrap .conWrap .con a .bg dd,.news_li div.tabBar .bd .tempWrap .conWrap .con a .bg dl{ overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.news_li div.tabBar .bd .tempWrap .conWrap .con a .bg dd{font-size: 1.5rem; margin-bottom:1rem;}
.news_li div.tabBar .bd .tempWrap .conWrap .con a .bg dl{font-size: 1rem;}
.news_li div.tabBar .bd a.qh{ position: absolute; right: 0px; width: 18%; max-width: 80px; background-color: #ffffff; color: #6c6964; font-size:2.6875rem; text-align: center; border:1px solid #eeeeee;}
.news_li div.tabBar .bd a.qh.prev{ bottom: 3.3125rem; margin-bottom: -1px;}
.news_li div.tabBar .bd a.qh.next{ bottom: 0px;}
.news_li div.tabBar .bd a.qh:hover{ color: #1e5293;}

.news_li ul.f,.news_li ul.f li{ overflow: hidden; }
.news_li ul.f{ margin-bottom:4rem; }
.news_li ul.f li{ border-bottom: 1px solid #f2f2f2; padding-bottom: 1.75rem; margin-bottom: 1.25rem; }
.news_li ul.f li a{ display: block; overflow: hidden; position: relative;}
.news_li ul.f li a div.l{ width: 66%; overflow: hidden; position: absolute; top: 0px; bottom: 0px; left: 0px;display:flex;align-items:center;}
.news_li ul.f li a div.l div.bg{ overflow: hidden;position: relative;}
.news_li ul.f li a div.l div.bg div.s{position: absolute; left: 0px; top: 0px; bottom: 0px; width: 13rem; }
.news_li ul.f li a div.l div.bg div.s ol{ color: #666666; margin-bottom: 0.75rem;}
.news_li ul.f li a div.l div.bg div.s ol.t{ font-size: 3rem; }
.news_li ul.f li a div.l div.bg div.s ol.f{ font-size: 1rem; }
.news_li ul.f li a div.l div.bg div.s img{ width: 3rem; height: 3rem; margin-top:1rem; }
.news_li ul.f li a div.l div.bg div.n{ float: right; margin-left:14rem; border-left: 1px solid #eeeeee; height: 11.25rem; padding-left:3rem;}
.news_li ul.f li a div.l div.bg div.n dd{ font-size: 1.5rem; color: #333333; margin-bottom: 1rem; }
.news_li ul.f li a:hover div.l div.bg div.n dd{color: #1e5293;}
.news_li ul.f li a div.l div.bg div.n dl{ font-size: 1rem; color: #666666; line-height: 1.75rem; }
.news_li ul.f li a div.r{ float: right; width:31%; overflow: hidden;}
.news_li ul.f li a div.r img{ margin-bottom: -4px; transition: all .5s ease;}
.news_li ul.f li a:hover div.r img{transform: scale(1.1);transition: all .5s ease; opacity: 0.5;}
.news_li ul.f li.no{ text-align: center; font-size: 2rem }

/*新闻详情*/
.news_s .width1600{ text-align: right; position: relative;}
.news_s .width1600 a{ margin-right: 0px; margin-left: 3.8%; color: #999999; display: initial;float: none; }
.news_s .width1600 i{ color: #333333;line-height: 4.25rem; float: left; font-size: 1.125rem; }

.news_show{ padding:1.5rem 0px 7.5rem; }
.news_show .tit{ overflow: hidden; font-size: 1rem; color: #999999; }
.news_show .tit a{color: #999999;}
.news_show .tit a:hover{color: #1e5293;}
.news_show .hidden.t{ margin-top:3rem; }
.news_show .hidden.t ul,.news_show .hidden.t ul li{ overflow: hidden; }
.news_show .hidden.t ul.l{ float: left; width: 74%;}
.news_show .hidden.t ul.l li.n{ font-size: 1.125rem; color: #1e5293; margin-bottom: 1.25rem; }
.news_show .hidden.t ul.l li.t{ border-bottom: 1px solid #eeeeee; font-size: 2.25rem; color:#333333; padding-bottom: 1rem; }
.news_show .hidden.t ul.l li.c{ margin:1rem 0px; font-size: 1rem; color:#1a1a1a; line-height: 2.25rem; }
.news_show .hidden.t ul.l li.f{ border-top: 1px solid #eeeeee; padding-top:1rem;}
.news_show .hidden.t ul.l li.f a{ display: block; width:8rem; font-size: 1rem; color: #999999; height: 2rem; line-height: 2rem; background-repeat: no-repeat;}
.news_show .hidden.t ul.l li.f a.l{ float: left; padding-left: 48px; text-align: left; background-image: url(../images/x_fh_l.png); background-position: left center;}
.news_show .hidden.t ul.l li.f a.r{ float: right; padding-right:48px; text-align: right; background-image: url(../images/x_fh_r.png); background-position: right center;}
.news_show .hidden.t ul.l li.f a:hover{color: #1e5293;}

.news_show .hidden.t ul.r{ float: right; border:1px solid #eeeeee; width: 20%; padding:1rem 1.2%;overflow: hidden;}
.news_show .hidden.t ul.r li{ margin-bottom:1.5rem; overflow: hidden;}
.news_show .hidden.t ul.r li.t{ font-size: 1.5rem; color: #333333;}
.news_show .hidden.t ul.r li.c{ position: relative; }
.news_show .hidden.t ul.r li.c i{ position: absolute; width: 0.5rem; height: 0.5rem; left: 0px; top:0.75rem; background-color: #1e5293; }
.news_show .hidden.t ul.r li.c a{ display: block; padding-left:1.5rem; line-height: 2rem;font-size: 1rem; color: #666666;}
.news_show .hidden.t ul.r li.c a:hover{color: #1e5293;}

/*留言咨询*/
.lybd{ overflow: hidden; width: 100%; background-color: #dce5ef; padding-top: 8px; margin-top: -8px;}
.lybd .width1600{ padding:4.5rem 0px 10.75rem;}
.lybd .width1600 .tit{ font-size: 2.25rem;color: #333333; margin-bottom: 1.5rem; }
.lybd .width1600 .hidden .l,.lybd .width1600 .hidden .r{ height: 47.5rem;}
.lybd .width1600 .hidden .l{ float: left; background:url(../images/ly_bg.jpg) no-repeat scroll 50% #ffffff; width: 48.5%; }
.lybd .width1600 .hidden .r{ background-color: #ffffff; float: right; width: 51.5%; }
.lybd .width1600 .hidden .r form{  display: block; width: 88.5%; margin:5rem auto 0px; }
.lybd .width1600 .hidden .r form .form-group{ overflow: hidden; width: 49%; margin-bottom: 1rem;}
.lybd .width1600 .hidden .r form .form-group .control-label{ display: none; }
.lybd .width1600 .hidden .r form #dr_row_title{ float: left; }
.lybd .width1600 .hidden .r form #dr_row_gsmc{ float: right; }
.lybd .width1600 .hidden .r form #dr_row_dzyx{ float: left; }
.lybd .width1600 .hidden .r form #dr_row_xingye{ float: right; }
.lybd .width1600 .hidden .r form #dr_row_dianhua{ float: left; }
.lybd .width1600 .hidden .r form #dr_row_didian{ float: right; }
.lybd .width1600 .hidden .r form .form-group div{ background-color: #f2f6f9; overflow: hidden; padding-left:3rem; background-repeat: no-repeat; background-position: 0.75rem center;}
.lybd .width1600 .hidden .r form #dr_row_title div{ background-image: url(../images/ly1.png);}
.lybd .width1600 .hidden .r form #dr_row_gsmc div{ background-image: url(../images/ly2.png); }
.lybd .width1600 .hidden .r form #dr_row_dzyx div{ background-image: url(../images/ly3.png); }
.lybd .width1600 .hidden .r form #dr_row_xingye div{ background-image: url(../images/ly4.png); }
.lybd .width1600 .hidden .r form #dr_row_dianhua div{ background-image: url(../images/ly5.png); }
.lybd .width1600 .hidden .r form #dr_row_didian div{ background-image: url(../images/ly6.png); }

.lybd .width1600 .hidden .r form .form-group div input{ border: 0px; height: 2.75rem;background-color: #f2f6f9; color: #000000; line-height: 2.75rem;outline:none;  font-size: 1rem;}
.lybd .width1600 .hidden .r form .form-group div input::-webkit-input-placeholder{ color: #999999; }
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms .control-label{display:block; font-size:1rem; color:#333333; height:3.25rem; line-height:3.25rem; }
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms{ width: 100%; }
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div{ padding:1rem; }
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div textarea{ height: 16.25rem !important; outline:none;  font-size: 1rem;border: 0px; background-color: #f2f6f9; }
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div textarea::-webkit-scrollbar {width:4px;}
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div textarea::-webkit-scrollbar-track {background-color: #ffffff;}
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div textarea::-webkit-scrollbar-thumb {background-color: #005298;}
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div textarea::-webkit-scrollbar-thumb:hover {background-color: #005298;}
.lybd .width1600 .hidden .r form .form-group#dr_row_wtms div textarea::-webkit-scrollbar-thumb:active{background-color:#005298;}
.lybd .width1600 .hidden .r form button{ width: 100%; max-width: 220px; height: 2.75rem; background-color: #005293; color: #ffffff; border:1px solid #005293; color: #ffffff; font-size: 1rem;transition: all .5s ease;}
.lybd .width1600 .hidden .r form button:hover{background-color: #ffffff; color: #005293;transition: all .5s ease;}

/*下载中心*/
.down{ padding:3.5rem 0px 8.75rem; }
.down .mu{ overflow: hidden; margin-bottom: 3rem;}
.down .mu a{ display: block; float: left; border:1px solid #eeeeee; height: 2.75rem; line-height: 2.75rem;width:10rem; text-align: center; font-size: 1rem; color: #333333; }
.down .mu a:hover,.down .mu a.on{ background-color: #1e5293; border:1px solid #1e5293; color: #ffffff;}

.down ul,.down ul li{ overflow: hidden; }
.down ul{ margin-bottom: 1rem; margin-top:2.5rem; min-height:50vh;}
.down ul li{ margin-bottom: 1.5rem;}
.down ul li a{ margin:4px; display: block; overflow: hidden; color: #333333; height: 3.75rem; background-color: #e8edf4;transition: all .5s ease; position: relative;}
.down ul li a:hover{ background-color: #ffffff;transition: all .5s ease;box-shadow:0px 0px 8px 0px #e8edf4;}
.down ul li a dd{ padding-right: 10rem; padding-left: 3.75rem; font-size: 1.125rem; height: 2rem; line-height: 2rem; margin-top: 0.875rem; background:url(../images/pdf.png) no-repeat scroll 1rem center;}
.down ul li a span{ font-size: 1rem; padding-right:2.75rem; background:url(../images/xz.png) no-repeat scroll right center; position: absolute; right: 1.75rem; height: 1.5rem; top: 50%; margin-top: -0.75rem; }

.down ul li.no{ text-align: center; font-size: 2rem; }

/*联系我们*/
.contact ul,.contact ul li{ overflow: hidden; }
.contact ul.t{ margin:3.375rem 0px; }
.contact ul.t li.l{ float: left; margin-right: 3.5%;}
.contact ul.t li.r{ float: right; }
.contact ul.t li{ height: 26.25rem;width: 31%; position: relative;}
.contact ul.t li div.bg{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  display:flex;align-items:center; border: 1px solid #eeeeee;}
.contact ul.t li div.bg div{ width:81%; margin:0px auto; text-align: center; color: #1a1a1a;}
.contact ul.t li div.bg div dd{ font-size: 1.5rem;text-transform:capitalize; }
.contact ul.t li div.bg div dl{ font-size: 1.125rem; margin:1.25rem 0px; line-height: 2.25rem;}
.contact ul.t li div.bg div ol.t{ margin-bottom: 1.5rem; }
.contact ul.t li div.bg div ol.t img{ margin-bottom: -4px; }
.contact ul.t li div.bg div ol.f{ overflow: hidden; height: 2.875rem;color: #ffffff; font-size: 1.125rem; line-height: 2.875rem; max-width: 240px; margin:0px auto; position: relative;}
.contact ul.t li div.bg div ol.f a{ color: #ffffff; display: block;}
.contact ul.t li div.bg div ol.f a:hover{background-color: #005293;}
.contact ul.t li div.bg div ol.f img{ margin-bottom: -0.3rem; margin-right: 8px;}
.contact ul.t li div.bg div ol.f1{ background-color: #005293; }
.contact ul.t li div.bg div ol.f2{ margin-top:0.75rem; background-color: #99bad4;}

.contact ul.fxg{ margin:5rem 0px 4.5rem; }
.contact ul.fxg li.l{ float: left; }
.contact ul.fxg li.r{ float: right; }
.contact ul.fxg li{ margin-bottom: 4rem; padding: 1.25rem 0px; border-bottom: 1px solid #cccccc; width: 48.2%; }
.contact ul.fxg li dd{ font-size: 2.25rem; }
.contact ul.fxg li div.f{ margin-top:1.5rem; overflow: hidden; position: relative;}
.contact ul.fxg li div.f img.l{ float: left; width: 138px; }
.contact ul.fxg li div.f div.r{ position: absolute; top: 0px; left: 170px; bottom: 0px; right:0px;  display:flex;align-items:center;}
.contact ul.fxg li div.f div.r dl{ font-size: 1rem; color: #999999; line-height: 2.5rem; }

.contact_zp{ overflow: hidden; width: 100%; background-color: #f4f6f9; }
.contact_zp .width1600{ padding: 6.75rem 0px; position: relative;}
.contact_zp .width1600 img.l{ float: left; width: 32.5rem; }
.contact_zp .width1600 div.r{ position: absolute; left: 42rem; top: 0px; bottom: 0px; right: 0px;  display:flex;align-items:center;}
.contact_zp .width1600 div.r div{ overflow: hidden; }
.contact_zp .width1600 div.r div dd{ font-size: 2.25rem; color: #1e528e; margin-bottom: 1rem;}
.contact_zp .width1600 div.r div dl{ font-size: 1rem; color: #333333; line-height: 2rem; }
.contact_zp .width1600 div.r div ol{ margin-top:2rem; overflow: hidden; }
.contact_zp .width1600 div.r div ol a{ display: block; width:28%; font-size: 1rem; height: 3rem; line-height: 3rem; text-align: center; margin-right:2.5%; float: left; }
.contact_zp .width1600 div.r div ol a.l,.contact_zp .width1600 div.r div ol a.r:hover{ background-color:#1e528e; color: #ffffff; transition: all .5s ease;}
.contact_zp .width1600 div.r div ol a.r,.contact_zp .width1600 div.r div ol a.l:hover{ background-color: #ffffff; color: #333333;transition: all .5s ease;}

/*page*/
.page{ padding: 5rem 0px; }
.page dd{font-size: 2.25rem;color: #333333; margin-bottom: 2rem;}
.page dl{ min-height: 50vh; font-size: 1rem; color: #1a1a1a;line-height: 2.25rem;}

/*pf_qq*/
/*.pf_qq{ position: fixed; right: 5px; top: 50%; display: block;  width:5rem; text-align: center; color:#005298;  z-index: 88; background-color: #ffffff; padding: 1rem 0px;transition: all .5s ease; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3); overflow: hidden; border-radius: 50%;}
.pf_qq:hover{color:#ffffff; background-color: #005298;transition: all .5s ease;}
.pf_qq i{ font-size:1.5rem; }
.pf_qq p{ font-size: 0.75rem; margin-top: 0.5rem;}*/
.pf_qq{ position: fixed; height: 88px; overflow: hidden; right:0px; top: 50%; z-index: 88; margin-top: -44px;}
.pf_qq dl.l{ float: left; width: 50px; background-color: #005298; color: #ffffff; text-align: center; padding: 10px 5px;}
.pf_qq dl.l i.fa{ font-size:1.5rem; margin-bottom:6px;}
.pf_qq dl.l p{ font-size:0.875rem; }
.pf_qq dl.l p.t{ display: none; }
.pf_qq:hover dl.l p.t{ display: block; }
.pf_qq dl.r{ float: right; width: 0px; height: 78px; padding: 5px; opacity: 0; background-color: #ffffff;transition: width 0.5s;}
.pf_qq:hover dl.r{ opacity: 1; width: 125px; transition: width 1s;}
.pf_qq dl.r a{ display: block; color: #5a5a5a; border-radius:4px; height: 36px; line-height: 36px; padding: 0px 10px; font-size: 0.875rem;}
.pf_qq dl.r a i{color: #005298;}
.pf_qq dl.r a:hover{background-color: #005298; color: #ffffff;}
.pf_qq dl.r a:hover i{color: #005298;color: #ffffff;}