@charset "utf-8";
/* CSS Document */
body {font-family:"微软雅黑"; font-size:14px; color:#383838;}
ul,li {list-style:none;}
* {margin:0; padding:0;}
img,input {border:0;}
a {text-decoration:none; color:#383838;}
a:hover {color:#e83d00;}
.width {width:1200px; margin:0 auto;}
.left {float:left;}
.right {float:right;}

#pc {width:100%; overflow:hidden;}
#top {width:100%; height:50px; line-height:50px; background:#222; color:#fff;}
#top a {color:#fff; padding:0 10px;}
#top a:hover {color:#f1f1f1;}
#top .input {float:right; width:270px; height:33px; border:1px solid #7d7d7d; border-radius:5px; margin-top:10px; margin-right:25px;}
#top .input input {background:none; height:33px; padding-left:10px; width:220px; line-height:33px; color:#fff;}
#top .input button {border:0; background:none; margin-top:5px; float:right; margin-right:5px; cursor:pointer}

#logo {width:100%; height:110px;}
#logo .logo {float:left;}
#logo .text {line-height:35px; font-size:22px; color:#e83d00; padding-top:20px;}

#menu {width:100%; height:60px; background:#e83d00; line-height:60px;}
#menu li {float:left; width:12.5%; text-align:center; font-size:18px;}
#menu li a {color:#fff; display:block}
#menu li a:hover {background:#333;}
#menu .active {background:#333;}

/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

#product {width:100%; padding-bottom:40px; overflow:hidden}
#product .title {width:100%; text-align:center; font-size:22px; color:#000; padding-top:50px; padding-bottom:50px;}
#product .title span {font-size:14px; color:#e83d00; display:block; padding-top:5px;}

.Box {position: relative;}
			.Box .content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: 240px;margin-left: 20px;overflow: hidden; text-align:center;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s; padding-bottom:10px;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}
			
#shebei {width:100%; padding-bottom:50px; background:#f5f5f5; overflow:hidden}
#shebei .title {width:100%; text-align:center; font-size:22px; color:#000; padding-top:50px; padding-bottom:50px;}
#shebei .title span {font-size:14px; color:#e83d00; display:block; padding-top:5px; text-transform:uppercase;}	

#shebei li {width:23%; float:left; margin:0 1%; height:210px; position:relative;}	
#shebei li img {width:100%; height:100%;}	
#shebei li p {position:absolute; bottom:0; width:100%; height:30px; background:#000; opacity:0.5;}
#shebei li span {position:absolute; bottom:0; line-height:30px; z-index:1; color:#fff; width:100%; height:30px; text-align:center; left:0;}
#shebei li a {color:#fff;}
#shebei li a:hover {color:#e83d00;}

#about {width:100%; padding-bottom:50px; overflow:hidden}
#about .title {width:100%; text-align:center; font-size:22px; color:#000; padding-top:50px; padding-bottom:50px;}
#about .title span {font-size:14px; color:#e83d00; display:block; padding-top:5px; text-transform:uppercase;}	

#about .info {line-height:24px; text-align:left; width:55%; text-align:justify;}

#question {width:100%; background:#f5f5f5; overflow:hidden; position:relative;}
#question .title {width:100%; text-align:center; font-size:26px; color:#000; padding-top:50px; padding-bottom:50px;}
#question li {width:100%; height:100px; padding-bottom:70px; overflow:hidden}
#question span {width:240px; height:100px; background:#fd7c07; display:block; text-align:center; line-height:100px; color:#fff; font-size:16px; border-radius:10px; padding:0 10px; overflow:hidden}
#question .img {position:absolute; bottom:50px; width:100%; text-align:center;}

#news {width:100%; padding-top:50px; overflow:hidden; padding-bottom:50px;}
#news li {float:left; width:30%; margin:0 1.5%; background:#f7f7f7; padding-bottom:10px;}
#news li img {width:100%; height:210px;}
#news li dl {width:95%; margin:0 auto; padding-top:10px;}
#news li b {font-size:16px; height:50px; line-height:24px; overflow:hidden; width:100%; display:block}
#news li p {padding-top:10px; color:#4c4c4c; margin-bottom:10px; line-height:25px; height:50px; overflow:hidden}
#news li dd {width:100%; border-top:1px solid #dcdcdc; color:#4c4c4c; padding:10px 0;}
#news li font {float:right;}
#news li font:hover {color:#e83d00;}

#foot {width:100%; background:#333; padding:50px 0; overflow:hidden; color:#fff}
#foot li {float:left; margin-right:82px;}
#foot li h3 {font-size:22px;}
#foot dl {width:100%; padding-top:30px; overflow:hidden}
#foot dl dd {width:100%; height:35px; line-height:35px; font-size:16px; border-bottom:1px dashed #ccc; }
#foot dl dd img {float:left; height:18px; width:18px; padding-top:10px;}
#foot dl dd span {float:left; width:30px; text-align:left;}
#foot dl dd a {color:#fff;}
#foot dl dd a:hover {color:#e83d00;}

#bottom {width:100%; height:65px; line-height:65px; color:#fff; background:#000; text-align:center; overflow:hidden}

#nbanner {width:100%; height:300px; background:url(../images/nbanner.jpg) top center no-repeat; overflow:hidden}

#info {width:100%; padding-top:20px; overflow:hidden}
#info .pos {width:100%; height:35px; line-height:35px; border-bottom:1px solid #ddd;}
#info .pos img {float:left; height:16px; margin-top:5px; margin-top:10px;}
#info .pos a {padding:0 10px;}

#info .content {width:100%; font-size:16px; color:#666; line-height:1.8; padding:20px 0;}
#info .content p {padding-bottom:10px;}
#info .cata {width:100%; padding:30px 0; overflow:hidden}
#info .left {width:260px;}
#info .title {width:100%; text-align:center; background:#e83d00; color:#fff; padding:15px 0;}
#info .title span {width:65%; margin:0 auto; border-bottom:1px dashed #fff; font-size:24px; display:block; padding-bottom:10px;}
#info .title p {padding-top:10px;}
#info .list {width:100%; padding-bottom:30PX; overflow:hidden}
#info .list li {width:100%; height:43px; background:url(../images/btn_bg.jpg); line-height:43px; font-size:15px;}
#info .list li a {padding-left:20px;}

#info .display {float:right; width:890px;}
#info .nlist {width:100%; overflow:hidden}
#info .nlist li {float:left; width:32%; margin-right:2%; background:#f7f7f7; padding-bottom:10px; margin-top:20px;}
#info .nlist li img {width:100%; height:210px;}
#info .nlist li dl {width:95%; margin:0 auto; padding-top:10px;}
#info .nlist li b {font-size:16px; height:50px; line-height:24px; overflow:hidden; width:100%; display:block}
#info .nlist li p {padding-top:10px; color:#4c4c4c; margin-bottom:10px; line-height:25px; height:50px; overflow:hidden}
#info .nlist li dd {width:100%; border-top:1px solid #dcdcdc; color:#4c4c4c; padding:10px 0;}
#info .nlist li font {float:right;}
#info .nlist li font:hover {color:#e83d00;}

#info .pagelist {width:1000px; padding-top:20px; margin:0 auto; overflow:hidden}
#info .pagelist a {padding:3px 10px; border:1px solid #ccc; margin-left:5px; display:inline-block}
#info .pagelist span {padding:3px 10px;}

.pn{border-top: 1px solid #dedede; width:1000px; margin:0 auto;padding: 45px 0;margin-top: 10px;position: relative; overflow:hidden }
.pn .pns{color: #474545;position: relative;}
.pn .pns:before{content:'';position: absolute;width:4px;height: 7px;top:50%;margin-top: -3.5px;left: 0;}
.fl {float:left; width:40%;}
.fr {float:right; width:40%;}

.pn .pns:hover:before{color: #00a0e9;}
.pn .pns:hover{color: #df0024;}
.news-return{position: absolute;width: 38px;height: 38px;text-align: center;line-height: 38px;top:60px;left:50%;margin: -19px 0 0 -19px;color: #fff;background: #727171;border-radius: 100%;-webkit-border-radius: 100%;font-size: 12px;}
.news-return:hover{background: #df0024; color:#fff;}

#info .prolist {width:99.8%; padding-bottom:20px; border:1px solid #ccc; border-top:0; display:block; overflow:hidden}	

#info .prolist li {width:22%; float:left; margin:0 1.5%; height:150px; margin-top:15px; position:relative;}	
#info .prolist li img {width:100%; height:100%;}	
#info .prolist li p {position:absolute; bottom:0; width:100%; height:30px; background:#000; opacity:0.5;}
#info .prolist li span {position:absolute; bottom:0; line-height:30px; z-index:1; color:#fff; width:100%; height:30px; text-align:center; left:0;}
#info .prolist li a {color:#fff;}
#info .prolist li a:hover {color:#e83d00;}