@charset "utf-8";
.mwidth{max-width: 1200px;margin: 0 auto;}
#header{width:100%; height:210px;}
#header .logo{height:159px; text-align: center}
#header .nav{background-color: #7e3f38; height: 51px; line-height: 51px;}
#header .nav ul{width:1000px; margin: 0px auto;}
#header .nav ul li{float:left;font-size: 16px; position: relative; height: 40px;}
#header .nav ul li a{color: #fff;width:142px;display: block;border-bottom:4px solid #7e3f38; line-height:47px; text-align: center}
#header .nav ul li a:hover{background-color: #6a2b24; text-decoration:none;border-bottom:4px solid #751e2b}
#header .nav ul li ul{position: absolute;top:135px;left:0px;z-index: 100;width:100%; }
#header .nav ul li ul li{float: left;}
#header .nav ul li ul li a{float: left;padding:0px 0px 0px 0px;color:#fff;display:inline;border-bottom:0px solid #ccc;}
#header .nav ul li ul li a:hover{background-color:transparent; border-bottom:0px solid #ccc; text-decoration: underline;color:#ccc}
#header .nav .sub-item{background-color: #005f8b;width:100%;height:115px;position: absolute;top:135px;left:0px;z-index: 50;}
#banner{width:100%; clear: both}
#banner .bg{height: 400px;width:100%;background-repeat:no-repeat; background-position:center center}
#banner .slider{position:relative;width: 100%;height:520px;overflow: hidden;}
#banner .slider .hd{height:16px; overflow:hidden; position:absolute; left:0px; bottom:12px; z-index:1;width:100%; text-align: center}
#banner .slider .hd ul{overflow:hidden; zoom:1;width:100%;margin: 0px auto}
#banner .slider .hd ul li{margin-right:10px;width:16px;height:16px;line-height:14px;text-align:center;background:#ddd; cursor:pointer; display:inline-block; border: 1px solid #fff}
#banner .slider .hd ul li.on{background:#1b81b7; color:#fff;}
#banner .slider .bd{position:relative;height:100%; z-index:0;}
#banner .slider .bd li{zoom:1; vertical-align:middle; height: 520px}
#banner .slider .bd img{display:block; width:100%;height:520px;}

#main{background-color: #fafafa;}
#main .about{background: url(../images/bg1.jpg) no-repeat top center; overflow: hidden;height: 576px;padding-top:70px;}
#main .pic{width:627px;}
#main .about .abouttxt{color: #fff; line-height:180%}
#main .about .atitle{color: #fff;font-size: 30px; text-align: center; height: 70px;text-transform:uppercase}

#main .pro{overflow: hidden;background: url(../images/bg2.jpg) no-repeat top center;padding:60px 0px 0px 0px;}
#main .pro .ptitle{color: #fff; font-size: 30px; text-align: center;text-transform:uppercase;line-height:50px;}
#main .sort{clear: both;width:1200px; margin: 0px auto; height: 120px}
#main .sort ul{clear: both;margin-top:14px;background-color: #121011; overflow: hidden}
#main .sort ul li{float: left;background-color: #121011;height: 35px; line-height: 35px;}
#main .sort a{color:#fff;padding: 0px 14px 0px 14px;}

#main .sort2{clear: both;width:1200px; margin: 0px auto; height: 135px;}
#main .sort2 ul{clear: both;margin-top:14px;background-color: #3e3e3e; overflow: hidden}
#main .sort2 ul li{float: left;background-color: #3e3e3e;height: 35px; line-height: 35px;}
#main .sort2 a{color:#fff;padding: 0px 14px 0px 14px; display: block}
#main .sort2 a:hover,#main .sort2 .curr{background-color:#c93a52; text-decoration: none}

#main .sortimg{clear: both;width:1200px;margin:0px auto;}
#main .sortimg ul li{width:218px;float: left;margin: 0px 26px 0px 0px;}
#main .sortimg ul li img{float: left;}
#main .sortimg span{width:218px;float: left;display: block;height: 66px; line-height: 66px; text-align: center; color: #fff;}
#main .sortimg ul li a{float:left; width: 219px;height:333px; border:1px solid #fff;}
#main .sortimg ul li a:hover{border:1px solid #c00;}
#main .product{clear: both;width:1200px; margin: 0px auto 20px auto; overflow: hidden}
#main .product ul li{float: left; margin:38px 15px 0px 15px;width:270px;}
#main .product ul li img {float:left;width:270px;height:270px;}
#main .product ul li span{clear: both;display: block; padding:10px 20px 0px 20px; height:82px; line-height: 24px;border-top:1px solid #e4e4e4; overflow: hidden; margin:0px 0px 10px 0px;}
#main .product a{border:1px solid #e4e4e4; float: left;}



#main .box1{width:100%;height:257px; background-position: center center;background-repeat: no-repeat;}
#main .box2{width:100%;min-height:600px;background-position: top center;background-repeat: no-repeat; background-image: url(../images/aboutb.jpg);padding:200px 0px 30px 0px; background-color: #fff;}
#main .box2 .abouttxt{line-height:180%;padding:90px 0px 0px 0px;}
#main .box2 .picimg{float: left;width:650px;}
#main .box2 .contxt{line-height:200%;padding:90px 0px 0px 0px; text-align: center}
#main .pos{line-height: 65px; border-bottom:1px solid #b6b6b6; margin-bottom:40px;}


.preview{}
.small_list{width:525px;min-height:120px;overflow: hidden;}
.small_list-ul{width: 100%;}
.small_list-ul li{float:left;width:89px;height:89px;border:1px #f5f5f5 solid;background: #fff;overflow: hidden; margin:16px 16px 0px 0px;}
.small_list-ul li:hover,.small_list-ul li.tb-selected{border-color: #a1cfdb;}
.small_list-ul li a{display: block;width: 100%;}
.small_list-ul li img{display: block;width: 100%;height: auto;}
.mid_img{position: relative;width: 516px;height:516px;background: #f5f5f5;overflow: hidden;}
.mid_img img{position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;transform:translateY(-50%);display: block;border:1px solid #e4e4e4;}
.bigimg{max-width: inherit;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;background:#f5f5f5;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

#main .protxt{padding:0px 0px 0px 35px; float:left;width:600px; line-height: 180%; color:#333333;}
#main .protxt .protitle{font-size: 18px; line-height:150%;border-bottom:1px solid #d2d2d2; padding: 10px 0px 20px 0px; font-weight: bold}
#main .protxt table td{padding:5px;}
#main .protext{ clear: both;padding:30px 0px 30px 0px;width:750px; margin: 0px auto;}
#main .protext table {border :1px solid #cc;}
#main .about-img{ clear: both;overflow: hidden;padding:20px 0px 20px 0px;}
#main .about-img ul li{overflow: hidden;float:left;margin: 10px 7px 10px 7px;}
#main .about-img ul li img{width:386px;height:259px;}
#main .news{}
#main .news ul li{padding-top:20px;padding-bottom:20px;border-bottom: 1px solid #ccc;}
#main .news ul li .img{width:340px;text-align: center}
#main .news ul li .img img{width:250px;height:170px}
#main .news ul li h4{font-size:18px;padding-top:20px;}
#main .news ul li p{padding:20px 0px 0px 0px; height:120px;}
#main .news ul li a:hover{text-decoration: none;color:#005f8b;}
#main .news ul li.big .img{width:340px;}
#main .news ul li.big .img img{width:300px;height:200px}
#main .news ul li.big h4{font-size: 24px;padding-top:20px;}

#main .lxwm{background: url(../images/lxwm.jpg) no-repeat center center;height:640px;padding:140px 0px 0px 540px}

.JoinForm{width: 1092px;height:570px;margin: 0 auto;overflow: hidden; background: url(../images/tsjb.jpg) no-repeat top center;padding-top:50px;}
.JoinForm div{float: left;width: 304px;height: 50px;padding: 0 12px;margin: 25px 17px 0 17px;border: 1px #d5d5d5 solid;background-color: #fff;}
.JoinForm div input{width: 279px;height: 30px;margin: 9px 0;padding-right: 25px; line-height: 30px; border: 0;outline: none;font-size: 14px;font-family: "Microsoft YaHei";background-image: url("../images/un-joinus1.jpg");background-position: right center;background-repeat: no-repeat;}
.JoinForm div.JoinForm-tel input{background-image: url("../images/un-joinus2.jpg");}
.JoinForm div.JoinForm-email input{background-image: url("../images/un-joinus3.jpg");}
.JoinForm div.JoinTarea{width:982px;height: 140px;}
.JoinForm div.JoinTarea textarea{width: 957px;height: 134px;padding-right: 25px;line-height: 30px;font-size: 14px;border: 0;outline: 0;background-image: url("../images/un-joinus4.jpg");background-position: right 7px;background-repeat: no-repeat;}
.JoinForm div.JoinForm-bto{width: 1032px;height: auto; border: 0;background: transparent;text-align: center; margin-top: 0px;}
.JoinForm div input[type="button"]{width: 282px;height: 58px;margin: 15px auto 0 auto;padding: 0;color: #fff;font-size: 20px; border:0px #d4c1b1 solid;background-color:#015b85; background-image: url();overflow: hidden;cursor: pointer;}
.JoinForm div.JoinForm-img{width:120px; background-color: transparent;border:none;}
.JoinForm div.JoinForm-yzm input{background-image:none}

.picimg{padding-top:0px;padding-bottom: 10px; overflow: hidden}
.picimg ul li{float:left;width:;padding:12px; border:1px solid #cfcfcf;width: 308px;margin: 40px 32px 0px 32px;}
.picimg ul li img{display: block; margin-bottom:20px;}
.picimg ul li b{font-size: 18px; line-height: 30px;}
.picimg ul li div{line-height: 24px;height:72px;overflow: hidden;margin-top: 10px}
.picimg ul li a.more{ background: url(../images/ywbg.jpg) no-repeat 0px 0px;width:99px;height:37px;display: block; margin: 20px auto;text-align: center; line-height: 37px; color:#fff;}
.articleBox{color:#676767; font-size:14px;line-height:28px;padding-top:30px; min-height: 600px;_height:600px;}
.article_title{
	font-size:18px;
	text-align:center;
	font-family:"microsoft yahei";
	line-height:35px;
	color: #474747;
	padding:0 0 10px 0;
	}
.article_time{
	clear:both;
	height:30px;
	line-height:30px;
	color:#676767;
	font-family: "宋体";
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	margin:0 0 20px 0;
	text-align:center;
	position:relative;
	}
.article_time span{ cursor:pointer;}
.article_time span.hover{ color:#c80000; font-weight:bold;}
#footer{clear: both;height: 64px; line-height: 64px;color:#fff; text-align: center;color:#fff;}
#footer a{color:#fff;}
#footer .ftitle{font-size: 18px; line-height: 35px;}
#footer .text1{height: 136px; line-height: 30px;background-color: #8d1227;padding-top:20px;}
#footer .text2{height:52px; line-height: 52px;background-color: #000000;}