a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

*{box-sizing:border-box;-webkit-box-sizing:border-box;}

ul li{list-style:none}

body{text-align:left;color:#333;line-height:1.6;font-family:"微软雅黑";overflow-x:hidden;position:relative;}

@font-face{font-family:iconfont;src:url(/static/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/static/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/static/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(/static/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(/static/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(/static/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");}

.main{width:12rem;height:100%;margin:0 auto;position:relative;font-size:0;}

/*单行隐藏*/

.shide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.dhide2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.dhide3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.dhide7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;}

.footseat{height: 1.8rem;}


/*三端*/

.pc{display:block;position:relative;}

/*PC标题*/

.pc .maintitle{font-size: 0.22rem;color: #333333;position: relative;line-height: 0.48rem;text-align:center;padding-top: 0.3rem;text-transform: uppercase;}

.pc .subtitle{font-size: 0.18rem;color: #333333;text-align: center;line-height: 0.22rem;}

.pc .subintro{font-size: 0.15rem;color: #6b6b6b;text-align: center;line-height: 0.3rem;margin-bottom:0.3rem;text-transform: uppercase;}

.pc .navtitle{border-bottom: 0.02rem solid #1c45bd; padding-top: 0.2rem; display: inline-block;margin: 0 auto; width: 100%}

.pc .navtitle .left {float: left;  width: 2.38rem; }

.pc .navtitle .left h2{font-size:0.24rem; color:#555555; line-height:0.6rem; }

.pc .navtitle .left span{font-size:0.14rem; color:#7a7a7a; text-transform: uppercase; line-height:0.6rem;  font-family: "Arial"; text-transform:uppercase; padding-left:0.05rem; font-weight:normal; display: inline-block;}

.pc .navtitle .right{ float: left; padding-left: 0.6rem;}

.pc .navtitle .right mip-img{ width:0.22rem; height: 0.18rem;display: inline-block;vertical-align:middle;line-height: 0.6rem}

.pc .navtitle .right span{display: inline-block;vertical-align:middle; font-size: 0.14rem; color: #7a7a7a;line-height: 0.6rem;padding-left: 0.05rem;}

.pc .navtitle .right a{display: inline-block;vertical-align:middle; font-size: 0.14rem; color: #7a7a7a;line-height: 0.6rem; padding-left: 0.1rem;}

.pc .navtitle .right i{display: inline-block;vertical-align:middle;font-size: 0.14rem; color: #7a7a7a;padding-left: 0.1rem;}

/*ipad标题*/

.ipad .maintitle{font-size: 0.32rem;color: #2c2523;position: relative;line-height: 0.6rem;text-align:center;padding-top: 0.5rem;}

.ipad .maintitle::after{content:'';width:0.28rem;height: 0.04rem;background: #6d6d6d;position: absolute;bottom:0;left: 50%;margin-left: -0.14rem;}

.ipad .subtitle{font-size: 0.28rem;color: #6b6b6b;text-align: center;line-height: 0.5rem;margin-bottom:0.3rem;text-transform: uppercase;}

/*mobile标题*/

.mobile .maintitle{font-size: 0.24rem;color: #333333;position: relative;line-height: 0.48rem;text-align:center;padding-top: 0.5rem;text-transform: uppercase;}

.mobile .subtitle{font-size: 0.24rem;color: #333333;text-align: center;line-height: 0.4rem;text-transform: uppercase;}

.mobile .subintro{font-size: 0.18rem;color: #6b6b6b;text-align: center;line-height: 0.4rem;margin-bottom:0.3rem;text-transform: uppercase;}

.mobile .indextit{font-size: 0.42rem;color: #8bbb5c;text-align: center;margin-top: 0.4rem;}

.mobile .indexsub{font-size: 0.26rem;color: #000;text-align: center;}



/*PC 左侧*/

.cont{ padding-top: 0.3rem; display: inline-block; margin: 0 auto; width: 100%}

.cont .pc .left{float: left;  width: 2.38rem; padding-bottom: 0.4rem; position: relative;}

.cont .pc .left .box{border:1px solid #d8d8d8; border-bottom: none; background: #f4f8f9;}

.cont .pc .left .box ul li{  border-bottom: 1px solid #d8d8d8; line-height:0.48rem;position: relative;}

.cont .pc .left .box ul li a{display: inline-block;vertical-align:middle; font-size: 0.14rem; padding: 0 0.2rem; color: #5a5a5a;line-height: 0.48rem;}

.cont .pc .left .box ul li strong{ color: #5a5a5a;display: inline-block;vertical-align:middle; }

.cont .pc .left .box ul li span{ color: #5a5a5a; position:absolute; right:0.2rem; top:0px; }

.cont .pc .left .box li:hover{ background: #1c45bd;}

.cont .pc .left .box li:hover strong{ color:#fff;}

.cont .pc .left .box li:hover span{ position:absolute; right:20px; top:0px; color: #fff;}

.cont .pc .left .cbox{border:1px solid #d8d8d8; padding: 0.15rem; margin-top: 0.2rem; background: #f4f8f9;}

.cont .pc .left .cbox .name{font-size: 0.18rem; color: #5a5a5a;}

.cont .pc .left .cbox .tel{font-size: 0.25rem; color: #1c45bd; font-family:Impact;}

.cont .pc .left .cbox .map{font-size: 0.14rem; color: #5a5a5a; line-height: 0.24rem}

.cont .pc .left .cbox .mail{font-size: 0.14rem; color: #5a5a5a;line-height: 0.24rem}

.cont .pc .right{float: left; padding-left: 0.46rem;width: 9.62rem;margin-top: -0.15rem;}

.cont .pc .right .pro ul{  }

.cont .pc .right .pro li{float:left; border:0.01rem solid #d3d7d8; position:relative;  width:2.75rem; height:2.4rem;  display:block; margin:0.15rem 0.14rem;}
.cont .pc .right .pro li a{ display:block;    overflow:hidden;}
.cont .pc .right .pro li mip-img{ width:2.7rem; height:2rem; display:block; background: #fff;}
.cont .pc .right .pro li span{ position:absolute; left:0; bottom: -0.01rem;width: 2.75rem; padding:0 0.1rem; border-top:0.01rem solid #d3d7d8;  display:block; line-height:0.38rem;  font-size:0.14rem; color:#636363; padding-right:0.2rem; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;     background: url(01.png) 2.5rem 0.15rem no-repeat;}

.cont .pc .right .pro li:hover span{  color:#fff; background:url(02.png) 2.5rem 0.15rem no-repeat #1c45bd; }

.cont .pc .right .pro li:hover { border:0.01rem solid rgb( 211, 215, 216 );   background-color: rgb( 242, 244, 248 );  box-shadow: 0.025rem 0.03rem 0.05rem 0 rgb( 125, 136, 137 );}

.cont .pc .right .case li{ float:left; position:relative;  width:2.7rem;  padding:0.08rem; background:#ececec;  display:block; margin:0.15rem; }

.cont .pc .right .case li .text_box{ position:absolute; z-index:0.02rem; left:0.08rem; top:0.08rem; opacity:0; filter:alpha(opacity=0); width:2.54rem; height:1.96rem; display:table; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D80095A2', endColorstr='#D80095A2');background:rgba(43,78,114,0.85);}

.cont .pc .right .case li .text_box p{ color:#fff; line-height:0.26rem; font-size:0.14rem; display:table-cell; vertical-align:middle; padding:0 0.2rem;}

.cont .pc .right .case li a{ display:block; }

.cont .pc .right .case li mip-img{ width:2.54rem; height:1.96rem; display:block;}

.cont .pc .right .case li:hover .text_box{ opacity:1;filter:alpha(opacity=100);   }

.cont .pc .right .case li span{ padding:0 0.1rem; display:block; line-height:0.36rem; padding-top: 0.1rem; font-size:0.14rem; color:#636363; padding-right:0.4rem; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/04.png) 2.3rem 0.18rem no-repeat; }

.cont .pc .right .case li:hover span{ color:#1c45bd; background:url(../images/03.png) 2.3rem 0.18rem no-repeat; }



.cont .pc .right .news ul{  margin-top: 0.15rem;} 

.cont .pc .right .news ul li{ display:block; height:1rem; position:relative; margin-bottom:0.55rem;}

.cont .pc .right .news ul li .box{ }

.cont .pc .right .news ul li h1{ border-bottom:0.01rem solid #e3e3e3;  position:relative; display:block; }

.cont .pc .right .news ul li h1 span{ position:absolute; right:0; top:0; display:block; color:#c4c4c4; line-height: 0.2rem;}

.cont .pc .right .news ul li h1 a{  font-size:0.15rem;   color:#444444; margin-bottom:0.05rem;  display:block;}

.cont .pc .right .news ul li h1 a:hover{ color:#1c45bd;}

.cont .pc .right .news ul li strong{ display:block; margin:0.1rem auto; color:#56595b;}

.cont .pc .right .news ul li strong span{ color:#aeb0b1;}

.cont .pc .right .news ul li p{ padding-top:0.15rem; line-height:0.26rem; width:6.5rem; color:#888888; font-size:0.14rem;}

.cont .pc .right .news ul li a.more{ position:absolute; right:0; bottom:0.05rem; height:0.26rem; text-align:center; line-height:0.26rem; font-size:0.14rem; display:block; padding:0 0.2rem 0 0.55rem ; color:#fff; background:url(../images/icon_more_jt.png) 0.05rem center no-repeat #959595; display: inline-block;}

.cont .pc .right .news ul li a.more:hover{  background:url(../images/icon_more_jt.png) 0.1rem center no-repeat #1c45bd;}

/*内页P*/

.cont .pc .tit{font-size: 0.28rem;color: #000;line-height: 0.5rem;text-align: center;}

.cont .pc .time{font-size: 0.14rem;color: #666666;line-height: 0.4rem;margin-bottom:0.3rem;text-align: center;}

.cont .pc .richtext{width: 95%;margin:0.2rem auto;font-size: 0.16rem;line-height: 0.35rem; min-height:2rem;}
.cont .pc .right .prev1{font-size:0.18rem;text-align:left;display:block; line-height:0.35rem}
.cont .pc .right .next1{font-size:0.18rem;text-align:left;display:block; line-height:0.35rem}
.cont .pc .right .back { margin:0.3rem auto 0.5rem auto; color:#888888; border:1px solid #bbbbbc; font-size:0.14rem;  display:block; width:1.5rem; height:0.30rem; line-height:0.3rem; text-align:center;}

.ne_ls ul{ list-style-type:none; padding:5px 10px;}
.ne_ls li{border-bottom:1px solid #f3f3f4;}
.ne_ls li a{line-height:0.35rem;height:0.35rem; display:block;}
.ne_ls li a:hover {color:#1c45bd; padding-left:0.1rem; 
-moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out;
}
.ne_ls li span{ float:right;}
.page{ clear:both; text-align:center; width:100%;}
.page a{ padding:5px 10px;}
.page a:hover{ color:#0033CC}
.cont .pc .right .back:hover{ color:#0064c7; border:1px solid #0064c7;}

/*内页M*/

.cont mip-img{ max-width: 6.4rem;margin: 0 auto;}

/*banner*/

.banner{width:100%;   position: relative;}

/*头部-PC*/

.header .pc .nav{height:0.9rem;background-color:rgba(0,0,0,0.1); width: 100%; position: absolute; margin: 0 auto;z-index: 999; }

.header .pc .logo{float:left; padding-top: 0.1rem;}

.header .pc .logo mip-img{height: 0.62rem;width: auto;display: block;}

/*.header .pc .navbox{float: right;width: 8.5rem;display: flex;}

.header .pc .navbox li{height:0.9rem;line-height:0.9rem;text-align:center;flex:1;color: #000; padding-top: 0.2rem}

.header .pc .navbox li:hover{border-bottom: 0.03rem solid #81c240}

.header .pc .navbox li a{display:block;height: 0.7rem;color: #fff;text-align: center;}

.header .pc .navbox li a span{display:block;width:100%;text-align:center;font:0.16rem/0.2rem "microsoft yahei";}

.header .pc .navbox li a font{display:block;width:100%;font:0.12rem/0.18rem "microsoft yahei";text-align:center;text-transform: uppercase;}*/

.header .pc .navbox ul {*zoom: 1;list-style: none;margin:0.15rem 0;padding:0;float:right;}

.header .pc .navbox ul:before,.navbox ul:after {content: "";display: table;}

.header .pc .navbox ul:after {clear: both;}

.header .pc .navbox ul > li {float: left;position: relative;}

.header .pc .navbox a {display: block;padding: 0.1rem 0.2rem;line-height: 1.2em;color: #fff;}

.header .pc .navbox a span{display:block;width:100%;text-align:center;font:0.16rem/0.2rem "microsoft yahei";}

.header .pc .navbox a font{display:block;width:100%;font:0.12rem/0.18rem "microsoft yahei";text-align:center;text-transform: uppercase;}

.header .pc .navbox a:hover {text-decoration: none;color:#e4ebf8; background:url(bg_nav.png) bottom center no-repeat;}

.header .pc .navbox li ul {background: #fff;}

.header .pc .navbox li ul li {width:1.6rem;display:inline; text-align:center; border-bottom:1px solid #ddeafb;}

.header .pc .navbox li ul a {border: none;color:#000000;}

.header .pc .navbox li ul a:hover { background:#ddeafb; color:#000000;}

.header .pc .navclass ul > li:hover ul {max-height: 1000px;-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}

.header .pc .navclass li ul {position: absolute;left: 0;top:0.6rem;z-index: 1;max-height: 0;overflow: hidden;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;}

.header .pc .navbox li.tel{ background:url(line_tle.png) left 0.2rem no-repeat; padding-left:0.15rem; font-size:0.18rem; color:#fff; flex-basis:1rem; line-height: 0.7rem;}

.header .pc .navbox li.tel mip-img{ width: 0.22rem; display: inline-block; margin-right: 0.1rem;}
.header .pc .navbox li.en{ padding:0.15rem 0;}
.header .pc .navbox li.en mip-img{ display:inline-block; vertical-align:middle;}



.header .pc .snav{height:0.9rem;background-color:#fff; width: 100%;  margin: 0 auto;z-index: 999; }

.header .pc .slogo{float:left; }

.header .pc .slogo mip-img{height: 0.74rem;width: auto;display: block;}

/*.header .pc .snavbox{float: right;width: 8.5rem;display: flex;}

.header .pc .snavbox li{height:0.9rem;line-height:0.9rem;text-align:center;flex:1;color: #000; padding-top: 0.2rem}

.header .pc .snavbox li a{display:block;height: 0.5rem;color: #000;text-align: center;}

.header .pc .snavbox li a span{display:block;width:100%;text-align:center;font:0.16rem/0.2rem "microsoft yahei";}

.header .pc .snavbox li a font{display:block;width:100%;font:0.12rem/0.18rem "microsoft yahei";text-align:center;text-transform: uppercase;}

.header .pc .snavbox a:hover{ border-bottom:0.02rem solid #0064c7; color:#0064c7;}

neiye*/ 

.header .pc .snavbox ul {*zoom: 1;list-style: none;margin:0.15rem 0;padding: 0;  float:right;}

.header .pc .snavbox ul:before,.navbox ul:after {content: "";display: table;}

.header .pc .snavbox ul:after {clear: both;}

.header .pc .snavbox ul > li {float: left;position: relative;}

.header .pc .snavbox ul li a {display: block;padding: 0.1rem 0.2rem;line-height: 1.2em;color: #000;}

.header .pc .snavbox ul li a span{display:block;width:100%;text-align:center;font:0.16rem/0.2rem "microsoft yahei";}

.header .pc .snavbox ul li a font{display:block;width:100%;font:0.12rem/0.18rem "microsoft yahei";text-align:center;text-transform: uppercase;}

.header .pc .snavbox ul li a:hover {text-decoration: none;color:#0064c7; background:url(bg_nav.png) bottom center no-repeat;}

.header .pc .snavbox li ul {background: #ffffff;}

.header .pc .snavbox li ul li {width:1.6rem;display:inline; text-align:center; border-bottom:1px solid #ddeafb; }

.header .pc .snavbox li ul a {color:#000000;}

.header .pc .snavbox li ul a:hover { background:#1c45bd; color:#fff;}

.header .pc .snavclass ul > li:hover ul {max-height: 1000px;-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}

.header .pc .snavclass li ul {position: absolute;left: -0.1rem;top:0.6rem;z-index: 1;max-height: 0;overflow: hidden;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;}

.header .pc .snavbox li.tel{ background:url(line_tle1.png) left 0.2rem no-repeat; padding-left:0.15rem; font-size:0.18rem; color:#000; flex-basis:1rem; line-height: 0.7rem;}

.header .pc .snavbox li.tel mip-img{ width: 0.22rem; display: inline-block; margin-right: 0.1rem;}
.header .pc .snavbox li .en{ height:0.35rem; padding:0.2rem 0;}

/*底部-PC*/

.foot{width:100%;}
.foot .main{}
.foot .link{width: 100%;height: 0.55rem;line-height: 0.55rem;background:#fff; position:relative}
.foot .link .tit{float: left;width: 1.2rem;font-size: 0.16rem;color: #183b5e;text-align: center;}

.foot .link .con{float: left;font-size: 0.16rem;color: #2c2f2f;}
.foot .link .con ul li{display: inline-block;vertical-align:middle;border-right: 1px solid #000;line-height: 0.2rem;}
.foot .link .con ul li a{color: #2c2f2f;text-align: center;display:block;padding:0 0.1rem;  }
.foot .link .con ul li:last-child{ border-right: none;}

.fnav{height:100px; background: #0d1a26; width:100%;  margin: 0 auto; color:#b3b7bb }
.fnav .copy{width:12rem; margin:0px auto; padding-top:10px;}
.copy .fleft{float:left; line-height:30px;width:6.5rem; line-height:0.28rem;}
.copy .fleft a{ color:#b3b7bb; padding:0px 5px;}
.copy .fleft a:hover{ color:#4e97ff;}
.copy .fright{float: right;width: 3.5rem; text-align:center;}
.copy .fright img{ width:80px;}



.foot .gototop{width:0.5rem;height:0.5rem;border:none; position:absolute; right:1.5rem; bottom:1.7rem;}
.foot .gototop mip-img{width:0.5rem;height:0.5rem; display:inline-block; }

/*缓动*/
.cont .pc .right .news ul li a.more,.cont .pc .right .pro li,.cont .pc .right .pro li span{ -moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; } 


.product .procontent li p,.procontent li{-moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out;}


.procontent li:hover{
box-shadow: 0.025rem 0.03rem 0.05rem 0 rgb( 125, 136, 137 );

}


    html{font-size:100px!important;}

    .footseat{display: none}

	.paging{text-align:center;margin:0;padding:0.3rem 0;}

    .paging .prev{display:inline-block;height: 0.28rem;line-height: 0.28rem;font-size:0.12rem;text-align: center;background-color:#1c45bd;color:#fff;border:0.01rem solid #d5d0d0;border-radius:0.05rem; }

	.paging .current{display:inline-block;height: 0.28rem;line-height: 0.28rem;font-size:0.12rem;text-align: center;padding: 0 0.1rem;background-color:#FFF;color:#666;border:0.01rem solid #d5d0d0;border-radius:0.05rem;color: #1c45bd;border:1px solid #1c45bd;margin-right:0.05rem}

    .paging a{display:inline-block;height: 0.28rem;line-height: 0.28rem;font-size:0.12rem;text-align: center;padding: 0 0.1rem;background-color:#FFF;color:#666;border:0.01rem solid #d5d0d0;border-radius:0.05rem;margin-right:0.05rem}

    .paging a:hover{color: #1c45bd;border:1px solid #1c45bd;}

	 paging .num{margin-right:0.05rem;}

    .paging .disabled{color:#1c45bd;border-color:1px solid #1c45bd;}

    .paging .active{color: #1c45bd;border:1px solid #1c45bd;}

    .paging .next{display:inline-block;height: 0.28rem;line-height: 0.28rem;font-size:0.12rem;text-align: center;margin: 0 0.05rem;background-color:#1c45bd;color:#fff;border:0.01rem solid #d5d0d0;border-radius:0.05rem; }

	.paging .prev:hover{color: #fff}

    .paging .next:hover{color: #fff}

	.paging .first{ margin-right:0.05rem;}