.wrap{
	width: 100%;
	min-width: 1200px;
}
body{
	overflow-x: hidden;
}
.w1200{
	width: 1200px;
	margin: 0 auto; 
}
img{
	vertical-align: middle;
}
.top{
	background: #f5f5f5;
	line-height: 40px;
	font-size: 14px;
	opacity: 0.68;
}
.top .fr{
	margin-right: 35px;
}
.top .fr a{
	margin:0 5px;
	display: inline-block; 
}
.loog{
	line-height: 130px;
}
.loog .fr{
	margin-right: -35px;
}
.loog_r li{
	display: inline-block;
	width: 98px;
	text-align: center;
}
.loog_r li:hover{
	background: #0b7fca;
	color: white;
	position: relative;
}
.loog_r li:hover:after{
	content: '';
	background: url(../images/loog1.png) center center no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 65%;
	left: 42%;
}
.loog_r li.on{
	background: #0b7fca;
	color: white;
	position: relative;
}
.loog_r li.on:after{
	content: '';
	background: url(../images/loog1.png) center center no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 65%;
	left: 42%;
}
#slideBox{ height:82vh;  }
.slideBox{ width:100%;overflow:hidden; position:relative;height:82vh;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.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;  }
.hor{
	line-height: 120px;
}
.hor .fl{
	line-height: 40px;
	margin-left: 108px;
	position: relative;
}
.hor .fl:after{
	content: '';
	background: #dfdfdf;
	width: 1px;
	height: 121px;
	position: absolute;
	top: 0;
	right: -63px;
}
.hor .fr{
	margin-right: 82px;
}
.hor form input{
	outline: none;
	padding:0;
	margin:0;
	border: none;
	line-height: 40px;  
}
.hor form input.text{
	width: 445px;
	border-top: solid 1px #c2c2c2;
	border-bottom: solid 1px #c2c2c2;
}
.hor form input.submit{
	width: 30px;
	border-top: solid 1px #c2c2c2;
	border-bottom: solid 1px #c2c2c2;
	background: url(../images/hor.jpg) center left no-repeat;
	font-size: 0;
	margin-left: -5px;
}
.content{
	background: url(../images/content.jpg) center center no-repeat;
	height: 882px;
	border-top: solid 1px transparent;
}
.content_t{
	font-size: 45px;
	color: #0b7fca;
	font-weight: bold;
	text-shadow:white 2px 0 0,white 0 2px 0,white -2px 0 0,white 0 -2px 0;
	-webkit-text-shadow:white 2px 0 0,white 0 2px 0,white -2px 0 0,white 0 -2px 0;
	-moz-text-shadow:white 2px 0 0,white 0 2px 0,white -2px 0 0,white 0 -2px 0;
	*filter: Glow(color=white, strength=1);
	text-align: center;
	margin-top: 92px;
}
.content_t span{
	display: block;
}
.content_t span.content_t1{
	color: white;
	font-size: 17px;
	width: 226px;
	line-height: 24px;
	background: rgba(0,0,0,0.4);
	text-shadow:none;
	border-radius: 20px;
	font-weight: normal;
	margin:  10px  auto; 
}
.content_t span.content_t2{
	color: #3e3e3e;
	font-size: 13px;
	text-shadow:none;
	font-weight: normal;
}
.content_h{
	font-size: 0;
	padding-top: 39px;
}
.content_h li{
	display: inline-block;
	width: 237px;
	line-height: 71px;
	text-align: center;
	font-size: 16px;
	color: #424242;
	background: #dfdfdf;
	margin:0 1px; 
	position: relative;
	cursor: pointer;
	cursor: pointer;
}
.content_h li:after{
	content: '';
	background: url(../images/content_h.png) center center no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 28px;
	left: 55px;
}
.content_h li:hover{
	background: url(../images/content_h.jpg) center center no-repeat;
	color: white;
}
.content_h li:hover:after{
	content: '';
	background: url(../images/content_h1.png) center center no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 28px;
	left: 55px;
}
.content_h li.on{
	background: url(../images/content_h.jpg) center center no-repeat;
	color: white;
}
.content_h li.on:after{
	content: '';
	background: url(../images/content_h1.png) center center no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 28px;
	left: 55px;
}
.content_z{
	padding-top: 10px;
}
.content_z li{
	display: inline-block;
	width: 276px;
	margin-top: 34px;
	position: relative;
}
.content_z li img{
	width: 100%;
	border: solid 5px #dfdfdf;
}
.content_z li.on .yin{
	display: block;
}
.yin{
	font-size: 18px;
	background: rgba(0,0,0,0.4);
	text-align: center;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 276px;
	height: 195px;
	border: solid 5px #00a8ff;
	color: white;
	display: none;
}
.yin span{
	margin-top: 70px;
	display: block;
	position: relative;
}
.yin span:after{
	content: '';
	background: #c4c4c4;
	width: 231px;
	height: 1px;
	position: absolute;
	top: 31px;
	left: 25px;
}
.content_z li .yin img{
	width: 17px;
	height: 17px;
	display: block;
	margin: 0 auto; 
	margin-top: 27px;
	border: none;
}
.about{
	background: url(../images/about.jpg) center center no-repeat;
	height: 289px;
}
.about_t{
	padding-top: 87px;
	margin-top: -108px;
	background: white;
}
.about_t .fl{
	margin-left: 33px;
}
.about_t .fr{
	width: 581px;
	margin-right: 40px;
}
.t_about{
	font-size: 40px;
	color: #0b7fca;
	font-weight: bold;
	margin-top: 13px;
}
.t_about span{
	display: block;
	font-size: 42px;
	color: #e1e1e1;
	font-family: 'Impact';
	text-transform: uppercase;
	font-weight: normal;
	position: relative;
	margin-top: 5px;
}
.t_about span:after{
	content: '';
	background: #e1e1e1;
	width: 580px;
	height: 6px;
	position: absolute;
	bottom: -15px;
	left: -16px;
}
.z_about{
	margin-top: 50px;
	width: 561px;
	font-size: 16px;
	color: #8b8b8b;
	line-height: 30px;
}
.z_about span{
	display: block;
	width: 114px;
	line-height: 29px;
	background: #0b7fca;
	color: white;
	text-align: center;
	float: right;
	margin-top: 19px;
}
.z_about span img{
	margin-top: -2px;
	margin-left: 6px;
}
.about_a_img{
	text-align: center;
	margin:34px  0;
}
.about_zo1{
	width: 249px;
	float: left;
	margin-left: 28px;
}
.about_zo1 .cc1.fix{
	color: white;
	background: #0b7fca;
	line-height: 41px;
}
.about_zo1 .cc1 .fl{
	font-size: 18px;
	margin-left: 18px;
}
.about_zo1 .cc1 .fr{
	font-size: 14px;
	text-transform: capitalize;
	margin-right: 22px;
}
.about_zo1_z{
	text-align: center;
	border-right:solid 1px #e2e2e2; 
	border-left:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;  
	padding-top: 20px;
	padding-bottom: 10px;
}
.about_zo1_n{
	width: 212px;
	margin: 0 auto; 
}
.about_zo1_n img{
	width: 100%;
}
.about_zo1_n1{
	font-size: 16px;
	color: #262626;
	padding: 20px 0; 
}
.about_zo1.about_zo2{
	width: 420px;
}
.h_about_zo2{
	text-align: center;
}
.h_about_zo2 li{
	width: 11px;
	height: 11px;
	background: #eaeaea;
	border-radius: 50%;
	display: inline-block;
	margin:5px; 
}
.h_about_zo2 li.on{
	background: #0b7fca;
}
.b_about_zo2_n{
	padding-top: 29px;
	padding-bottom: 33px;
	border-bottom: solid 1px #eaeaea;
}
.b_about_zo2_n .fl{
	font-family: 'Arial';
	color: #222222;
	font-size: 26px;
}
.b_about_zo2_n .fl img{
	display: block;
	margin:0 auto; 
}
.b_about_zo2_n .fr{
	width: 315px;
}
.b_about_zo2_t{
	font-size: 16px;
	color: #222222;
}
.b_about_zo2_z{
	font-size: 14px;
	color: #222222;
	opacity: 0.55;
	width: 294px;
	margin-right: 21px;
	line-height: 20px;
	margin-top: 10px;
}
.b_about_img{
	text-align: center;
}
.zo_about_zo2{
	padding-top: 20px;
	padding-bottom: 32px;
	padding-left: 18px;
	padding-right: 18px;
	border-right:solid 1px #e2e2e2; 
	border-left:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;  
}
.about_zo3_n li{
	padding-left: 35px;
	padding-top: 20px;
	padding-bottom: 35px;
	border-top:dotted 1px #c1c1c1;
}
.about_zo3.about_zo1{
	width: 420px;
	float: right;
	margin-right: 27px;
}
.about_zo3_t{
	font-size: 16px;
	color: #0b7fca;
	font-weight: bold;
	position: relative;
}
.about_zo3_t:after{
	content: '问';
	font-size: 16px;
	color: white;
	width: 23px;
	line-height: 23px;
	background: #0b7fca;
	position: absolute;
	top: -3px;
	left: -29px;
	text-align: center;
	border-radius: 50px;
}
.about_zo3_z{
	color: #222222;
	font-size: 14px;
	opacity: 0.55;
	width: 317px;
	line-height: 20px;
	margin-top: 11px;
	position: relative;
}
.about_zo3_z:after{
	content: '答';
	font-size: 16px;
	color: white;
	width: 23px;
	line-height: 23px;
	background: #a7a7a7;
	position: absolute;
	top: 2px;
	left: -29px;
	text-align: center;
	border-radius: 50px;
}
.about_zo3_n{
	padding-top: 46px;
	padding-left: 30px;
	padding-right: 35px;
	padding-bottom: 17px;
	border-right:solid 1px #e2e2e2; 
	border-left:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;  
}
.footer{
	background: #0b7fca;
	color: white;
	margin-top: 52px;
	padding-bottom: 20px;
}
.footer_zo{
	padding-top: 38px;
}
.footer_zo li{
	font-size: 16px;
	display: inline-block;
	width: 100px;
	text-align: center;
}
.footer_img{
	margin-top: 22px;
	margin-left: 20px;
}
.footer .fr{
	margin-top: 26px;
	margin-right: 43px;
}
.footer .fr div{
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
}
.foot{
	background: #f1f1f1;
	font-size: 14px;
	color: #191919;
	line-height: 41px;
}
.foot .fl{
	margin-left: 14px;
}
.foot .fr{
	margin-left: 20px;
}
/*about*/
.n_about{
	background: url(../images/n_about.jpg) center top no-repeat;
}
.n_about_l{
	padding-top: 54px;
}
.n_about_l .content_h{
	padding-top: 15px;
	padding-bottom: 24px;
}
.n_about_l .content_h li{
	display:block;
	margin-top: 5px;
}
.n_about_r{
	width: 895px;
	padding-top: 94px;
}
.n_about_f{
	border-bottom: solid 1px #c9cbcd;
	padding-bottom: 11px;
}
.n_about_f .fl{
	font-size: 20px;
	color: #0f1315;
	font-weight: bold;
	margin-left: 12px;
}
.n_about_f .fr{
	font-size: 14px;
	color: #0f1315;
}
.n_about_r .about_a_img img{
	width: 100%;
}
.n_about_r .t_about span:after{
	content: '';
	background: #e1e1e1;
	width: 916px;
	height: 6px;
	position: absolute;
	bottom: -15px;
	left: -16px;
}
.n_about_z{
	margin-top: 40px;
	font-size: 16px;
	color: #8b8b8b;
	line-height: 30px;
}
/*product*/
.n_about_r .content_z{
}
.n_about_r .content_z li{
	margin-top: 38px;
}
.n_about_r .content_z .yin1{
	text-align: center;
	margin-top: 23px;
	position: relative;
	font-size: 18px;
	color: #303030;
}
.n_about_r .content_z .yin1 span{
	position: relative;
}
.n_about_r .content_z .yin1 span:after{
	content: '';
	background: url(../images/product.png) center center no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	right: -31px;
	top: -1px;
}
.n_about_r .content_z .yin1 img{
	width: 18px;
	height: 18px;
	border: none;
	margin-left: 5px;
	margin-top: -2px;
}
.n_about_r .content_z .yin1:after{
	content: '';
	width: 231px;
	height: 1px;
	background: #cdcecf;
	position: absolute;
	bottom: -12px;
	left: 28px;
}
.n_about_r .content_z li.on .yin1 span{
	color: #00a8ff;
}
.n_about_r .content_z li.on .yin1 span:after{
	content: '';
	background: url(../images/product1.png) center center no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	right: -31px;
	top: -1px;
}
.n_about_r .content_z li.on .yin1:after{
	content: '';
	width: 231px;
	height: 1px;
	background: #00a8ff;
	position: absolute;
	bottom: -12px;
	left: 28px;
}
/*news*/
.news{
	padding-top: 28px;
}
.news li{
	padding-left: 81px;
	padding-bottom: 28px;
	border-bottom: solid 1px #b5b5b5; 
	position: relative;
}
.news li:after{
	content: '';
	background: url(../images/b_about.png) center center no-repeat;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 9px;
	left: 25px;
}
.news_f{
	color: #222222;
	font-size: 16px;
	margin-top: 37px;
}
.news_f .fr{
	font-family: "Arial";
}
.news_z{
	color: #222222;
	opacity: 0.55;
	font-size: 14px;
	margin-top: 15px;
}
/*pages*/
._pages{
	margin-top: 30px;
}
._pages li{
	display: inline-block;
	border: solid 1px #b5b5b5;
	padding:3px 6px;
	font-size: 14px;
	margin:5px;
	border-radius: 5px;  
}
._pages .c{
	background: #0b7fca;
	color: white;
}
/*message*/
.__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: 309px;
}
.__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: 1087px;
    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: "微软雅黑";
}
/*n_product*/
.__list{
	width: 100%;
	margin-top: 40px;
}
.__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{
	width: 80%;
    display: block;
    margin: auto;
}
.__list .b_des{
	border-bottom: 1px solid #ccc;
    padding: 20px 0;
    padding-left: 20px;
}
.jiathis_style{
	float: right;
}
.b_foot{
	padding-top: 20px;
	font-size: 14px;
	line-height: 20px;
}
.b_foot a{
	opacity: 0.5;
}
.picScroll-left .tempWrap{
	margin-top: 20px;
}
.picScroll-left .picList li{
	margin-left: 3px;
}
.picScroll-left .hd{
	position: absolute;
	right: 0px;
	margin-top: -51px;
}
.picScroll-left .hd a.prev,.picScroll-left .hd a.next{
	display: inline-block;
	width: 75px;
	height: 30px;
	background: #0b7fca;
	border-radius: 4px;
	line-height: 30px;
	color:white;
	font-weight: bold;
	font-family: "黑体";
}
.picScroll-left .hd a.prev{
	background: url(../images/arr_left.png) center center no-repeat #0b7fca;
	background-size: contain;
	text-align: right;
	padding-right: 3px;
}
.picScroll-left .hd a.next{
	background: url(../images/arr_right.png) center center no-repeat #0b7fca;
	background-size: contain;
	text-align: left;
	padding-left: 3px;
}