@CHARSET "UTF-8";

/*头部样式*/
.header{
	width: 1200px;
	margin: 0px auto;
	height: 130px;
}
#header{width:1200px;margin:0 auto;}
.logo{
    float:left;
    line-height: 130px;
}
.biaoyu{
	line-height: 130px;
	margin-left: 20px;
}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

/*热门搜索*/
.search{
	text-align:right;
	height:30px;
	width: 285px;
	line-height: 30px;
	margin-top: 34px;
}
#formsearch{
	width:188px;
	height: 34px;
	float: right;
	line-height: 34px;
	background: url(../images/ss.png) no-repeat center center;
}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.phone{
	font-family: "微软雅黑";
	font-size: 20px;
	color: #e67817;
	line-height: 30px;
	width: 285px;
}
.yewu{
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	position: relative;
	height: 670px;
	background: url(../images/pp.jpg) no-repeat 0px 0px;
}
.case_all{
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	position: relative;
	height: 836px;
	background: url(../images/case.jpg) no-repeat 0px 0px;
}
.hz_box{
	width: 1200px;
	margin: 0px auto;
}

.hz_case li{
	background: #e5e3e3;
	width: 162px;
	color: #fff;font-size: 14px;
	text-align: center;
	position:relative;
	margin-bottom: 7px;
}

.hz_case li .hzt{
	display: block;
	background: url(../images/aab.jpg) no-repeat 0px 0px;
	padding-left: 50px;
	padding-top: 20px;
	width: 232px;
	height: 65px;
	line-height: 22px;
	cursor: pointer;
	text-align: left;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: 400;
}

.hz_case li .hzt1{
	display: block;
	background: url(../images/ab.png) no-repeat 100% 0px;
	padding-right: 50px;
	padding-top: 20px;
	width: 232px;
	height: 65px;
	line-height: 22px;
	cursor: pointer;
	text-align: right;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: 400;
}

.hz_case li .hzt span,.hz_case li .hzt1 span{
	display: block;
	color: #3f90e7;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.hz_case li .hzt:hover{color: #666;}
.hz_case li .hzt1:hover{color: #666;}
.hz_right li:nth-child(1),.hz_right li:nth-child(2) ,.hz_right li:nth-child(3) , .hz_right li:nth-child(4) , .hz_right li:nth-child(5) ,.hz_right li:nth-child(6)  {
    display: block;
}
.hz_case .hzc{
    width: 610px;
    height: 455px;
    overflow: hidden;
    position: absolute;
    left: 297px;
    top: 0;
    display: none;
}
.hz_case .hzc1{
     width: 610px;
    height: 455px;
    overflow: hidden;
    position: absolute;
    right: 183px;
    top: 0;
    display: none;
}
.hz_case .hzc h3,.hz_case .hzc1 h3 {
    width: 610px;
    height: 130px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(117,133,147,0.5);
}
.hz_case .hzc h3 a,.hz_case .hzc1 h3 a {
    display: block;
    padding-top: 20px;
    padding-left: 35px;
    text-align: left;
    color:#fff;
    font-size: 16px;
    font-family: "微软雅黑";
    font-weight: 400;
}
.hz_case li.current .hzc {
    display: block;

}
.hz_case li.current1 .hzc1 {
    display: block;
}
.hz_case li.current  a.hzt{
	background: url(../images/abbs.png) no-repeat 0px 0px;
	color: #fff;
}
.hz_case li.current  a.hzt span{
	color: #ffb16d;
}
.hz_case li.current1  a.hzt1{
	background: url(../images/ab1.png) no-repeat 100% 0px;
	color: #fff;
}
.hz_case li.current1  a.hzt1 span{
	color: #ffb16d;
}
.hz_case .hzc img,.hz_case .hzc1 img {
    width: 610px;
    height: 455px;
    display: block;
}

.hz_left,.hz_right{width: 272px;}
.hz_mid {position: relative; display: none}
.hz_mid .hzal_txt{position: absolute;bottom: 0;left: 0;color: #fff;height: 80px;background: rgba(0,0,0,0.8);text-align: center;padding:0 110px;font-size: 16px;}
.hzal_txt span{  margin-top: 13px;
    display: block;}
.hzal_txt p{padding-top: 15px;}

.tittles{
	width: 1200px;
	margin: 0px auto;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 25px;
}
.tittles p{
	color: #888888;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.tittles h3{
	font-family: "微软雅黑";
	color: #004882;
	font-size: 27px;
	line-height: 30px;
	height: 60px;
	font-weight: 400;
	background: url(../images/ts.png) no-repeat center center;
}
.tittles h3 span{
	font-family: "Arial";
	color: #a4a4a4;
	font-size: 14px;
	line-height: 30px;
	display: block;
	text-align: center;
	text-transform: uppercase;
}


.producttts{
	width: 1200px;
	margin: 0px auto;
}
.tittles1{
	width: 580px;
	background: #032448;
	font-family: "微软雅黑";
	color: #fff;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	margin-top: 35px;
	padding-left: 20px;
}
.tittles1 span{
	font-family: "微软雅黑";
	color: #ffa85c;
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 8px;
}
.tab{
	width: 570px;
	height: 60px;
	line-height: 60px;
	margin-top: 35px;
	background: #032448;
	text-align: right;
	padding-right: 30px;
}
.tab li{
	display: inline-block;
	width: 137px;
	height: 40px;
	line-height: 40px;

}
.tab li a{
	display: block;
	width: 137px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-family: "微软雅黑";
	color: #fff;
}
.tab li a.tab_click{
	border-radius: 40px;
	background: #e15a00;
}
.moresa{
	width: 530px;
	margin: 0px auto;
	height: 60px;
	line-height: 60px;
	margin-top: 20px;
}
.moresa a{
	display: inline-block;
	width: 265px;
	text-align: center;
	height: 60px;
	background: #032448;
	color: #fff;
	font-size: 16px;
	float: left;
	font-family: "微软雅黑";
}
.moresa span{
	display: inline-block;
	text-align: center;
	width: 265px;
	height: 60px;
	background: #e67817;
	color: #fff;
	font-size: 16px;
	float: left;
	font-family: "微软雅黑";
}
.about_box{
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	position: relative;
	height: 740px;
	margin-top: 50px;
	background: url(../images/about.jpg) no-repeat 0px 170px;
}
.abouts{
	width: 1200px;
	margin: 0px auto;
	height: 511px;
	padding-top: 232px;
	background: url(../images/us.jpg) no-repeat 0px 0px;
}
.tts2{
	height: 130px;
	text-align: center;
	background: url(../images/tt2.png) no-repeat center center;
}
.tts2 h3{
	font-family: "微软雅黑";
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	font-weight: 400;
	color: #000000;
	background: url(../images/tz.png) no-repeat center center;
}
.tts2 h4{
	font-family: "Arial";
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 40px;
}
.tts2 p{
	font-family: "Arial";
	color: #032448;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 20px;
}
.abouts p{
	margin-top: 10px;
	font-family: "微软雅黑";
	color: #555555;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 28px;
}
.abouts p a{
	color: #ff6600;
}

.news_box{
	width: 1200px;
	margin: 0px auto;
}

.news_left{
	width: 690px;
}
.tabs{
	height: 49px;
	position: relative;
	border-bottom:1px solid #c9c9c9;
	margin-bottom: 36px;
}
a.moreds{
	display: block;
	float: right;
	color: #444444;
  	font-size:  16px;
  	line-height: 50px;
  	font-family: "微软雅黑";
  	width: 77px;
  	text-align: right;
  	background: url(../images/san.png) no-repeat 0px center;
}

.tabs2{
	height: 49px;
	position: relative;
	border-bottom:1px solid #c9c9c9;
	margin-bottom: 36px;
}
.tabs2 a.moreds{
	display: block;
	float: right;
	color: #444444;
  	font-size:  16px;
  	line-height: 50px;
  	font-family: "微软雅黑";
  	width: 77px;
  	text-align: right;
  	background: url(../images/san.png) no-repeat 0px center;
}
.tabs2 li{
  display: inline-block;
}
.tabs2 li a{
  display:block;
  font-size:  20px;
  width: 140px;
  text-align: center;
  height: 46px;
  color: #fff;
  font-family: "微软雅黑";
  line-height: 46px;
  background: #004882;
  border-bottom: 4px solid #032448;
}


.tabs li{
  display: inline-block;
}
.tabs li a{
  display:block;
  font-size:  20px;
  width: 140px;
  text-align: center;
  height: 46px;
  color: #444444;
  font-family: "微软雅黑";
  line-height: 46px;
  background: #c9c9c9;
  border-bottom: 4px solid #a2a2a2;
}
.tabs li .tab_clicks{
  background: #004882;
  color: #fff;
  border-color: #032448;
}
.list1 li{
  display: block;
  width: 690px;
  height: 190px;
  margin-bottom: 20px;
}
.list1 li span{
  display: block;
}
.list1 li img{
	float: left;
  	width: 350px;
  	height: 190px;
  	margin-right: 20px;
}
.list1 li .jjs{
	width: 320px;
	float: left;
}
.list1 li .jjs a{
	font-family: "微软雅黑";
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}
.list1 li:hover .jjs a{
	color: #004882;
}
.list1 li span{
  font-size: 14px;
  color: #a7a7a7;
  font-weight: 400;
  font-family: "微软雅黑";
  line-height: 30px;
}
.list1 li p{
	font-size: 14px;
  color: #666666;
  font-weight: 400;
  font-family: "微软雅黑";
  line-height: 25px;
}
.list1 li a.moresg{
	display: block;
	width: 70px;
	height: 30px;
	margin-top: 20px;
	background: url(../images/a1.png) no-repeat 0px 0px;
}
.list1 li:hover a.moresg{
	background: url(../images/a.png) no-repeat 0px 0px;
}

.news_right{
	width: 435px;
	margin-left: 75px;
}
.list2 li{
	line-height: 34px;
}
.list2 li a{
	display: block;
	float: left;
	font-family: "微软雅黑";
	color: #666666;
	font-size: 14px;
	line-height: 34px;
}
.list2 li span{
	float: right;
	font-family: "微软雅黑";
	color: #666666;
	font-size: 14px;
	line-height: 34px;
}
.list2 li:hover a{
	color: #004882;
}
.list2 li:hover span{
	color: #004882;
}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:20px;}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



/*友情链接*/
.f_link{
	display: none;
	width:1200px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
.footer{
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	position: relative;
	background:#1d1d1b;
    padding-top: 32px;
}

.nav_foot{width:735px;font:17px/56px "微软雅黑";color: #fff;}
.nav_foot a{color: #fff;display:inline-block;width:128px;margin-right:5em;}

.fLx{width: 300px;text-align: right;font:15px/1.8 "微软雅黑";color: #fff;margin-top: 15px;}

.copyright{background-color: #053053;font:14px/27px "微软雅黑";color: #fff;padding: 15px 0;}
.copyright a{color: #fff;}

/*------------内页-------------------*/
.left .box{
	margin-bottom:10px;
}
.left .box h3{
	line-height: 20px;
    padding-left: 15px;
    font-weight: normal;
    font-family: "微软雅黑";
    background: url(../images/ntt1.png) no-repeat 0% 50%;
    font-size: 16px;
    color: #000;
    height: 50px;
}
.left .box h3 span{
	font-size: 14px;
    color: #666;
}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position: relative;margin-left: -960px;left: 50%}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:920px;float:right;padding-bottom:10px;padding-left: 26px;}
.sitemp{line-height: 45px;height: 45px;border-bottom:1px solid #d8d8d8;}
.sitemp h2{
	display: none;
}
.sitemp .site{line-height:45px;font-family: "宋体"}
.right .content{}
.right .content p{text-indent: 32px; font-size: 16px; line-height: 30px; margin-top: 5px;}

/*article*/
.article{width: 1200px;margin: 0 auto;overflow: hidden;}
.v-article{width: 1200px;margin: 0 auto;}

/*z1*/
.z1{width: 1120px;margin: 0 auto;margin-top: 35px;}
.z1Txt{font:16px/27px "微软雅黑";color: #111;}
.z1>h1{text-align: center;font:500 42px/100px "宋体";color: #000;}
.z1 ul{display: flex;justify-content:space-between;}
.z1 ul li{width: 278px;}
.z1 ul li h3{text-align: center;font:18px/100px "宋体";color: #fff;background-color: #053053;}
.z1 ul li p{padding: 20px 25px;background-color: #ebebeb;font:15px/27px "微软雅黑";color: #111;}

/*z2*/
.z2>h1{text-align: center;font:50px/160px "宋体";color: #000;}
.z2L{width: 240px;background-color: #f0f0f0;}
.z2L>h3{font:22px/60px "微软雅黑";color: #053053;border-bottom: 1px solid #919191;}
.z2L>h3:before{content: "";display: inline-block;border:6px solid transparent;border-left: 12px solid #053053;margin:0 8px 0 20px;vertical-align: middle;}
.z2L ul li a{display: block;font:16px/50px "微软雅黑";border-bottom: 1px dotted #333;padding-left: 50px;background: url(../images/z2Li.png) 18px center no-repeat;}
.z2L ul li:last-child a{border-bottom: none;}
.z2R{width: 926px;}
.z2R>h3{padding: 8px 10px 8px 30px;font:14px/22px "微软雅黑";color: #666;border:1px solid #e3e3e3;}
.z2R ul{margin-top: 20px;}
.z2R ul li{float: left;margin-right: 20px;margin-bottom: 8px;}
.z2R ul li:nth-child(3n){margin-right: 0;}
.z2R ul li img{width: 293px;height: 248px;border:1px solid #dbdbdb;}
.z2R ul li h3{text-align: center;font:16px/40px "微软雅黑";width:295px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*z3*/
.z3{margin-top: 25px;}
.z3>h1{text-align: center;font:50px/160px "宋体";color: #000;}
.z3 dl dt{float: left;width: 760px;}
.z3 dl dd{float: right;width: 440px;text-indent: 50px;height: 365px;box-shadow: 0 2px 5px rgba(0,0,0,.25);}
.z3 dl dd h3{font:24px/27px Arial;color: #666;text-transform: uppercase;margin-top: 25px;position:relative;}
.z3 dl dd h3:before{content: "";position: absolute;width: 60px;height: 3px;background-color: #666;left: -25px;top: 10px;}
.z3 dl dd h2{font:28px/27px "微软雅黑";color: #333;margin-top: 20px;}
.z3 dl dd span{display: block;font:18px/27px "微软雅黑";color: #666;margin-top:20px;}
.z3 dl dd p{padding:20px 50px;text-indent: 0;background-color: #053053;font:16px/30px "微软雅黑";color: #fff;margin-top: 40px;}
.z3Box{margin-top: 40px;overflow: hidden;}
.z3Box ul li{float: left;margin-right: 20px;}
.z3Box ul li img{width: 285px;height: 241px;}
.z3Box ul li h3{text-align: center;font:16px/46px "微软雅黑";background-color: #f3f3f3;}

/*z4*/
.z4{margin-top: 25px;}
.z4>h1{text-align: center;font:50px/160px "宋体";color: #000;}
.z4Box{overflow: hidden;margin-bottom: 70px;}
.z4L{width: 370px;}
.z4L h2{font:24px/27px "微软雅黑";color: #666;letter-spacing: 2px;}
.z4L h2 span{font:16px/48px Arial;display: block;text-transform: uppercase;margin-bottom:10px;}
.z4R{width: 728px;}
.z4R li{padding-bottom: 15px;margin-bottom: 18px;}
.z4R li:first-child{border-bottom: 1px solid #e1e1e1;}
.z4R li a{display: block;font:20px/27px "微软雅黑";color: #333;}
.z4R li a:hover{color: #053053;}
.z4R li p{margin-top: 12px;font:16px/27px "微软雅黑";color: #666;}

/*z5*/
.z5{background-color: #ebebeb;padding-top: 65px;padding-bottom: 65px;}
.z5Box{width: 1200px;margin:0 auto;overflow: hidden;}
.z5L{width: 530px;font:15px/2 "微软雅黑";color: #222;}
.z5R{width: 620px;}
.z5R input,.z5R textarea{width: 454px;height: 50px;margin-bottom: 16px;border:1px solid #ccc;border-radius:5px;color: #ababab;text-indent: 50px;font:14px/50px "宋体";outline: none;padding: 0;}
.z5R textarea{height: 158px;background: url(../images/put_13.jpg) 28px 19px no-repeat #fff;}
.z5R input#checkcode{display: inline-block;}
.z5R img{margin-left:10px;margin-top: -16px;cursor: pointer;}
.z5R input[type="submit"]{border:none;text-indent: 20px;text-align: left;font:16px/50px "微软雅黑";color: #fff;background: url(../images/btn.png) 400px center no-repeat #053053;cursor: pointer;}
.z5R input[name="txtUserName"]{background: url(../images/put_03.jpg) 24px center no-repeat #fff;}
.z5R input[name="txtUserTel"]{background: url(../images/put_06.jpg) 24px center no-repeat #fff;}
.z5R input[name="txtUserEmail"]{background: url(../images/put_09.jpg) 24px center no-repeat #fff;}
