/*全局CSS定义*/
body{font-family:Microsoft YaHei,Arial;background:#fff;margin:0 auto;padding:0;font-size:100%;color:#000;}
ul{list-style-type:none; margin:0; padding:0;}
li{margin:0; padding:0; vertical-align:middle;}
a{color:#000;text-decoration:none}
p{margin:0;}
img{height:auto; width:auto\9; display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold; margin:0; font-weight:normal;}
.fl{float:left;}
.fr{float:right;}

.w1200{max-width:1200px; width: 100%; margin:0 auto; overflow: hidden;}

.title{margin:0 auto; width: 100%;}
.title h2{font-size: 30px; color: #fff; line-height: 70px; text-align: center; margin-top: 30px;}
.title p{font-size:20px; color:#fff; font-family:Arial; line-height:50px; text-align: center; margin-bottom: 40px;}
.black h2{color: #000;}
.black p{color: #000;}

.more{display:block; width:200px; height:50px; font-size:20px; color:#fff; line-height:50px; text-align:center; border-radius: 25px; margin:60px auto; transition:all 0.6s; background: #a62d31;}
.more:hover{background:#860b0f;}

.button{display: block; width: 200px; height: 50px; box-sizing: border-box; border: 2px #192026 solid; color: #192026; line-height: 46px; font-size: 24px; text-align: center; border-radius: 25px; margin: 70px auto; transition:all 0.6s;}
.button:hover{border: 2px #e33644 solid; background: #e33644; color: #fff;}



/* head */
.head .search .text {
    box-sizing: border-box;
    width: 155px;
    height: 36px;
    border: 1px #c1c1c1 solid;
    border-right: 0;
    border-radius: 18px 0 0 18px;
    float: left;
    padding-left: 10px;
}

.submit {
    box-sizing: border-box;
    width: 45px;
    height: 36px;
    border: 1px #c1c1c1 solid;
    border-left: 0;
    border-radius: 0 18px 18px 0;
    background-image: url(../images/search.jpg);
    float: right;
}

.search form {
    overflow:hidden;
}

.search {
    margin-top: 32px;
}

.head .version{
    margin-right: 30px;
}
.head .version a{
    display: block;
    width: 100px;
    line-height: 36px;
    float: left;
    text-indent: 10px;
    margin-top: 32px;
}
.head .version a img,.head .version a span{
    float: left;
}

.show{
    display:none;
    width:50px;
    height:50px;
}
.show img{
    width:50px;
    height:50px;
}

/* nav */
.nav {
    width: 100%;
    background: #06193f;
}

.nav ul li {
    float: left;
    width: 12.5%;
    height: 60px;
}

.nav ul li a {
    display: block;
    line-height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    transition:all 0.6s;
    text-align: center;
}
.nav ul li a:hover{
    background: #1d447f;
}

/* banner */
.banner{position:relative;}
.banner .kv_container{position:relative;width:100%; padding:36% 0 0; height:0; overflow:hidden;}
.banner .kv_content{position:absolute;left:-1px;top:0;right:-1px;bottom:0;overflow:hidden;*height:545px;}
.banner .kvslide{left:0;right:0;}
.banner ul{position:relative;list-style-type:none;}
.banner ul li{position:relative; padding:0 1px; overflow: hidden;}
.banner .kvslide ul#indexkv li{ padding:0;}
.banner ul li img{width:100%;}
.banner .kv_btn{text-align:center;position:absolute;left:0;bottom:0.5em;width:100%;white-space:nowrap;}
.banner .kv_btn ul{list-style:none;}
.banner .kv_btn li{display:inline-block;*display:inline;padding:10px 0 0 10px;width:0;height:0;overflow:hidden;margin:0 5px;background:url(../images/kvbtn.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kvbtn.png',sizingmethod=scale);zoom:1;cursor:pointer;}
.banner .kv_btn li.on{background:url(../images/kvbtn_on.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kvbtn_on.png',sizingmethod=scale);}
.banner .prev{padding:90px 0 0 60px;position:absolute;left:0;top:0;margin-top:15%; margin-left: 20px;background:url(../images/kvbtn_left.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kvbtn_left.png',sizingmethod=scale); cursor: pointer;}
.banner .next{padding:90px 0 0 60px;position:absolute;right:0;top:0;margin-top:15%; margin-right: 20px; background:url(../images/kvbtn_right.png) no-repeat 0 0;background-size:100%;_background:url(../images/tm.gif);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kvbtn_right.png',sizingmethod=scale); cursor: pointer;}
.banner .prev{margin-left:expression((document.body.clientWidth<1280)? ((document.body.clientWidth<961)?"13.25%":(2*this.offsetHeight)+"px"):"0");zoom:1;}
.banner .next{margin-right:expression((document.body.clientWidth<1280)? ((document.body.clientWidth<961)?"13.25%":(2*this.offsetHeight)+"px"):"0");zoom:1;}

/* about_us */
.about_us .zi {
    width: 40%;
    max-height: 460px;
    margin-top: 75px;
}
.about_us .zi h2 {
    font-size: 24px;
    font-weight: bold;
    color: #2f2f2f;
    line-height: 74px;
    text-indent: 40px;
    background: url(../images/logo.jpg) left no-repeat;
}
.about_us .zi p {
    font-size: 14px;
    color: #858585;
    line-height: 24px;
    margin-bottom: 24px;
}
.about_us .tu{
    margin-right: 6%;
}

/* plant */
.plantbox{
    width: 100%;
    background: url(../images/plantbox.jpg) center no-repeat;
}
.plantbox .plant ul{
    overflow: hidden;
}
.plantbox .plant ul li{
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}
.plantbox .plant ul li a{
    display: block;
    position: relative;
    overflow: hidden;
}
.plantbox .plant ul li a img{
    width: 100%;
    transition:all 0.6s;
}
.plantbox .plant ul li a div{
    opacity:0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    box-sizing: border-box;
    padding-top: 30%;
    background: url(../images/plant_BJ.png);
    transition:all 0.6s;
}
.plantbox .plant ul li a div h3{
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}
.plantbox .plant ul li a:hover div{
    opacity:1;
}
.plantbox .plant ul li a:hover img{
    transform: scale(1.1);
}
/* .plantbox .more{
    display: block;
    width: 200px;
    height: 50px;
    box-sizing: border-box;
    border: 2px #fff solid;
    line-height: 46px;
    background: none;
} */
.plantbox .more:hover{
    background: #860b0f;
}

/* products */
.products ul{
    overflow: hidden;
}
.products ul li{
    width: 25%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.products ul li a{
    display: block;
}
.products ul li a div{
    width: 100%;
    box-sizing: border-box;
    border: 1px #c3c3c3 solid;
    overflow: hidden;
}
.products ul li a div img{
    width: 100%;
    transition:all 0.6s;
}
.products ul li a h3{
    font-size: 20px;
    color: #2f2f2f;
    text-align: center;
    line-height: 60px;
    height: 60px;
}
.products ul li a:hover div img{
    transform: scale(1.1);
}
.products ul li a:hover h3{
    color: #a62d31;
    font-weight: bold;
}

/* news */
.newsbox{
    width: 100%;
    background: url(../images/newsbox.jpg) center no-repeat;
}
.news ul{
    overflow: hidden;
}
.news ul li{
    width: 25%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.news ul li a{
    display: block;
}
.news ul li a div{
    width: 100%;
    overflow: hidden;
}
.news ul li a div img{
    width: 100%;
    transition:all 0.6s;
}
.news ul li a h3{
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
}
.news ul li a p{
    font-size: 14px;
    color: #afafaf;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}
.news ul li a:hover div img{
    transform: scale(1.1);
}

/* partner */
.partner{
    margin-bottom: 50px;
}
.partner ul{
    overflow: hidden;
}
.partner ul li{
    width: 33%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.partner ul li a{
    display: block;
    width: 100%;
    overflow: hidden;
    border: 1px #c3c3c3 solid;
}
.partner ul li a img{
    width: 100%;
}

/* bottom */
.bottom{
    width: 100%;
    background: #06193f;
}
.bottom h3{
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    margin: 32px 0;
}
.bottom h3 span{
    white-space:nowrap;
}
.bottom .fr{
    margin: 32px 0;
}
.bottom .fr a{
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    margin: 0 8px;
}
.bottom .fr a:hover{
    color: #bad1f3;
}


/* side */
.side{position:fixed; width:54px; right:0; bottom:200px; z-index:999;}
.side ul li{width:54px; height:54px; float:left; position:relative; margin-bottom:5px;}
.side ul li .sidebox{position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s; background:#06193f; color:#fff; font:14px/54px "微软雅黑"; overflow:hidden; border-radius:5px; opacity:0.8;}
.side ul li .sidebox:hover{width:180px; opacity:1;}
.side ul li img{float:left;}
.side ul li .top{position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s; background:#06193f; overflow:hidden; border-radius:5px; opacity:0.8;}
.side ul li .top:hover{opacity:1;}

/* fix */
.fix{overflow:hidden; position:fixed; left:0; right:0; bottom:0;margin-left:auto;margin-right:auto; width:100%; margin:0 auto; border-top:1px solid #e0e0e0; background:#fafafa; z-index:999; display: none;}
.fix ul li{width:25%; float:left; height:49px;}
.fix ul li a{display:block; width:100%; vertical-align:middle; text-align:center; height:40px;}
.fix ul li a img{margin:0 auto; width:45px; height:42px; margin-top:4px;}


@media all and (max-width:1500px){
    .banner .kv_container{padding:44% 0 0;}
    .banner ul li img{width:120%; margin-left: -10%;}
}

@media all and (max-width:1250px){
    .w1200{max-width:1200px; width:96%;  margin:0 auto; overflow: hidden;}
    .bottom .fl{float: none; text-align: center;}
    .bottom .fr{display: none;}
}

@media all and (max-width:1000px){
    .banner .kv_container{padding:66% 0 0;}
    .banner ul li img{width:180%; margin-left: -40%;}
	.banner .prev,.banner .next{display:none;}
    
    .about_us .zi{width: 100%; margin: 30px 0;}
    .about_us .tu{display: none;}
    
    .plantbox .plant ul li a div{position: inherit; opacity: 1; background: none; padding: 0;}
    .plantbox .plant ul li a div h3{font-size: 16px; font-weight: normal; line-height: 36px; color: #000;}
    
    
    .more{height:36px; font-size:16px; line-height:36px; border-radius: 18px; margin:30px auto;}
    
    
    .bottom{margin-bottom: 50px;}
    
    .side{display: none;}
    .fix{display: block;}
}

@media all and (max-width:750px){
    .head .logo img{width:87px; height: 50px;}
    .show{display:block;}
    .search{display:none;}
    .head .version{margin-right: 0;}
    .head .version a{margin-top: 7px; width: 50px;}
    .head .version a span{display: none;}
    
    .nav{display: none; background: #1d447f;}
    .nav ul{overflow: hidden;}
    .nav ul li{width: 33%; float: left;}

    
    .title h2{margin-bottom: 30px;}
    .title p{display: none;}
    
    .plantbox .plant ul li{width: 50%;}
    .products ul li{width: 50%;}
    .news ul{border-top: 1px #4c6087 solid;}
    .news ul li{width: 100%; border-bottom: 1px #4c6087 solid;}
    .news ul li a div{display: none;}
    .news ul li a p{height: 48px;margin-bottom: 10px;}
    
    .partner ul li{width: 50%;}
    
    .bottom h3{margin: 7px 0;}
}