@charset "utf-8";
/*home_banner*/
.home_banner {
  width: 100%;
  height: 550px;
  margin: 0 auto;
  overflow: hidden;
}
.home_banner .slick {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
  text-align: center;
}
.home_banner .slick img {
  display: inline;
}
.home_banner .slick-dots {
    position: absolute;
    top: 500px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}
.home_banner .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 10px;
  padding: 0px;
  cursor: pointer;
}
.home_banner .slick-dots li button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 15px;
  height: 15px;
  margin: -5px 0 0 -5px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home_banner .slick-dots li.slick-active button:before {
  background:#fff;
}

/*hot_search*/
.hot_search{
	width: 100%;
	height: 45px;
	background: #f2f2f2;
	border-bottom:1px solid #999;
	
}
.hot_search .left{
	line-height: 45px;
	width: 750px;
	height: 45px;
	overflow: hidden;
}
.hot_search .left a{
	font-size: 12px;
	color:#666;
	transition: 0.5s;
	padding: 0 5px;
}
.hot_search .left a:hover{
	color:#0657b2;
}
.hot_search .left span{
	font-size: 12px;
	color:#0657b2;
}
.hot_search .searchBox{
	width: 230px;
	height: 25px;
	margin-top: 10px;
	border: 1px solid #188eee;
	position: relative;
}
.hot_search .searchBox input.txt{
	width: 100%;
	height: 100%;
	border:none;
	outline: none;
	text-indent: 1em;
}
.hot_search .searchBox input.btn{
	width: 35px;
	height: 24px;
	background: #188eee url(../images/btn_bg.png) center;
	border: none;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
}

/*sale*/
.sale{
	padding: 50px 0 40px;
}
.sale h1{
	width: 335px;
	height: 38px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	color:#fff;
	line-height: 38px;
	background:url(../images/sale_bg.jpg) no-repeat;
	overflow: hidden;
}
.sale .sale_banner{
	padding-top: 40px;
}
/*.sale .slick-list {width: 850px;margin: 0 auto;}*/
.sale .slick { width: 930px; margin: 0 auto;}
.sale .slick .img{width: 215px;height: 135px;position: relative; margin-left:10px;}
.sale .slick-prev:before,.slick-next:before {  position: absolute; left: 0;  content:'';}
.sale .slick-prev {width:25px;height:46px; left: -34px; top:50%; margin-top:-23px;background:url(../images/left.jpg) no-repeat ;}
.sale .slick-next { width:25px;height:46px; right: -34px; top:50%; margin-top:-23px;background:url(../images/right_h.jpg) no-repeat ;}
.sale .slick-dots { bottom: -35px;}
/*.sale .slick-prev:hover{background:url(../images/) no-repeat ;}
.sale .slick-next:hover{background:url(../images/) no-repeat ;}*/

/*home_product*/
.home_product{
	width: 100%;
	margin-bottom: 25px;
}
.title{
	width: 100%;
	height: 155px;
	background: url(../images/pro_t_bg.jpg) no-repeat center;
	text-align:center;
	color:#fff;
	padding-top: 35px;
	margin-bottom: 45px;
}
 .title h1{
	font-size: 36px;
	margin: 0 0 30px 0;
	width: 1000px;
	height: 36px;
	overflow: hidden;
	 line-height: 36px;
}
 .title h2{
	font-size: 20px;
	font-weight: 400;
	width: 1000px;
	height: 20px;
	overflow: hidden;
	 line-height: 20px;
}
.home_product .pro_box .left{
	width: 211px;
	

}
.home_product .pro_box .left h1{
	width: 211px;
	height: 45px;
	text-align: center;
	color:#fff;
	font-size: 16px;
	background: url(../images/pro_bg1.jpg) no-repeat center;
	line-height: 40px;
	overflow: hidden;
}
.home_product .pro_box .left ul{
	padding-bottom: 30px;
	background: #f1f1f1;
}
.home_product .pro_box .left ul li{
	padding: 0 10px;
	width: 211px;
	position: relative;
	
}
.home_product .pro_box .left ul li ul.hide{
	width: 100%;
	position: absolute;
	left: 100%;
	top:0;
	z-index: 999;
	border:1px solid #e2e2e2;
	display: none;
}
.home_product .pro_box .left ul li:hover ul.hide{
	display: block;
	padding-bottom: 0px;
}
.home_product .pro_box .left ul li:hover ul.hide a:hover{
	color:#0657e2;
}
.home_product .pro_box .left ul li ul.hide li a{
	display: block;
	width: 191px;
	padding: 10px 0 10px 55px;
	font-size: 12px;
	color:#333;
	border-bottom:1px solid #e2e2e2;
	background: url(../images/pro_icon.jpg) no-repeat 15px 15px;
	line-height: 20px;
	transition: 0.5s;
}
.home_product .pro_box .left ul li a.a1{
	display: block;
	width: 191px;
	padding: 10px 0 10px 55px;
	font-size: 12px;
	color:#333;
	border-bottom:1px solid #e2e2e2;
	background: url(../images/pro_icon.jpg) no-repeat 15px 15px;
	line-height: 20px;
	transition: 0.5s;

}
.home_product .pro_box .left ul li a.a1:hover{
	color:#0657e2;
}
.home_product .pro_box .right .r_title{
	width: 773px;
	height: 45px;
	color:#fff;
	font-size: 16px;
	background: url(../images/pro_bg2.jpg) no-repeat center;
	padding: 10px 15px 0;
	overflow: hidden;
}
.home_product .pro_box .right .r_title p{
	float: left;
	font-size: 14px;
	font-weight: 600;
	color:#333;
	max-width: 80%;
	height: 14px;
	overflow: hidden;
	line-height: 14px;
}
.home_product .pro_box .right .r_title a{
	float: right;
	font-size: 14px;
	color:#999;
	transition: 0.5s;
}
.home_product .pro_box .right .r_title a:hover{
	color:#0657e2;
}
.home_product .pro_box .right .pro_list{
	width: 773px;
	height: 440px;
	background: #f1f1f1;
	padding: 7px 10px;
	overflow: hidden;
}
.home_product .pro_box .right .pro_list .list{
	width: 225px;
	height: 195px;
	float:left;
	margin-right: 26px;
	margin-bottom: 30px;
}
.home_product .pro_box .right .pro_list .list .img{
	width: 225px;
	height: 170px;
	position: relative;
	border:1px solid #e4e4e4;
	transition: 0.5s;
}
.home_product .pro_box .right .pro_list .list a.word{
	display: block;
	width: 100%;
	color:#666;
	text-align: center;
	padding-top: 10px;
	height: 22px;
	overflow: hidden;
	transition: 0.5s;
}
.home_product .pro_box .right .pro_list .list:hover .img{
	border-color:#399aff;
}
.home_product .pro_box .right .pro_list .list:hover a.word{
	color:#0657b2;
}

/*adv*/
.adv{
	width: 1000px;
	height: 195px;
	position: relative;
}

/*home_case*/
.home_case{
	width: 100%;
	padding: 45px 0;
	background: #f1f1f1;
}
.home_case .case_title{
	text-align: center;
	height: 60px;
	margin-bottom: 45px;
}
.home_case .case_title b{
	display: inline;
	font-size: 60px;
	color:#727171;
	position: relative;
}
.home_case .case_title i{
	display: inline;
	font-size: 22px;
	font-weight: 600;
	color: #0657b2;
	margin-top: -10px;
	font-style: normal;
	position: absolute;
	right: -110px;
	top: 30px;
	width: 55%;
	height: 22px;
	overflow: hidden;
	line-height: 23px;
}
.home_case .case_title span{
	position: absolute;
	width: 130px;
	height: 1px;
	background: #727171;
	right: -107px;
	bottom: 14px;
}
.home_case .case_list{
	width: 190px;
	height: 160px;
}
.home_case .case_list .box{
	width: 190px;
	height: 135px;
	background:#fff;
	padding-top: 10px;
}
.home_case .case_list .box .img{
	width: 165px;
	height: 110px;
	position: relative;
	border: 1px solid #ebebeb;
	margin: 0px auto;
	background: #f3f3fb;
	transition: 0.5s;
}
.home_case .case_list  a.word{
	display: block;
	width: 100%;
	text-align: center;
	color:#666;
	padding-top: 10px;
	height: 22px;
	overflow: hidden;
	transition: 0.5s;
}
.home_case .case_list:hover .img{
	border-color: #399aff;
}
.home_case .case_list:hover a.word{
	color: #0657b2;
}
.home_case .slick-list {width: 1000px;}
.home_case .slick { width: 980px; margin: 0 auto;}
.home_case .slick-prev:before,.slick-next:before {  position: absolute; left: 0;  content:'';}
.home_case .slick-prev {width:25px;height:46px; left: 1000px; top:15%; margin-top:-23px;background:url(../images/left.jpg) no-repeat ;}
.home_case .slick-next { width:25px;height:46px; right: -45px; top:45%; margin-top:-23px;background:url(../images/right_h.jpg) no-repeat ;}
.home_case .slick-dots { bottom: -35px;}

/*flow*/
.flow{
	padding: 50px 0 70px 0;
}
.flow h1{
	width: 363px;
	height: 52px;
	background: url(../images/flow_bg.jpg) no-repeat center;
	text-align: center;
	font-size: 22px;
	color:#fff;
	line-height: 52px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}
.flow .list{
	padding: 40px 0 55px 0;
	position: relative;
}
.flow .list ul li{
	width: 85px;
	/*cursor:pointer;*/
	float:left;
	margin-right: 45px;
	position: relative;
	z-index: 10;
}
.flow .list ul li i{
	display: block;
	width: 20px;
	height: 20px;
	 -moz-border-radius: 50%; /* Firefox */
	  -webkit-border-radius: 50%; /* Safari 和 Chrome */
	  border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
	  background: #e8e8e8;
	  font-size: 16px;
	  color:#333;
	  font-style: normal;
	  text-align: center;
	  line-height: 21px;
	  overflow: hidden;
	  margin: 14px auto;
	  transition: 0.5s;
}
.flow .list ul li em{
	display: block;
	width: 7px;
	height: 7px;
	-moz-border-radius: 50%; /* Firefox */
	  -webkit-border-radius: 50%; /* Safari 和 Chrome */
	  border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
	  background: #e8e8e8;
	  margin: 7px auto;
	  transition: 0.5s;

}
.flow .list ul li p{
	width: 85px;
	height: 40px;
	background: #e8e8e8;
	font-size: 16px;
	color:#666;
	line-height: 40px;
	text-align: center;
	transition: 0.5s;
	overflow: hidden;
}
.flow .list ul li:hover i{
	background: #0775d0;
	color:#fff;
}
.flow .list ul li:hover em{
	background: #0775d0;
	color:#fff;
}
.flow .list ul li:hover p{
	background: #0775d0;
	color:#fff;
}
.flow .list span{
	position: absolute;
	width: 100%;
	height: 1px;
	background: #044ea1;
	top:46%;
	z-index: 9;
}
.flow .call .left{
	width: 600px;
	height: 52px;
	overflow: hidden;
}
.flow .call .left h2{
	font-size: 20px;
	color:#666;
	font-weight: 400;
	padding-left: 150px;
	width: 600px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.flow .call .left h3{
	font-size: 16px;
	color:#0657b2;
	font-weight: 400;
	padding-left: 255px;
	background: url(../images/flow_call.jpg) no-repeat 210px 0px;
	width: 600px;
	height: 24px;
	margin-top: 8px;
	overflow: hidden;
}
.flow .call .left h3 b{
	max-width: 150px;
	overflow: hidden;
	height: 20px;
	line-height: 24px;
	display: inline-block;
}
.flow .call .left h3 span{
	font-size: 20px;
}
.flow .call .right{
	padding: 5px 75px 0 0;
}
.flow .call .right a{
	display: inline-block;
	width: 120px;
	height: 40px;
	background: #0775d0;
	font-size: 17px;
	color:#fff;
	text-align: center;
	line-height: 40px;
	border:1px solid #044ea1;
	-moz-border-radius: 3px; /* Firefox */
	  -webkit-border-radius: 3px; /* Safari 和 Chrome */
	  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
	  margin-right: 17px;
	overflow: hidden;
}

/*introduce*/
.introduce{
	margin-bottom: 30px;
}
.introduce .list{
	margin-top: 50px;
	border-top: 1px dashed #b6b6b6;
}
.introduce .list .number{
	width: 180px;
	height: 185px;
	color:#fff;
	background: #0775d0;
	text-align: center;
	padding-top: 50px;
	overflow: hidden;
	margin: 0 30px 0 50px;

}
.introduce .list .number span{
	display: block;
	font-size: 60px;
	font-weight: 600;
	width: 180px;
	height: 60px;
	overflow: hidden;
	word-break: break-all;
}
.introduce .list .number p{
	font-size: 30px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}
.introduce .list .word{
	padding: 5px 0 5px 55px;
	border-left: 1px dashed #b6b6b6;
	margin-top: 20px;
	max-width: 650px;
}
.introduce .list .word .w_title{
	max-width: 650px;
}
.introduce .list .word .w_title h1{
	font-size: 22px;
	color:#0775d0;
	height: 23px;
	line-height: 24px;
	overflow: hidden;
}
.introduce .list .word .w_title h2{
	font-size: 12px;
	color:#a3a3a3;
	text-transform: uppercase;
	margin: 8px 0 20px;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
}
.introduce .list .word ul li{
	font-size: 14px;
	color:#333;
	margin-bottom: 10px;
}
.introduce .list .word ul li span{
	color:#0657b2;
}
.introduce .list .intr1{
	width: 1000px;
	height: 165px;
	position: relative;
	margin-top: 15px;
}
.introduce .list .imgList{
	padding: 25px 27px;
	background: #f0f0f0;
	overflow: hidden;

}
.introduce .list .imgList .imgBox{
	width: 189px;
	height: 168px;
	overflow: hidden;
	border: 1px solid #fff;
	position: relative;
	float: left;
}
.introduce .list .imgList .imgBox .img{
	width: 189px;
	height: 168px;
	position: relative;
}
.introduce .list .imgList .imgBox .bg{
	position: absolute;
	width: 100%;
	height: 30px;
	background: #000;
	 opacity: 0.7;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  bottom:0;
}
.introduce .list .imgList .imgBox .text{
	position: absolute;
	width: 100%;
	height: 30px;
	font-size: 14px;
	color:#fff;
	text-align: center;;
	line-height: 30px;
	bottom:0;
}
.introduce .list .intr2{
	width: 1000px;
	height: 240px;
	position: relative;
	margin-top: 15px;
}

.introduce .list .top{
	position: relative;
	z-index: 10;
}
.introduce .list .intr3{
	width: 1000px;
	height: 530px;
	position: relative;
	z-index: 9;
	margin-top: -100px;
}
.introduce .list .afterImg{
	margin-top: 35px;
	overflow: hidden;
}
.introduce .list .afterImg .img{
	width: 320px;
	height: 210px;
	position: relative;
	float: left;
	margin-right: 20px;
}

/*customer*/
.customer .main{
	padding: 15px 15px 10px 20px;
	background: #f6f6f6;
}
.c_title{
	
	border-bottom: 1px solid #c9c9c9;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	
}
.c_title i{
	position: absolute;
	width: 118px;
	height: 4px;
	background: #464646;
	left:0;
	bottom:-2px;
}
.c_title  h1{
	font-size: 16px;
	color:#0657b2;
	width: 70%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	float: left;
	
}
.c_title  h1 span{
	text-transform: uppercase;
	color:#999;
	font-weight: 400;
	margin-left: 15px;
}
.customer .main .c_banner{
	margin-top: 35px;
}
.customer .main .c_banner .list{
	width: 480px;
	height: 148px;
	float: left;
}
.customer .main .c_banner .img{
	width: 160px;
	height: 148px;
	position: relative;
}
.customer .main .c_banner .word{
	width: 270px;
	margin-left: 25px;
}
.customer .main .c_banner .word h1{
	font-size: 14px;
	color:#333;
	width: 270px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.customer .main .c_banner .word p{
	font-size: 12px;
	color:#666;
	line-height: 20px;
	margin: 15px 0 20px;
	width: 270px;
	height: 100px;
	overflow: hidden;
}
.customer .main .c_banner .word a.more{
	font-size: 12px;
	color:#0657b2;
	display: block;
	width: 270px;
	height: 12px;
	overflow: hidden;
}
.customer .slick-prev:before,.slick-next:before {  position: absolute; left: 0;  content:'';}
.customer .slick-prev {width:31px;height:31px; left: 900px; top:-35%; margin-top:-23px;background:url(../images/f_gdl2.jpg) no-repeat ;}
.customer .slick-next { width:31px;height:31px; right: 0; top:-35%; margin-top:-23px;background:url(../images/f_gdr.jpg) no-repeat ;}

/*home_about*/
.home_about{
	width: 100%;
	background: #f6f6f6;
	margin: 35px 0;
}
.home_about .left{
	width: 650px;
	padding: 30px 0 25px;

}
.c_title a{
	float: right;
	padding-top: 10px;
	color:#0657b2;
	width: 55px;
	height: 22px;
	overflow: hidden;
}
.home_about .aboutBox{
	margin-top: 40px;
}
.home_about .aboutBox .img{
	width: 284px;
	height: 170px;
	position: relative;
	float: left;
}
.home_about .aboutBox .word{
	width: 350px;
}
.home_about .aboutBox .word h1{
	font-size: 14px;
	color:#333;
	width: 350px;
	height: 14px;
	overflow: hidden;
	
}
.home_about .aboutBox .word p{
	font-size: 12px;
	color:#666;
	line-height: 25px;
	width: 350px;
	height: 100px;
	overflow: hidden;
}
.home_about .aboutBox .word a.more{
	display: block;
	color:#0657b2;
	margin-top: 20px;
}
.home_about .home_culture h1{
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin: 30px auto 20px;
	color:#fff;
	font-size: 14px;
	background: #8a8a8a;
	text-align: center;
	font-weight: 400;
}
.home_about .home_culture .cul_list{
	width: 170px;
	
}
.home_about .home_culture .cul_list .img{
	width: 170px;
	height: 127px;
	position: relative;
}
.home_about .home_culture .cul_list a.word{
	display: block;
	width: 170px;
	text-align: center;
	color:#666;
	margin-top: 15px;
	height: 12px;
	overflow: hidden;
}
.home_about .home_culture .cul_list a.word:hover{
	color:#0657b2;
}
/*.home_culture .slick-list {width: 650px;}*/
.home_culture .slick { width: 580px; margin: 0 auto;}
.home_culture .slick-prev:before,.slick-next:before {  position: absolute; left: 0;  content:'';}
.home_culture .slick-prev {width:25px;height:45px; left: -34px; top:50%; margin-top:-20px;background:url(../images/c_left.jpg) no-repeat ;}
.home_culture .slick-next { width:25px;height:45px; right: -33px; top:50%; margin-top:-20px;background:url(../images/c_right.jpg) no-repeat ;}

.home_about .right{
	width: 290px;
	background: #f0f0f0;
	padding: 30px 0 25px;
}
.home_about .right .home_honor{
	padding: 0 10px;
}
.home_about .right .honor_banner{
	width: 290px;
	margin: 25px 0;
	/*display: none;*/

}
.home_about .right .hor_list .img{
	width: 160px;
	height: 205px;
	position: relative;
	
}
.home_about .right .hor_list a.word{
	display: block;
	font-size: 14px;
	width: 160px;
	height: 14px;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
	color:#727171;

}
.home_about .right .hor_list a.word:hover{
	color:#0657b2;
}
.honor_banner .slick-list {width: 180px;}
.honor_banner .slick { width: 180px; margin: 0 auto;}
.honor_banner .slick-prev:before,.slick-next:before {  position: absolute; left: 0;  content:'';}
.honor_banner .slick-prev {width:25px;height:45px; left: -50px; top:50%; margin-top:-20px;background:url(../images/c_left.jpg) no-repeat ;}
.honor_banner .slick-next { width:25px;height:45px; right: -30px; top:50%; margin-top:-20px;background:url(../images/c_right.jpg) no-repeat ;}

.honor_box span.msg{
	display: block;
	width: 260px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color:#fff;
	margin: 0 auto;
	background: #adadad;
	cursor: pointer;
	display: block !important;
}
.honor_box span.sp1{
	margin-top: 10px;
}
.honor_box span.sp2{
	background: #8a8a8a;
}
.honor_box span.sp3{
	background: #6e6e6e;
}
.honor_box span.sp4{
	background: #5a5a5a;
}

/*home_news*/
.home_news .main{
	padding: 0 0 0 15px;
	background: #f6f6f6;
	margin-bottom: 40px;
}
.home_news .main .left{
	width: 635px;
	padding: 30px 0 25px;
}
.home_news .main .left .bigNews{
	width: 635px;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #ddd;
}
.home_news .main .left .bigNews .img{
	width: 180px;
	height: 125px;
	position: relative;
}
.home_news .main .left .bigNews .word{
	width: 400px;
}
.home_news .main .left .bigNews .word h1{
	font-size: 16px;
	padding: 5px 0 10px 0;
	width: 400px;
	height: 31px;
	overflow: hidden;
	line-height: 25px;
}
.home_news .main .left .bigNews .word p{
	color:#666;
	line-height: 22px;
	width: 400px;
	height: 90px;
	overflow: hidden;
}
.home_news .main .left .bigNews .word p a{
	color:#0657b2;
}
.home_news .main .left ul.list li{
	width: 630px;
	margin-top: 15px;
	color:#666;
	overflow: hidden;
	background: url(../images/news_icon.jpg) no-repeat 0px -1px ;
	padding-left: 20px;
}
.home_news .main .left ul.list li span{
	float: right;
	width: 88px;
	height: 12px;
	overflow: hidden;
}
.home_news .main .left ul.list li p{
	float: left;
	width: 500px;
	height: 12px;
	overflow: hidden;
}
.home_news .main .right{
	padding: 30px 15px 25px;
	width: 290px;
	background: #f0f0f0;
}
.home_news .main .right .msgBox h1{
	font-size: 14px;
	color:#999;
	font-weight: 400;
	margin: 15px 0 10px 0;
	width: 260px;
	height: 14px;
	overflow: hidden;
}
.home_news .main .right .msgBox h1 b{
	font-weight: 400;
	color:#666;
}
.home_news .main .right .msgBox h2{
	width: 260px;
	height: 35px;
	font-size: 14px;
	color:#0657b2;
	text-align: center;;
	line-height: 35px;
	font-weight: 400;
	border-bottom:1px dashed #c9c9c9;
	border-top:1px dashed #c9c9c9;
	overflow: hidden;
}
.home_news .main .right .msgBox h3{
	font-size: 14px;
	color:#666;
	padding-left: 40px;
	background: url(../images/msg_call.jpg) no-repeat 0px 0px;
	width: 260px;
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	margin: 15px 0;
	color:#666;
	font-weight: 400;
}
.home_news .main .right .msgBox ul.send li{
	margin-bottom: 10px;
}
.home_news .main .right .msgBox ul.send li p{
	float: left;
	width: 78px;
	height: 25px;
	font-size: 12px;
	color:#0657b2;
	text-align: right;
	line-height: 25px;
	overflow: hidden;
}
.home_news .main .right .msgBox ul.send li input.text{
	float:left;
	width: 150px;
	height: 25px;
	border:none;
	background: #ccc;
	padding-left: 2px;
	line-height: 25px;
}
.home_news .main .right .msgBox ul.send li textarea{
	float:left;
	width: 150px;
	height: 60px;
	border:none;
	background: #ccc;
	padding-left: 2px;
	padding-top: 5px;
}
.home_news .main .right .msgBox ul.send li input.yanzhen{
	float:left;
	width: 100px;
	height: 25px;
	border:none;
	background: #ccc;
	padding-left: 2px;
	line-height: 25px;
}
.home_news .main .right .msgBox ul.send li .img{
	width: 50px;
	height: 25px;
	position: relative;
	float: left;
	margin-left: 2px;
}
.home_news .main .right .msgBox ul.send li i{
	float: left;
	height: 25px;
	line-height: 30px;
	font-size: 14px;
	color:#f60707;
	margin-left: 5px;
}
.home_news .main .right .msgBox ul.send li .btn{
	width: 75px;
	height: 25px;
	color:#fff;
	line-height: 25px;
	text-align: center;
	outline:none;
	border:none;
	background: #949494;
	margin: 0 10px;
}
.home_news .main .right .msgBox ul.send li .on{
	background: #0775d0;
}
.home_news .main .right .msgBox ul.send li.last{
	padding: 20px 0 0 40px;
}

/*map*/
.map {
  margin: 65px auto;
}
.map dl {
  margin: 20px 0 20px 0;
  overflow: hidden;
  line-height: 30px;
}
.map dl:hover dt a {
  color: #fff;
}
.map dt {
  font-size: 14px;
  float: left;
  width: 10%;
  text-align: center;
  background: #014099;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.map dt a {
  color: #fff;
  display: block;
}
.map dt:hover {
  background-color: #188eee;
}
.map dd {
  font-size: 12px;
  overflow: hidden;
  float: left;
  width: 85%;
}
.map dd .p2 {
  padding: 0 0 0 20px;
  clear: both;
}
.map dd .p2 a {
  color: #014099;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map dd .p2 a:hover {
  color: #014099;
	text-decoration: underline;
}
.map dd div {
  clear: both;
  overflow: hidden;
  padding: 0px 20px 0 10px;
}
.map dd div a {
  color: #333;
  float: left;
  padding: 0 10px 0 10px;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.map dd div a:hover {
  background-color: #188eee;
  color: #fff;
}

/*about*/
.page .right .info .about p{
  font-size: 14px;
  color:#666;
  line-height: 25px;
  text-indent: 2em;
}
.page .right .info .about i.img{
  width: 220px;
  height: 105px;
  position: relative;
  float: right;
}
.page .right .info .about span{
  float: left;
  width: 490px;
}
.page .right .info .about .about_img{
  width: 710px;
  height: 335px;
  position: relative;
  margin: 0 auto;
}

/*honor*/
.img-list {
  width:760px;

  
}
.img-list li {
  width:220px;
  height:160px;
  border:1px solid #e9e9e9;
  text-align:center;
  vertical-align:middle;
  float:left;
  margin-bottom:60px;
  position: relative;
}
.img-list li img{
  transition:0.3s;
}
.img-list li.mid{
  margin:0 30px;
}
.img-list li a {
  display:table-cell;
  vertical-align:middle;
  width:270px;
  height:285px;
}
.img-list li:hover img{
  transform:scale(1.2);
}

/*show*/
.show{
	width: 100%;

}
.show .show_list{
	width: 100%;
	margin-bottom: 20px;
}
.show .show_list .list{
	width: 215px;
	height: 185px;
	float: left;
	margin-right: 24px;
	margin-bottom: 25px;
}
.show .show_list .list .img{
	width: 215px;
	height: 160px;
	position: relative;
	border:1px solid #e9e9e9;
	transition: 0.5s;
}
.show .show_list .list a.word{
	display: block;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color:#666;
	overflow: hidden;
	transition: 0.5s;
}
.show .show_list .list:hover .img{
	border-color: #0877d3;
}
.show .show_list .list:hover a.word{
	color:#0877d3;
}
.numbers{
	width: 100%;
	text-align: center;
}
.numbers a,.numbers span{
	display: inline-block;
	padding: 10px;
	border: 1px solid #ddd;
	margin:0 3px;
	color: #999;
	transition: 0.3s;
}
.numbers .page-cur{
	color:#fff;
	background:#0657b2;
}
.numbers a:hover{
	color:#fff;
	background:#0657b2;
}

/*pro_show*/
.slides {
  width: 395px;
  height: 365px;
  position: relative;
  overflow: hidden;
}
.pic-big {
  width: 390px;
  height: 280px;
  position: relative;
  overflow: hidden;
  border: 1px solid #eaeaea;
}
.pic-big ul {
  position: absolute;
  left: 0;
  top: 0;
}
.pic-big ul li {
  width: 390px;
  height: 280px;
  list-style: none;
  position: relative;

}
.prev {
  float: left;
  cursor: pointer;
}
.pic-small {
  padding-top: 10px;
  width: 100%;
  clear: both;
}
.pic-small-box {
  height: 65px;
  overflow: hidden;
  width: 345px;
  position: relative;
  float: left;
  margin: 0 auto;
	margin-left: 17px;
}
.pic-small-box ul {
  position: absolute;
  left: 0;
  top: 0;
}
.pic-small-box ul li {
  width: 100px;
  height: 65px;
  margin-right: 15px;
  padding: 1px;
  list-style: none;
  border: 1px solid #fff;
  position: relative;
    border: 1px solid #eaeaea;
	float: left;
}
.pic-small-box ul li.on {
  border: 1px solid #01559d;
}
.prev-btn1 {
  width: 15px;
  text-align: center;
  height: 40px;
  cursor: pointer;
  float: left;
  position: relative;
  margin-top: 10px;
}
.next-btn1 {
  width: 15px;
  text-align: center;
  height: 40px;
  cursor: pointer;
  float: right;
  position: relative;
  margin-top: 10px;
}
.prev1 {
  position: absolute;
  top: 220px;
  left: 20px;
  width: 28px;
  height: 51px;
  z-index: 9;
  cursor: pointer;
}
.next1 {
  position: absolute;
  top: 220px;
  right: 20px;
  width: 28px;
  height: 51px;
  z-index: 9;
  cursor: pointer;
}
.pro_show .top_r{
	width: 300px;
}
.pro_show .top_r h1{
	font-size: 16px;
	font-weight: 400;
	color:#333;
}
.pro_show .top_r h2{
	font-size: 14px;
	color:#666;
}
.pro_show .top_r{
	color:#666;
	line-height: 25px;
}

.canshu{
	margin-top: 30px;
}
.canshu span{
	display: block;
	width: 100%;
	border-bottom:1px solid #e9e9e9;
	font-size: 15px;
	font-weight: 600;
	color:#666;
	padding: 0 0 10px 15px;
	margin-bottom: 25px;
}
.canshu p{
	color: #666;
	line-height: 25px;
	font-size: 14px;
	padding: 0 15px;
}
.canshu p img{
	max-width: 100%;
}
.online{
	margin-top: 30px;
}
.online span{
	display: block;
	width: 100%;
	border-bottom:1px solid #e9e9e9;
	font-size: 15px;
	font-weight: 600;
	color:#666;
	padding: 0 0 10px 15px;
	margin-bottom: 25px;
}
.online ul{
	width: 100%;
	padding: 25px 0 30px 30px;
}
.online ul li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	outline: none;
}
.online ul li p{
	float: left;
	width: 90px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 13px;
	color:#666;
}
.online ul li p i{
	font-style: normal;
	color:red;
}
.online ul li input{
	float: left;
	height: 40px;
	line-height: 40px;
	outline: none;
	border:1px solid #e9e9e9;
	margin-left: 15px;
	font-size: 13px;
	color:#666;
	padding: 0 5px;
}
.online ul li input.txt1{
	width: 415px;
	
}
.online ul li input.txt2{
	width: 415px;
}
.online ul li input.txt3{
	width: 415px;
}
.online ul li input.txt4{
	width: 415px;
}
.online ul li input.txt5{
	width: 195px;
}
.online ul li em #verify{
	width:58px;
	height: 38px;
}
.online ul li textarea{
	width: 415px;
	height: 100px;
	outline: none;
	border:none;
	border:1px solid #e9e9e9;
	margin-left: 15px;
	font-size: 13px;
	color:#666;
	padding: 5px 5px;
}
.online ul li em{
	float: left;
	width: 60px;
	height: 40px;
	position: relative;
	margin-left: 15px;
}
.online ul li a.change{
	float: left;
	height: 40px;
	line-height: 40px;
	color:#0066cc;
	margin-left: 5px;
}
.online ul li .btn{
	float: left;
	width: 150px;
	height: 40px;
	line-height: 40px;
	outline: none;
	border:none;
	margin-left: 15px;
	color:#fff;
	font-size: 14px;
	font-weight: 600;
	background: #01559d;
	text-align: center;
	text-indent: 0;
}

/*next_pre*/
.next_pre{
	width: 100%;
}
.next_pre ul{
	overflow: hidden;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}
.next_pre ul li{
	width: 50%;
	float: left;
	height: 40px;
	line-height: 40px;
	color:#666;
	overflow: hidden;

}
.next_pre ul li a{
	color:#666;
	transition: 0.5s;
}
.next_pre ul li a:hover{
	color:#01559d;
}
.rec{
	width: 100%;
	margin-top: 40px;
}
.rec p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 600;
	color:#333;
	background:#f1f1f1;
	border: 1px solid #eeeded;
	padding-left: 20px;
	overflow: hidden;
	margin-bottom: 40px;
}

/*case_show*/
.case_show .art{
	margin-bottom: 30px;
}
.case_show .art .art_title{
	text-align: center;
	padding-bottom: 20px;
	border-bottom:1px  dashed #eae9e8;
}
.case_show .art .art_title h1{
	font-size: 16px;
	color:#333;
}
.case_show .art .art_title span{
	color:#999;
	margin-right: 15px;
}
.case_show .art .img{
	width: 302px;
	height: 216px;
	position: relative;
	margin: 20px auto 0;
}
.case_show .art .word{
	font-size: 14px;
	color:#666;
	line-height: 30px;
	margin-top: 20px;
}
.case_show .art .word p img{
	max-width: 100%;
}
.show .show_list .list .img{
	overflow: hidden;
}
.show .show_list .list .img img.hide{
	bottom: -310px;
	transition: 0.5s;
}
.show .show_list .list .img:hover img.hide{
	bottom: 0;
}

/*news*/
.news ul {
	margin-bottom: 50px;
}
.news ul li{
	overflow: hidden;
	padding-left: 25px;
	position: relative;
	margin-bottom: 10px;
}
.news ul li p{
	float: left;
	width: 500px;
	height: 100%;
	overflow: hidden;
}
.news ul li i{
	position: absolute;
	width: 3px;
	height: 3px;
	background: #555;
	left: 10px;
	top:50%;
	margin-top: -2px;
}
.news ul li span{
	float: right;
	width: 145px;
	height: 100%;
	overflow: hidden;
}
.news ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color:#666;
	height: 26px;
	line-height: 26px;
	transition: 0.5s;
}
.news ul li a:hover{
	color:#0657b2;
}

/*news_show*/
ul.recNews{
	padding: 30px 50px 20px 20px;
	border:1px solid #eae9e8;
	margin-top: -40px;
}
ul.recNews  li{
	width: 100%;
	margin-bottom: 15px;
}
ul.recNews  li a{
	display: block;
	width: 100%;
	overflow: hidden;	
}
ul.recNews  li a i{
	float: left;
	font-style: normal;
	width: 500px;
	height: 12px;
	overflow: hidden;
	color:#666;
	transition: 0.5s;
}
ul.recNews  li a span{
	float: right;
	width: 64px;
	height: 12px;
	overflow: hidden;
	color:#999;
	transition: 0.5s;
}
ul.recNews  li a:hover i{
	color:#0657b2;
}
ul.recNews  li a:hover span{
	color:#0657b2;
}

/*photo_show*/
.photo_show{
	padding-bottom: 20px;
}
.photo_show .img{
	width: 100%;
	height: 480px;
	position: relative;
	border: 1px solid #ededed;
}
.photo_show span{
	display: block;
	font-size: 16px;
	color:#0657b2;
	text-align: center;
	margin: 15px 0 20px;
}
.photo_show p{
	font-size: 14px;
	color:#666;
	line-height: 30px;
}
.photo_show p img{
	max-width: 100%;
}
/*contact*/
.contact .top h1{
	font-size: 16px;
	color:#0657b2;
	font-weight: 400;
}
.contact .top p{
	color:#666;
	line-height: 30px;
}
.contact .top .top_l{
	width: 355px;
}
.contact .top .top_r{
	width: 287px;
	height: 235px;
	position: relative;
}
.contact .map{
	width:100%;
	height:220px;
	margin-top:45px;
}
.contact #map{
	width:100%;
	height:220px;
}

/*message*/
.message p{
	color:#666;
}
.message .re{
	background: #999 !important;
}

/*link*/
ul.link{
	margin: 50px auto;
	overflow: hidden;
}
ul.link li{
	width: 200px;
	float: left;
	margin-right: 50px;
	margin-bottom: 15px;
}
ul.link li .img{
	width: 200px;
	height: 200px;
	position: relative;
}
ul.link li p{
	width: 100%;
	text-align: center;
	height: 12px;
	margin-top: 10px;
	overflow: hidden;
}




#contact-form  .validate-on {
	border: 1px solid #ff0000;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
/*挂件冲突*/
.pub_form_ul li input[type="text"]{line-height: 30px!important;height: 28px!important;  padding: 0px !important;}
.pub_form_ul li .pub_radio{margin-top:-2px !important;}
a.l-btn span.l-btn-left{height:auto!important;}
a.l-btn{padding-right: 16px!important;}
.pub_form_ul li label {margin-right: 0px!important;}
.panel {margin-bottom: 0px!important;}
.panel_inner .tip{padding: 0px!important;}
.panel-body {   padding: 0px; }
a{-webkit-transition:all 0 ease 0!important;transition:all 0 ease 0!important;}

.BMapLib_nav{display:none;padding:10px!important;}
.BMapLib_bubble_content{padding:10px!important;}
.BMapLib_sendToPhone,.BMapLib_bubble_close{display:none;}
.BMap_cpyCtrl{display:none;}
.BMapLib_trans{margin:0!important;}
.BMap_Marker img{max-width:39px;}

.fn-suspend{
	margin-right:0!important;
}