﻿@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%; position:relative;}
body {color:#fff;margin:0; padding:0;  font-size:12px;min-width:1200px;font-family:arial;}
*{ margin:0; padding:0; }
ul,li{ list-style-type:none;margin:0px; padding:0; border:0;}
.fl{ float:left;}
.fr{ float:right;}
a,a:hover{ list-style-type:none; text-decoration: none;}
a{ color:#fff;}
a:hover{color:#fdb819;}
.clearfix{display:block;}
.headline {height: 20px;line-height: 30px;width: 100%;background: #fdb819;}

.head_all{ width:100%; height:120px;background: #473f34; overflow:hidden;} 
.head{ width:1000px; height:120px; margin:0 auto; position:relative; z-index:10;}
.logo{ width:309px; height:101px;background:url(../images/logo.png) no-repeat; margin-top:10px;}

.div_language{color:white;}
.div_language ul{height:28px;}
.div_language ul li{float:left;padding:5px;}

.menu{position:absolute;right:0;bottom:0;}
.menu li{width:80px;height:25px;line-height:25px;padding:5px;margin:0 5px;float:left;}
.menu li a{display:block;text-align:center;color:#fdb819;font-size:1.4em;font-weight:bold;}
.menu li:hover,.menu .selected{background:url(../images/leaf.png) no-repeat center bottom;}
.imgScorll{overflow:hidden;}

.introduce{width:100%;background:#fdb819;}
.intro_box{height:300px;height:300px;background:url(../images/center-ph.png) no-repeat center;}
.list-menu{height:45px;line-height:45px;background:#000;}
.list-menu ul{height:45px;background:#000;width:1180px;margin:0px auto;}
.list-menu ul li{width:216px;cursor:pointer;color:#fdb819;font-size:1.2em;font-weight:bold;text-align:center;height:35px;line-height:35px;padding:5px;margin:0 5px;float:left;}
.list-menu .odd{background:#473f34;}
.list-menu .selected{color:#fff;}

.list-pic{height:200px;height:200px;padding:20px 0;}
.list-pic .piccon{width:1190px;margin:0px auto;}
.list-pic ul{height:200px;}
.list-pic ul li{width:285px;width:285px;height:200px;margin:0 10px;float:left;}
.list-pic ul li img{width:285px;height:200px;}

/*
.intro_box{width:1200px;margin:auto;overflow:hidden;padding-top:20px;}
.intro_img{width:550px;height:460px;float:left;background:url(../images/teams.png) no-repeat;}
.intro_text{width:630px;float:right;}
.intro_text h1{padding:10px 0;}
.intro_text h2{padding:5px 0 5px 25px;background:url(../images/white.jpg) no-repeat left center;}
.intro_text p{font-size: 1.3em;line-height: 2em;margin-left:25px;}*/

.product-outCon{width:100%;background:#473f34;height:700px;}
.product-inCon{width:1200px;margin:auto;}
.product-head{height:30px;padding:15px 5px;}
.product-head h2{float:left;margin-left:12px;}
.product-more{float:right;}
.product-list{width:100%;overflow:hidden;height:220px;}
.product-list ul{height:220px;}
.product-list ul li{float:left;width:210px;height:220px;margin:0 10px;}
.product-list ul li a{display:block;margin:10px 5px;color:#473f34;}
.product-list ul li a:hover{margin:5px 5px 15px 5px;}

.cooper-con{height:374px;padding:20px 0;}
.cooper-partners{width:672px;float:left;}
.cooper-partners h2{height:30px;padding:10px 0;}
.cooper-partners ul{width:100%;height:332px;}
.cooper-partners ul li{float:left;width:152px;height:152px;margin:7px 8px;}
.cooper-partners ul li a{display:block;border:1px solid #473f34;}
.cooper-partners ul li a:hover{border:1px solid #fdb819;}

.circle-con{width:500px;float:right;}
.circle-con h2{text-align:center;height:30px;padding:10px 0;}
.circle-price{width:350px;height:322px;background:url(../images/price.png) no-repeat;margin:5px auto;}

.contact-outCon{width:100%;background:#fdb819;height:150px;color:#000;}
.contact-inCon{width:1000px;margin:0 auto;}
.contact-imglist{width:384px;height:70px;float:left;margin-top:35px;}
.contact-imglist li {width:60px;margin:5px 15px;float:left;}
.contact-detail{width:500px;float:right;font-size:14px;font-weight:bold;margin-top:10px;}
.contact-detail ul li{height:25px;margin:2px 0;padding:2px 0 2px 38px;}

.contact-detail ul li ul{width:100%;height:30px;}
.contact-detail ul li ul li{height:25px;margin:2px 0;padding:2px 0 2px 38px;float:left;}

.location{background:url(../images/location.png) no-repeat left;}
.phone{background:url(../images/phone.png) no-repeat left;}
.ceilphone{background:url(../images/ceilphone.png) no-repeat left;}
.email{background:url(../images/email.png) no-repeat left;clear:both;}

.bottom{width:100%;background:#473f34 url(../images/bottom.png) no-repeat 50% 2px;padding-top:50px;text-align:center;font-size:1.1em;clear:both;}

.middle-outCon{width:100%;color:black;}
   .middle-inCon{width:1100px;height:400px;margin:0 auto;}
   .middle-inCon a{color:#fdb819;}
   .middle-inCon .header{padding:10px 0;height:40px;}
   .middle-inCon .header a{color:#000;font-size:1.2em;}
   .middle-inCon .header a:hover{color:#fdb819;}
   .middle-menu{width:232px;float:left;margin-top:14px;}
   .middle-menu .title{background:#fdb819;padding:10px 0 10px 5px;border-radius:5px;font-weight:normal;}
   .middle-menu li{   
    background-color: #dcd7d7;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #fff;
    color: #727272;}
    .middle-menu li ul li{
    	background-color:#ececec;
	    border-bottom: 1px solid #ececec;
	    border-top: 1px solid #fff;
	    color: #727272;
    }
   .middle-menu li a{display:block;color:black;padding:10px;}
   .middle-menu li ul li a{margin-left:20px;}
   .middle-menu .selected{background:#fdb819;}
   .middle-table{
   		width:850px;
   		float:right;
   }
   
   .middle-table .list{
   
   }
   
   .middle-table .list ul{
   		
   }
   
   .middle-table .list ul li{
   		float:left;
   		width:200px;
   		height:270px;
   		margin:4px;
   		border:2px solid #e4bb5b;
   }
   
   .middle-table .list ul li:hover{
   	background-color:#fdb819;
   	border-color:#fdb819;
   }
   .middle-table .list ul li:hover .inquery a{
   	  background:#fff;
   	  color:#fdb819;
   	  font-weight:bold;
   }
   .middle-table .list ul li:hover .productTitle a{
   	  color:#fff;
   }
   .middle-table .productImg a{display:block;width:200px;height:200px;}
   .middle-table .productImg a img{width:200px;height:200px;}
   .middle-table .productTitle,.middle-table .inquery{text-align:center;}
   .middle-table .productTitle a{display:block;color:#fdb819;font-weight:bold;padding:5px 0;}
   .middle-table .inquery a{background:#fdb819;color:#fff;display:block;border-radius:5px;padding:5px 0;margin:5px;font-size:1.1em;}
	.page-footer{clear:both;width:540px; margin:10px auto;height:48px;text-align:center;}
	.page-footer label{margin:4px;padding: 8px 12px;}
	.page-footer span a{padding: 8px 12px;}
	.page-footer span a:hover{color:#656060;background:#fdb819;}
	.page-footer .btn{    
	display: inline-block;
    color: #656060;
    margin-top:6px;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    font-family: helvetica, arial, sans-serif;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);}
	.page-footer .selected-btn{padding:8px 12px;background:#fdb819;}
	.page-footer .btn a{ color: #656060;display:block;}
	.page-footer .txt{padding:8px 2px;letter-spacing: 3px;color:#656060;font-weight:bold;}
	.middle-inCon .headerLeft{margin-top:8px;width:500px;float:left;}
	.middle-inCon .headerLeft a{display:inline-block;margin:0 5px;}
	.middle-inCon .headerRight{float:right;}
	.searchInput{
	    width: 250px;
	    height: 28px;
	    padding-left: 15px;
	    border-radius: 42px;
	    border: 2px solid #324b4e;
	    background: #F9F0DA;
	    outline: none;
	    position: relative;
	    transition: .3s linear;
	}
	.searchBtn{    
	width: 42px;
    height: 28px;
    background: none;
    border: none;
    position: absolute;
    top: 2px;
    right: 0;}
    
    .headerRight input:focus {
	  width: 300px;
	}

	.headerRight button:before{
	  content: "\f002";
	  font-family: FontAwesome;
	  color: #324b4e;
	}
	
	.contentCon{margin-bottom:30px;}
	.contentCon h2{text-align:center;padding:8px 0;}
	.contentCon .content{font-size:16px;}
	.contentCon .firstImg{text-align:center;}
	.contentCon .firstImg img{width:400px;height:400px;}
	
	.list-table ul li {
    list-style: disc;
    height: 35px;
    line-height: 35px;
    position: relative;
    margin-left: 25px;
    border-bottom: 1px dashed #ada7a7;
}

	.list-table li a {
	    display: block;
	    color: #000;
	    font-size: 1.2em;
	}
	
	.list-table span {
	    position: absolute;
	    right: 0;
	    top: 0;
	}

      .sub-con-title{text-align:center;margin:3px 0 15px 0;}