@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0 auto;}
body{color:#454545; font-size:14px; font-family: "Microsoft YaHei"}
img{border:0}
ul,li{list-style:none;}
.left{float:left}
.right{float:right}
a{ color:#202020;text-decoration: none;}
a:hover{color: #f6a700; text-decoration: none;}
.clear{ clear:both}



/*顶部*/
.welcome{width:100%; min-width:1200px;background-color:#f6a700;height:8px; }

.top{ width:100%; min-width:1200px;height:120px; background-color:#454345;}
.topbox{width:1200px; margin:0 auto;height:120px;}
.logo{ width:450px; float:left; margin-top:35px;}

.topr{float: right; text-align: right; padding-top: 25px;width: 550px; float: right;}
.topr1{float: right; width: 400px; height: 28px;overflow: hidden}
.albaba{float: left;padding-right: 20px;}
.tel{float: left;background: url(../images/tel.png) left 50% no-repeat;line-height:32px;color: #969797;width:128px;padding-left: 30px;font-weight: bold;font-family: Helvetica;font-size: 16px;text-align: left;}
.topr2{float: right;line-height: 28px;color: #f6a700}
.topr2 a{ color: #c9caca;line-height: 28px;margin:0 10px; }
.topr2 a:hover{color: #f6a700}
.topr2 a.cur2 {color: #f6a700}



/*导航*/
.menu{ width:460px; float: right; margin-top: 20px;margin-right: -20px;}
.menu ul{}
.menu li{float: left; display: block; padding:0 20px; line-height:34px;position:relative;}
.menu li a{ color: #FFFFFF; border-bottom: 2px solid #454345;display: block; }
.menu li a:hover{color: #FFFFFF; border-bottom: 2px solid #f6a700;display: block; }
.menu .cur a{border-bottom: 2px solid #f6a700;}

.menu ul li ul {display: none;}
.menu ul li:hover a,.menu ul li.cur a{color: #FFFFFF; border-bottom: 2px solid #f6a700;}
.menu ul li:hover ul {display:block; position:absolute;z-index:9999;padding-top:0;left: 20px;}
.menu ul li:hover ul li{padding: 0}
.menu ul li:hover ul li a {display:block; color:#fff; line-height:34px; height:34px;text-align:center;border-bottom: 1px solid #fff;width:120px;background: url(../images/menu_bg.png) repeat;}
.menu ul li:hover ul li a:hover { color:#fff;background: url(../images/menu_bg_on.png) repeat;border-bottom: 1px solid #fff;}

/*banner*/
.mobile_banner {
	display: none;
}
.banner {
	width: 100%; position: relative;
}
.banner img {
	width: 100%;
}
.flex-viewport {
	width: 100%;
}
.flex-control-nav {
	width: 100%; text-align: center; bottom: 40px; position: absolute; z-index: 9;
}
.flex-control-nav li {
	margin: 0px 6px; display: inline-block; -ms-zoom: 1;
}
.flex-control-nav li a {
	background: rgb(255, 255, 255); border-radius: 50px; width: 10px; height: 10px; text-indent: -9999px; margin-top: 2px; display: inline-block; cursor: pointer; opacity: 0.5;
}
.flex-control-nav li a.flex-active {
	width: 14px; height: 14px; margin-top: 0px; opacity: 1;
}
.flex-prev {
	background-position: center; left: 100px; top: 50%; width: 56px; height: 56px; margin-top: -28px; display: block; position: absolute; background-image: url("../images/banner_prev.png"); background-repeat: no-repeat;
}
.flex-next {
	background-position: center; top: 50%; width: 56px; height: 56px; right: 100px; margin-top: -28px; display: block; position: absolute; background-image: url("../images/banner_next.png"); background-repeat: no-repeat;
}

/*首页优势*/
.sbanner1{width:100%; margin: 0 auto;background-color: #eeeeef;padding-bottom: 70px;}
.sbanner1 h3{text-align:center; font-size:40px; font-family: Arial;  line-height:45px; color:#686868; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat; line-height:100px;padding-top:50px; }
.title1{ text-align:center;font-size:30px; color:#686868; line-height:30px; width: 1200px;line-height:60px;}
.sbanner1box{width:1200px; padding-top:45px;}


/*首页产品*/
.product{ width: 100%;background-color: #151515;padding:22px 0 13px 0;}
.productbox{width:1200px; margin:0 auto; }
.productbox h3{text-align:center; font-size:40px; font-family: Arial; color:#686868; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat;line-height:40px;height:60px}
.title1{ text-align:center;font-size:30px; color:#686868; width: 1060px;line-height:60px;}

.product1{ width:181px; float: left;margin:10px 9px 0 9px; }
.product1 .tit1{font-size: 16px; text-align: center; font-weight: 200; color: #DEDFDF;display: block; padding:8px 0;}
.product1 .tit2{font-size:20px; text-align: center; font-weight: normal; color: #dedfdf;display: block;background: url(../images/product01_line.jpg) top no-repeat; line-height: 48px;}
.product1 .tit2 a{color: #dedfdf;}
.product1 .tit2 a:hover{color: #ce8114;}

.product1 .img1{float: left}

.product2{ width:181px; float: left;margin:10px 9px 0 9px;}
.product2 .tit1{font-size: 16px; text-align: center; font-weight: 200; color: #DEDFDF;display: block; padding:8px 0;}
.product2 .tit2{font-size:20px; text-align: center; font-weight: normal; color: #dedfdf; display: block;background: url(../images/product02_line.jpg) top no-repeat; line-height: 48px;}
.product2 .tit2 a{color: #dedfdf;}
.product2 .tit2 a:hover{color: #f2c71d;}

.product3{ width:181px; float: left;margin:10px 9px 0 9px;}
.product3 .tit1{font-size: 16px; text-align: center; font-weight: 200; color: #DEDFDF;display: block; padding:8px 0;}
.product3 .tit2{font-size:20px; text-align: center; font-weight: normal; color: #dedfdf; display: block;background: url(../images/product03_line.jpg) top no-repeat; line-height: 48px;}
.product3 .tit2 a{color: #dedfdf;}
.product3 .tit2 a:hover{color: #af6c16;}

.product4{ width:181px; float: left;margin:10px 9px 0 9px;}
.product4 .tit1{font-size: 16px; text-align: center; font-weight: 200; color: #DEDFDF;display: block;padding:8px 0;}
.product4 .tit2{font-size:20px; text-align: center; font-weight: normal; color: #dedfdf; display: block;background: url(../images/product04_line.jpg) top no-repeat; line-height: 48px;}
.product4 .tit2 a{color: #dedfdf;}
.product4 .tit2 a:hover{color: #1d95d4;}

.product5{ width:181px; float: left;margin:10px 9px 0 9px;}
.product5 .tit1{font-size: 16px; text-align: center; font-weight: 200; color: #DEDFDF;display: block; padding:8px 0;}
.product5 .tit2{font-size:20px; text-align: center; font-weight: normal; color: #dedfdf; display: block;background: url(../images/product05_line.jpg) top no-repeat; line-height: 48px;}
.product5 .tit2 a{color: #dedfdf;}
.product5 .tit2 a:hover{color: #bb77a7;}

.product6{ width:181px; float: left;margin:10px 9px 0 9px;}
.product6 .tit1{font-size: 16px; text-align: center; font-weight: 200; color: #DEDFDF;display: block; padding:8px 0;text-transform: uppercase;}
.product6 .tit2{font-size:20px; text-align: center; font-weight: normal; color: #dedfdf; display: block;background: url(../images/product07_line.jpg) top no-repeat; line-height: 48px;}
.product6 .tit2 a{color: #dedfdf;}
.product6 .tit2 a:hover{color: #bb77a7;}

/*首页关于我们*/
.about{width:100%; margin: 0 auto; background-color: #454345; height:692px;}
.about1{width:1200px; margin:0 auto;}
.about1 h3{text-align:center; font-size:40px; font-family: Arial;  line-height:45px; color:#ffffff; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat; line-height:100px;padding-top: 60px; }
.title2{ text-align:center;font-size:30px; color:#ffffff; line-height:30px; width: 1060px;line-height:60px;}


.about1 .p{ margin-top:30px; line-height: 28px; color: #FFFFFF; width: 960px; text-align: center}



.news{width:100%; margin: 0 auto; background-color: #f6f6f6;}
.news h3{text-align:center; font-size:40px; font-family: Arial;  line-height:45px; color:#686868; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat; line-height:100px;padding-top:20px; }
.title1{ text-align:center;font-size:30px; color:#686868; line-height:30px; width: 1200px;line-height:60px;}
.newsimage{ width:1200px; padding-top:50px; padding-bottom:77px;}
.news1{ width:533px; float:left;  margin-right:30px}
.news2{width:630px; float:left; }
.news2 ul{}
.news2 li{ width:630px; display: block; float: left; line-height:35px; font-size: 16px;}


.case_c{ width:1212px; margin:0 auto;  padding-top:40px;}
.case_c h3{text-align:center; font-size:28px; font-family:"微软雅黑"; line-height:45px; color:#192a3a}
.w{ text-align:center;font-size:18px; color:#CCC; line-height:30px}



.footer{ width: 100%; margin: 0 auto; background: url(../images/bottom_bg.jpg)  center no-repeat; height: 453px;clear: both}
.footerbox{width:1200px; margin:0 auto; padding-top:50px;}
.footer1{width: 310px; float: left;}
.footer1 h3{font-size:16px;  text-align: left; color: #FFFFFF; font-weight: normal;}
.footer1 ul{ width: 100%; background: url(../images/footer_tubiao.png)  left top no-repeat; margin-top:20px;}
.footer1 li{ padding-left: 50px; display: block; line-height: 48px; padding-bottom: 16px; color: #eaeaea;}
.footer1 .more{ width: 200px; float: left; display: block; background-color:#000000; height:32px;text-align: center; line-height:32px; margin-left:10px; margin-top: 15px;}
.footer1 .more a{width: 200px; float: left; display: block;background-color: #000000; height:32px;text-align: center; line-height: 32px;border:2px solid #f6a700;color:#FFF;}
.footer1 .more a:hover{width: 200px; float: left; display: block;background-color: #f6a700;height:32px;text-align: center; line-height: 32px;border:2px solid #FFF; color:#FFF;}
.footer2{width: 340px; float: left; margin-left: 20px;}
.footer2 h3{font-size:16px;  text-align: left; color: #FFFFFF; font-weight: normal;}
.footer2 .share{padding-top: 10px;position: relative}
#shwoimg{position: absolute;right:0;top:0;z-index: 9999;margin-right: -90px;display: none;margin-top: -100px;}


.footer3{width:450px; float:right;}
.footer3 a{color: #fff;display: block}
.footer3 h3{font-size:16px;  text-align: left; color: #FFFFFF; font-weight: normal;}
.footer3 ul{ margin-top:30px; font-weight:bold ; width:100px;float: left;color: #eaeaea;}
.footer3 li{ width:100%; display: block; font-weight: normal; line-height:28px; color: #eaeaea;}
.footer3 li a{color: #eaeaea;}
.footer3 li a:hover{color: #FFFFFF;}
.copy{width: 100%; margin: 0 auto;height:60px; text-align: center;line-height:60px;}
.copy a{color: #454545}

.nabout{ width: 100%; margin: 0 auto;}
.nabout1{width:1200px; margin:0 auto;}
.nabout1 h3{text-align:center; font-size:40px; font-family: Arial;  line-height:45px; color:#c90412; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat; line-height:100px;padding-top:30px; }
.ntitle{ text-align:center;font-size:30px; color:#9ea0a1; line-height:30px; width: 1200px;line-height:60px;}
.nabout2{width:1200px; margin:0 auto; padding-top:30px;}
.nabout2a{ float: left; width: 222px; margin-right: 20px; border-bottom: 3px solid #afafb0; border-top: 3px solid #afafb0;}
.nabout2a ul{}
.nabout2a li{width: 222px; float: left;border-bottom: 1px solid #afafb0; font-size: 18px; font-weight: 500;}
.nabout2a li a{width: 222px;  float: left;color:#8b8c8d;line-height:40px; }
.nabout2a li a em{display: block;line-height: 12px; font-size: 12px; font-style: normal; font-weight: normal;padding-bottom: 10px;}
.nabout2a li:hover{width: 222px;  float: left;border-bottom: 2px solid #eeb0b5; }
.nabout2a li:hover a{color:#c90412 }
.nabout2a li.on{border-bottom: 2px solid #eeb0b5;}
.nabout2a li.on a{color:#c90412 }

.nabout2b{ float: left; width: 958px;line-height: 40PX;font-size: 14PX;color: #858687}
.nabout2b img{ max-width: 100%;height: auto}
.netwrok{width: 700px;margin: 0 auto;}

/*.nabout2b .p{ margin-top:55px;font-size: 16px; line-height: 40px; color: #858687;}
.nabout2b .p2{ margin-top:55px;font-size: 16px; line-height: 40px; color: #858687; padding:50px;}*/

.nnews1{width:1200px; margin:0 auto;}
.nnews1 h3{text-align:center; font-size:40px; font-family: Arial;  line-height:45px; color:#686868; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat; line-height:100px;padding-top:30px; }
.ntitle{ text-align:center;font-size:30px; color:#9ea0a1; line-height:30px; width: 1200px;line-height:60px;}
.nnews2{width:1200px; margin:0 auto; padding-top:30px; margin-bottom: 20px;}
.nnews2a{ float: left; width: 222px; margin-right: 20px; border-bottom: 3px solid #afafb0; border-top: 3px solid #afafb0;}
.nnews2a ul{}
.nnews2a li{width: 222px; float: left;border-bottom: 1px solid #afafb0; font-size: 18px; font-weight: 500;}
.nnews2a li a{width: 222px;  float: left;color:#8b8c8d;line-height:40px; }
.nnews2a li a em{display: block;line-height: 12px; font-size: 12px; font-style: normal; font-weight: normal;padding-bottom: 10px;}
.nnews2a li:hover{width: 222px;  float: left;border-bottom: 2px solid #3163e2; }
.nnews2a li:hover a{color:#3163e2 }
.nnews2a li.on{border-bottom: 2px solid #3163e2;}
.nnews2a li.on a{color:#3163e2 }

.news_l{ float:left;width:1200px;background-color:#FFF; margin-bottom:20px;}
.news_l1{width:21%; float:left;}
.news_l1 img{border:1px solid #CDCDCD;width: 100%;height:167px;}
.news_l2{ width:75%; float:right;}
.news_l2 h4,.news_l2 h4 a{ font-size:16px; font-weight:normal; color:#683e07;}

.news_l2 ul{ padding-top:10px; }
.news_l2 ul li{font-size:14px; padding-right: 15px;}
.news_l2 ul li a{ color:#545454;}
.news_l2 ul li a:hover{ color:#3163e2}
.news_l .date{font-size:12px; color:#999; line-height: 60px;}

.page{ width:100%;height: 30px; padding: 30px 0;clear: both}
.page ul{width:180px;margin: 0 auto}
.page li{ display: block; width:30px;  float: left; text-align: center ; font-size:14px; margin:0 1px;line-height: 30px;}
.page li a{ display: block;color:#fff;background: #000;}
.page li a:hover{background:#f6a700;}
.page ul .cur a{ color: #fff; display: block;background:#f6a700;}

.news3{margin-top:20px;font-size: 14px; line-height:28px; color: #858687; width: 1000px; margin: 0 auto}


.ncontact{float: left; width: 958px;font-size: 16px; line-height: 40px; color: #858687}
.ncontact1{width:300px;  float: left ; margin-right: 20px;}
.ncontact2{ float: left}

.ncontact3{width: 958px; margin: 0 auto; margin-top: 60px; border-top: 2px solid #BBBBBB}
.ncontact3 ul{}
.ncontact3 li{width:479px; float: left;font-size: 14px; margin-bottom: 15px;border-bottom: 1px solid #ececec}


.nproduct1{width:1200px; margin:0 auto;}
.nproduct1 h3{text-align:center; font-size:40px; font-family: Arial;  line-height:45px; color:#f29100; font-weight: bold; background: url( ../images/title_bg.png) bottom no-repeat; line-height:100px;padding-top:10px; }
.ntitle{ text-align:center;font-size:30px; color:#9ea0a1; line-height:30px; width: 1200px;line-height:60px;}
.nproduct2{width:1200px; margin:0 auto; margin-top: 20px;}
.nproduct2a{ float: left; width: 222px; margin-right: 20px; border-bottom: 3px solid #afafb0; border-top: 3px solid #afafb0;}
.nproduct2a ul{}
.nproduct2a li{width: 222px; float: left;border-bottom: 1px solid #afafb0; font-size:20px; font-weight:500;}
.nproduct2a li a{width: 222px;  float: left;color:#8b8c8d;line-height:55px; }
.nproduct2a li a em{display: block;line-height: 12px; font-size: 12px; font-style: normal; font-weight: normal;padding-bottom: 10px;}
.nproduct2a li:hover{width: 222px;  float: left;border-bottom: 2px solid #f8b300; }
.nproduct2a li:hover a{color:#f8b300 }
.nproduct2a li.on{border-bottom: 2px solid #f8b300;}
.nproduct2a li.on a{color:#f8b300 }

.nproduct2b{ float: left; width: 958px;}
.nproduct2b ul.nypro{clear: both;min-height: 350px;}
.nproduct2b li{ width: 220px; float: left; margin-right: 19px; display: block; margin-bottom: 19px;}
.nproduct2b span{ display: block; text-align: center; line-height:30px;}

.nproduct3b{width:800px; margin: 0 auto;line-height: 40px; color: #858687; }

.table{background:#ccc;text-align:left;margin-bottom:5px;margin-top:3px;width:100%;}
.table tr{ background:#fff;}
.table td{padding:0px 5px;line-height:40px;}

.fh{width:800px; margin: 0 auto; text-align: center; margin-top: 60px;}

.shangb{padding-bottom: 10px;text-align: center}
.shownews{padding: 20px 0 50px 0;width: 1200px;margin: 0 auto;}
.shownews h1,.showpro h1{font-size: 18px; text-align:center;display: block; line-height: 80px;font-weight: normal;}

.pageContent_end{clear:both;padding-top:30px;text-align:right;padding-right:20px;padding-bottom: 50px;}

.searchList ul{
	WIDTH: 100%;
}
.searchList ul li {
	PADDING-BOTTOM: 10px;WIDTH: 100%;
	text-align:left;
}
.searchList ul li a {
	HEIGHT: 24px; TEXT-ALIGN: center; MARGIN: 3px 5px 0px 0; DISPLAY: inline-block; LINE-HEIGHT: 24px;
	border: 1px solid #FFFFFF; BACKGROUND: #ccc; COLOR: #000; PADDING: 4px 13px; WIDTH: auto; border-radius: 5px;font-size: 16px;
}
.searchList ul li span {
	HEIGHT: 24px; TEXT-ALIGN: center; MARGIN: 3px 5px 0px 0; DISPLAY: inline-block; LINE-HEIGHT: 24px;
	border: 1px solid #FFFFFF; BACKGROUND: #E60013; COLOR: #fff; PADDING: 4px 13px; WIDTH: auto; border-radius: 5px;font-size: 18px;
}
.searchList ul li a:hover,.searchList ul li a.active, .searchList ul li span.active {
	border: 1px solid #fff; BACKGROUND: #f29100;COLOR: #FFF; PADDING: 4px 13px;WIDTH: auto;  border-radius: 5px
}

.itemName {
	width:100%;
	margin:10px auto;
	font-size:16px;
	font-weight:600;
	color:#666666;
	text-align:center;	
}

.return{padding:0 0 35px 0;text-align: center;clear: both;width: 100px;text-align: center;margin: 0 auto;height: 30px;}
.return a{color: #fff;line-height: 30px;display: block;background: #e80113;height:30px; }
.showpro{width: 958px;margin: 0 auto;text-align: center}
.showpro table{
	border-collapse:collapse;width: 100%;
}
.showpro td{
	padding-left:5px;border: 1px solid #cccccc ;text-align: left;
}
.showpro img{max-width: 100%;height: auto;padding:3px 0;margin-bottom:25px;}
.myTable{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:589px;
	min-width:589px;
	margin:10px auto 0 auto;
}
.myTable td, .myTable th{
	border:1px solid #ccc;
	padding:0 5px;
}
input,textarea,select {
	color:#666666;
	font-size:14px;
	border:1px solid #ccc;font-family: "Microsoft YaHei";
}
input{
	height:30px;
}
.btn{width:80px;background: #000;color: #fff;line-height:38px;height: 38px;}
#formWrite td{
	padding:3px 0;
}
