@charset "utf-8";
/* CSS Document */

/****响应式base设置*****/
a{ blr:expression(this.onFocus=this.blur()); text-decoration:none;}
input:focus{outline:none;}
button:focus{outline:none;}
textarea:focus{outline:none;}
select:focus{outline:none;}
*{padding: 0;margin: 0; -webkit-tap-highlight-color:rgba(255,0,0,0); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0px; margin:0px;}
img{ border:none;}
ul,li{ list-style:none;}
p{ padding:0; margin:0;}
i{ font-style:normal;}
body{padding:0; margin:0; overflow-x:hidden; font-family: "Microsoft YaHei"; }
input,button,textarea,select{font-family: "Microsoft YaHei";}

/**导航**/
.header{ border-bottom:3px solid #4eb3bd; position:relative;}
.header .head{ width:62.5%; width:1200px; margin:0 auto; height:100px; transition:all ease-in 0.3s;}
.header .head .logoa{ display:block; height:100px; padding:18px 0px; float:left;}
.header .head .logoa img{ display:block; height:64px; padding:0px 0;}
.header .head ul{ overflow:hidden; float:right; }
.header .head ul li{ float:left;}
.header .head ul li a{ display:block; font-size:16px; text-align:center; line-height:100px; width:100px; color:#333; height:100px;}
.header .head ul li a.current{ background-color:#1ca2f9; color:#fff;}
.header .head ul li a.on{ background-color:#1ca2f9; color:#fff;}
.header .head ul li a:hover{ background-color:#1ca2f9; color:#fff;}
.header .drop{ background-color:#f7f7f7; border-bottom:3px solid #4eb3bd; padding:20px 23%; padding:20px 0%; display:none; position:absolute; left:0; top:100px; width:100%; z-index:20;}
.header .drop .carte{ width:980px; margin:0 auto; overflow:hidden; position:relative; padding-left:180px; position:relative; margin-bottom:20px; display:none;}
.header .carte .kind{ position:absolute; left:0; top:30px;}
.header .carte .kind h2{ font-size:24px; line-height:50px; color:#248bf4; background-image:url(../images/menu_81.png); background-position:left top; background-repeat:no-repeat; margin-bottom:5px; font-weight:bold;}
.header .carte .kind a{ display:block; width:114px; height:32px; line-height:30px; color:#888; text-align:center; border-radius:15px; border:1px solid #f7f7f7; font-size:15px; cursor:pointer; transition:all ease-in 0.3s;}
.header .carte .kind a:hover{ color:#248bf4; border:1px solid #248bf4;}
.header .carte .kind a.current{ color:#248bf4; border:1px solid #248bf4;}
.header .carte .column{ overflow:hidden; position:relative; min-height:120px; margin-right:40px;}
.header .carte .column.pl200{ padding-left:200px;}
.header .carte .go{ width:30px; height:30px; position:absolute; right:0px; bottom:40px; top:50%; margin-top:-15px; border-radius:50%;}
.header .carte .go.md{ /*bottom:110px;*/}
.header .carte .goa{ display:block; width:30px; height:30px; padding:3px; background-color:#248bf4; cursor:pointer; border-radius:50%; overflow:hidden;}
.header .carte .go:hover{ box-shadow:0 0 4px #248bf4;}
.header .carte .goa img{ display:block; width:24px; height:24px; border-radius:50%; overflow:hidden;}

/*关于我们*/
.header .column .fen{ position:absolute; left:0; top:0; padding:30px 0; width:200px; overflow:hidden;}
.header .column .fen a{ display:block; float:left; padding-left:14px; background-image:url(../images/menu_84.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:30px; color:#333; width:85px; margin:0 5px;transition:all ease-in 0.3s; cursor:pointer;}
.header .column .fen a:hover{ color:#248bf4; text-decoration:underline;}
.header .column .text{ position:relative; padding:30px 0; min-height:233px; cursor:pointer; padding-left:200px; border-left:1px solid #ddd;}
.header .column .text .imga{ display:block; position:absolute; left:30px; top:30px; width:146px; height:173px;}
.header .column .text .imga img{ display:block; width:146px; height:173px;}
.header .column .text p{ font-size:12px; line-height:24px; color:#818181;}
.header .column .text p i{ display:block;}
.header .column .text p span{ display:block; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; margin-bottom:10px;}

/*新闻*/
.header .column .switch{ padding-left:160px; position:relative;}
.header .column .switch .btn{ display:block; position:absolute; left:0; top:30px; width:200px;}
.header .column .switch .btn a{ display:block; width:160px; height:38px; font-size:14px; line-height:38px; color:#333333; padding:0 15px; text-align:center; background-color:#dfdfdf; margin-bottom:6px;transition:all ease-in 0.3s; cursor:pointer;}
.header .column .switch .btn a.current{ background-color:#248bf4; color:#fff;}
.header .column .switch .btn a:hover{ background-color:#248bf4; color:#fff; }
.header .column .switch .swt{ border-left:1px solid #ddd; padding:30px 0; min-height:265px;}
.header .column .switch .swt .only{ position:relative; padding-left:360px; display:none;}
.header .column .switch .swt .only .imga{ display:block; width:318px; height:205px; position:absolute; left:20px; top:0px;}
.header .column .switch .swt .only .imga img{ display:block; width:318px; height:205px;}
.header .column .switch .swt .only .tea{ display:block; font-size:12px; cursor:pointer; transition:all ease-in 0.3s; line-height:24px; color:#818181;}
.header .column .switch .swt .only .tea span{ display:block; color:#444; transition:all ease-in 0.3s;}
.header .column .switch .swt .only .tea span strong{ font-weight:normal; border-top:1px solid #888; transition:all ease-in 0.3s;}
.header .column .switch .swt .only .tea i{ display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:24px; margin:5px 0; transition:all ease-in 0.3s; }
.header .column .switch .swt .only .tea em{ display:block; font-style:normal; transition:all ease-in 0.3s;}
.header .column .switch .swt .only .tea i:hover{ color:#248bf4; text-decoration:underline;}

/*业务范围*/
.header .column .lei{ overflow:hidden; margin:30px 0; width:96%; border:1px solid #e5e5e5;}
.header .column .lei a{ display:block; font-size:14px; color:#888; line-height:30px; float:left; padding:8px 5px; width:16.66%; border-right:2px solid #e5e5e5;}
.header .column .lei a:last-child{border:none;}
.header .column .lei a span{ display:block; width:36px; height:36px; margin:5px auto;}
.header .column .lei a span img{ display:block; width:36px; height:36px; transition:all ease-in 0.3s;}
.header .column .lei a span img.img2{ display:none;}
.header .column .lei a i{ display:block; text-align:center; transition:all ease-in 0.3s;}
.header .column .lei a:hover span img.img2{ display:block;}
.header .column .lei a:hover span img.img1{ display:none;}
.header .column .lei a:hover i{ color:#1a1a1a;}

/*产品*/
.header .column .pin{ padding:30px 0; overflow:hidden;}
.header .column .pin .sg{ display:block; float:left; width:31%; margin-right:2.3%; margin-bottom:15px; font-size:13px; line-height:30px; color:#333;}
.header .column .pin .sg h3{ line-height:30px; line-height:30px; font-size:16px; color:#248bf4; padding-bottom:3px; margin-bottom:6px; width:70%; border-bottom:1px dotted #bdbdbd;}
.header .column .pin .sg p{ height:120px; overflow:hidden;}
.header .column .pin .sg p a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.header .column .pin .sg p a:hover{ color:#248bf4; text-decoration:underline;}
.header .column .pin .sg .more{ display:block; color:#333;}
.header .column .pin .sg .more:hover{ color:#248bf4; text-decoration:underline;}

/*案例*/
.header .column .watch{ padding:30px 0; padding-bottom:0; overflow:hidden;}
.header .column .watch a{ display:block; float:left;width:200px; margin:0px 52px 20px 0;}
.header .column .watch a span{ display:block; width:200px; height:140px; overflow:hidden; position:relative; }
.header .column .watch a span img{ width:100%;}
.header .column .watch a span em{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/bg80.png); background-size:cover; z-index:1; display:none; transition:all ease-in 0.3s;}
.header .column .watch a span b{ display:block; position:absolute; left:-100px; top:50%; margin-left:-15px; margin-top:-15px; width:30px; height:30px; background-image:url(../images/menu_51.png); background-size:22px 22px; background-position:center center; background-repeat:no-repeat; z-index:2; transition:all linear 0.3s;}
.header .column .watch a i{ display:block; font-size:14px; line-height:24px; color:#333; text-align:center; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .column .watch a:hover span em{ display:block;}
.header .column .watch a:hover span b{ left:50%;}
.header .column .watch a:hover i{ color:#248bf4;}

/*伙伴*/
.header .column .ban{ overflow:hidden; margin:30px 0;}
.header .column .ban a{ display:block; width:138px; height:100px; float:left; margin:5px;transition:all ease-in 0.3s;}
.header .column .ban a img{ display:block; width:138px; height:100px; }
.header .column .ban a:hover{ box-shadow:0 0 8px #bbb;}


/**小導航**/
.header .nav{ position:relative; display:none;}
.header .nav .top{ overflow:hidden; padding:10px 15px;}
.header .nav .top .logoa{ display:block; height:46px; float:left;}
.header .nav .top .logoa img{ display:block; height:46px;}
.header .nav .top .btn{ display:block; width:46px; height:46px; padding:5px; float:right; overflow:hidden; cursor:pointer;}
.header .nav .top .btn img{ display:block; width:36px; height:36px; transition:all ease-in 0.3s;}
.header .nav .top .btn img.img2{ height:0;}
.header .nav .top .btn.on img.img1{ height:0;}
.header .nav .top .btn.on img.img2{ height:36px;}
.header .nav ul{ padding:5px 0; display:none; border-top:1px solid #4eb3bd;border-bottom:1px solid #4eb3bd; position:fixed; left:0; top:66px; width:100%; z-index:44; background-color:#fff;}
.header .nav ul li{ padding:0 15px;}
.header .nav ul li a{ display:block; line-height:40px; font-size:14px; color:#333; padding:0 5px; border-bottom:1px solid #eee;}
.header .nav ul li a.current{ color:#257ee4;}
.header .nav ul li:last-child a{ border-bottom:none;}
.header .bg{ position:fixed; left:0; top:66px; z-index:43; background-image:url(../images/bg80.png); width:100%; height:100%; display:none;}
/**小導航**/

/**导航**/

@media(max-width:1220px){
	.header .head{ width:96%; margin:0 auto; height:100px; transition:all ease-in 0.3s;}
}

@media(max-width:1020px){
	.header .head{ display:none;}
	.header .drop{ display:none;}
	.header{ border-bottom:1px solid #4eb3bd; border:none;}
	.header .nav{ display:block;}
}
@media(max-width:700px){
	.header .nav .top{ overflow:hidden; padding:5px 15px;}
	.header .nav .top .logoa{ display:block; height:40px; float:left;}
	.header .nav .top .logoa img{ display:block; height:40px;}
	.header .nav .top .btn{ width:40px; height:40px;}
	.header .nav .top .btn img{ width:30px; height:30px;}
	.header .nav .top .btn.on img.img2{ height:30px;}
	.header .nav ul{ top:50px; }
	.header .bg{ top:50px;}
}

/**首页轮播图**/
.swiper-container1{ display:none;}
/**首页轮播图**/
@media(max-width:800px){
	.swiper-container0{ display:none;}
	.swiper-container1{ display:block; margin-bottom:15px;}

}

/*首页标题*/
.title{ text-align:center; margin-bottom:20px;transition:all linear 0.3s;}
.title h2{ font-size:32px; line-height:40px; color:#000;}
.title h5{ font-size:20px; line-height:30px; color:#888; margin-top:5px; text-transform:uppercase; font-family:"Arial";}
.title.white h2{ color:#fff !important;}
.title.white h5{ color:#fff !important;}
.title.xi h2{ color:#2d2d2d; font-size:30px; line-height:34px;}
.title.xi h5{ color:#2d2d2d; font-size:12px; line-height:20px; margin:0;}
.morea{ display:block; width:150px; height:40px; text-align:center; font-size:16px; color:#fff; background-color:#0754a3; line-height:40px; margin:40px auto 20px auto; cursor:pointer;transition:all linear 0.3s; border-radius:4px;}
.morea:hover{ box-shadow:0 0 5px #1ca2f9; background-color:#1ca2f9; border-radius:20px;}

/*首页标题*/
@media(max-width:1020px){
	.title h2{ font-size:24px; line-height:40px;}
	.title h5{ font-size:18px; line-height:30px; margin-top:0;}
	.title.xi h2{ color:#2d2d2d; font-size:26px; line-height:30px;}
}

@media(max-width:820px){
	.title{ margin-bottom:10px;}
	.title h2{ font-size:22px; line-height:36px;}
	.title h5{ font-size:14px; line-height:24px;}
	.title.xi h2{ color:#2d2d2d; font-size:22px; line-height:24px;}

}

/**业务模块**/
.yewu{ padding:60px 15px;transition:all linear 0.3s;transition:all linear 0.3s;}
.yewu .list{ overflow:hidden; max-width:1280px; margin:0 auto;transition:all linear 0.3s;}
.yewu .list li{ width:33.33%; padding:10px; float:left; overflow:hidden; }
.yewu .list a{ display:block;position:relative; width:100%; overflow:hidden;}
.yewu .list a img{ display:block; width:100%; }
.yewu .list a span{ display:block; width:100%; height:50px; position:absolute; left:0; bottom:0; background-image:url(../images/bg80.png);transition:all linear 0.3s;}
.yewu .list a i{ display:block; width:100%; height:50px; text-align:center; line-height:50px;position:absolute;left:0; bottom:0;transition:all linear 0.3s;}
.yewu .list a i b{ display:inline-block; padding-left:50px; background-position:left center; background-repeat:no-repeat; transition:all linear 0.3s; color:#fff; font-size:16px; background-size:40px 40px; font-weight:normal;}
.yewu .list a i.bg1 b{ background-image:url(../images/index_07.png);}
.yewu .list a i.bg2 b{ background-image:url(../images/index_11.png);}
.yewu .list a i.bg3 b{ background-image:url(../images/index_13.png);}
.yewu .list a i.bg4 b{ background-image:url(../images/index_18.png);}
.yewu .list a i.bg5 b{ background-image:url(../images/index_20.png);}
.yewu .list a i.bg6 b{ background-image:url(../images/index_22.png);}
.yewu .list a i.bg7 b{ background-image:url(../images/yewu_14.png);}
.yewu .list a i.bg8 b{ background-image:url(../images/yewu_09.png);}
.yewu .list a i.bg9 b{ background-image:url(../images/yewu_11.png);}
.yewu .list a:hover span{ height:100%;}
.yewu .list a:hover i{ bottom:0; top:50%; margin-top:-50px; height:100px;}
.yewu .list a:hover i b{ padding-left:0; padding-top:50px; background-size:44px 44px; /*color:#1ca2f9;*/ background-position:top center;}
/*.yewu .list a:hover i.bg1 b{ background-image:url(../images/index_0702.png);}
.yewu .list a:hover i.bg2 b{ background-image:url(../images/index_1102.png);}
.yewu .list a:hover i.bg3 b{ background-image:url(../images/index_1302.png);}
.yewu .list a:hover i.bg4 b{ background-image:url(../images/index_1802.png);}
.yewu .list a:hover i.bg5 b{ background-image:url(../images/index_2002.png);}
.yewu .list a:hover i.bg6 b{ background-image:url(../images/index_2202.png);}
.yewu .list a:hover i.bg7 b{ background-image:url(../images/yewu_1402.png);}
.yewu .list a:hover i.bg8 b{ background-image:url(../images/yewu_0902.png);}
.yewu .list a:hover i.bg9 b{ background-image:url(../images/yewu_1102.png);}*/

/**业务模块**/
@media(max-width:1520px){
	.yewu .list{ max-width:1100px;}
}
@media(max-width:1320px){
	.yewu{ padding:50px 15px;}
	.yewu .list li{ padding:7px;}
}
@media(max-width:1220px){
	.yewu{ padding:40px 15px;}
	.yewu .list{ max-width:1000px;}
}
@media(max-width:1020px){
	.yewu{ padding:40px 15px; width:100%;}
	.yewu .list li{ padding:5px;}
	.yewu .list a span{ display:block; width:100%; height:36px; position:absolute; left:0; bottom:0;}
	.yewu .list a i{ display:block; width:100%; height:36px; text-align:center; line-height:36px;}
	.yewu .list a i b{ padding-left:36px; font-size:15px; background-size:24px 24px;}
	.yewu .list a:hover span{ height:36px;}
	.yewu .list a:hover i{ bottom:0; height:36px; margin:0; top:auto;}
	.yewu .list a:hover i b{ background-size:24px 24px; padding-left:36px; padding-top:0; font-size:15px; background-position:left center; }

}
@media(max-width:820px){
	.yewu{ padding:30px 10px;}
	.yewu .list li{ padding:4px;}
}
@media(max-width:650px){
	.yewu{ padding:0px 7px 30px 7px;}
	.yewu .list li{ padding:3px; width:50%;}
	.morea{ width:160px; height:36px; line-height:36px; font-size:15px; }
	.morea:hover{ box-shadow:0 0 5px #1ca2f9; background-color:#1ca2f9; border-radius:18px;}
	.yewu .list a i b{ padding-left:30px; font-size:15px; background-size:20px 20px; font-size:14px;}
	.yewu .list a:hover i b{ background-size:20px 20px; padding-left:30px; padding-top:0; font-size:14px; background-position:left center;  }
}



/**案例**/
.case{ padding:60px 0; background-image:url(../images/bgi_02.jpg); background-position:center center; background-size:cover;transition:all linear 0.3s;}
.case .caselb{ margin:0 auto; padding-top:30px;transition:all linear 0.3s;}
.case .caselb .swiper-wrapper{ transition-timing-function:ease;}
.case .caselb .swiper-slide{ margin:0px auto; margin-bottom:60px;}
.case .caselb a{ display:block; position:relative; width:880px; margin:0 auto; height:300px; padding-left:440px;transition:all linear 0.3s;}
.case .caselb a b{ display:block; position:absolute; left:6px; top:6px; background-color:#fff; width:398px; height:294px;transition:all linear 0.3s;}
.case .caselb a b img{ display:block; position:absolute; top:-6px; left:-6px; width:398px; height:294px;transition:all linear 0.3s;}
.case .caselb a span{ display:block; font-size:14px; line-height:28px; color:#fff; overflow:hidden;transition:all linear 0.3s;}
.case .caselb a span i{ font-size:20px; line-height:36px; display:block; margin-bottom:15px; color:#fff;transition:all linear 0.3s;}
.case .caselb a span em{ display:block; font-style:normal;}
.case .caselb .swiper-slide.swiper-slide-active b{}
/*.case .caselb .swiper-slide:hover a{ padding-left:460px;}
.case .caselb .swiper-slide:hover b img{ top:-6px; left:-6px;}
.case .caselb .swiper-slide:hover span{ padding-top:10px;}*/
/**案例**/
@media(max-width:1020px){
	.case{ padding:50px 0;}
	.case .caselb a{ display:block; position:relative; width:410px; margin:0 auto; height:auto; padding:0 0 0 0;}
	.case .caselb a b{ display:block; position:relative; left:auto; top:auto; ackground-color:#fff; width:398px; height:294px; margin:20px auto;}
	.case .caselb a span{ display:block; font-size:14px; line-height:28px; color:#fff; overflow:hidden;}
	.case .caselb a span i{ font-size:20px; line-height:36px; display:block; margin-bottom:15px; color:#fff;}
	.case .caselb a span em{ display:block; font-style:normal;}
}

@media(max-width:450px){
	.case{ padding:40px 0;}
	.case .caselb{ margin:0 auto; padding-top:10px;}
	.case .caselb a{ display:block; position:relative; width:auto; padding:0 15px;}
	.case .caselb a b{ display:block; position:relative; left:auto; top:auto; ackground-color:#fff; width:270px; height:200px; margin:15px auto;}
	.case .caselb a b img{ display:block; position:absolute; top:-6px; left:-6px; width:270px; height:200px;}
	.case .caselb a span{ display:block; font-size:13px; line-height:23px; color:#fff; overflow:hidden;}
	.case .caselb a span i{ font-size:20px; line-height:36px; margin-bottom:10px;}
}

/**新闻**/
.news{ padding:50px 0; background-color:#f4f4f4;}
.news .newsw{}
.news .newsw .btn{ text-align:center; margin:40px auto;}
.news .newsw .btn a{ display:inline-block; width:120px; height:36px;transition:all linear 0.3s; line-height:36px; background-color:#dedede; color:#444; text-align:center; border-radius:18px; margin:0 40px; cursor:pointer;transition:all linear 0.3s;}
.news .newsw .btn a.on{ background-color:#1ca2f9; color:#fff;}
.news .newsw .swbox{}
.news .newsw .swbox .list{ display:none;}
.news .newsw .swbox .sg{transition:all linear 0.3s;}
.news .newsw .swbox a{ display:block; max-width:1200px; min-height:180px; padding:0px 20px; margin:0 auto; position:relative; padding-right:280px;transition:all linear 0.3s;}
.news .newsw .swbox a img{ display:block; width:318px; height:205px; width:248px; height:160px; position:absolute; right:20px; top:50%; margin-top:-80px;transition:all linear 0.3s;}
.news .newsw .swbox a span{ display:block; position:relative; padding:20px 0; height:180px; padding-left:140px; font-size:14px; line-height:26px; color:#999;transition:all linear 0.3s;}
.news .newsw .swbox a span b{ display:block; font-size:30px; color:#333; font-family:"Arial"; font-weight:normal; position:absolute; left:20px; top:26px; padding-bottom:60px; background-image:url(../images/index_54.png); background-position:left bottom; background-repeat:no-repeat;transition:all linear 0.4s;}
.news .newsw .swbox a span i{ display:block; font-size:18px; line-height:36px;transition:all linear 0.3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newsw .swbox a span em{ display:block; height:78px; overflow:hidden; font-style:normal;transition:all linear 0.3s; margin-top:20px;}
@media(min-width:1020px){
.news .newsw .swbox .sg:hover{ background-color:#1ca2f9;}
.news .newsw .swbox .sg:hover a{ padding:0px 15px; padding-right:280px;}
.news .newsw .swbox .sg:hover a img{ right:15px;}
.news .newsw .swbox .sg:hover a i{ color:#fff;}
.news .newsw .swbox .sg:hover a em{ color:#fff;}
.news .newsw .swbox .sg:hover a span b{background-image:url(../images/index_51.png); color:#fff;}
}
/**新闻**/
@media(max-width:1520px){
	.news .newsw .swbox a{ display:block; max-width:1100px;}
}
@media(max-width:1020px){
	.news .newsw .swbox a{min-height:184px; padding:15px 15px; padding-right:270px; border-bottom:1px solid #ddd;  }
	.news .newsw .swbox a img{ width:240px; height:154px; right:15px; top:50%; margin-top:-77px;  }
	.news .newsw .swbox a span{ margin:0; height:154px; padding:10px 0px; padding-left:0; font-size:13px; line-height:23px; color:#999;transition:all linear 0.3s;}
	.news .newsw .swbox a span i{ font-size:16px; line-height:30px; color:#333;}
	.news .newsw .swbox a span b{ font-size:14px; line-height:20px; height:20px; margin-top:3px; color:#888;position:static; left:auto; top:auto; padding:0; background-image:none;}
	.news .newsw .swbox a span  em{ color:#444; height:69px; overflow:hidden; margin-top:10px;}
}

@media(max-width:560px){
	.news .newsw .btn{ text-align:center; margin:30px auto;}
	.news .newsw .btn a{ margin:0 30px; font-size:16px;}
	.news .newsw .swbox a{min-height:150px; padding:12px 15px; padding-right:200px;  }
	.news .newsw .swbox a img{ width:180px; height:116px; right:10px; top:50%; margin-top:-58px; }
	.news .newsw .swbox a span{ height:146px; padding:10px 0;}
	.news .newsw .swbox a span em{ color:#444; height:69px; overflow:hidden; margin-top:5px;}
}

@media(max-width:450px){
	.news .newsw .btn{ text-align:center; margin:20px auto 0 auto;}
	.news .newsw .btn a{ margin:0 15px; width:110px; font-size:15px;}
	.news .newsw .swbox a{min-height:150px; padding:12px 15px; }
	.news .newsw .swbox a img{ width:100%; position:static; left:auto; top:auto; height:auto; margin:0; margin-top:8px; }
	.news .newsw .swbox a span{ height:auto; padding-top:0;}
	.news .newsw .swbox a span em{ color:#444; height:69px; overflow:hidden; margin-top:5px;}
}




/**联系我们**/
.lianxi{ padding:60px 0;transition:all linear 0.3s;}
.lianxi .fang{ overflow:hidden; max-width:800px; padding:30px 15px; margin:0 auto;transition:all linear 0.3s;}
.lianxi .fang .text{ float:left; font-size:14px; line-height:22px; color:#8d8d8d;transition:all linear 0.3s; padding-top:8%;}
.lianxi .fang .text h2{ display:block; font-size:18px; line-height:30px; color:#333;}
.lianxi .fang .text  p{ margin:20px 0;}
.lianxi .fang .text .link a{ display:inline-block; position:relative; margin-right:10px; cursor:pointer; cursor:pointer;}
.lianxi .fang .text .link a img{ display:block; width:30px; height:30px; background-color:#333; border-radius:50%; overflow:hidden;transition:all linear 0.3s;}
.lianxi .fang .text .link a .hide{ position:absolute; top:35px; width:100px; left:50%; margin-left:-50px; border-radius:2px; height:100px; border:1px solid #ddd; display:none;transition:all linear 0.3s;}
.lianxi .fang .text .link a .hide.le{ left:0; margin-left:0; width:190px; text-align:center; border-radius:4px; font-size:18px; font-family:"Arial"; color:#1ca2f9; height:40px; line-height:38px;}
.lianxi .fang .text .link a .hide.le span{ display:inline-block; padding:0 5px; padding-left:30px; background-image:url(../images/con11.png); background-size:20px 20px; background-position:5px center; background-repeat:no-repeat;}
.lianxi .fang .text .link a:hover img{ background-color:#1ca2f9;}
@media(min-width:1020px){
	.lianxi .fang .text .link{ padding-bottom:100px;}
	.lianxi .fang .text .link a:hover .hide{ display:block;}
}
.lianxi .fang .pic{ float:right; background-image:url(../images/index_57.png); width:385px; height:369px; position:relative;}
.lianxi .fang .pic img{ display:block; position:absolute; right:0; top:40px; width:229px; height:286px;}
.lianxi .fang .pic h3{ font-size:26px; width:138px; line-height:46px; text-align:center; border-bottom:1px solid #0b5fac; text-transform:uppercase; font-family:"Arial"; color:#0b5fac; position:absolute; left:0; top:100px; }
.lianxi .fang .pic h4{ height:40px; width:138px; position:absolute; left:0; bottom:170px; line-height:40px; font-size:12px; color:#fff; text-align:center; background-color:#0b5fac;}
/**联系我们**/
@media(max-width:740px){
	.lianxi{ padding:30px 0;}
	.lianxi .fang{ padding:20px 15px;}
	.lianxi .fang .pic{ display:none;}
	.lianxi .fang .text{ float:none; padding:0; text-align:center;}
}

/**页脚**/
.footer{ padding:30px 0; background-color:#0b5fac; transition:all linear 0.3s;}
.footer .foot{ max-width:1200px; padding:0 15px; margin:0 auto; overflow:hidden;}
.footer .foot .logo{ float:right; width:400px; text-align:center; padding-top:20px;}
.footer .foot .logo .logoa{ display:block; width:72px; height:72px; margin:0 auto; transition:all linear 0.3s;}
.footer .foot .logo .logoa img{  display:block; width:72px; height:72px;}
.footer .foot .logo h5{ font-size:16px; line-height:24px; color:#fff; text-align:center; margin-top:5px;}
.footer .foot .logo h6{ font-size:12px; font-size:10px; line-height:14px; color:#5a9ddb; text-align:center; margin-top:3px; text-transform:uppercase; font-family:"Arial";} 
.footer .foot .text{ float:left; max-width:480px; transition:all linear 0.3s;}
.footer .foot .text h2{ font-size:14px; line-height:24px; color:#fff; font-weight:bold;}
.footer .foot .text p{ font-size:14px; line-height:24px; margin-bottom:15px; color:#87c5ff;}
.footer .foot .text p a{ display:inline-block; margin-right:10px; color:#87c5ff; font-size:13px;}
.footer .foot .text p a:hover{ color:#fff;}
.footer .foot .text h4{ font-size:14px; line-height:20px; padding:8px 0; color:#87c5ff; border-top:1px solid #87c5ff; transition:all linear 0.3s;}
/**页脚**/

@media(max-width:990px){
	.footer{ padding:15px 0;}
	.footer .foot{ max-width:1200px; padding:0 15px; overflow:hidden; text-align:center;}
	.footer .foot .logo{ float:none; margin:0 auto; margin-bottom:20px; max-width:100%; padding:0 15px;}
	.footer .foot .text{ float:none; margin:0 auto;}
	.footer .foot .text p{ font-size:13px;}
	.footer .foot .text h4{ padding:10px 0 0 0; font-size:12px; line-height:16px;}
}



/**右侧固定**/
.fside{ position:fixed; right:0; top:50%; height:252px; margin-top:-126px; z-index:66;}
.fside li{ position:relative;}
.fside li a{ display:block; width:58px; height:58px; transition:all linear 0.3s; border:1px solid #eee; padding:14px; background-color:#fff; margin-bottom:5px; cursor:pointer;}
.fside li a img{ display:block; width:30px; height:30px; transition:all linear 0.3s;}
.fside li a img.img2{ display:none;}
.fside li .zhan{ position:absolute; right:-300px; right:-300px; top:50%; margin-top:-128px; background-color:#fff; border:1px solid #d2d2d2; width:245px; font-size:16px; line-height:36px; color:#000; text-align:center; padding:15px; /*display:none;*/ z-index:60; transition:all ease 0.4s;}
.fside li .zhan.sh{ height:58px; margin-top:-29px; color:#248bf4; line-height:56px; font-size:16px; padding:0 15px;}
.fside li .zhan.sh span{ padding-left:30px; background-image:url(../images/con11.png); background-size:24px 24px; background-position:left center; background-repeat:no-repeat;}
.fside li .zhan.sh span.bg2{ background-image:url(../images/con12.png);}
.fside li .zhan .pg{ display:block; width:100%;}
.fside li .zhan .dw{ position:absolute; right:-7px; top:50%; margin-top:-29px; width:7px; height:58px;}
.fside li:hover a{}
.fside li:hover a img.img2{ display:block;}
.fside li:hover a img.img1{ display:none;}
/*.fside li:hover .zhan{ right:64px;}*/
/**右侧固定**/


@media(max-width:1020px){
	.fside{ height:auto; top:auto; margin-top:0; bottom:50px;}
	.fside li a{ display:block; width:40px; height:40px; border-radius:550%; padding:8px; margin-bottom:3px; }
	.fside li a img{ display:block; width:24px; height:24px; transition:all linear 0.3s;}
	.fside li a img.img2{ display:block;}
	.fside li a img.img1{ display:none;}
	.fside li:hover .zhan{ display:none !important; right:0 !important;}
}




/***************************关于我们*****************************/
.banner{}
.banner a{ display:block; width:100%;}
.banner a img{ display:block; width:100%;}

/**公司简介**/
.jianjie{ padding:60px 0; transition:all linear 0.3s;}
.jianjie .jie{ max-width:1200px; margin:0 auto; padding:50px 10px 20px 10px; min-height:466px; font-size:14px; line-height:26px; color:#666; transition:all linear 0.3s;}
.jianjie .jie .imga{ display:block; float:left; max-width:30%; margin-right:40px; margin-top:-10px; transition:all linear 0.3s;}
.jianjie .jie .imga img{ display:block; float:left; width:100%; max-width:340px;}
.jianjie .jie h3{ font-size:26px; line-height:40px; color:#000; margin-bottom:25px; transition:all linear 0.3s;}

/**公司简介**/
@media(max-width:1520px){ .jianjie .jie{ max-width:1100px;}}
@media(max-width:1220px){ .jianjie .jie{ max-width:1000px;}}

@media(max-width:1020px){
	.jianjie{ padding:50px 0;}
	.jianjie .jie h3{ font-size:22px; line-height:30px; margin-bottom:15px;}
	.jianjie .jie .imga{ margin-top:0; margin-right:30px;}
}
@media(max-width:820px){
	.jianjie{ padding:40px 0;}
	.jianjie .jie{ padding:30px 10px 20px 10px;}
	.jianjie .jie h3{ font-size:18px; line-height:28px; margin-bottom:12px;}
	.jianjie .jie .imga{ max-width:40%; margin-right:20px;}

}
@media(max-width:420px){
	.jianjie{ padding:30px 0;}
	.jianjie .jie{ padding:20px 10px 20px 10px;}
	.jianjie .jie{ font-size:13px; line-height:25px; }
	.jianjie .jie h3{ font-size:16px; line-height:26px; margin-bottom:8px;}
	.jianjie .jie .imga{ max-width:45%;}

}

/**企业理念**/
.linian{ padding:30px 10px; background-image:url(../images/guanyu_04.jpg); background-size:100% 100%;}
.linian img{ display:block; max-width:660px; width:100%; margin:0 auto;}

/**企业理念**/
@media(max-width:820px){
	.linian{ padding:40px 10px;}
}
@media(max-width:440px){
	.linian{ padding:30px 10px;}
}

/**企业文化**/
.wenhua{ padding:50px 15px; transition:all linear 0.3s;}
.wenhua .text{ max-width:1000px; padding:40px 10px 20px 10px; margin:0 auto; overflow:hidden; transition:all linear 0.3s;}
.wenhua .text img{ display:block; float:left;}
.wenhua .text div{ float:right; font-size:14px; line-height:20px; color:#818181; padding:40px 0; transition:all linear 0.3s;}
.wenhua .text div p{ display:block; border-bottom:1px dashed #ddd; padding:15px 0;}
.wenhua .text div p b{ font-size:16px; color:#1a1a1a; line-height:20px;}
/**企业文化**/
@media(max-width:1020px){
	.wenhua .text{ padding:20px 0px 0 0px;}
	.wenhua .text img{ display:none;}
	.wenhua .text p{ float:none; padding:5px 0;}
}

/**企业资质**/
.zizhi{}
.zizhi .swiper-container{ max-width:1200px; margin:0 auto;}
.zizhi .swiper-container .swiper-button-prev{ z-index:5;}
.zizhi .swiper-container .swiper-button-next{ z-index:5;}
.zizhi .swiper-container .swiper-slide{ width:auto; max-width:100%; padding:0 4px; cursor:pointer;}
.zizhi .swiper-container .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.zizhi .swiper-container .swiper-slide img{ display:block; width:auto; height:auto; background-color:#fff; max-width:100%; margin:0 auto; height:360px;}
.zizhi .swiper-wrapper{ margin:40px auto;}
.zizhi .zhi{ max-width:1200px; margin:0 auto; position:relative; padding:0 60px;}
.zizhi .zhi .swiper-button-disabled{ opacity:0.2;}
.zizhi .zhi .button-prev{ display:block; width:30px; height:58px; position:absolute; left:10px; top:50%; margin-top:-29px; background-image:url(../images/btn_242.png); background-repeat:no-repeat; background-size:30px auto; z-index:55; cursor:pointer;}
.zizhi .zhi .button-next{ display:block; width:30px; height:58px; position:absolute; right:10px; top:50%; margin-top:-29px; background-image:url(../images/btn_272.png); background-repeat:no-repeat;  background-size:30px auto; z-index:55; cursor:pointer;}
/**企业资质**/
@media(max-width:1520px){ .zizhi .swiper-container{ max-width:1100px;}}
@media(max-width:1220px){ .zizhi .swiper-container{ max-width:1000px;}}


@media(max-width:1020px){
	.zizhi .swiper-container .swiper-slide img{ display:block; width:auto; max-width:100%;}
}
@media(max-width:820px){
	.zizhi .swiper-container .swiper-slide img{ display:block; width:auto; max-width:100%; height:320px;}
}
@media(max-width:660px){
	.zizhi .zhi{ padding:0 20px;}
	.zizhi .zhi .button-prev{ width:24px; height:45px; margin-top:-22px; background-size:24px auto;}
	.zizhi .zhi .button-next{ width:24px; height:45px; margin-top:-22px; background-size:24px auto;}
	.zizhi .swiper-container .swiper-slide img{ display:block; width:auto; max-width:100%; height:280px;}
}

/**发展历程**/
.licheng{ padding:60px 0; background-image:url(../images/guanyu_06.jpg); background-size:100% 100%;}
.licheng ul{ font-size:14px; line-height:26px; color:#fff; color:#bbd3e7; padding:0px 15px; margin:40px auto;  background-image:url(../images/guanyu_27.png); background-position:center top; background-repeat:repeat-y; max-width:1000px; transition:all linear 0.3s;}
.licheng ul li{ width:50%; margin-left:50%;padding:0px 0; position:relative; padding-left:30px; transition:all linear 0.3s; cursor:pointer;}
.licheng ul li i{ display:block; width:40px; height:40px; background-image:url(../images/guanyu_313.png); background-position:center center; background-repeat:no-repeat; position:absolute; left:-21px; top:10px; z-index:22; background-size:20px 20px; transition:all linear 0.3s;}
.licheng ul li span{ display:block; margin-bottom:5px; transition:all linear 0.3s;}
.licheng ul li span em{ font-size:30px; font-family:"Arial"; transition:all linear 0.3s;}
@media(min-width:1020px){
.licheng ul li:nth-child(2n+1){ margin-left:0; padding-right:30px; text-align:right; background-position:right top;}
.licheng ul li:nth-child(2n+1) i{ left:auto; right:-19px; }
.licheng ul li:hover{ color:#fff;}
.licheng ul li:hover i{ background-image:url(../images/guanyu_352.png); background-size:36px 36px;}
.licheng ul li:hover span{ color:#fff;}
}
@media(max-width:1020px){
	.licheng ul{ background-position:10% top; padding:0 10%;}
	.licheng ul li{ margin-left:0; padding-right:30px; text-align:left; color:#fff; width:100%; background-position:right top;}
	.licheng ul li i{ left:-19px; top:5px; background-image:url(../images/guanyu_352.png);}
}
@media(max-width:620px){
	.licheng ul{ padding:45px 0;}
	.licheng ul{ background-position:20px top; padding:0 15px 0 20px; margin:20px auto; font-size:13px; line-height:21px;}
	.licheng ul li{ margin-left:0; padding-right:30px; text-align:left; width:100%; background-position:right top;}
	.licheng ul li i{ left:-19px; top:5px;}
	.licheng ul li span em{ font-size:20px;}
}
/**发展历程**/

/**组织架构**/
.jiagou{ padding:100px 15px; background-image:url(../images/guanyu_07.jpg); background-size:100% auto; background-repeat:no-repeat; background-position:center center; transition:all linear 0.3s;}
.jiagou .pic{ margin:40px auto; max-width:1000px; transition:all linear 0.3s; padding:0 15px;}
.jiagou .pic img{ display:block; width:100%; max-width:970px;}
/**组织架构**/
@media(max-width:1220px){ .jiagou .pic{ max-width:1000px;}}

@media(max-width:820px){
	.jiagou{ padding:40px 15px;}
	.jiagou .pic{ margin:15px auto;}
}

/**团队建设**/
.tuandui{ background-color:#f6f6f6; padding:40px 15px;}
.tuandui p{ max-width:1000px; font-size:14px; line-height:30px; color:#333; text-align:center; margin:30px auto;transition:all linear 0.3s;}
.tuandui .pic{ width:100%; max-width:1160px; margin:20px auto; position:relative;}
.tuandui .pic .bg{ position:static; width:100%; opacity:0 !important;}
.tuandui .pic>img{ display:block; position:absolute; }
.tuandui .pic img.dw1{ left:0; top:0; width:44.5%;}
.tuandui .pic img.dw5{ right:0; bottom:0; width:44.5%;}
.tuandui .pic img.dw3{ top:38.5%; left:44.75%; width:10.5%; height:22.9%;}
.tuandui .pic .dw2{ position:absolute; right:0; top:0; width:55.5%; height:38%; overflow:hidden;}
.tuandui .pic .dw2 img{ display:block; float:left; width:49.54%; margin-left:0.46%;}
.tuandui .pic .dw4{ position:absolute; left:0; bottom:0; width:55.5%; height:38%;  overflow:hidden;}
.tuandui .pic .dw4 img{ display:block; float:left; width:49.54%;}
@media(min-width:740px){
	.tuandui .pic img:hover{ opacity:0.9;}
}
/**团队建设**/
@media(max-width:1520px){ .tuandui .pic{ max-width:1060px;}}
@media(max-width:1420px){ .tuandui .pic{ max-width:1000px;}}
@media(max-width:1220px){ .tuandui .pic{ max-width:960px;}}


@media(max-width:740px){
	.tuandui p{ font-size:13px; line-height:24px; margin:20px auto 0 auto;}
}

/**联系我们**/
.touch{ padding:60px 0;transition:all linear 0.3s;}
.touch .text{ overflow:hidden; margin:40px auto; max-width:1000px; padding:0 15px; transition:all linear 0.3s;}
.touch .text p{ float:left; width:360px; font-size:14px; color:#333; padding:30px 0; transition:all linear 0.3s;}
.touch .text p span{ display:block; line-height:36px; padding-left:30px; background-size:20px 20px; background-position:left center; background-repeat:no-repeat;}
.touch .text p span.bg1{ background-image:url(../images/guanyu_66.png);}
.touch .text p span.bg2{ background-image:url(../images/guanyu_69.png);}
.touch .text p span.bg3{ background-image:url(../images/guanyu_71.png);}
.touch .text p span.bg4{ background-image:url(../images/guanyu_73.png);}
.touch .text p span.bg5{ background-image:url(../images/guanyu_75.png);}
.touch .text p span.bg6{ background-image:url(../images/guanyu_72.png);}
.touch .text p span strong{ font-size:24px; color:#0b5fac;}
.touch .text img{ display:block; width:500px; float:right;}
.BMap_Marker div img{ display:block; width:auto !important;}
/**联系我们**/
@media(max-width:1020px){
	.touch .text img{ width:400px;}
}
@media(max-width:860px){
	.touch{ padding:50px 0;}
	.touch .text{ margin:20px auto; padding:0 50px;}
	.touch .text p{ width:100%;}
	.touch .text img{ width:100%; max-width:540px; float:left;}
	.touch .text p span strong{ font-size:20px; color:#0b5fac;}
}
@media(max-width:660px){
	.touch{ padding:40px 15px;}
	.touch .text{ padding:0 5px;}
	.touch .text p span strong{ font-size:16px; color:#0b5fac;}
}
@media(max-width:440px){
	.touch{ padding:25px 15px;}
	.touch .text{ padding:0 0px;}
	.touch .text p{ padding:0; padding-bottom:15px;}
	.touch .text p span{ padding-left:26px;}
	.touch .text p span strong{ font-size:16px; color:#0b5fac;}
}

/***************************关于我们*****************************/

/***************************新闻动态*****************************/
.trends{ padding:50px 0; transition:all linear 0.3s; }
.timg{ margin:40px auto; padding:0 15px; }
.timg img{ display:block; width:100%; margin:0 auto; max-width:299px;}
.trends .btn{ text-align:center; margin:50px auto;}
.trends .btn a{ display:inline-block; width:180px; height:36px;transition:all linear 0.3s; line-height:36px; background-color:#dedede; color:#444; text-align:center; border-radius:18px; margin:0 40px; cursor:pointer;transition:all linear 0.3s;}
.trends .btn a.on{ background-color:#1ca2f9; color:#fff;}
.trends .sg{transition:all linear 0.3s;}
.trends .sg a{ display:block; max-width:1200px; min-height:180px; padding:0px 20px; margin:0 auto; position:relative; padding-right:280px;transition:all linear 0.3s;}
.trends .sg a img{ display:block; width:318px; height:205px; width:248px; height:160px; position:absolute; right:20px; top:50%; margin-top:-80px;transition:all linear 0.3s;}
.trends .sg a span{ display:block; position:relative; padding:20px 0; height:180px; padding-left:140px; font-size:14px; line-height:26px; color:#999;transition:all linear 0.3s;}
.trends .sg a span b{ display:block; font-size:30px; color:#333; font-family:"Arial"; font-weight:normal; position:absolute; left:20px; top:26px; padding-bottom:60px; background-image:url(../images/index_54.png); background-position:left bottom; background-repeat:no-repeat;transition:all linear 0.4s;}
.trends .sg a span i{ display:block; font-size:18px; line-height:36px;transition:all linear 0.3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.trends .sg a span em{ display:block; height:78px; overflow:hidden; font-style:normal;transition:all linear 0.3s; margin-top:15px;}
@media(min-width:1020px){
.trends .sg:hover{ background-color:#1ca2f9;}
.trends .sg:hover a{ padding:0px 15px; padding-right:280px;}
.trends .sg:hover a img{ right:15px; margin:0; margin-top:-80px;}
.trends .sg:hover a i{ color:#fff;}
.trends .sg:hover a em{ color:#fff;}
.trends .sg:hover a span b{background-image:url(../images/index_51.png); color:#fff;}
}


/**新闻**/
@media(max-width:1500px){
	.trends .sg a{ display:block; max-width:1100px;}
}
@media(max-width:1020px){
	.trends .sg a{min-height:154px; padding:15px 15px; padding-right:270px; border-bottom:1px solid #ddd;  }
	.trends .sg a img{ width:240px; height:154px; right:15px; top:50%; margin-top:-77px; }
	.trends .sg a span{ margin:0; height:154px; padding:10px 0px; padding-left:0; font-size:13px; line-height:23px; color:#999;transition:all linear 0.3s;}
	.trends .sg a span i{ font-size:16px; line-height:30px; color:#333;}
	.trends .sg a span b{ font-size:14px; line-height:20px; height:20px; margin-top:3px; color:#888;position:static; left:auto; top:auto; padding:0; background-image:none;}
	.trends .sg a span  em{ color:#444; height:69px; overflow:hidden; margin-top:10px;}
}
@media(max-width:820px){
	.timg img{ display:block; width:100%; margin:0 auto; max-width:240px;}
}
@media(max-width:560px){
	.trends{ padding:40px 0;}
	.trends .btn{ text-align:center; margin:30px auto;}
	.trends .btn a{ margin:0 30px; font-size:16px;}
	.trends .sg a{min-height:150px; padding:12px 15px; padding-right:200px;  }
	.trends .sg a img{ width:180px; height:116px; right:10px; top:50%; margin-top:-58px; }
	.trends .sg a span{ height:146px; padding:10px 0;}
	.trends .sg a span em{ color:#444; height:69px; overflow:hidden; margin-top:5px;}
	.timg img{ display:block; width:100%; margin:0 auto; max-width:220px;}
}

@media(max-width:450px){
	.trends{ padding:0; padding-bottom:30px;}
	.trends .btn{ text-align:center; margin:0px auto;}
	.trends .btn a{ margin:0 15px; width:100px; font-size:15px;}
	.trends .sg a{min-height:150px; padding:12px 15px; }
	.trends .sg a img{ width:100%; position:static; left:auto; top:auto; height:auto; margin:0; margin-top:8px; }
	.trends .sg a span{ height:auto; padding-top:0;}
	.trends .sg a span em{ color:#444; height:69px; overflow:hidden; margin-top:5px;}
	.timg{ margin:30px auto 20px auto;}
	.timg img{ display:block; width:100%; margin:0 auto; max-width:200px;}

}

/**页码**/

.pagenum{ margin:30px auto; width:100%; max-width:1200px; text-align:center; line-height:32px; height:32px; font-size:12px; color:#888; }
.pagenum.mboth{ padding:40px 0;}
.pagenum a{ display:inline-block; margin:0; border:1px solid #eee; min-width:30px; height:30px; line-height:30px; cursor:pointer;color:#888;}
.pagenum .PagePrev{ padding:0 8px;display: inline-block;}
.pagenum .pagesnum{ padding:0 8px;color:#37aab4;display: inline-block;}
.pagenum .PageNext{padding:0 8px;display: inline-block;}
.pagenum .PageCur{color:#37aab4;}
.pagenum a:hover{ color: #37aab4;}
.pagenum span{ display:inline-block; padding:0 15px;}
.pagenum span input{ display:inline-block; width:40px; border:1px solid #eee; height:20px; line-height:20px; margin:0 5px; text-align:center; background-color:transparent; color:#888;}
.pagenum span button{ display:inline-block; border:1px solid #eee; background-color:transparent; font-size:12px; height:22px; line-height:22px; margin-left:8px; cursor:pointer; color:#888; padding:0 6px;}
/**页码**/
@media(max-width:620px){
	
	.pagenum a{min-width:24px; height:24px; line-height:24px;}
	.pagenum span{ display:none;}

}
/***************************新闻动态*****************************/


/***************************新闻详情*****************************/
.trendxq{}
.back{ border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.back p{ max-width:1100px; padding:0 15px; margin:0 auto;}
.back p a{ display:block; border-right:1px solid #ddd; padding:32px 60px; cursor:pointer; height:100px; width:190px; text-align:center; line-height:36px; font-size:14px; color:#666;}
.back p a span{ display:block; padding-left:30px; background-image:url(../images/back_06.png); background-position:left center; background-repeat:no-repeat;}
.trendxq .text{ padding:50px 15px; max-width:1100px; margin:0 auto; font-size:14px; line-height:30px; color:#818181;transition:all linear 0.3s;}
.trendxq .text h2{ font-size:24px; line-height:36px; color:#333; text-align:center;}
.trendxq .text h6{ font-size:12px; line-height:20px; color:#888; text-align:center;}
.trendxq .text .tail{ padding:30px 50px;transition:all linear 0.3s;}
.trendxq .text .tail h3{ font-size:16px; line-height:36px; color:#333; font-weight:bold;}
.trendxq .text .tail img{ display:block; max-width:100%; margin:40px auto;transition:all linear 0.3s;}
.trendxq .text .other{ overflow:hidden; font-size:14px; line-height:30px; color:#333; border-top:1px solid #ddd; padding-top:8px; padding-bottom:40px;}
.trendxq .text .other p{ width:48%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;transition:all linear 0.3s;}
.trendxq .text .other p a{ color:#1ca2f9;}
.trendxq .text .other p.pr{ float:right; text-align:right;}
@media(min-width:1020px){
	.trendxq .text .other p a:hover{ text-decoration:underline;}
}
@media(max-width:1220px){
	.trendxq .text{ max-width:1000px;}
}
@media(max-width:1020px){
	.trendxq .text h2{ font-size:20px; line-height:30px;}
	.back p a{ display:block; border-right:1px solid #ddd; padding:15px 10px; height:66px; width:100px; text-align:center; line-height:36px; font-size:14px; color:#666;}
	.trendxq .text .tail{ padding:30px 0px;}
	.trendxq .text .other p{ width:100%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.trendxq .text .other p.pr{ float:left; text-align:left;}
}
@media(max-width:720px){
	.trendxq .text{ padding:30px 15px; font-size:13px; line-height:25px;}
	.trendxq .text .tail img{ margin:20px auto;}
	.trendxq .text h2{ font-size:16px; line-height:28px;}
}
/***************************新闻详情*****************************/

/***************************业务详情*****************************/
.yewuxq{}
.yewuxq h2{ border-bottom:1px solid #ddd; background-color:#fff; position:relative; font-size:30px; line-height:70px; margin:40px 0; color:#333; text-align:center;}
.yewuxq h2:after{ content:''; position:absolute; left:50%; margin-left:-50px; height:3px; bottom:-1px; background-color:#30e0f5; width:100px; z-index:2;}
.yewuxq .jishu{ max-width:1200px; padding:0 15px; overflow:hidden; margin:60px auto 30px auto;}
.yewuxq .jishu .imga{ display:block; float:left; width:45%;}
.yewuxq .jishu .imga img{ display:block; width:100%;}
.yewuxq .jishu p{ width:50%; float:right; font-size:14px; line-height:30px; color:#777; padding-top:20px;}
.yewuxq .jishu p span{ display:block; font-size:30px; color:#333; line-height:30px;}
.yewuxq .jishu p i{ display:block; font-size:14px; color:#333; font-family:"Arial"; margin-bottom:20px;}
.yewuxq .jishu p em{ display:block; font-style:normal;}
.yewuxq .youshi{ background-color:#f8f8f8;}
.yewuxq .youshi ul{ overflow:hidden; max-width:1200px; padding:0px 15px 100px 15px; margin:0 auto; transition:all linear 0.3s;}
.yewuxq .youshi ul li{ width:20%; margin:0 2.5%; float:left; text-align:center; text-align:justify; font-size:14px; line-height:26px; color:#999; transition:all linear 0.3s;}
.yewuxq .youshi ul li span{ display:block; margin:15px auto; width:120px; height:120px; border-radius:50%; overflow:hidden; transition:all linear 0.3s;}
.yewuxq .youshi ul li span img{ display:block; width:120px; height:120px; border-radius:50%; border:4px solid #248bf4; transition:all linear 0.3s; }
.yewuxq .youshi ul li span img.img2{ display:none;}
.yewuxq .youshi ul li h3{ font-size:18px; line-height:36px; margin-bottom:5px; color:#333; text-align:center; margin-bottom:10px; position:relative;}
.yewuxq .youshi ul li h3:after{ content:''; position:absolute; left:50%; margin-left:-40px; height:3px; bottom:-1px; background-color:#248bf4; width:0px; transition:all linear 0.3s; z-index:2;}
.yewuxq .youshi ul li:hover h3:after{ width:80px;} 
.yewuxq .youshi ul li:hover span{ background-color:#248bf4;}
.yewuxq .youshi ul li:hover span img{ border:none;}
.yewuxq .youshi ul li:hover span img.img1{ margin-top:-120px;}
.yewuxq .youshi ul li:hover span img.img2{ display:block;}
.yewuxq .anli{ }
.yewuxq .anli .hezi{ padding:0 50px; max-width:1200px; margin:0 auto; position:relative;}
.yewuxq .anli .hezi .swiper-button-disabled{ opacity:0.2;}
.yewuxq .anli .hezi .button-prev{ display:block; width:32px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; background-image:url(../images/btn_242.png); background-size:32px auto; z-index:55; cursor:pointer;}
.yewuxq .anli .hezi .button-next{ display:block; width:32px; height:60px; position:absolute; right:0; top:50%; margin-top:-30px; background-image:url(../images/btn_272.png); background-size:32px auto; z-index:55; cursor:pointer;}
.yewuxq .anli .swiper-container{ overflow:hidden; max-width:1230px; margin:40px auto;}
.yewuxq .anli .swiper-container .swiper-wrapper{ transition-timing-function:ease;}
.yewuxq .swiper-slide{ overflow:hidden;}
.yewuxq .swiper-slide .imga{ display:block; width:100%; position:relative;}
.yewuxq .swiper-slide .imga span{ display:block; width:100%; height:100%; background-image:url(../images/bg80.png); position:absolute; left:0; top:0; z-index:1; display:none; transition:all linear 0.3s; }
.yewuxq .swiper-slide .imga i{ display:block; background-image:url(../images/menu_51.png); width:50px; height:50px; background-position:center center; background-size:30px 30px; position:absolute; left:50%; top:50%; margin-left:-330px; margin-top:-25px; z-index:2; background-repeat:no-repeat; background-color:rgba(0,0,0,0.3); transition:all linear 0.3s; }
.yewuxq .swiper-slide .namea{ display:block; width:100%; height:50px; line-height:50px;font-size:15px; color:#444; padding:0 5px;background-color:#f5f5f5;transition:all linear 0.3s; }
.yewuxq .swiper-slide .namea i{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;  }
.yewuxq .swiper-slide:hover .imga span{ display:block;}
.yewuxq .swiper-slide:hover .imga i{ margin-left:-25px;}
.yewuxq .swiper-slide:hover .namea{ background-color:#248bf4; color:#fff;}



/***************************业务详情*****************************/

@media(max-width:1520px){ .yewuxq .jishu{ max-width:1100px;}.yewuxq .youshi ul{ max-width:1100px;}.yewuxq .anli .hezi{ max-width:1100px;}}
@media(max-width:1220px){ .yewuxq .jishu{ max-width:1000px;}.yewuxq .youshi ul{ max-width:1000px;}.yewuxq .anli .hezi{ max-width:1000px;}}


@media(max-width:1220px){
	.yewuxq .youshi ul li{ width:22%; margin:0 1.5%;}
}
@media(max-width:1020px){
	.yewuxq .jishu .imga{ margin-right:20px;}
	.yewuxq .jishu p{ float:none; width:100%;}
	.yewuxq .swiper-slide .namea{ height:44px; line-height:44px;font-size:14px;}
	.yewuxq .youshi ul li{ font-size:13px; line-height:23px;}
	.yewuxq .youshi ul li h3{ font-size:16px; line-height:30px; }
	.yewuxq .youshi ul li h3:after{ width:80px;} 
	.yewuxq .youshi ul li span{ background-color:#248bf4; width:100px; height:100px;}
	.yewuxq .youshi ul li span img{ border:none; width:100px; height:100px;}
	.yewuxq .youshi ul li span img.img1{ margin-top:-100px !important;}
	.yewuxq .youshi ul li span img.img2{ display:block;}
	.yewuxq h2{ font-size:26px; line-height:66px; margin:30px 0;}
	.yewuxq .swiper-slide .imga span{ display:none !important;}
	.yewuxq .swiper-slide .imga i{ display:none !important;}
}
@media(max-width:820px){
	.yewuxq .jishu { margin:40px auto 30px auto;}
	.yewuxq .youshi ul{ padding:0px 15px 60px 15px;}
	.yewuxq .youshi ul li{ width:46%; margin:0 2%;}
	.yewuxq .youshi ul li p{ height:115px; overflow:hidden;}
	.yewuxq h2{ font-size:24px; line-height:60px; margin:30px 0;}
}
@media(max-width:660px){
	.yewuxq .anli .hezi{ padding:0 20px;}
	.yewuxq .anli .hezi .button-prev{ width:24px; height:45px; margin-top:-22px; background-size:24px auto;}
	.yewuxq .anli .hezi .button-next{ width:24px; height:45px; margin-top:-22px; background-size:24px auto;}
}
@media(max-width:620px){
	.yewuxq .jishu { margin:30px auto 30px auto;}
	.yewuxq .jishu .imga{ float:none; width:100%; margin:0; margin-bottom:15px;}
	.yewuxq .jishu .imga img{ display:block; max-width:100%;}
	.yewuxq .youshi ul{ padding:0px 15px 40px 15px;}
	.yewuxq .youshi ul li{ width:47%; margin:0 1.5%;}
	.yewuxq .youshi ul li h3{ font-size:15px;  }
	.yewuxq h2{ font-size:22px; line-height:50px; margin:20px 0;}
}

@media(max-width:420px){
	.yewuxq h2{ font-size:22px; line-height:50px; margin:14px 0;}
	.yewuxq .youshi ul{ padding:0px 15px 30px 15px;}
	.yewuxq .youshi ul li{ width:100%; margin:0;}
}




/***************************产品中心*****************************/
.chan{}
.chan .chosb{ padding:40px 0px 60px 0px; position:relative; z-index:2; background-color:#f8f8f8; margin-bottom:60px;}
.chan .chose{ max-width:1120px; margin:0 auto; padding:0 15px; }
.chan .chose h3{ font-size:30px; line-height:40px; color:#333; font-weight:bold; margin-bottom:15px;}
.chan .chose p{ font-size:14px; line-height:28px; color:#818181;}
.chan .chose .find{ margin-top:30px;}
.chan .chose .find .la{ width:48%; float:left; height:50px; line-height:50px; background-color:#174ea1; position:relative;}
.chan .chose .find .la label{ font-size:14px; color:#fff; display:block; height:50px; width:100%; padding:0 60px 0 10px; position:relative; } 
.chan .chose .find .la label em{ display:block; font-style:normal; font-size:14px; color:#fff;} 
.chan .chose .find .la label i{ display:block; position:absolute; right:10px; top:0; width:50px; height:50px; background-image:url(../images/chanpin_10.png); background-position:center center; background-repeat:no-repeat; z-index:1; cursor:pointer; }
.chan .chose .find .la label i.on{ background-image:url(../images/chanpin_08.png);}
.chan .chose .find .la .text{ position:absolute; left:0; top:50px; background-color:#fff; border:1px solid #174ea1; width:100%; z-index:22; display:none;}
.chan .chose .find .la .text span{ display:block;font-size:14px; color:#444; line-height:36px; padding:0 15px;transition:all linear 0.3s; }
.chan .chose .find .la .text span:nth-child(2n+1){ background-color:#f7f7f7;}
.chan .chose .find .la .text span:hover{ background-color:#90b3e8; color:#fff;}
.chan .chose .find .xie{ width:48%; float:right; height:50px; background-color:#174ea1; position:relative; padding:0 60px 0 10px;}
.chan .chose .find .xie input{ display:block; border:none; background-color:transparent; height:50px; color:#fff; width:100%; }
.chan .chose .find .xie a{ position:absolute; right:10px; top:0; width:50px; height:50px; display:block; cursor:pointer; background:url(../images/chanpin_05.png) center center no-repeat;}
.chan .kinds{ border-bottom:1px solid #ddd; text-align:center; margin:40px 0; transition:all linear 0.3s; }
.chan .kinds a{ display:inline-block; margin:0 8px; text-align:center; padding-bottom:40px; background-position:center bottom; background-repeat:no-repeat; color:#afafaf; font-size:15px;}
.chan .kinds a i{ min-width:40px; display:inline-block; border-radius:3px; height:30px; line-height:30px; padding:0 20px;}
.chan .kinds a.on{ background-image:url(../images/chanpin_20.png);}
.chan .kinds a.on i{ background-color:#1ca2f9; color:#fff;}
.chan .list{ width:86.5%; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.chan .list li{ float:left; width:25%; padding:15px 10px;}
.chan .list li .imga{ display:block; position:relative ;transition:all linear 0.3s; overflow:hidden; }
.chan .list li .imga img{ display:block; width:100%; padding:30px 40px;}
.chan .list li .imga i{ display:block; width:40px; height:40px; position:absolute; left:50%; top:50%; margin-left:-280px; margin-top:-20px; z-index:3; background-color:rgba(0,0,0,0.4); background:url(../images/menu_51.png) center center no-repeat rgba(0,0,0,0.4);transition:margin linear 0.5s;}
.chan .list li .imga b{ display:block; width:100%; height:100%; position:absolute; right:-500px; top:0; z-index:2; background-color:rgba(0,0,0,0.1);transition:all linear 0.3s; }
.chan .list li .namea{ display:block; border-bottom:2px solid #ddd; padding:10px; position:relative; background:url(../images/fa_03.png) 120% 44px no-repeat;transition:all linear 0.5s; }
.chan .list li .namea span{ display:block; font-size:16px; line-height:28px; color:#888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.chan .list li .namea i{ display:block; font-size:15px; line-height:23px; color:#888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.chan .list li:hover .imga b{ right:0;}
.chan .list li:hover .imga i{ margin-left:-20px;}
.chan .list li:hover .namea{ border-bottom:2px solid #30e0f5; background:url(../images/fa_03.png) 98% 44px no-repeat;} 
/***************************产品中心*****************************/

@media(max-width:1400px){
	.chan .list{ width:100%; padding:0 10px; padding-bottom:50px;}
	.chan .list li .imga img{ padding: 21px 28px;}
}

@media(max-width:1020px){
	.chan .chose h3{ font-size:26px;}
	.chan .list li{ float:left; width:25%; padding:10px 5px;}
	.chan .list li .imga{/* background-color:#e5e5e5;*/}
	.chan .list li .imga img{ padding: 9px 12px;}
	.chan .list li .namea{ border-bottom:2px solid #30e0f5; background:url(../images/fa_03.png) 98% 44px no-repeat;}
	.chan .list li .imga b{ display: none; }
	.chan .list li .imga i{ display:none;}
	.chan .list li .namea span{ display:block; font-size:15px; line-height:28px;}
	.chan .list li .namea i{ display:block; font-size:13px; line-height:23px;}
}

@media(max-width:920px){

	.chan .list li .imga img{ padding: 3px 4px;}

}

@media(max-width:620px){
	.chan .chose h3{ font-size:22px;}
	.chan .chose .find .la{ width:100%;}
	.chan .chose .find .xie{ width:100%; margin-top:10px;}
	.chan .kinds{ margin:30px 0;}
	.chan .kinds a{ display:inline-block; margin:0 5px; text-align:center; padding-bottom:40px;font-size:14px;}
	.chan .kinds a i{ min-width:30px; display:inline-block; border-radius:3px; height:24px; line-height:24px; padding:0 10px;}

	.chan .list li{ float:left; width:50%; padding:10px 5px;}

	.chan .list li .imga img{ padding: 10px;}

	.chan .list li .namea{ border-bottom:2px solid #30e0f5; background:url(../images/fa_03.png) 98% 44px no-repeat;} 
	.chan .list li .namea span{ display:block; font-size:14px; line-height:28px;}
	.chan .list li .namea i{ display:block; font-size:12px; line-height:23px;}
}
@media(max-width:420px){
	.chan .kinds{ margin:25px 0;}
	.chan .kinds a{ display:inline-block; margin:0 3px; text-align:center; padding-bottom:30px;font-size:13px;}
	.chan .kinds a i{ min-width:30px; display:inline-block; border-radius:3px; height:20px; line-height:20px; padding:0 5px;}
}


/****************************产品列表******************************/
.chanpin{}
.chanpin .list{ overflow:hidden; max-width:1200px; padding:40px 15px; margin:0 auto;}
.chanpin h3{ font-size:30px; line-height:30px; padding:5px 0; color:#1a1a1a;}
.chanpin h6{ font-size:14px; line-height:20px; color:#818181; margin-bottom:30px;}
.chanpin p.pb{ padding:20px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.chanpin .list ul{ overflow:hidden;}
.chanpin .list ul li{ float:left; width:48%; margin:30px 1%; padding:40px 20px 40px 220px;transition:all linear 0.3s; float:left; overflow:hidden; position:relative;}
.chanpin .list ul li .imga{ display:block; width:180px; height:180px; position:absolute; left:20px; top:50%; margin-top:-80px;}
.chanpin .list ul li .imga img{ display:block; width:180px; height:180px;}
.chanpin .list ul li .namea{ display:block; font-size:14px; line-height:26px; color:#818181;transition:all linear 0.3s;}
.chanpin .list ul li .namea span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; line-height:30px; color:#222;}
.chanpin .list ul li .namea i{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:26px; color:#666; margin-bottom:10px;}
.chanpin .list ul li .namea em{ display:block; border-left:1px solid #ddd; padding:0px 10px; overflow:hidden; height:52px; font-style:normal;}
.chanpin .list ul li .dwa{ position:absolute; right:0; bottom:0; width:58px; height:58px; right:-100px; bottom:-100px;transition:all linear 0.3s;}
.chanpin .list ul li .dwa img{ width:58px; height:58px;transition:all linear 0.3s;}
.chanpin .list ul li:hover{ box-shadow:0 0 5px #bbb; margin:30px 0.4%;}
.chanpin .list ul li:hover .dwa{ right:0; bottom:0;}
.chanpin .talk{ background-image:url(../images/cpxq_06.png); background-size:100% 100%; padding:45px 0;}
.chanpin .talk h3{ color:#fff; text-align:center; margin-bottom:40px;}
.chanpin .talk .fill{ max-width:1030px; padding:0 15px; margin:0 auto; overflow:hidden;}
.chanpin .talk .fill p{ float:left;width:48%;padding:5px 42px 5px 90px; line-height:40px; border-radius:4px; margin-bottom:15px; background-color:#fff; position:relative;transition:all linear 0.3s;}
.chanpin .talk .fill p span{ position:absolute; left:10px; top:5px; height:40px; width:70px; text-align:center; line-height:40px; font-size:14px; color:#444; text-align:center;}
.chanpin .talk .fill p i{ display:block; width:40px; position:absolute; border-left:1px solid #ddd; right:0px; top:9px; height:32px; background-position:center center; background-repeat:no-repeat; }
.chanpin .talk .fill p i.bg1{ background-image:url(../images/cpxq_09.png);}
.chanpin .talk .fill p i.bg2{ background-image:url(../images/cpxq_11.png);}
.chanpin .talk .fill p i.bg3{ background-image:url(../images/cpxq_15.png);}
.chanpin .talk .fill p i.bg4{ background-image:url(../images/cpxq_16.png);}
.chanpin .talk .fill p i.bg5{ background-image:url(../images/cpxq_19.png);}
.chanpin .talk .fill p i.bg6{ background-image:url(../images/cpxq_24.png);}
.chanpin .talk .fill p input{ display:block; width:100%; border:none; color:#444; height:40px; line-height:40px; background-color:transparent;}
.chanpin .talk .fill p textarea{ display:block; width:100%; border:none; color:#444; height:130px; padding:5px 3px; line-height:30px; background-color:transparent;}
.chanpin .talk .fill p a{ display:block; height:50px; border:1px solid #fff; line-height:48px; border-radius:4px; overflow:hidden; cursor:pointer; color:#fff; font-size:16px; text-align:center; width:100%;}
.chanpin .talk .fill p.mr{ margin-right:4%; }
.chanpin .talk .fill p.all{ width:100%;}
.chanpin .talk .fill p.bf{ padding:5px 120px 5px 90px;}
.chanpin .talk .fill p.bf img{ display:block; position:absolute; right:10px; top:6px; height:40px; width:80px;}
.chanpin .talk .fill p.em{ background-color:transparent; padding:0;}
/****************************产品列表******************************/
@media(max-width:1220px){
	.chanpin .list ul li{ float:left; width:48%; margin:30px 1%; padding:40px 20px 40px 200px;}
	.chanpin .list ul li .imga{left:10px;}
}

@media(max-width:1020px){
	.chanpin h3{ font-size:26px;}
	.chanpin .list ul li{ box-shadow:0 0 5px #bbb; margin:5px 0.5%; width:49%; padding:30px 15px 30px 130px;}
	.chanpin .list ul li:hover{ margin:5px 0.5%;}
	.chanpin .list ul li .imga{ display:block; width:120px; height:120px; margin-top:-60px;}
	.chanpin .list ul li .imga img{ width:120px; height:120px;}
	.chanpin .list ul li .dwa{ right:0; bottom:0;}
	.chanpin .list ul li .namea{ font-size:13px; line-height:23px;}
	.chanpin .list ul li .namea span{ font-size:16px; line-height:26px;}
	.chanpin .list ul li .namea i{ font-size:15px; line-height:23px;}
	.chanpin .list ul li .namea em{ height:46px;}
	.chanpin .list ul li .dwa{ width:50px; height:50px;}
	.chanpin .list ul li .dwa img{ width:50px; height:50px;}
}
@media(max-width:772px){
	.chanpin .talk .fill p{ width:100%; margin:0 !important; margin-bottom:15px !important; padding-left:70px !important;}
	.chanpin .talk .fill p span{ font-size:13px; left:5px; width:60px;}
	.chanpin .talk .fill p.em{ padding:0 !important;}
	.chanpin .talk h3{ margin-bottom:20px;}
}

@media(max-width:660px){
	.chanpin p.pb{ padding:10px 5px;}
	.chanpin h3{ font-size:22px; line-height:26px;}
	.chanpin h6{ margin-bottom:20px;}
	.chanpin .list ul li{ width:99%; margin:10px auto; padding:25px 15px 25px 130px; float:none;}
	.chanpin .list ul li .namea span{ font-size:15px; line-height:24px;}
	.chanpin .list ul li .namea i{ font-size:14px; line-height:21px;}
	.chanpin .list ul li .dwa{ width:40px; height:40px;}
	.chanpin .list ul li .dwa img{ width:40px; height:40px;}
	
}

@media(max-width:360px){
	.chanpin h3{ font-size:18px;}
	.chanpin h6{ margin-bottom:15px;}
	.chanpin p{ font-size:13px; line-height:23px;}
	.chanpin .list ul li{padding:15px 10px 15px 100px;}
	.chanpin .list ul li .imga{ display:block; width:90px; height:90px;left:5px; margin-top:-45px;}
	.chanpin .list ul li .imga img{ width:90px; height:90px;}
	.chanpin .list ul li .namea span{ font-size:14px;}
	.chanpin .list ul li .namea i{ font-size:13px;}
	.chanpin .list ul li .namea{ font-size:12px; line-height:23px;}
	
}

/********************产品详情************************/
.chanpin .liao{ max-width:1060px; margin:0 auto; padding:40px 15px; font-size:14px; line-height:24px; color:#888;transition:all linear 0.3s;}
.chanpin .liao p img{ display:block; margin:40px auto; max-width:100%;transition:all linear 0.3s;} 
.chanpin .liao p i{ padding-bottom:15px; border-bottom:1px dashed #ddd; display:block;}
.chanpin .guige{}
.chanpin .guige .text{ padding:30px 15px 50px 15px; max-width:1180px; margin:0 auto;}
.chanpin .guige .text h3 span{ background-color:#257ee4; line-height:58px; font-size:20px; color:#fff; height:58px; display:inline-block; padding:0 10px; margin-bottom:10px;}
.chanpin .guige .text h3 span i{ border-left:2px solid #fff; height:58px; display:inline-block; padding:0 10px;}
.chanpin .guige .text p{ font-size:15px; line-height:30px; color:#818181; padding:20px 14px;transition:all linear 0.3s;}
.chanpin .guige .text p span{ display:block; color:#257ee4; font-size:18px; line-height:36px; margin-bottom:10px;transition:all linear 0.3s;}
.chanpin .guige .text p i{ padding-left:30px; display:block; position:relative;}
.chanpin .guige .text p i:before{ content:''; position:absolute; left:15px; top:10px; width:10px; height:10px; border-radius:50%; background-color:#ccc;transition:all linear 0.3s;}
/********************产品详情************************/
@media(max-width:1220px){.chanpin .guige .text{ max-width:1100px;}}
@media(max-width:1220px){.chanpin .liao{ max-width:1000px; }.chanpin .guige .text{ max-width:1000px;}}
@media(max-width:1020px){
	.chanpin .guige .text h3{ font-size:18px;}
	.chanpin .guige .text p{ font-size:14px; line-height:26px;}
	.chanpin .guige .text p span{ display:block; color:#257ee4; font-size:16px; line-height:30px; margin-bottom:10px;}
	.chanpin .guige .text p i:before{position:absolute; left:15px; top:8px;}
}

@media(max-width:720px){
	.chanpin .liao p img{ display:block; margin:20px auto;} 
	.chanpin .liao{ padding:25px 15px 10px 15px;}
	.chanpin .guige .text h3 span{ font-size:16px;}
	.chanpin .guige .text p{ font-size:14px; line-height:26px; padding:8px 0px;}
	.chanpin .guige .text p span{ display:block; color:#257ee4; font-size:16px; line-height:30px; margin-bottom:5px;}
	.chanpin .guige .text p i{ padding-left:15px;}
	.chanpin .guige .text p i:before{position:absolute; left:0px; top:8px;}
}

@media(max-width:420px){
	.chanpin .liao p img{ display:block; margin:10px auto;} 
	.chanpin .guige .text h3 span{ font-size:15px;}
	.chanpin .guige .text p{ font-size:14px; line-height:26px; padding:8px 0px;}
	.chanpin .guige .text p span{ display:block; color:#257ee4; font-size:16px; line-height:30px; margin-bottom:5px;}
	.chanpin .guige .text p i{ padding-left:15px;}
	.chanpin .guige .text p i:before{position:absolute; left:0px; top:8px;}
}
/********************产品详情************************/


/********************案例************************/
.anli{ padding-bottom:40px;}
.anli .list{ overflow:hidden; max-width:1200px; padding:0px 15px 40px 15px; margin:0 auto; transition:all linear 0.3s;}
.anli .list li{ float:left; width:33.3%; padding:15px; transition:all linear 0.3s;}
.anli .list li .imga{ display:block; width:100%; position:relative; overflow:hidden;}
.anli .list li .imga img{ width:100%;}
.anli .list li .imga span{ display:block; width:100%; height:100%; background-image:url(../images/bg80.png); position:absolute; left:0; top:0; z-index:1; display:none; transition:all linear 0.3s; }
.anli .list li .imga i{ display:block; background-image:url(../images/menu_51.png); width:50px; height:50px; background-position:center center; background-size:30px 30px; position:absolute; left:50%; top:50%; margin-left:-330px; margin-top:-25px; z-index:2; background-repeat:no-repeat; background-color:rgba(0,0,0,0.3); transition:all linear 0.3s; }
.anli .list li .namea{ padding:10px 10px; text-align:center; display:block;}
.anli .list li .namea span{ display:block; font-size:18px; color:#1a1a1a; line-height:32px; transition:all linear 0.3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.anli .list li .namea i{ display:block; font-size:12px; line-height:20px; text-transform:uppercase; color:#888; transition:all linear 0.3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.anli .list li:hover .imga span{ display:block;}
.anli .list li:hover .imga i{ margin-left:-25px; }
.anli .list li:hover .namea span{ color:#257ee4;} 
.anli .list li:hover .namea i{ color:#257ee4;}
.anli .liao h3{ text-align:center;}
.anli .liao h6{ text-align:center;}
.anli .liao p{ text-indent:2em;}
.anli h2.mb0{ margin-bottom:0 !important;}
/********************案例************************/
@media(max-width:1520px){
.anli .list{ max-width:1100px;}
}
@media(max-width:1220px){
.anli .list{ max-width:1000px;}
}
@media(max-width:1020px){
	.anli .list li .namea span{ font-size:16px;}
	.anli .list li{ float:left; padding:7px;}
	.anli .list li .imga span{ display:none !important;}
	.anli .list li .imga i{ margin-left:-330px !important; }
	.anli .list li .namea span{ color:#444 !important;} 
	.anli .list li .namea i{ color:#444 !important;}
}

@media(max-width:820px){
	.anli .list li .namea span{ font-size:15px; line-height:30px;}
}
@media(max-width:640px){
	.anli{ padding-bottom:30px;}
	.anli .list{  padding:5px 10px 40px 10px;}
	.anli .list li{ float:left; width:50%; padding:5px 5px;}

}

@media(max-width:420px){
	.anli .list li{ float:left; width:100%; padding:8px 0px;}

}


/******************案例列表*****************/
.anli .good{ background-image:url(../images/anlibg_02.jpg); background-size:100% 100%; padding:85px 0;}
.anli .good ul{ padding:0px 15px; max-width:1030px; margin:0 auto; overflow:hidden;}
.anli .good ul li{ padding:70px 15px; width:226px; height:261px; margin:0 12px; float:left; background-position:center center; text-align:center; font-size:12px; line-height:18px; color:#fff; position:relative; overflow:hidden;}
.anli .good ul li.bg1{ background-image:url(../images/anli2_07.png);}
.anli .good ul li.bg2{ background-image:url(../images/anli2_09.png);}
.anli .good ul li.bg3{ background-image:url(../images/anli2_11.png);}
.anli .good ul li.bg4{ background-image:url(../images/anli2_13.png);}
.anli .good ul li:after{ content:''; position:absolute; left:300px; top:0; width:226px; height:261px; background-image:url(../images/anli2_19.png); z-index:1; transition:all linear 0.3s;}
.anli .good ul li strong{ display:block; font-weight:normal; position:absolute; left:600px; top:70px; width:100%; transition:all linear 0.3s;}
.anli .good ul li div{ position:absolute; left:0; top:70px;transition:all linear 0.3s; width:100%;}
.anli .good ul li div span{ display:block; font-size:22px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.anli .good ul li div i{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:0.8;}
.anli .good ul li div b{ display:block; width:50px; height:3px; margin:14px auto; background-color:#fff;}
.anli .good ul li div em{ display:block; font-style:normal; opacity:0.6;}
.anli .good ul li:hover:after{ left:0;}
.anli .good ul li:hover div{ left:-300px;}
.anli .good ul li:hover strong{ left:0;}
.anli .lnk{ padding:0 15px 50px 15px;}
.anli .lnk a{ display:block; max-width:1060px; overflow:hidden; margin:0 auto; padding:10px 100px 10px 5px; line-height:36px; color:#888; font-size:14px; border-bottom:1px dashed #ddd; position:relative;}
.anli .lnk a span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; transition:all linear 0.3s;}
.anli .lnk a i{ position:absolute; right:-30px; top:50%; width:26px; height:26px; margin-top:-13px; background-image:url(../images/anli2_22.png); transition:all linear 0.3s;}
.anli .lnk a:hover span{ padding:0 5px; width:100%; color:#1ca2f9;}
.anli .lnk a:hover i{ right:5px;}
.anli .word{ max-width:1100px; padding:0 15px; margin:0 auto; font-size:14px; line-height:28px; color:#888;}
.anli .word .sing{ padding-left:170px; position:relative;}
.anli .word .sord{ display:block; margin-bottom:20px; width:100%; transition:all linear 0.3s;}
.anli .word .sing .biao{ position:absolute; left:0px; width:140px; text-align:right; top:8px; overflow:hidden; color:#222;  border-top:1px solid #222; padding-top:4px;}
.anli .word .sing .biao span{ font-size:12px; font-size:10px; line-height:20px; text-transform:uppercase; float:left; width:100%;}
.anli .word .sing .biao i{ font-size:18px; line-height:24px; float:left; width:100%;}
.anli .word .sing .biao img{ float:right; transition:all linear 0.3s;}
.anli .word .sord img{ display:inline-block; margin:5px; max-width:96%; transition:all linear 0.3s;}
.anli .word .sord.bc{ background-color:#f5f5f5; overflow:hidden;}
.anli .word .sord.bc img{ display:block; float:left; margin:0; margin-right:20px;}
.anli .word .sord p{ padding:20px; transition:all linear 0.3s; text-align:justify;}
.anli .word .sing:hover .biao{ color:#1ca2f9; border-top:1px solid #1ca2f9;}
.anli .word .sing:hover .biao img{ margin-right:10px; margin-top:8px;}
/******************案例列表*****************/

@media(max-width:1220px){
	.anli .word{ max-width:1000px; padding:0 15px;}
	.anli .word .sing{ padding-left:0px;}
	.anli .word .sing .biao{ position:static; width:220px; left:auto; text-align:left; margin-bottom:20px; top:auto; }
	.anli .word .sing .biao img{ display:none;}
	.anli .good ul{ max-width:990px;}
	.anli .good ul li{ margin:0 7px;}
}

@media(max-width:1020px){
	.anli .good{ padding:30px 0;}
	.anli .good ul{ max-width:600px;}
	.anli .good ul li{ margin:30px 29px; }
	.anli .lnk a{ padding:10px 60px 10px 5px; }
	.anli .word .sord img{ margin:5px auto; max-width:100%;}
	.anli .word .sord p{ padding:10px;}

}

@media(max-width:640px){
	.anli .good{ padding:20px 0;}
	.anli .good ul{ max-width:500px;}
	.anli .good ul li{ margin:5px 4px; }
	.anli .word .sord p{ padding:5px;}
	.anli .word .sord.bc p{ padding:10px;}
}

@media(max-width:530px){
	.anli .good{ padding:15px 0;}
	.anli .good ul{ max-width:500px;}
	.anli .good ul li{ float:none; margin:20px auto; }
}


/************************合作伙伴****************************/
.huoban{ padding-bottom:50px;}
.huoban ul{ overflow:hidden; max-width:1200px; padding:0 15px; margin:0px auto;}
.huoban ul li{ width:16.66%; margin:14px 0; padding:10px; float:left; border-bottom:1px solid #ddd; transition:all ease-in 0.3s; border-right:1px solid #ddd;}
.huoban ul li a{ display:block; width:100%; overflow:hidden; transition:all ease-in 0.3s;}
.huoban ul li a img{ display:block; width:100%; transition:all ease-in 0.3s;}
.huoban ul li:hover a{ box-shadow:0 0 10px #ccc; border-radius:12px;}
.huoban ul li:hover a img{ transform:scale(0.88);}
.huoban ul li:hover{ border-radius:12px;}
.huoban ul li:nth-child(6n){ border-right:1px solid #fff;}

/************************合作伙伴****************************/
@media(max-width:1520px){.huoban ul{ max-width:1100px;}}
@media(max-width:1220px){.huoban ul{ max-width:1000px;}}

@media(max-width:1020px){
.huoban ul li{ width:25%; margin:14px 0; padding:20px; float:left; border-radius:0 !important; border-right:1px solid #ddd;}
.huoban ul li:nth-child(6n){ border-right:1px solid #ddd;}
.huoban ul li:nth-child(4n){ border-right:1px solid #fff;}
.huoban ul li a{ box-shadow:none !important;}
.huoban ul li a img{ transform:scale(1) !important;}
}

@media(max-width:640px){
.huoban ul li{ width:33.33%; margin:10px 0; padding:15px; float:left; border-right:1px solid #ddd;}
.huoban ul li:nth-child(6n){ border-right:1px solid #ddd;}
.huoban ul li:nth-child(4n){ border-right:1px solid #ddd;}
.huoban ul li:nth-child(3n){ border-right:1px solid #fff;}

}

@media(max-width:420px){
.huoban ul li{ width:50%; margin:5px 0; padding:15px; float:left; border-right:1px solid #ddd;}
.huoban ul li:nth-child(6n){ border-right:1px solid #ddd;}
.huoban ul li:nth-child(4n){ border-right:1px solid #ddd;}
.huoban ul li:nth-child(3n){ border-right:1px solid #ddd;}
.huoban ul li:nth-child(2n){ border-right:1px solid #fff;}

}

.bghui{ background-color:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; display:none;}
.poppic{ position:fixed; left:50%; top:50%; z-index:100; max-width:100%; display:none;}
.poppic img.show{ display:block; margin:0 auto; max-width:100%; background-color:#fff;}
.poppic .dw{ display:block; width:22px; height:22px; padding:3px; border-radius:50%; background-color:#fff; border:1px solid #bbb; cursor:pointer; position:absolute; right:-6px; top:-6px; box-shadow:0 0 4px #fff;}
@media(max-width:1220px){
	.poppic{ max-width:800px; }
	.poppic .show{}
}
@media(max-width:1020px){
	.poppic{ max-width:640px;}
	.poppic .show{ max-width:600px; }
}
@media(max-width:440px){
	.poppic{ width:390px; margin-left:-195px !important;}
	.poppic .show{ width:390px;}
}
@media(max-width:340px){
	.poppic{ width:290px; margin-left:-145px !important;}
	.poppic .show{ width:290px;}
}