@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;}
textarea{overflow:auto;resize:none;}
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;font-size:14px;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1280{max-width:1280px; width:94%;}
/* top_bg */
.t_bg{ height:5rem; width:100%; overflow:hidden; opacity:0;}
.top_bg{ height:5rem; width:100%;background-color:#ffffff; position:fixed; top:0px; z-index:999; box-shadow:0px 2px 5px 1px rgba(0,0,0,0.3);}
.top_bg .logo{ position: absolute; left:3%; top:0.625rem;}
.top_bg .top_xx{ position:absolute; height:5rem; right:3%; top:0px;}
.top_bg .top_xx dl{ height:3rem; line-height:3rem; background-color:#016bdb; margin:1rem 0px; border-radius:3rem; color:#ffffff;}
.top_bg .top_xx dl.fl{ width:13rem; font-size:1.125rem; text-align:center; font-weight:bold;}
.top_bg .top_xx dl.fr{ width:3rem; text-align:center; margin-left:0.875rem;}
.top_bg .top_xx dl.fr a{color:#ffffff; font-size:1.4375rem;}

.top_bg .top_con{ width:90%; max-width:1080px;height:5rem;}
.top_bg .top_con ul{ height:5rem;}
.top_bg .top_con ul li{ float:left;height:5rem; overflow:hidden;/* position:relative;*/}
.top_bg .top_con ul li:hover{ overflow:inherit;}
.top_bg .top_con ul li a dd{ line-height:5rem; color:#111111; font-size:1.0625rem; position:relative; padding-right:4.375rem;}
.top_bg .top_con ul li a dd i{ position:absolute; transform:rotate(90deg); color:#9B9B9B; height:0.75rem; line-height:0.75rem; font-size:0.75rem; top:50%; margin-top:-0.375rem; right:40%;transition: all .5s ease;}
.top_bg .top_con ul li a:hover dd{ color:#016ADB;}
.top_bg .top_con ul li a:hover dd i{transform:rotate(-90deg);color:#016ADB;transition: all .5s ease;}
.top_bg .top_con ul li dl{ position:absolute; width:auto; background-color:#ffffff;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1); border-radius:4px; padding:0.625rem 0px; overflow:hidden; margin-top:5rem; height:0px;transition: all .5s ease; z-index:-88; opacity:0;}
.top_bg .top_con ul li:hover dl{ height:auto; opacity:1;transition: all .5s ease; z-index:0; margin-top:-0.625rem;}
.top_bg .top_con ul li dl a p{ height:3rem; line-height:3rem; font-size:0.875rem; color:#465A68; padding:0px 1rem;}
.top_bg .top_con ul li dl a:hover p{ background-color:#E6E8F0; color:#016ADB;}

.top_bg .top_con form.fr{ border:1px solid #F2F2F2; height:2.625rem; width:18%; padding:0px 1.5%; border-radius:2rem; margin:1.125rem 0px;}
.top_bg .top_con form.fr .s_txt{ border:0px;height:2.625rem;line-height:2.625rem; font-size:1rem; width:85%;}
.top_bg .top_con form.fr .s_btn{ border:0px; background:none; line-height:2.625rem; color:#016ADB; font-size:1.125rem; width:10%; font-weight:bold;}

/* banner */
.flexslider{ position:relative; overflow:hidden; max-height:36.25rem; z-index:8;}
.slides{ overflow:hidden;}
.slides li{ height:36.25rem; background-repeat:no-repeat; background-position:50%; position:relative;background-size:auto 100%;}
.slides li a{ position:absolute; left:0px; bottom:0px; right:0px; top:0px;}
.slides li a img{ opacity:0;}
.flexslider .flex-control-nav{ position:absolute; bottom:2rem; width:100%; text-align:center;}
.flexslider .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:0.75rem;height:0.75rem; cursor: pointer;position: relative;overflow: hidden;}
.flexslider .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.flexslider .flex-control-nav li a:hover,.flexslider .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}
.flex-direction-nav{ display:none;}


#i1,#i2,#i3,#i4,#i5,#i6{ position:relative; padding-top:30rem; margin-top:-30rem}
#i1{ z-index:6;}
#i2{ z-index:5;}
#i3{ z-index:4;}
#i4{ z-index:3;}
#i5{ z-index:2;}
#i6{ z-index:1;}


/*公用*/
.i_tit_t,.i_tit_f{ opacity:0;transition: all .5s ease; margin-top:-3rem;}
.i_tit_t{ font-size:1.125rem; color:#647283; text-align:center;text-transform:uppercase; padding-top:3rem;}
.i_tit_f{ font-size:2.25rem; color:#333333; text-align:center; font-weight:bold; margin-top:0.75rem;}
.i_tit_f strong{ color:#233E8B;}

.i_al_gd,.i_hzhb_gd{ display:none;}

/*i_c_t*/
.i_c_t{ height:27.8125rem; background:url(../images/i_c_t.png) no-repeat scroll 50%;}
.i_c_t .i_tit_t,.i_c_t .i_tit_f{ opacity:1;transition: all .5s ease; margin-top:0px;}
/*#i1.on .i_tit_t,#i1.on .i_tit_f{ opacity:1;transition: all .5s ease; margin-top:0px;}*/
.i_c_t ul{ overflow:hidden; max-width:1160px; width:96%; margin:4.25rem auto 0px;}
.i_c_t ul li{ float:left; max-width:204px; margin:0px 1% 1rem; width:18%; text-align:center; position:relative; }

/*#i1.on .i_c_t ul li{ opacity:1; margin-top:0px;}
#i1.on .i_c_t ul li.l_t1{transition: all .5s ease;}
#i1.on .i_c_t ul li.l_t2{transition: all 1s ease;}
#i1.on .i_c_t ul li.l_t3{transition: all 1.5s ease;}
#i1.on .i_c_t ul li.l_t4{transition: all 2s ease;}
#i1.on .i_c_t ul li.l_t5{transition: all 2.5s ease;}*/

.i_c_t ul li img{ margin-bottom:1.625rem;}
.i_c_t ul li dd{ font-size:1.125rem; color:#1B2733; margin-bottom:1.375rem;}
.i_c_t ul li dl{ font-size:0.875rem; color:#647283; line-height:1.5rem;}

/*产品中心*/
.i_cp_bg{ background-repeat:no-repeat;background-position:50%; width:100%; height:52.5rem;}
.i_cp_bg .width1280{ padding-top:8.125rem;}
.i_cp_bg .width1280 div.fl{ width:24%; height:37rem; background-color:#ffffff; opacity:0;transition: all .5s ease; margin-left:-30%;}

#i2.on .i_cp_bg .width1280 div.fl{ margin-left:0px; opacity:1;}
/*#i2.on .i_cp_bg .width1280 div.fl{ margin-left:0px; opacity:1;transition: all .5s ease;}*/

.i_cp_bg .width1280 div.fl .t{ background-color:#214391; text-align:center; height:7.75rem; color:#ffffff;}
.i_cp_bg .width1280 div.fl .t ol{text-transform: uppercase; font-size:1.125rem; padding-top:1.8rem;}
.i_cp_bg .width1280 div.fl .t dd{ font-size:2.25rem; font-weight:bold; margin-top:0.5rem;}
.i_cp_bg .width1280 div.fl .c{ height:25.625rem; position:relative;}
.i_cp_bg .width1280 div.fl .c ul{overflow:hidden; width:76%; margin:0px 12%; padding-top:1.5rem; max-width:232px;}
.i_cp_bg .width1280 div.fl .c ul li{ overflow:hidden; border:1px solid #979797; height:3rem; line-height:3rem; margin-bottom:1.5rem;}
.i_cp_bg .width1280 div.fl .c ul li:hover{ border:1px solid #016ADB;}
.i_cp_bg .width1280 div.fl .c ul li a p{ text-align:center; font-size:1rem; color:#465A68;}
.i_cp_bg .width1280 div.fl .c ul li a:hover p{ color:#016ADB;}

.i_cp_bg .width1280 div.fl .f{ background-color:#214391; height:3.625rem; line-height:3.625rem; text-align:center; font-size:1rem; color:#ffffff;}

.i_cp_bg .width1280 div.fr{ width:75%;margin-right:-30%; opacity:0;}
/*.i_cp_bg .width1280 div.fr{ width:75%;margin-right:-30%; opacity:0;transition: all .5s ease;}*/

#i2.on .i_cp_bg .width1280 div.fr{ margin-right:0px; opacity:1;}
/*#i2.on .i_cp_bg .width1280 div.fr{ margin-right:0px; opacity:1;transition: all .5s ease;}*/

.i_cp_bg .width1280 div.fr ul{ overflow:hidden; width:102%;}
.i_cp_bg .width1280 div.fr ul li{ float:left; background-color:#ffffff; height:18rem; width:31.5%; margin-right:1.5%; margin-bottom:16px;}
.i_cp_bg .width1280 div.fr ul li dl{ height:15rem; position:relative; width:100%; overflow:hidden;}
.i_cp_bg .width1280 div.fr ul li dl img{ position:absolute; top:0px; bottom:0px; right:0px; left:0px; margin:auto;transition: all .5s ease; max-height:178px;}
.i_cp_bg .width1280 div.fr ul li:hover dl img{transition: all .5s ease;transform: scale(1.1);}
.i_cp_bg .width1280 div.fr ul li dl a i{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:2;transition: all .5s ease;}
.i_cp_bg .width1280 div.fr ul li dl a:hover i{ background-color:#00428e; opacity:0.9;transition: all .5s ease;}
.i_cp_bg .width1280 div.fr ul li dd{ height:3rem; line-height:3rem;}
.i_cp_bg .width1280 div.fr ul li dd a p{ text-align:center; font-size:0.875rem; color:#465A68;}
.i_cp_bg .width1280 div.fr ul li dd a:hover p{ color:#016ADB;}

/*选择我们的理由*/
#i3.on .i_tit_t,#i3.on .i_tit_f{ opacity:1;transition: all .5s ease; margin-top:0px;}
.i_ly{ padding-top:0.75rem;}
.i_ly .i_ly_f{ overflow:hidden; position:relative; margin-top:1.5rem;height:37.5rem;}
.i_ly .i_ly_f .js{ position:absolute; top:0px; bottom:0px; right:0px; left:0px;}
.i_ly .i_ly_f .js li{ width:22rem; height:10rem; position:absolute; opacity:0;transition: all .5s ease;}
.i_ly .i_ly_f .js li.j_l1{ top:0px; left:-30%;}
.i_ly .i_ly_f .js li.j_l2{ top:0px; right:-30%; text-align:right;}
.i_ly .i_ly_f .js li.j_l3{ top:12.5rem; left:-30%;}
.i_ly .i_ly_f .js li.j_l4{ top:12.5rem; right:-30%; text-align:right;}
.i_ly .i_ly_f .js li.j_l5{ top:25rem; left:-30%;}
.i_ly .i_ly_f .js li.j_l6{ top:25rem; right:-30%; text-align:right;}
.i_ly .i_ly_f .js li img{ margin-bottom:1.5rem;}
.i_ly .i_ly_f .js li dd{ font-size:1.5rem; margin-bottom:0.5rem;}
.i_ly .i_ly_f .js li dl{ font-size:1rem; color:#465A68; line-height:1.5rem;}

#i3.on .i_ly .i_ly_f .js li{ opacity:1;} 
#i3.on .i_ly .i_ly_f .js li.j_l1{left:0px;transition: all .5s ease;}
#i3.on .i_ly .i_ly_f .js li.j_l2{right:0px;transition: all .5s ease;}
#i3.on .i_ly .i_ly_f .js li.j_l3{left:0px;transition: all 1s ease;}
#i3.on .i_ly .i_ly_f .js li.j_l4{right:0px;transition: all 1s ease;}
#i3.on .i_ly .i_ly_f .js li.j_l5{left:0px;transition: all 1.5s ease;}
#i3.on .i_ly .i_ly_f .js li.j_l6{right:0px;transition: all 1.5s ease;}

.i_ly .i_ly_f .con{ text-align:center; height:24rem; width:24rem; margin:7.5rem auto 0px; position:relative;}
.i_ly .i_ly_f .con img.i{ position:absolute; left:50%; top:50%; margin-left:-6.75rem; margin-top:-6.75rem; width:13.5rem; z-index:2;}
.i_ly .i_ly_f .con ul{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.i_ly .i_ly_f .con ul li{ border-radius:3rem; position:absolute; width:5.625rem; height:5.625rem; line-height:5.625rem; color:#ffffff; font-size:1.5rem; background-color:#233E8B;}
.i_ly .i_ly_f .con ul li.c_l1{ top:-0.625rem; left:2.75rem;}
.i_ly .i_ly_f .con ul li.c_l2{ top:-0.625rem; right:2.75rem;}
.i_ly .i_ly_f .con ul li.c_l3{ top:9.875rem; left:-2.75rem;}
.i_ly .i_ly_f .con ul li.c_l4{ top:9.875rem; right:-2.75rem;}
.i_ly .i_ly_f .con ul li.c_l5{ bottom:-0.75rem; left:3.125rem;}
.i_ly .i_ly_f .con ul li.c_l6{ bottom:-0.75rem; right:3.125rem;}

/*应用案例*/
.i_al_bg{ width:100%; height:42.5rem; background-repeat:no-repeat;background-position:50%; margin-top:5rem;} 
.i_al_bg .tit_t{ text-align:center; font-size:1.125rem; color:#FFFFFF; text-transform:uppercase; margin-bottom:1.25rem; line-height:1.125rem; padding-top:6rem;}
.i_al_bg .tit_f{ text-align:center; font-size:2.25rem; color:#ffffff; font-weight:bold; line-height:2.25rem;}
.i_al_bg .tit_f i{ color:#233E8B;}

.tit_t,.tit_f{ opacity:0;transition: all .5s ease; margin-top:-3rem;}
#i4.on .tit_t,#i4.on .tit_f{ opacity:1;transition: all .5s ease; margin-top:0px;}

.i_al_bg #slides{ width:94%; position:relative; margin:3.75rem auto 0px; max-width:1325px; height:24.375rem; opacity:0;transition: all .5s ease;}
#i4.on .i_al_bg #slides{ opacity:1;transition: all .5s ease;}

.i_al_bg #slides a.dj{ position:absolute; color:#ffffff; font-size:2.25rem; font-weight:bold; z-index:1; top:116.5px;}
.i_al_bg #slides a.dj.prev{ left:-15%;}
.i_al_bg #slides a.dj.next{ right:-15%;}
.i_al_bg #slides ul,.i_al_bg #slides ul li,.i_al_bg #slides .slides_control{ overflow:hidden;}
.i_al_bg #slides ul li dl{ float:left; position:relative; margin:0px 0.8rem; overflow:hidden; width:26rem;}
.i_al_bg #slides ul li dl a img{transition: all .5s ease; margin-bottom:-4px;}
.i_al_bg #slides ul li dl a:hover img{transition: all .5s ease;transform: scale(1.1);}
.i_al_bg #slides ul li dl a dd{ position:absolute; font-size:0.875rem; color:#ffffff; bottom:13%; left:6.5%;}

.i_al_bg .pagination{ position:absolute; left:50%; margin-left:-45px; z-index:10; bottom:0px;}
.i_al_bg .pagination li{ float:left; padding:0px 0.5rem;}
.i_al_bg .pagination a{ display:block; outline:none; background-color:#ffffff; text-indent:-999em; width:0.875rem; height:0.875rem; border-radius:1rem;}
.i_al_bg .pagination li.current a{ background-color:#016bd9;}

/*新闻资讯*/
#i5.on .i_tit_t,#i5.on .i_tit_f{ opacity:1; margin-top:0px;}
/*#i5.on .i_tit_t,#i5.on .i_tit_f{ opacity:1;transition: all .5s ease; margin-top:0px;}*/
.i_news{ overflow:hidden;}
.i_news div.t{overflow:hidden; margin:2.275rem 0px 3.75rem;}
.i_news div.t ul,.i_news div.t ul li{ overflow:hidden;}
.i_news div.t ul.fl{ width:50%; opacity:0;}
/*.i_news div.t ul.fl{ width:50%; opacity:0;transition: all .5s ease;}*/
 
#i5.on .i_news div.t ul.fl{ opacity:1;}
/*#i5.on .i_news div.t ul.fl{ opacity:1;transition: all .5s ease;}*/
.i_news div.t ul.fl li{ width:48%; overflow:hidden; margin:2px;}
.i_news div.t ul.fl li img{ margin-bottom:-4px;}
.i_news div.t ul.fl li div{ border:1px solid #eeeeee; border-top:0px; height:12rem; padding:1rem 1.5rem;}
.i_news div.t ul.fl li:hover div{box-shadow:0px 2px 4px 0px rgba(0,0,0,0.1);}
.i_news div.t ul.fl li div dd{ font-size:0.875rem; color:#233E8B; margin-bottom:0.75rem;}
.i_news div.t ul.fl li div dd i{ color:#9B9B9B; margin-left:1rem;}
.i_news div.t ul.fl li div ol{ font-size:1.125rem; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_news div.t ul.fl li div dl{ font-size:0.875rem; color:#465A68; line-height:1.5rem; margin-top:0.5rem; overflow:hidden; height:4.5rem; margin-bottom:1.5rem;}
.i_news div.t ul.fl li div p{ font-size:0.875rem; height:14px; line-height:14px;}
.i_news div.t ul.fl li div p:hover{ background:url(../images/jt.png) no-repeat scroll right center;}
.i_news div.t ul.fl li div p a{ color:#9B9B9B;}
.i_news div.t ul.fl li div p a{ color:#233E8B;}

.i_news div.t ul.fr{ width:49%; border-top:1px solid #D8D8D8;opacity:0; margin-right:-30%;}
/*.i_news div.t ul.fr{ width:49%; border-top:1px solid #D8D8D8;opacity:0;transition: all .5s ease; margin-right:-30%;}*/
#i5.on .i_news div.t ul.fr{ opacity:1; margin-right:0px;}
/*#i5.on .i_news div.t ul.fr{ opacity:1;transition: all .5s ease; margin-right:0px;}*/

.i_news div.t ul.fr li{ border-bottom:1px solid #D8D8D8; height:5rem; padding:1.0325rem 0px;}
.i_news div.t ul.fr li .fl{ border-right:1px solid #D8D8D8; width:14.5%; text-align:center;}
.i_news div.t ul.fr li .fl p.t{ font-size:2rem; font-weight:bold; color:#9B9B9B;}
.i_news div.t ul.fr li .fl p.c{ font-size:0.875rem; color:#9B9B9B;}
.i_news div.t ul.fr li .fl p.f{ font-size:0.875rem; color:#233E8B;}

.i_news div.t ul.fr li .fr{ width:73.5%; margin-right:9%; }
.i_news div.t ul.fr li .fr dd{ font-size:1rem; margin-bottom:0.5rem;}
.i_news div.t ul.fr li .fr dd a{ color:#333333;}
.i_news div.t ul.fr li .fr dd a:hover{ color:#233E8B;}
.i_news div.t ul.fr li .fr dl{ font-size:0.875rem; color:#465A68; line-height:1.5rem; height:3rem; overflow:hidden;}

.i_news .f{ overflow:hidden;}
.i_news .f a dl{ width:200px; height:3rem; line-height:3rem; text-align:center; border:1px solid #016ADB; margin:0px auto; color:#016ADB; font-size:0.875rem;transition: all .5s ease;}
.i_news .f a:hover dl{ background-color:#016ADB; color:#ffffff;transition: all .5s ease;}

/*合作伙伴*/
#i6.on .i_tit_t,#i6.on .i_tit_f{ opacity:1;transition: all .5s ease; margin-top:0px;}
.i_hzbh_bg{ width:100%; margin-top:5rem; overflow:hidden; background-color:#F7F7FA; height:26.25rem;}

#wrapper{ overflow:hidden; position:relative;  position:relative;margin:5rem auto 0px;width:94%;max-width:1240px;height:5rem; opacity:0;transition: all .5s ease;}
#i6.on #wrapper{ opacity:1;transition: all .5s ease;}

#wrapper a.dj{ position:absolute; color:#73848e; font-size:2.25rem; font-weight:bold; top:50%; margin-top:-18.5px;}
#wrapper a#LeftButton{ left:0px;}
#wrapper a#RightButton{ right:0px;}
#wrapper a.dj:hover{ color:#016bd9;} 
#CSSBox{ width:83% !important; max-width:1020px; margin:0px auto;}
#CSSContent li{ width:240px; height:80px; padding-right:20px; float:left;}

.i_hzbh_bg .pagination{ position:absolute; left:50%; margin-left:-45px; z-index:10; bottom:0px;}
.i_hzbh_bg .pagination li{ float:left; padding:0px 0.5rem;}
.i_hzbh_bg .pagination a{ display:block; outline:none; background-color:#73848e; text-indent:-999em; width:0.875rem; height:0.875rem; border-radius:1rem;}
.i_hzbh_bg .pagination li.current a{ background-color:#016bd9;}

/*foot_bg*/
.foot_bg{ height:23.5rem; padding-top:4rem; width:100%; background:url(../images/foot_bg.jpg) no-repeat scroll 50%;}
.foot_bg div.t{ overflow:hidden;}
.foot_bg div.t div.fl{ overflow:hidden; width:32.5%;}
.foot_bg div.t div.fl img{ margin-bottom:1.5rem;}
.foot_bg div.t div.fl dl{ color:#ffffff; font-size:1rem; line-height:1.5rem;}

.foot_bg div.t div.fr{ width:60%; overflow:hidden;}
.foot_bg div.t div.fr dl{ overflow:hidden;}
.foot_bg div.t div.fr dl.fl{ width:83.5%;}
.foot_bg div.t div.fr dl.fl ul{ float:left; overflow:hidden; width:25%;}
.foot_bg div.t div.fr dl.fl ul li{ overflow:hidden; line-height:2rem;}
.foot_bg div.t div.fr dl.fl ul li.t{ font-size:1rem; color:#ffffff;}
.foot_bg div.t div.fr dl.fl ul li.c{ font-size:0.875rem;}
.foot_bg div.t div.fr dl.fl ul li.c a{ color:#888b90;}
.foot_bg div.t div.fr dl.fl ul li.c a:hover{color:#016ADB;}
.foot_bg div.t div.fr dl.fr{ width:14.1%;  font-size:0.75rem; color:#ffffff;}
.foot_bg div.t div.fr dl.fr img{ margin-bottom:0.75rem;border: 2px solid #ffffff;max-width: 95%;}

.foot_bg div.f dl.t{ margin-bottom:2rem; position:relative; height:1.625rem;}
.foot_bg div.f dl.t a{ margin-right:2.5%;}
.foot_bg div.f dl.t a.wx{ position:relative;}
.foot_bg div.f dl.t a.wx p{ position:absolute; width:120px; height:120px;left:50%;margin-left:-61px; top:-140px;background-color:#ffffff; display:none;}
.foot_bg div.f dl.t a.wx p img{ position:absolute; top:5px; left:5px; right:5px; bottom:5px; margin:auto; max-height:110px; max-width:110px;}
.foot_bg div.f dl.t a.wx:hover p{ display: block;}

.foot_bg div.f dl.c{ color:#888B90; font-size:0.875rem; height:4.5rem; overflow:hidden;}
.foot_bg div.f dl.c a{color:#888B90; margin-left:2.5%;}
.foot_bg div.f dl.c a:hover{color:#016ADB;}
.foot_bg div.f dl.f{ font-size:0.75rem; color:#E6E8F0; overflow:hidden;}
.foot_bg div.f dl.f a{ color:#9B9B9B;}


.pf{ position:fixed; right:10px; width:97px; height:415px; background:url(../images/pf.jpg) no-repeat; top:50%; margin-top:-207.5px; z-index:88;box-shadow:0px 0px 4px 4px rgba(0,0,0,0.1);}
.pf ul{ height:307px; width:100%; margin-top:108px;}
.pf ul li{ width:100%; position:relative;}
.pf ul li.t{ height:64px;}
.pf ul li.t a{ position:absolute; top:0px; right:0px; left:0px; bottom:0px;}
.pf ul li.c{ height:75px;}
.pf ul li.c a{ position:absolute; top:0px; right:0px; left:0px; bottom:0px;}
.pf ul li.c span{ position:absolute; background-color:#ffffff; padding:5px; opacity:0; transition: all .5s ease;top:50%; margin-top:-15.5px; font-size:1rem;}
.pf ul li.c:hover span{ margin-left:-130%; opacity:1;transition: all .5s ease;}
.pf ul li.f{ height:80px; text-align:center; margin-top:10px;}
.pf ul li.f img{ max-height:100%;}

/*page_banner*/
.page_banner{ width:100%;background-size:auto 100%; background-repeat:no-repeat; background-position:50%; height:25.375rem;}
.page_banner .width1280{ position:relative; color:#333333;}
.page_banner .width1280 dd{ font-size:2.25rem; margin-top:9.75rem; padding-bottom:2.5rem; position:relative;}
.page_banner .width1280 dd i{ position:absolute; width:60px; height:1px; background-color:#4A4A4A; left:0px; bottom:1.25rem;}
.page_banner .width1280 ol{ font-size:1.125rem;text-transform:uppercase;}

/*page_t*/
.page_t{ width:100%;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.1); overflow:hidden;}
.page_t ul{ overflow:hidden; width:75%;}
.page_t ul li{ float:left; overflow:hidden; height:3.75rem; line-height:3.75rem; text-align:center; position:relative;}
.page_t ul li i{ position:absolute; height:0.625rem; width:1px; background-color:#D8D8D8; left:0px; top:50%; margin-top:-0.3125rem; z-index:-1;}
.page_t ul li a p{ color:#4A4A4A; padding:0px 20px;}
.page_t ul li.on a p,.page_t ul li:hover a p{ background-color:#016ADB; color:#ffffff;}

.page_t div.fr{ height:3.75rem; line-height:3.75rem; font-size:0.875rem; color:#999999; width:25%;}
.page_t div.fr a{ color:#999999;}
.page_t div.fr a:hover{color:#016ADB;}
.page_t div.fr i{ margin:0px 1rem;}

.ny_c{ margin-top:2.5rem;}
/*photo_list*/
.photo_list{ padding:0px 5px;}
.photo_list ul{ overflow:hidden; padding:5px; margin:0px -5px;}
.photo_list ul li{ border:1px solid #ffffff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1); width:49%; height:18.75rem; margin-bottom:2.5rem;}
.photo_list ul li:hover{ border:1px solid #016ADB;}
.photo_list ul li div{ overflow:hidden; width:48%; margin-top:5.5%; margin-left:4%;}
.photo_list ul li div dd{ font-size:1.125rem; position:relative; font-weight:600; padding-bottom:1.5rem;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.photo_list ul li div dd a{ color:#016ADB;}
.photo_list ul li div dd i{ position:absolute; width:60px; height:2px; background-color:#016ADB; left:0px; bottom:0.8rem;}
.photo_list ul li div ol{ font-size:0.875rem; color:#016ADB; margin-bottom:0.875rem;}
.photo_list ul li div dl{ font-size:0.875rem; color:#666666; line-height:1.5rem; text-align:justify;}
.photo_list ul li img{ float:right; max-width:188px; max-height:178px; margin-top:12%; margin-right:10%; width:30%;}

/*fenye*/
.fenye{text-align:center; height:1.5rem; line-height:1.5rem;}
.fenye a{padding:0.25rem 0.5rem;font-size:0.75rem;color:#333333;border:1px solid #E1E1E1;background-color:#E1E1E1;margin-left: 8px;}
.fenye a:hover{background-color:#016ADB;color:#ffffff;border:1px solid #016ADB;}
.fenye span{padding:0.25rem 0.5rem;font-size:0.75rem;background-color:#0D4EBE;color:#ffffff;border:1px solid #0D4EBE;margin-left: 8px;}

/*page_f*/
.page_f{ margin-top:1.5rem; width:100%; height:6.75rem; background:linear-gradient(to right, #016ADB , #005DC1);}
.page_f dl.fl{ color:#ffffff; font-size:1.5rem; line-height:6.75rem;}
.page_f dl.fr{ height:3.125rem; line-height:3.125rem; margin:1.8125rem 0px; border-radius:4px;background-color:#ffffff; width:12.5rem;}
.page_f dl.fr a p{ color:#016ADB; font-size:1.125rem; text-align:center;}
.page_f dl.fr a p img{ max-height:11px; margin-left:1.25rem;}

/*产品中心详情*/
.photo_show div.s_t{ overflow:hidden; margin:0.75rem 0px 2.25rem;}
.photo_show div.s_t div.fl{ width:475px;}
.photo_show div.s_t div.fl .t{ overflow:hidden;}
.photo_show div.s_t div.fl .t dl{ display:none; overflow:hidden; position:relative; border:1px solid #EEEEEE; height:25.5rem;}
.photo_show div.s_t div.fl .t dl img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; max-height:100%;}

.photo_show div.s_t div.fl .h218px{ overflow:hidden; position:relative; margin-top:1.25rem;}
.photo_show div.s_t div.fl .h218px a .Hui-iconfont{ position:absolute; color:#999999; font-size:18px; top:50%; margin-top:-10px;}
.photo_show div.s_t div.fl .h218px a:hover .Hui-iconfont{ color:#016ADB;}
.photo_show div.s_t div.fl .h218px a .Hui-iconfont#arrLeft{ left:0px;}
.photo_show div.s_t div.fl .h218px a .Hui-iconfont#arrRight{ right:0px;}
.photo_show div.s_t div.fl .h218px #scrollbox{ margin:0px auto;}
.photo_show div.s_t div.fl .h218px #scrollbox ul{ overflow:hidden;}
.photo_show div.s_t div.fl .h218px #scrollbox ul li{ float:left; border:1px solid #ffffff; width:98px; height:80px; margin-right:10px; position:relative;}
.photo_show div.s_t div.fl .h218px #scrollbox ul li.on,.photo_show div.s_t div.fl .h218px #scrollbox ul li:hover{ border:1px solid #EEEEEE;}
.photo_show div.s_t div.fl .h218px #scrollbox ul li a{ position:absolute;top:0px; left:0px; bottom:0px; right:0px;}
.photo_show div.s_t div.fl .h218px #scrollbox ul li a img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto;transition: all .5s ease;}
.photo_show div.s_t div.fl .h218px #scrollbox ul li.on a img,.photo_show div.s_t div.fl .h218px #scrollbox ul li:hover a img{ max-height:55px;transition: all .5s ease;}

.photo_show div.s_t div.fr{ width:60%; overflow:hidden;}
.photo_show div.s_t div.fr dd{ font-size:1.5rem; line-height:3rem; color:#4A4A4A; border-bottom:1px solid #E1E1E1;}
.photo_show div.s_t div.fr dl{ font-size:1rem; color:#666666; line-height:2rem; margin:0.625rem 0px; min-height:8.75rem; width:100%; max-width:652px;}
.photo_show div.s_t div.fr div.f{ overflow:hidden;}
.photo_show div.s_t div.fr div.f a ol{ float:left; border:1px solid #016ADB; width:7.5rem; height:2.5rem; text-align:center; border-radius:2rem; line-height:2.5rem; font-size:0.875rem; color:#016ADB;}
.photo_show div.s_t div.fr div.f div{ overflow:hidden; float:left; font-size:0.875rem; color:#999999; margin-left:1.5rem; line-height:2.5rem;}
.photo_show div.s_t div.fr div.f div a img{ margin-right:1.5rem;}

.photo_show div.s_c{ overflow:hidden; margin-bottom:2rem;}
.photo_show div.s_c .t{ overflow:hidden; border-bottom:2px solid #016ADB; height:3.125rem; margin-bottom:3.125rem;}
.photo_show div.s_c .t dd{ float:left; background-color:#016ADB; width:10rem; line-height:3.125rem; color:#ffffff; font-size:1rem; text-align:center;}
.photo_show div.s_c .t dd img{ margin-right:0.75rem;}
.photo_show div.s_c .t ol{ float:right;line-height:3.125rem; font-size:0.875rem; color:#4A4A4A;}
.photo_show div.s_c .t ol b{ color:#116bd8; font-size:1.5rem;}
.photo_show div.s_c .f{ font-size:1.125rem; color:#333333; line-height:2rem;}
.photo_show div.s_c .f img{ position:relative; z-index:-1;}
.photo_show div.s_c .f td{ width:auto !important;}
.photo_show div.s_c .f td img{ padding-right:2rem;}


/*应用案例*/
.al_list ul{ overflow:hidden; margin-bottom:5rem; width:102%;}
.al_list ul li{ float:left; overflow:hidden; margin-bottom:0.75rem; margin-right:1.3333%; width:32%; max-width:416px;}
.al_list ul li div{ position:relative; overflow:hidden;}
.al_list ul li div a img{ margin-bottom:-4px;transition: all .5s ease;}
.al_list ul li div a:hover img{transform: scale(1.1);transition: all .5s ease;}
.al_list ul li dd{ height:3.75rem; line-height:3.75rem; text-align:center;}
.al_list ul li dd a p{ color:#4A4A4A; font-size:1.125rem;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.al_list ul li dd a:hover p{ color:#016ADB;}

.al_show div{ overflow:hidden;}
.al_show div.t{ font-size:1.875rem; color:#0D4EBE; margin-bottom:1.5rem;}
.al_show div.c{ font-size:0.875rem; color:#4A4A4A; line-height:1.5rem; margin-bottom:2rem; min-height:10rem;}
.al_show div.f{ margin-bottom:6.5rem;}
.al_show div.f a p{ color:#999999; font-size:0.875rem; border:1px solid #999999; height:2.5rem; line-height:2.5rem; border-radius:2rem; width:8.75rem; text-align:center;}
.al_show div.f a:hover p{ color:#016ADB; border:1px solid #016ADB;}

/*新闻资讯*/
.news_list ul{ overflow:hidden; margin-bottom:2.5rem;}
.news_list ul li{ overflow:hidden; border-bottom:1px solid #D8D8D8; height:5rem; padding:1.0325rem 0px;}
.news_list ul li:hover{ background-color:#F6F9FC;}
.news_list li .fl{ border-right:1px solid #D8D8D8; width:7.4%; min-width:95px; text-align:center; height:5rem;}
.news_list li .fl p.t{ font-size:2rem; font-weight:bold; color:#9B9B9B;}
.news_list li .fl p.c{ font-size:0.875rem; color:#9B9B9B;}
.news_list li .fl p.f{ font-size:0.875rem; color:#999999;}
.news_list li .fr{ width:36.5%; padding-right:54.5%; position:relative;}
.news_list li .fr dd{ font-size:1rem; margin-bottom:0.5rem;color:#333333;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.news_list li a:hover .fr dd { color:#016ADB;}
.news_list li .fr dl{ font-size:0.875rem; color:#465A68; line-height:1.5rem; height:3rem; overflow:hidden;}
.news_list li .fr i{ position:absolute; background:url(../images/jt.png) no-repeat; width:32px; height:14px; right:1.5%; top:50%; margin-top:-7px; opacity:0;transition: all .5s ease;}
.news_list li:hover .fr i{ opacity:1;transition: all .5s ease;}

.news_show ul{ overflow:hidden;margin:0.5rem 0px 5rem;}
.news_show ul li.t{ text-align:center; font-size:1.875rem; color:#333333; font-weight:bold; overflow:hidden;}
.news_show ul li.n{ text-align:center; font-size:0.875rem; color:#999999; margin-top:0.5rem; overflow:hidden;}
.news_show ul li.f{ text-align:center; margin:1.25rem 0px 1.5rem; height:30px; line-height:30px; position:relative;}
.news_show ul li.f a{ position:absolute; width:30px; height:30px; background-repeat:no-repeat;transition: all .5s ease;}
.news_show ul li.f a:hover{ background-position:0px -30px;transition: all .5s ease;}
.news_show ul li.f a.n_fx1{ background-image:url(../images/n_fx1.png); margin-left:-50px;}
.news_show ul li.f a.n_fx1 p{ width:108px; position:absolute; left:50%; margin-left:-54px; top:40px; display:none;}
.news_show ul li.f a.n_fx1:hover p{ display:block;}
.news_show ul li.f a.n_fx2{ background-image:url(../images/n_fx2.png);}
.news_show ul li.f a.n_fx3{ background-image:url(../images/n_fx3.png); margin-left:50px;}
.news_show ul li.c{ overflow:hidden; font-size:0.875rem; color:#4A4A4A; line-height:1.5rem; border-top:1px solid #F2F2F2; padding:1.5rem 0px; min-height:400px;}
.news_show ul li.q{ overflow:hidden; border:1px solid #CCCCCC;}
.news_show ul li.q dl{ height:3.75rem; line-height:3.75rem; text-align:center; position:relative;}
.news_show ul li.q dl a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; font-size:1rem; color:#4A4A4A;}
.news_show ul li.q dl a:hover{ color:#016ADB;}
.news_show ul li.q dl.d{ width:24%;}
.news_show ul li.q dl.c{ width:52%; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin:0px -1px;}

/*公司简介*/
.about_t li{ position:relative;}
.page_t ul.about_t li a p{ position:relative; padding:0px 25px 0px 50px;}
.about_t li a p span{ position:absolute; width:15px; height:14px; top:50%; margin-top:-7px; margin-left:-25px; background-repeat:no-repeat; background-position:center 0px;}
.about_t li.on span,.about_t li a:hover p span{ background-position:center -14px;}

.page{ overflow:hidden; font-size:1rem; color:#4A4A4A; line-height:1.5rem; margin-bottom:3rem;}

.about_hzhb dd{ overflow:hidden; font-size:1.5rem; color:#4A4A4A; margin-bottom:0.875rem;}
.about_hzhb ol{ overflow:hidden; font-size:0.875rem; color:#4A4A4A;}
.about_hzhb ul{ overflow:hidden; margin-top:2rem; width:102%;}
.about_hzhb ul li{ float:left; margin-bottom:1.5rem; position:relative; height:6.25rem; width:23%; margin-right:2%;}
.about_hzhb ul li a div{ position:absolute; border:1px solid #E1E1E1; top:0px; bottom:0px; left:0px; right:0px;}
.about_hzhb ul li a div img{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;transition: all .5s ease;}
.about_hzhb ul li a:hover div img{transform: scale(1.1);transition: all .5s ease;}

.about_fw{ min-height:350px;}
.about_fw dd{ font-size:1.5rem; color:#4A4A4A;}
.about_fw div.bg{ margin:1.25rem 0px 2.5rem; height:11.625rem; background:url(../images/fw_bg.jpg) no-repeat scroll 50%; position:relative;}
.about_fw div.bg ol{ padding-left:7.25rem; background:url(../images/fw_dh.png) no-repeat scroll 0px center; background-size:auto 100%; font-size:3.75rem; color:#ffffff; font-weight:bold;font-style:italic; height:5rem; line-height:5rem; position: absolute; right:7.3%; top:50%; margin-top:-2.5rem;}
.about_fw dl{ font-size:0.875rem; color:#4A4A4A;}

/*联系我们*/
.lxwm_c{ border:1px solid #E1E1E1; margin:1.25rem 0px 5rem; position:relative;}
.lxwm_c ul.fl{ width:40%; margin-left:3%; overflow:hidden;}
.lxwm_c ul.fl li{ overflow:hidden;}
.lxwm_c ul.fl li.t{ font-size:1.5rem; color:#016ADB; font-weight:bold; margin-top:2.25rem;}
.lxwm_c ul.fl li.c{ font-size:1rem; color:#4A4A4A; line-height:4.5rem; padding-left:28px;}
.lxwm_c ul.fl li.c.dz,.lxwm_c ul.fl li.c.dh{ border-bottom:1px solid #eeeeee;}
.lxwm_c ul.fl li.c.dz{ background:url(../images/c_t1.png) no-repeat scroll 0px center;}
.lxwm_c ul.fl li.c.dh{ background:url(../images/c_t2.png) no-repeat scroll 0px center;}
.lxwm_c ul.fl li.c.yx{ background:url(../images/c_t3.png) no-repeat scroll 0px center;}
.lxwm_c ul.fl li.f img{ float:left;}
.lxwm_c ul.fl li.f dl{ overflow:hidden; float:left; margin-left:0.5rem; font-size:0.875rem;}
.lxwm_c ul.fl li.f dl p{ line-height:1.25rem;}
.lxwm_c ul.fl li.f dl p.t{ color:#016ADB; margin-top:1rem;}
.lxwm_c ul.fl li.f dl p.f{ color:#4A4A4A;}
.lxwm_c div.fr{ width:55%; max-width:700px; position:absolute; top:0px; right:0px; bottom:0px;}
.lxwm_c div.fr iframe{ position:absolute !important; width:100% !important; height:100% !important;}
.lxwm_c div.fr div#dituContent{position:absolute !important; width:100% !important; height:100% !important; bottom:0px !important;}

.lxwm_ly{ height:35.1875rem; background:url(../images/ly.png) no-repeat scroll right center; margin:2rem 0px 3rem;}
.lxwm_ly ul{ overflow:hidden; width:52%; margin-top:4.375rem;}
.lxwm_ly ul li{ overflow:hidden; margin-bottom:1.875rem;}
.lxwm_ly ul li.t input{ border:1px solid #E1E4ED; width:42%; padding:0px 2.5%; height:3rem; line-height:3rem; font-size:1rem; color:#4A4A4A; background-color:#F6F9FC;}
.lxwm_ly ul li.c{ border:1px solid #E1E4ED;background-color:#F6F9FC; height:11.875rem; position:relative;}
.lxwm_ly ul li.c textarea{ font-size:1rem; width:95%; line-height:2rem; padding:0px 2.5%;border:0px; background:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.lxwm_ly ul li.f input{ border:0px; width:11.5625rem; height:3.125rem; line-height:3.125rem; text-align:center; border-radius:50px; background-color:#016ADB; font-size:1rem; color:#ffffff;}

.lxwm_job ul{ overflow:hidden; border:1px solid #E1E1E1; margin-bottom:3.5rem;}
.lxwm_job ul li{ overflow:hidden; height:3.75rem; }
.lxwm_job ul li dd{ float:left; height:3.75rem; line-height:3.75rem;}
.lxwm_job ul li dd.j_d1{ margin-left:5%; width:24%;}
.lxwm_job ul li dd.j_d2{ width:23%;}
.lxwm_job ul li dd.j_d3{ width:24%;}
.lxwm_job ul li dd.j_d4{ width:24%;}
.lxwm_job ul li.t{font-size:1.0625rem; color:#4A4A4A;}
.lxwm_job ul li.c{ border-top:1px solid #E1E1E1;}
.lxwm_job ul li.c:hover{ background-color:#F6F9FC;}
.lxwm_job ul li.c.on{ height:inherit;}
.lxwm_job ul li.c.on.up{ height:3.75rem;}
.lxwm_job ul li.c dl.t{ border-bottom:1px solid #E1E1E1; overflow:hidden; position:relative; font-size:0.9375rem; color:#4A4A4A;}
.lxwm_job ul li.c dl.t i{ position:absolute; color:#CCCCCC; right:2.5%; top:50%; font-size:1.25rem; margin-top:-12px;}
.lxwm_job ul li.c:hover dl.t i{ color:#016ADB;}
.lxwm_job ul li.c.on dl.t i{transform:rotate(180deg);}
.lxwm_job ul li.c.on.up dl.t i{transform:rotate(0deg);}

.lxwm_job ul li.c div.xl_f{ overflow:hidden; padding:2rem 5% 4.25rem; font-size:0.9375rem;color:#4A4A4A;}
.lxwm_job ul li.c div.xl_f i{ color:#016ADB;}
.lxwm_job ul li.c div.xl_f div{ overflow:hidden;}
.lxwm_job ul li.c div.xl_f div.t{ margin-bottom:1.5rem;}
.lxwm_job ul li.c div.xl_f div.t ol{ float:left; margin-right:2rem;}
.lxwm_job ul li.c div.xl_f div.c{ margin-bottom:1.5rem;}
.lxwm_job ul li.c div.xl_f div.c ol{ font-weight:bold;}
.lxwm_job ul li.c div.xl_f div.c dl{ line-height:1.5rem; margin-bottom:1.5rem;}