/* ban */
.ban{width: 100%; height: 300px; background: url(../images/ban.jpg) center no-repeat;}


/* nav_content */
.nav_content p{font-size: 14px; color: #909090; line-height: 50px; border-bottom: 1px #d7d7d7 solid;}
.nav_content p a{font-size: 14px; color: #909090; line-height: 50px;}
.nav_content p a:hover{color: #000;}

/* about */
.about{margin-top: 60px;}
.about div h2{font-size: 24px; color: #262626; line-height: 70px; font-weight: bold;}
.about div p{font-size: 16px; color: #000; line-height: 24px; margin-bottom: 24px;}
.about .fr{margin-left: 30px;}

/* product_nav */
#nav{width:1200px; margin:20px auto; height:40px; line-height:40px; background:#00489a; display:block; overflow:hidden;}
#navMenu ul{width:950px; float:left; height:40px;}
#navMenu li{float:left; font-size:14px;}
#navMenu li a{color:#fff!important; text-decoration:none; width:120px; height:40px; line-height:40px; text-align:center; display:block;}
#navMenu li a.current{background:#003776; width:120px;	height:40px; line-height:40px; text-align:center; display:block; color:#fff;}
#navMenu li a:hover{background:#003776;}
.dropMenu{position:absolute; top:0; z-index:100; visibility:hidden; margin-top:-1px; border-top:0; background-color:#cbdef4; box-sizing:border-box; width:120px;}
.dropMenu li{float:left; width:120px; height:48px;}
.dropMenu li a{display:block; color:#0f335d; text-align:center; line-height:48px; font-size: 14px;}
.dropMenu a:hover{color:#6589b2;}

/* product_list */
.product_list ul{width: 1220px; overflow: hidden; margin-top: 40px;}
.product_list ul li{float: left; width: 285px; margin-right: 20px; margin-bottom: 20px;}
.product_list ul li a div{overflow: hidden; box-sizing: border-box; border: 1px #d3d3d3 solid;}
.product_list ul li a div img{width: 285px; transition:all 0.6s;}
.product_list ul li a h2{font-size: 16px; color: #000; line-height: 50px; text-align: center; height: 50px; overflow: hidden;}
.product_list ul li a:hover div img{transform: scale(1.1);}
.product_list ul li a:hover h2{color: #00489a;}

/* pagination */
.pagination{text-align:center; font-size: 0; padding-top: 30px;}
.pagination a{line-height:36px; padding:3px 12px; background:#fff; color:#454545; font-size:14px; margin: 0 5px; border: 1px #454545 solid; border-radius: 14px; white-space:nowrap;}
.pagination a:hover{background:#00489a; color:#fff; border: 1px #00489a solid;}
.pagination .shu{background:#fff; color: #000; padding:3px 8px;}
.pagination .xian{background:#00489a; color: #fff; border: 1px #00489a solid; font-size: 14px; border: 1px #00489a solid; border-radius: 14px;margin: 0 5px;}

/* product */
.product{width: 800px; margin: 0 auto;}
.product h2{font-size: 24px; color: #232323; line-height: 30px; text-align: center; margin-top: 80px; margin-bottom: 40px;}
.product img{margin: 0 auto;}
.product .xq{border-bottom: 1px #d7d7d7 solid;}
.product .xq span{display: block; width: 100px; height: 34px; background: #00489a; text-align: center; color: #fff; line-height: 34px; font-size: 14px;}

/* honor */
.honor{overflow: hidden; margin-top: 60px;}
.honor .fl{width: 250px;}
.honor .fr{width: 900px;}
.honor .fr h2{font-size: 24px; color: #262626; line-height: 80px; font-weight: bold;}
.honor .fr p{font-size: 16px; line-height: 24px;}

/* network */
.network{margin-top: 40px;}
.network h2{font-size: 24px; color: #262626; line-height: 80px;}
.network p{font-size: 16px; line-height: 24px;}
.network img{margin: 40px auto;}

/* feedback */
.feedback{width: 900px; margin: 50px auto;}
.feedback div{overflow: hidden; margin-bottom: 30px;}
.feedback div p input{font-size: 16px; width: 100%; border: 0; box-sizing: border-box; height: 40px; line-height: 40px; text-indent: 10px; border: 1px #c8c8c8 solid;}
.feedback div .fl{padding-right: 15px; width: 50%; box-sizing: border-box;}
.feedback div .fr{padding-left: 15px; width: 50%; box-sizing: border-box;}
.feedback div textarea{font-size: 16px; width: 100%; padding: 0; box-sizing: border-box; border: 1px #c8c8c8 solid; height: 80px; line-height: 40px; text-indent: 10px; font-family: Arial;}
.feedback div .dian{width: 14px; height: 14px; margin: 13px 5px;}
.feedback div span{font-size: 16px; color: #575757; margin-left: 5px; margin-right: 20px; line-height: 40px;}
.feedback div .tj{width: 200px; height: 40px; border: 0; background: #d40022; color: #fff; font-size: 16px; display: block; margin: 0 auto;}
.feedback .note{border-top: 1px #c8c8c8 solid;}
.feedback .note p{font-size: 14px; line-height: 60px;}
.feedback .note p span{color: #000;}

/* contact_us */
.contact_us{width: 900px; margin: 50px auto;}
.contact_us .left{width: 380px; float: left;}
.contact_us .left h2{font-size: 24px; color: #262626; font-weight: bold; line-height: 60px;}
.contact_us .left p{font-size: 16px; line-height: 24px;}
.contact_us .right{width: 400px; float: right;}
.contact_us .ditu{width: 900px; height: 380px; border: 1px #cfcfcf solid; margin-top: 50px; box-sizing: border-box;}