﻿.wrap{
	width: 100%;
	min-width: 1100px;
}
.w1100{
	width: 1100px;
	margin:auto;
}
img{
	vertical-align: middle;
}
.pr{
	position: relative;
}
.top{
	background: url(../images/top_bg.jpg) top center no-repeat;
	height: 171px;
}
.top_txt{
	line-height: 37px;
	font-size: 14px;
	border-bottom: 1px solid #cad7d7;
}
.top_txt .fl{
	color:#2d2d2d;
	opacity: 0.6;
	transition: all 0.5s;
}
.top_txt .fl:hover{
	opacity: 1;
}
.top_txt .fr{
	color:#2d2d2d;
	opacity: 0.6;
	transition: all 0.5s;
}
.top_txt .fr:hover{
	opacity: 1;
}
.top_txt .fr img{
	margin-left: 50px;
	vertical-align: -6px;
	margin-right: 5px;
}
.logo{
	line-height: 132px;
}
.top_search{
	font-size: 0px;
	display: inline-block;
	vertical-align: top;
}
.top_search input{
	display: inline-block;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
	background: none;
	border:none;
}
.top_search input.text{
	width: 125px;
	height: 28px;
	background: #f2f2f2;
	border-radius: 14px 0px 0px 14px;
}
.top_search input.text:focus{
	outline: none;
	text-indent: 15px;
}
.top_search input.submit{
	width: 35px;
	height: 28px;
	background: url(../images/search_img1.png) center center no-repeat #f2f2f2;
	border-radius: 0px 14px 14px 0px;
	margin-top: 1px;
}
.top_icon{
	margin-left: 8px;
	display: inline-block;
	position: relative;
	z-index: 10;
}
.ewm_wrap{
	position: absolute;
	width: 310px;
	transform: translateX(-90%) scaleX(0);
	margin-top: -35px;
	transition: all .5s;
	transform-origin: right;
	z-index: 10;
}
.ewm_wrap img{
	width: 150px;
}
.top_icon_ewm:hover .ewm_wrap{
	transform:translateX(-90%) scaleX(1);
}
.nav{
	height: 51px;
	background: #1d86bd;
	box-sizing: border-box;
	padding-top: 4px;
	clear: both;
}
.nav_list{
	font-size: 0px;
	text-align: center;
}
.nav_list li{
	display: inline-block;
	padding:0px 33px;
	line-height: 47px;
	font-size: 16px;
	color:white;
}
.nav_list li:hover{
	color:#1d86bd;
	background: white;
	box-shadow: 0px 0px 23px #a2a2a2 inset;
}
.nav_list li.on{
	color:#1d86bd;
	background: white;
	box-shadow: 0px 0px 23px #a2a2a2 inset;
}
.banner{
	text-align: center;
}
/* 本例子css */
.slideBox{ width:100%;overflow:hidden; position:relative;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.banner_shadow{
	margin-top: -5px;
}
.i_about{
	padding-top: 20px;
	padding-bottom: 75px;
}
.i_about_title{
	display: block;
	margin:auto;
}
.i_about_p{
	font-size: 14px;
	color:#000;
	opacity: 0.5;
	text-align: center;
	line-height: 23px;
	margin-top: 25px;
	margin-bottom: 30px;
}
.i_about_nav{
	text-align: center;
}
.i_about_nav li{
	display: inline-block;
	text-align: center;
	margin:0px 25px;
}
.i_about_nav li .img_bg{
	width: 145px;
	height: 168px;
}
.i_about_nav li.item1 .img_bg{
	background: url(../images/i_about_nav1_1.png) center center no-repeat;
}
.i_about_nav li.item2 .img_bg{
	background: url(../images/i_about_nav2_1.png) center center no-repeat;
}
.i_about_nav li.item3 .img_bg{
	background: url(../images/i_about_nav3_1.png) center center no-repeat;
}
.i_about_nav li.item4 .img_bg{
	background: url(../images/i_about_nav4_1.png) center center no-repeat;
}

.i_about_nav li.item1:hover .img_bg{
	background: url(../images/i_about_nav1.png) center center no-repeat;
}
.i_about_nav li.item2:hover .img_bg{
	background: url(../images/i_about_nav2.png) center center no-repeat;
}
.i_about_nav li.item3:hover .img_bg{
	background: url(../images/i_about_nav3.png) center center no-repeat;
}
.i_about_nav li.item4:hover .img_bg{
	background: url(../images/i_about_nav4.png) center center no-repeat;
}


.i_about_nav li img{
	display: block;
}
.i_about_nav li h2{
	font-weight: normal;
	font-size: 14px;
	line-height: 50px;
}
.i_about_nav li:hover h2{
	color:#1d86bd;
}
.i_product{
	padding-top: 50px;
	background: #1d86bd;
	padding-bottom: 45px;
}
.i_pro_title{
	display: block;
	margin:35px auto;
	width: 100%;
}
.i_pro_nav{
	text-align: center;
}
.i_pro_nav li{
	display: inline-block;
	width: 166px;
	height: 36px;
	border:1px solid white;
	line-height: 36px;
	text-align: center;
	color:white;
	margin:0px 10px;
	cursor: pointer;
}
.i_pro_nav li.on{
	background: white;
	color:#1d86bd;
}
.i_pro_wrap{
	margin-top: 45px;
	text-align: center;
	display: none;
}
.i_pro_wrap.on{
	display: block;
}
.i_pro_wrap li{
	display: inline-block;
	margin:0px 3px;
}
.i_pro_wrap li .img_wrap{
	width: 259px;
	height: 174px;
	padding:3px;
	border:1px solid white;
	box-sizing: border-box;
	overflow: hidden;
}
.i_pro_wrap li .img_wrap img{
	width: 100%;
}
.i_pro_wrap li .title{
	font-size: 16px;
	color:white;
	line-height: 52px;
	text-align: center;
}
.i_pro_wrap li:hover .img_wrap{
	border-color:#136d9c;
}
.i_sb{
	padding-top: 70px;
	padding-bottom: 35px;
	background: url(../images/bg.png) repeat;
}
.sb_title{
	display: block;
	margin:auto;
}

/* 本例子css */
.picScroll-left{
	overflow:hidden; 
	position:relative;
	margin-top: 25px;
}

.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 2px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:266px; height:177px; display:block;  padding:2px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.i_news{
	padding-top: 72px;
	padding-bottom: 56px;
}
a.i_sb_more{
	display: block;
	width: 139px;
	height: 32px;
	line-height: 32px;
	color:white;
	background: #1d86bd;
	text-align: center;
	margin:auto;
	margin-top: 25px;
}
.i_news_title{
	margin-bottom: 15px;
}
.i_news_title>.fl{
	width: 157px;
	height: 35px;
	border:1px solid #dedede;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color:#1d86bd;
	line-height: 35px;
}
.i_news_title>.fr{
	border:1px solid #dedede;
	width: 615px;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-indent: 20px;
	margin-left: 6px;
}
.i_news_title img.fr{
	margin-top: 6px;
	margin-right: -24px;
}
.i_news_trait{
	width: 294px;
	border-right: 1px solid #e5e5e5;
	padding-right: 31px;
	padding-bottom: 35px;
}
.i_news_trait h2{
	font-size: 16px;
	line-height: 50px;
	font-weight: normal;
	color:#000;
}
.i_news_trait p{
	color:#000;
	opacity: 0.5;
	font-size: 14px;
	line-height: 22px;
	text-indent: 20px;
	transition: all 0.5s;
}
.i_news_trait:hover p{
	opacity: 1;
}
.i_news_detail li{
	overflow: hidden;
	height: 45px;
	width: 421px;
	border:1px solid #dcdbdc;
	margin-bottom: 15px;
}
.i_news_detail li .fl{
	width: 98px;
	background: #ededed;
	text-align: center;
	line-height: 45px;
	color:#808080;
	font-size: 14px;
	font-family: "Arial";
}
.i_news_detail li .fr{
	line-height: 45px;
	color:#808080;
	font-size: 14px;
	width: 305px;
}
.i_news_detail li:hover .fr{
	color:#000;
}
.i_news_detail li:hover{
	border-color: #000;
}
.i_news_list2_title{
	border: 1px solid #dedede;
    width: 262px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    text-indent: 20px;
}
.i_news_list2_title img{
	margin-top: 6px;
	margin-right: -24px;
}
.i_news_list2{

}
.i_news_list2_ul{
	width: 285px;
	margin-top: 38px;
}
.i_news_list2_ul li{
	margin-bottom: 20px;
}
.i_news_list2_ul li .wen{
	font-size: 16px;
	color:#000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.i_news_list2_ul li .wen img{
	margin-right: 5px;
	margin-top: 2px;
}
.i_news_list2_ul li .da{

}
.i_news_list2_ul li .da img{
	margin-top: 3px;
}
.i_news_list2_ul li .da p{
	font-size: 14px;
	opacity: 0.5;
	line-height: 18px;
	margin-left: 18px;
	transition: all 0.5s;
}
.i_news_list2_ul li:hover .da p{
	opacity: 1;
}
.footer{
	background: #525252;
	padding-top: 58px;
	padding-bottom: 32px;
}
.item1_1{
	vertical-align: top;
}
.item1_2{
	display: inline-block;
	width: 353px;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 40px;
}
.item1_2 h2{
	font-size: 16px;
	font-weight: normal;
	color:white;
	margin-bottom: 15px;
	line-height:18px;
	margin-top: 5px;
}
.item1_2 p{
	line-height: 30px;
	color:white;
	opacity: 0.6;
	transition: all 0.5s;
}
.item1_2 p:hover{
	opacity: 1;
}
.item_foot_nav{
	display: inline-block;
	margin:0px 35px;
}
.item_foot_nav h2{
	font-size: 16px;
	font-weight: normal;
	color:white;
	margin-bottom: 15px;
	line-height:18px;
	margin-top: 5px;
}
.item_foot_nav a{
	display: block;
	line-height: 30px;
	color:white;
	opacity: 0.6;
	transition: all 0.5s;
}
.item_foot_nav a:hover{
	opacity: 1;
}
.foot_item2{
	text-align: center;
	padding-top: 35px;
}
.foot_item2 li{
	display: inline-block;
	vertical-align: top;
	color:#1d86bd;
	text-align: left;
	line-height: 25px;
}
.foot_item2 li:first-child img{
	vertical-align: top;
}
.foot_item2 li:last-child{
	margin-left: 45px;
}
.foot_item2 li img{
	margin-right: 8px;
}
.copyright{
	line-height: 52px;
	background: #393939;
}
.copyright .w1100{
	box-sizing: border-box;
	padding:0px 25px;
}
.copyright .fl,.copyright .fr{
	color:white;
	opacity: 0.3;
	transition: all 0.5s;
}
.copyright .fl:hover,.copyright .fr:hover{
	opacity: 1;
}
.main_body{
	padding-top: 70px;
	padding-bottom: 50px;
}
.slide_nav{
	width: 288px;
	padding-bottom: 25px;
}
.slide_nav h2{
	height: 100px;
	background: #1d86bd;
	color:white;
	box-sizing: border-box;
	padding-top: 35px;
	padding-left: 32px;
}
.slide_nav h2 img{
	opacity: 0.6;
	margin-right: 18px;
}
.slide_nav h2 div.title{
	display: inline-block;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}
.slide_nav h2 div.title span{
	font-size: 14px;
	font-family: "Arial";
	text-transform: capitalize;
}
.slide_nav_list{
	background: #f5f5f5;
	box-sizing: border-box;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 30px;
}
.slide_nav_list li{
	line-height: 48px;
	font-size: 16px;
	color:#323232;
}
.slide_nav_list li:hover{
	color:#1d86bd;
}
.slide_nav_list li img{
	margin-right: 24px;
}
.main{
	width: 770px;
}
.position{
	border-bottom: 1px solid #1d86bd;
	padding-bottom: 15px;
	padding-left: 15px;
}
.position .fr{
	font-size: 14px;
	vertical-align: bottom;
	padding-top: 25px;
	color:#7f7f7f;
}
.posi_className{
	font-size: 24px;
	color:#323232;
	position: relative;
	padding:0px 48px;
	padding-top: 15px;
	position: relative;
}
.posi_className span{
	position: absolute;
	font-size: 42px;
	opacity: 0.1;
	font-family: "Arial";
	text-transform: uppercase;
	top:0px;
	left:50%;
	transform: translateX(-50%);
}
.posi_className:before{
	position: absolute;
	content: '';
	width: 7px;
	height: 24px;
	background: #1d86bd;
	left:-15px;
	top:50%;
	margin-top: -5px;
}
.main_content{
	padding:20px 10px;
}
.main_content .about_img{
	margin-bottom: 25px;
}
.main_content p{
	color:#a4a4a4;
	line-height: 25px;
	font-size: 14px;
}
.list_image{

}
.list_image li{
	display: inline-block;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 3px;
}
.list_image li .img_wrap{
	padding:5px;
	border:1px solid #c2c2c2;
	width: 238px;
	height: 156px;
	overflow: hidden;
}
.list_image li .img_wrap img{
	width: 100%;
}
.list_image li .title{
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid transparent;
}
.list_image li:hover .title{
	border-color: #1d86bd;
}
.list_image li:hover .img_wrap{
	border-color: #1d86bd;
}
.list_txt{

}
.list_txt li{
	overflow: hidden;
	padding:10px;
}
.list_txt li:hover{
	background: #efefef;
}
.list_txt li .img_wrap{
	width: 155px;
	height: 105px;
	overflow: hidden;
}
.list_txt li .img_wrap img{
	width: 100%;
}
.list_txt li .text_wrap{
	width: 580px;
}
.list_txt li .text_wrap h2{
	font-size: 16px;
	line-height: 25px;
}
.list_txt li .text_wrap p{
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.list_txt li .text_wrap div.time{
	font-family: "Arial";
	opacity: 0.6;
}
.pages{
	margin-top: 25px;
}
.pages li{
	display: inline-block;
	padding:2px 6px;
	border:1px solid #ccc;
	border-radius: 5px;
	margin:3px;
}
.pages li.c{
	background: #1d86bf;
	color:white;
}
.__list{
	width: 100%;
	
}
.__list h2{
	font-size: 30px;
	width: 80%;
	margin: auto;
	text-align: center;
}
.__list .b_time{
	font-size: 12px;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.__list .thumb{
	max-width: 80%;
    display: block;
    margin: auto;
}
.__list .b_des{
	border-bottom: 1px solid #ccc;
    padding: 20px 0;
    padding-left: 20px;
    line-height: 25px;
    font-size: 15px;
}
.jiathis_style{
	float: right;
}
.b_foot{
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: lighter;
}

.__contact{
  padding-top: 8px;
  font-size: 14px !important;
  font-family: '微软雅黑';
  padding-left: 25px;
}
.__contact .top{
    padding-bottom: 25px;
    /*border-bottom: 1px dotted black;*/
}
.__contact .top li{
    list-style-position: inside;
}
.__contact .top ul{
    float: left;
    overflow: hidden;
    padding: 0px 20px;
    margin-top: 20px;
    padding-right: 50px;
}
.__contact .search button{
   
}
.__contact ul li{
    padding-left: 28px;
}
.__contact .map_contact{
    width: 678px;
    height: 430px;
}
.__contact .form input{
    display: inline-block;
    width: 318px;
    margin-right: 18px;
    /*height: 48px;*/
    border:1px solid #dadbdc;
    padding:15px;
    color: #999;
    background: #fafafa;
}
.__contact .form textarea{
    display: inline-block;
    width: 1088px;
    height: 243px;
    margin-top: 20px;
    background: #fafafa;
    border:1px solid #dadbdc;
    font-size: 14px;
}
.__contact .img-l,.img-r{
    display: block;
}
.__contact .img-l{
    margin-left: 45px;
    margin-bottom: 15px;
}
.__contact .img-r{
    float: right;
    margin-right: 62px;
}
.__contact{
    /*padding-top: 68px;*/
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 10px;
    width: 1100px;
    margin:auto;
}
.__contact p,.__contact li{
    font-size: 16px;
    line-height: 30px;
    font-weight: lighter;
}
::-webkit-input-placeholder{
    font-family: "微软雅黑";
};
::input-placeholder{
    font-family: "微软雅黑";
}
