@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding: 0px;
}
body{
	font-family: "Microsoft YaHei";
	font-size:14px;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color:#000;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}
.header{
	width:100%;
}
.head{
	width:1000px;
	margin: 0 auto;
	height: 60px;
}
.header span{
	line-height:60px;}
.head span b{
	color:#16416a;
}
.clearfix {
    clear: both;
}

nav {
    font-family: Helvetica;
    text-align: right;
    text-transform: uppercase;
    background-color: #2b2b2b;
    z-index: 9999;
}

.lanrenzhijia {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    list-style-type: none;
}

.lanrenzhijia li {
    display: inline-block;
    position:relative;
}

.lanrenzhijia a {
    color: #9d9d9d;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 15px 50px;
    box-sizing: border-box;
}

.lanrenzhijia a:hover {
    color:#fff;
}
.second a{
	padding:10px 20px;
	text-align:center;

}
.second a:hover {
    color:#000;
}
.lanrenzhijia li .second{position:absolute;left:0;display:none;z-index: 9999;}
.current_page {
    background-color: black;
}

.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}
.second{position:absolute;left:0;display:none;}

.index_03_wrapper{
	width: 100%;
	position: relative;
	height: 700px;
}
.index_03_main{
	width: 1200px;
	margin: 0 auto;
}
.index_03_main font{
	font-size: 30px;
	text-align:center;
	line-height: 40px;
	display: block;
	padding: 50px 0px;
}
.floatImgWrap{
	background:url(../images/index_01.png);
	height: 486px;
	position: relative;
}
.index_list1,.index_list3{
	width:30%;
	float:left;
}
.index_list1 img,.index_list3 img{
	margin: 25px 0px 0px 35px;
	float: left;
}
.index_list1 span,.index_list3 span{	
	padding: 56px 17px;
	display: block;
	color: #fff;
	float: left;
	font-size: 26px;
}
.index_list3 span{
	color:#000;
}
.index_list2,.index_list4{
	width:30%;
	float: right;
}
.index_list2 img,.index_list4 img{
	float:right;
	margin: 20px 30px 0px 0px;
}
.index_height{
	margin: 190px 0px 0px 0px;
	}
.index_list2 span,.index_list4 span{
	padding: 56px 0px 56px 52px;
	display: block;
	color: #000;
	float: left;
	font-size: 26px;
}
.index_list4 span{
	 color: #fff;
}
.index_04_wrapper{
	width: 100%;
	background: url(../images/index_02.jpg) center center;
	height: 500px;
}
.index_04_main{
	width: 1000px;
	margin: auto;
}
.index_04_title{
	border-left: 5px solid #1e50ae;
	padding: 0px 0px 0px 15px;
	color: #fff;
	margin: 120px 0px 0px 0px;
}
.index_04_title big{
	display: block;
	font-size: 22px;
}
.index_04_title small{
	font-size: 16px;
}
.index_cont{
	width: 50%;
	color: #fff;
	margin: 50px 0px 0px 0px;
	line-height: 24px;
}
.inedx_05_wrapper{
	width: 100%;
	height: 380px;
}
.index_05_main{
	width: 1000px;
	margin:0 auto;
}
.index05_mian_a{
	width: 48%;
}
.index05_mian_b{
	width: 50%
}
.index05_mian_a img{
	margin:80px 0px 50px 0px;
	width: 80%;
}		
.index05_mian_a  p{
	line-height: 24px;
}
.index05_mian_b{
	margin: 28px 0px 0px 0px;
}
.index05_mian_b img{
	margin: 5px;
}
.footer{
	width:100%;
	background:#303030;
	height: 300px;
}
.foot{
	width: 1000px;
	margin: 0 auto;
	font-size: 16px;
}
.foot_left{
	width:50%;
	color: #747a85;
	margin: 60px 0px 0px 0px;
	float: left;
}
.foot_left p{
	line-height: 36px;
}
.foot_right{
	width: 46%;
	float: left;
}
.foot_right ul{
	width: 50%;
	float:left;
	margin: 70px 0px 0px 0px;
}
.foot_right ul li a{
	color: #747a85;
	line-height: 36px;
}


.about{
	width: 1000px;
	margin: 50px auto;
	color: #000;
}
.about_left{
	width: 48%;
}
.about_title{
	border-bottom:2px solid #ccc;
	display:block;
	width:220px;
	padding: 0px 0px 10px 13px;
}
.about_left big{
	font-size:30px;
}

.about_left small{
	font-size:20px;
}
.about_cont{
	margin:20px 0px 0px 0px
}
.about_cont p{
	line-height:26px;
	text-indent: 2em;
}
.about_right{
	width: 48%
}
.n_banner {
    width: 100%;
    overflow: hidden;
    height: 420px;
    position: relative;
    z-index: 99;
    background: url(../images/n_banner.jpg);
}
.n_banner img{
	position: absolute;
    width: 1920px;
    height: 420px;
    left: 50%;
    top: 0;
    margin-left: -960px;

    z-index: 100;
}
.index_title{
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 30px;
	color: #16416a;
	margin: 30px 0px 30px 0px;
}
.product_wrapper,.contact_wrapper{
	width: 1000px;
	margin: 0 auto;
}
.list{
	width: 29%;
	float: left;
	border: 1px solid #ccc;
	margin: 2%;
}
.list:hover{
	border: 1px solid #16416A;
}
.list:hover p{
	background:#16416A;
	color:#fff
}
.list a{
	display: block;
    width: 100%;
    position: relative;
}
.list img{
	width: 100%;
}
.list p{text-align: center;line-height: 50px;height: 50px;background: #E3E3E4;}
.pro_p{
	text-align: center;
	font-size: 18px;
	color: #656565;
	padding: 0px 0px 40px 0px;
}
.pro_fl{
	width: 1000px;
	height: 50px;
	text-align: center;
	margin: auto;
	display: block;
}
.pro_fl ul{
	margin: 0px 100px;
}
.pro_fl li{
	float: left;
	display: block;
	background:#f0f0f0;
	margin:0px 20px;
	padding: 8px 30px;
}
.pro_fl .active{
	background:#16416a;
}
.pro_fl .active a{
	color:#fff
}
.pro_fl li:hover{
	background:#16416a;
}
.pro_fl li:hover a{
	color:#fff
}

.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

.contact,.shebei{
	width: 1000px;
	margin:30px auto;
}
.shebei li{
	float: left;
	width: 30%;
	margin:2% 1%;
}
.shebei li img{
	width: 100%;
	height: 202px;
}

.mould_title p{
	line-height:30px;
}

.cont_title{
	text-align: center;
	margin:40px 0px;
}
.cont_title big{
	font-size: 30px;
	display: block;
}
.cont_title small{
	font-size:18px;
	color:#666;
	line-height: 32px;
}
.cont_list{
	width: 200px;
	float: left;
	text-align: center;
	background: url(../images/cont_bg.png) no-repeat;
	margin: 0px 20px;
	height: 170px;
}
.cont_list img{
	margin: 15px  40px;
}
.cont_list p{
	line-height: 28px;
font-size:13px;
}
.cont_img{
	margin:60px 0px;
}

.cont_img iframe{
	width:100%;
	min-height:400px;
	border:none;
}


@media (max-width: 760px) {
	ul#pagination{
		display:none
	}
    #menu_button_wrapper{
        display: block;
        padding: 1em;
        color: #9d9d9d;
        border-bottom: 1px solid #101010;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        /* margin-bottom: .5em; */
    }
    
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    #menu_button:hover {
        cursor: pointer;
        background-color: #333;
    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    .lanrenzhijia {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

     .lanrenzhijia li {
        display: block;
    }
    
     .second a {
        width: 100%;
        background: #2b2b2b;
    }
    .head{
    	width:100%
    }
    .head img{width: 45%;margin: 10px 0px 0px 0px;}
    .head span{
    	display:none
    }
    .index_03_wrapper{
	width: 100%;
	position: relative;
	height: 337px;
	}
    .index_03_main{
    	width:100%
    }
	.index_03_main font{
		font-size:20px;
		padding: 20px 0px;
	}	
	.floatImgWrap{
	background: url(../images/index_01_1.png) center center;
	height: 200px;
	position: relative;
	width:100%;
	}
	.index_list1 img,.index_list3 img{
	display: none;
	}
	.index_list1 span,.index_list3 span{
	padding: 20px 8px;
	display: block;
	color: #000;
	float: left;
	font-size: 14px;
	}
	.index_list2 span,.index_list4 span{
	padding: 18px 0px 1px 23px;
	display: block;
	color: #000;
	float: left;
	font-size: 14px;
	}
	.index_list2 img,.index_list4 img{
	display: none;
	}
	.index_height{
		margin: 78px 0px 0px 0px;
	}
	.index_04_main {
		width:100%
	}
	.index_04_wrapper{
	height: 400px;
	}
	.inedx_05_wrapper{
	width: 100%;
	height: 520px;
	}
	.index_cont{
		width:90%;
		margin:20px auto
	}
	.index_04_title{
	padding: 0px 0px 0px 15px;
	color: #fff;
	margin: 50px 0px 0px 20px;
	}
	.index_05_main{
	width: 100%;
	}
	.index05_mian_a {
		width:100%;
	}
	.index05_mian_a img{
		margin: 20px auto;
		display:block
	}
	.index05_mian_b {
		width:100%
	}
	.index05_mian_b img{
		width: 45%;
		float:left;
	}
	.index05_mian_a  p{
	line-height: 24px;
	width:90%;
	margin:auto
	}
	.footer{
		height: 255px;
	}
	.foot{
		width:100%;
	}
	.foot_left{
		width: 80%;
		margin: 20px auto;
		float: none;
	}	
	.foot_right{
		display:none
	}
	.n_banner img{
	position: absolute;
	width: 100%;
	height: 357px;
	z-index: 100;
	left: 0px;
	margin: 0px;
	}
	.about{
		width:100%
	}
	.about_title{
		margin:0px 0px 0px 20px
	}
	.about_left{
	width:100%;
	}
	.about_cont p{
	width:90%;
	margin:auto
	}
	.about_right{
		display:none
	}
	.n_banner {
    overflow: hidden;
    height: 248px;
    position: relative;
    z-index: 99;
    background: url(../images/n_banner_s.jpg) center center;
	 }
 	
	.product_wrapper,.contact_wrapper{
	width: 100%;
	margin: 0 auto;
	}

	.pro_fl{
	width: 100%;
	height: 100px;
	}
	.pro_fl ul{
	 margin: 0px auto;
	}
	.pro_fl li{
	float: left;
	display: block;
	background:#f0f0f0;
	margin: 5px 5%;
	padding: 10px 16px;
	width: 40%;
	}
	.list{
	width: 45%;
	float: left;
	border: 1px solid #ccc;
	margin: 2%;
	}
	.pro_p{
	padding: 0px 0px 11px 0px;
	}
	.contact,.shebei{
		width:100%;
	}
	.cont_title{
	margin: 10px 0px;
	}
	.shebei li{
	float: left;
	width: 46%;
	margin: 2% 2%;
	}
	.mould_title p{
		width:95%;
		margin:0 auto
	}
	.cont_list{
	background: none;
	width: 46%;
	float: left;
	margin: 0px 2%;
	}
	.cont_list img{
	margin: -1%;
}
.cont_list p{
	line-height: 28px;
}

	.cont_img{
	display: none;
	} 
	.zuzhi{
		display: none;
	}
}