body{
	font-family: '微软雅黑', sans-serif;
	font-size: 14px;
	color:#000;	
	-ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	/*-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;*/
	overflow-x: hidden;
}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
*{margin: 0;padding: 0;list-style: none;font-family: "微软雅黑";}
a{color: #000;text-decoration: none;}
#dituContent img{max-width: none;}
.clear{clear: both;}
img{max-width: 100%;}
.w1300{width: 1300px;margin: 3% auto;}
.m1300{width: 1300px;margin: 3% auto;}
.curr{background: #f2f2f2;color: #F9A000;}
.over{background: #ccc;color: #fff;}


.nav_h{height: 30px;padding-top: 0.5%; background: #F2F2F2;}
.nav_h .m1300{margin: 0 auto;}
.nav_h li{width: 20px;float: left;margin-right: 8px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nav_h li img{width: 100%;}
.nav_h li:hover{transform:translate(0,-1px);-webkit-transform:translate(0,-1px);-moz-transform:translate(0,-1px);-o-transform:translate(0,-1px);-ms-transform:translate(0,-1px);}
.nav_ul{float: right;}
.nav_ul ol{float: left;margin-left: 10px; color: #484848;}
.nav_ul img{width: 20px;vertical-align:middle;margin-right: 5px;}

header{width: 1300px;margin: 10px auto; }
header div{float: left;}
.head_logo{width: 35%;padding-top: 3px;}
.head_nav{width: 65%;float: right;}
.head_nav li{float: left;width: 14%; text-align: center; height: 60px;margin-top: 2%; line-height: 60px; font-size: 18px;font-family: "Roboto";}
.head_nav li:hover{background-color: #f1f1f1;color: #F9A000;}


.in_tit h3{text-transform: uppercase; font-size: 40px;color: #484848; text-align: center;margin: 1%; background: url(../img/bgbt.png) no-repeat center;}
.in_tit p{text-align: center; color: #686868; text-align: center;margin-top: 10px;}
/*首页  关于我们*/
.in_about{zoom: 1;background: #F1F1F1;padding: 3% 0;}
.in_about:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.ab_le{width: 47%;float: left;}
.ab_le p{font-size: 15px;color: #F9A000;}
.ab_le h3{padding: 1% 0;font-size: 40px;letter-spacing:1px;}
.ab_le li{line-height: 28px;}
.ab_rig{width: 40%; float: right;}

/*首页 产品中心*/
.pro_tus{padding-top: 2%;zoom: 1;}
.pro_tus:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.pro_tus div{width: 30.5%;float: left;text-align: center; margin: 0 1%;background: #fff;border: 3px solid #F9A000;background: #F9A000;}
.pro_tus div:hover img{transform: scale(1.05);}
.pro_tus div li{overflow: hidden;}
.pro_tus div ol{padding: 1em 1%;color: #090101;color: #fff; line-height: 1.5em;text-align: center;font-weight: 700;text-transform: uppercase; font-size: 16px;letter-spacing:1px;}
.pro_tus div img{width: 95%;transition: all 0.8s;margin-top: 10px;}

/*制造体系*/
.zztx{background: url(../img/bg_zz.png);zoom: 1;padding: 3% 0;}
.zztx .w1300{margin: 0 auto;}
.zztx_xx{margin-top: 20px;}
.zztx:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.zztx ul{width: 23%;margin: 1%; float: left;}
.zztx ul li{overflow: hidden;}
.zztx ul img{width: 100%;transition: all 1.5s;}
.zztx ul:hover img{transform: scale(1.2);}
.zztx ul:hover ol{background: #F9A000; color: #fff;}
.zztx ul ol{text-align: center;margin-top: 5px;background: #f1f1f1;padding: 4% 0;}

/*首页 新闻中心*/
.new_div{margin-top: 3%; zoom: 1;}
.new_div:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.new_div ul{width: 29%; border: 1px solid #ccc; float: left; padding-bottom: 3%; padding: 1%; margin: 1%;}
.new_div ul:hover{border: 1px solid #F9A000;}
.new_div ul img{width: 100%;}
.new_div ul h5{width: 90%; font-size: 16px;color: #F9A000;margin: 2% 0;text-transform: uppercase; }
.new_div ul ol{width: 100%;  font-size: 14px;  color: #121111;  margin-top: 10px; margin-left: 0px;}

.in_cent{width: 100%;padding: 2% 0;background: #f1f1f1;color: #484848;font-size: 20px;text-align: center;text-transform: uppercase;}

/*底部*/
footer{ zoom: 1;padding: 3% 0;padding-bottom: 2.5%; background: #292929;color: #fff;}
footer:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
.foot{width: 1300px;margin: 0 auto;zoom: 1;}
.foot:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;   }
footer ul{width: 30%;float: left;}
footer ul li{overflow : hidden;line-height: 32px; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.foot div{float: left;padding-left: 3%;margin-left: 2%;border-left: 1px dashed #ccc;}
.foot h3{color: #fff;}
.foot_div1{width: 10%;}
.foot_div1 h3{margin-bottom: 3px;}
.foot_div1 li{line-height: 30px;color: #fff;}
.foot_div2{width: 20%;}
.foot_div2 li{line-height: 30px;}
.foot_div3{width: 22%;}
.foot_div3 li{line-height: 26px;}
.du{text-align: center;width: 100%;}
.du li{line-height: 50px; background: #292929;color: #fff;border-top: 1px solid #fff;}

/**/
.banner{width: 100%;overflow: hidden;}
.banner img{width: 100%;}


.title{margin-bottom: 2%; align-items: center;}
.title h3{text-transform:Capitalize; font-size: 2rem;color: #F9A000; text-align: center;margin: 0 auto;font-size: 35px;}
.title hr{width: 5em;height: 5px;display: block;background: #C6C6C6;border: 0;margin: 0 auto;}
/*关于我们*/
.ab_div1{width: 100%;}
.ab_div1 ul{font-size: 16px;line-height: 30px;letter-spacing:2px;color: #282828;}
.ab_div1 ul li{margin-top: 15px;}
.ab_div2 ul{width: 23%;padding: 4% 1%;float: left;}
.ab_div2 ul ol{width: 25%;padding: 5%;margin: 0 auto; border-radius: 50%;background: #F9A000;}
.ab_div2 ul ol img{text-align: center;}
.ab_div2 ul li{text-align: center; line-height: 30px;margin-top: 1%; font-size: 18px;}
.ab_div3 .wh{width: 40%;float: left;}
.wh ul{width: 100%;padding: 3% 0;border-bottom: 1px solid #ccc;}
.wh ul ol{color: #F9A000;font-size: 20px;line-height: 30px;font-weight: 700;text-transform: Uppercase;}
.wh ul li{line-height: 50px;color: #282828;font-size: 16px;}
.ab_div3 .lc{width: 50%;float: right;}
.lc h3{font-size: 20px;color: #F9A000;text-transform: Uppercase;margin-bottom: 1em;}
.lc ul{margin-bottom: 1%;}
.lc ul ol{font-size: 18px;font-weight: 700;color: #F9A000;}
.lc ul li{list-style-type: circle;margin-left: 2em;line-height: 30px;}
.ab_div4{margin: 5%;}
.ab_div4 ul li{float: left;width: 28%;margin: 1%; padding: 1.5% 1.5%;border: 1px solid #ccc;}
.ab_div4 ul{zoom: 1;}
.ab_div4 ul:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}

/*制作能力*/
.ability h3{text-align: center;font-size: 30px;color: #484848;margin: 0.5em;text-transform: Uppercase;}
.ty_nl{width: 100%;border: 1px solid #ccc;zoom: 1;}
.ty_nl:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.ty_nl ul{width: 50%;float: left;display: table-cell; vertical-align:middle;}
.ty_nl ul ol{width: 15.65%;height: 3em;float: left;border: 1px solid #ccc;padding:  1%;text-align: center;}
.ty_nl ul li{height: 3em; width: 79%;float: right;border: 1px solid #ccc;padding:  1%;}

.ty_sb{width: 48%;float: left;margin: 1%;}
.ty_sb ul{width: 44%;margin: 1% 2.4%;float: left;border: 1px solid #ccc;}
.ty_sb ul img{width: 100%;}
.ty_sb ul li{text-align: center;padding: 2% 0;}


/**/
.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.3;
	opacity: .30;
	filter: alpha(opacity=30);
}

.white_content {
	display: none;
	position: fixed;
	top: 15%;
	left: 15%;
	width: 65%;
	height: 70%;
	padding: 20px;
	border: 5px solid orange;
	background-color: white;
	z-index: 1002;
	overflow-y:  hidden;
}
.white_content>img{width: 100%;}
.gb{width: 30px;height: 30px;position: absolute;top: 0;right: 0;}
.le_top{width: 17.8%;float: left;margin: 1%;text-align: center;}
.back ol{font-size: 18px;text-transform: Uppercase;}
.back li img{width: 50%;}

/*产品*/
.cont_left{clear: both;margin: 20px 0;zoom: 1;}
.cont_left:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.cont_left li{width: 25px;float: left;}
.cont_left ol{float: left;margin-left: 1em;line-height: 28px;}

.pro_ny{width: 28%;margin: 1.5% 1%; float: left;padding:1.5%;border: 1px solid #ccc;}
.pro_ny li{font-size: 16px;letter-spacing:1px;line-height: 30px;font-weight: 700;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.pro_ny ol{overflow : hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.pro_ny:hover{border:1px solid #F9A000;}
.pro_ny:hover li{color: #F9A000;}
.pro_ny:hover ol span{color: #F9A000;}
/*.pro_ny ol span{ overflow : hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}*/

.pro_top{zoom: 1;}
.pro_top:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.pro_le{width: 500px;float: left;}
.pro_deil .box{width: 500px;height: 400px; margin: 20px auto; overflow: hidden;position: relative;}
.pro_deil .box-1 ul{}
.pro_deil .box-1 ul li{width: 500px;height: 400px;position: relative;overflow: hidden;}
.pro_deil .box-1 ul li img{display:block;width: 500px; height: 400px;}
.pro_deil .box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.pro_deil .box-2{position: absolute;right: 10px;bottom: 14px;}
.pro_deil .box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.pro_deil .box-2 ul .on{background: rgba(255,255,255,0.6);}
.pro_deil .box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.pro_deil .box-3 .prev{left: 10px;}
.pro_deil .box-3 .next{right: 10px;}
.pro_deil .box-3 span::selection{background: transparent;}
.pro_deil .box-3 span:hover{background: rgba(125,125,120,.8);}

.pro_rig{width: 55%;float: right;padding: 1% 0;}
.pro_rig h3{line-height: 30px;font-size: 20px;letter-spacing: 1px;margin: 5px 0;}
.pro_rig li{line-height: 30px;letter-spacing: 1px;}
.pro_rig ul{border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.pro_rig div{margin-top: 20px;zoom: 1; width: 48%;padding: 1% 4%;vertical-align:middle; background: #F9A000;font-size: 23px;text-align: center; color: #fff;}
.pro_rig div:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.pro_rig div li{float: left;margin-top: 5px;}
.pro_rig div ol{float: left;line-height: 55px;padding-left: 10px;}
/*.pro_rig div img{margin-top: 20px;}*/
.pro_xian{margin-top: 5%;margin-bottom: 10%;}
.pro_xian h4{border-bottom: 1px solid #ccc;margin-top: 10px; font-size: 25px;padding: 1%;color: #686868;}
.pro_xian .dd table{width: 100%;border-collapse:collapse;margin-top: 1em;border: #ccc;}
.dd table tr{width: 50%;float: left;}
.dd table th{width: 29.7%;float: left;padding: 1.5em 0;}
.dd table td{width: 61%;float: left;padding: 1.5em 2em;}
.d1{zoom: 1;}
.d1:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.d1 ul li{float: left;width: 33%;padding: 1% 0.11%;}
.d1 h4{text-align: center;}

.pro_more h3{border-bottom: 1px solid #ccc;margin-top: 10px; font-size: 25px;padding: 1%;color: #686868;}
.pro_more ul{width: 30%; margin: 2% 1.5%; float: left;text-align: center;border: 1px solid #ccc;}
.pro_more ul:hover li img{transform: scale(1.2);}
.pro_more ul:hover{color: #F9A000;}
.pro_more ul li img{transition: all 1.5s;}
.pro_more ul li{padding: 1%;overflow: hidden;}
.pro_more ul ol{line-height: 30px;padding: 2% 0; background: #F1F1F1;}

/*分页*/
.page{text-align: center;width: 160px;margin: 1% auto;zoom: 1;}
.page:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.page li{width: 30px;height: 30px; border: 1px solid #aaa;float: left;line-height: 30px;}
.page li:hover{color: #fff;background: #ccc;}

/*新闻中心*/
.news>div{width: 96%;padding: 2%;border: 1px solid #ccc;zoom: 1;margin-bottom: 20px;}
.news>div:after{content: "020"; display: block;  height: 0;  clear: both;  visibility: hidden;}
.news>div:hover{border: 1px solid #F9A000;}
.news>div:hover li{color: #F9A000;}
.newimg{width: 23%;float: left;}
.newtit{width: 74%;float: right;}
.newtit>li{font-size: 20px;margin-bottom: 8px;}
.newtit>ol{line-height: 28px;overflow : hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newtit a li{width: 7em;margin-top: 5px; padding: 1% 0;text-align: center;float: right; background: #F1F1F1;color: #666;font-size: 15px;}

.newsde h3{font-size: 25px;text-align: center;margin-bottom: 0.5%;}
.newsde p{text-align: center;}
.newsde div{width: 100%;margin: 15px 0;}
.newsde div li{width: 100%;word-wrap:break-word; word-break:normal;line-height: 28px;letter-spacing:1px; }
.newsde a p{margin-top: 8px;background: #eee;border-radius: 8px; width: 5em;padding: 1% 1%;}
.newsde a:hover{color: #F9A000;}




