﻿/*=====banner=====*/
.main-banner{width:100%;position:relative;max-height:800px;overflow:hidden;background:url(../images/loader.gif) 50% no-repeat;margin-top:85px;}
.main-banner .slides{position:relative;z-index:1;height:100%;}
.main-banner .slides li{height:100%;}
.main-banner .slides li a{display:block;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.main-banner .flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.main-banner .flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}
.main-banner .flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:40px;overflow:hidden;background:#d2d2d2;cursor:pointer;color:transparent}
.main-banner .flex-control-nav .flex-active{background:#009b74;}
.main-banner .flex-direction-nav{position:absolute;top:50%;z-index:2;overflow:hidden;width:100%;}
.main-banner .flex-direction-nav li:nth-child(1){float:left;padding-left:126px;}
.main-banner .flex-direction-nav li:nth-child(2){float:right;padding-right:126px;}
.main-banner .flex-direction-nav li{width:60px;height:60px;}
.main-banner .flex-direction-nav li a{display:none;width:60px;height:60px;}
.main-banner:hover .flex-direction-nav li a{display:block;}
.banner-cover{height:800px;position:absolute;left:0;right:0;z-index:2;background:transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.main-banner:hover .banner-cover{
    background: -webkit-linear-gradient(to right,rgba(0,0,0,.2), rgba(0,0,0,0), rgba(0,0,0,.2));
    background: -o-linear-gradient(to right,rgba(0,0,0,.2), rgba(0,0,0,0), rgba(0,0,0,.2));
    background: -moz-linear-gradient(to right,rgba(0,0,0,.2), rgba(0,0,0,0), rgba(0,0,0,.2));
    background: linear-gradient(to right,rgba(0,0,0,.2), rgba(0,0,0,0), rgba(0,0,0,.2));
}
/*=====banner end=====*/
@media(max-width: 1348px){
    .main-banner .flex-direction-nav li:nth-child(1){float:left;padding-left:10px;}
    .main-banner .flex-direction-nav li:nth-child(2){float:right;padding-right:10px;}
}
.second-nav:after{
    content:"";
    display:block;
    clear:both;
}
.second-nav{
    margin-top:80px;
}
.second-nav li{
    display:block;
    float:left;
    width:385px;
    margin-right:22px;
}
.second-nav li:last-child{
    margin:0;
}
.second-nav li a{
    display:block;
    width:385px;
    height:486px;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
}
.second-nav li a:hover{
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2);
}
.second-nav li a span{
    display:block;
    overflow:hidden;
    width:100%;
    height:385px;
}
.second-nav li a img{
    display:block;
	  width:385px;
	  height:385px;
}
.second-nav li a h1{
    font-size:16px;
    color:#242424;
    letter-spacing:6px;
    line-height:52px;
    margin-top:10px;
}
.second-nav li a h2{
    font-size:14px;
    color:#7a7a7a;
    letter-spacing:4px;
}
.second-nav li a:hover h1{
    color:#009b74;
}
.second-nav li a:hover h2{
    color:#009b74;
}
.second-nav li a h1,.second-nav li a h2{
    margin-left:30px;
}

.pro-menu:after{
    content:"";
    display:block;
    clear:both;
}

.pro-menu{
    padding:80px 0;
}
.pro-menu li{
    float:left;
    text-align:center;
    width:120px;
    padding:0 29px;
    border-left:1px solid #fff;
    border-right:1px solid #d2d2d2;
}
.pro-menu li:first-child{
    padding-left:0;
    border-left:none;
}
.pro-menu li:last-child{
    padding-right:0;
    border-right:none;
}
.pro-menu li a{
    display:block;
    width:120px;
    padding-top:120px;
    background-repeat: no-repeat;
    background-position: center 0;
}
.pro-menu li:nth-child(1) a{
    background-image:url(../images/icon1.png);
}
.pro-menu li:nth-child(2) a{
    background-image:url(../images/icon2.png);
}
.pro-menu li:nth-child(3) a{
    background-image:url(../images/icon3.png);
}
.pro-menu li:nth-child(4) a{
    background-image:url(../images/icon4.png);
}
.pro-menu li:nth-child(5) a{
    background-image:url(../images/icon5.png);
}
.pro-menu li:nth-child(6) a{
    background-image:url(../images/icon6.png);
}
.pro-menu li:nth-child(7) a{
    background-image:url(../images/icon7.png);
}
.pro-menu li:nth-child(1) a:hover{
    background-image:url(../images/icon1_hover.png);
}
.pro-menu li:nth-child(2) a:hover{
    background-image:url(../images/icon2_hover.png);
}
.pro-menu li:nth-child(3) a:hover{
    background-image:url(../images/icon3_hover.png);
}
.pro-menu li:nth-child(4) a:hover{
    background-image:url(../images/icon4_hover.png);
}
.pro-menu li:nth-child(5) a:hover{
    background-image:url(../images/icon5_hover.png);
}
.pro-menu li:nth-child(6) a:hover{
    background-image:url(../images/icon6_hover.png);
}
.pro-menu li:nth-child(7) a:hover{
    background-image:url(../images/icon7_hover.png);
}

.pro-menu li:hover span{
    color:#009b74;
}

.pro-menu li span{
    display:block;
    font-size:14px;
    margin-top:14px;
    letter-spacing:2px;
    color:#999;
}

.proo-menu:after{
    content:"";
    display:block;
    clear:both;
}

.proo-menu{
    padding:80px 0;
}
.proo-menu li{
    float:left;
    text-align:center;
    width:120px;
    padding:0 29px;
    border-left:1px solid #fff;
    border-right:1px solid #d2d2d2;
}
.proo-menu li:first-child{
    padding-left:0;
    border-left:none;
}
.proo-menu li:last-child{
    padding-right:0;
    border-right:none;
}
.proo-menu li a{
    display:block;
    width:120px;
    padding-top:120px;
    background-repeat: no-repeat;
    background-position: center 0;
}
.proo-menu li:nth-child(1) a{
    background-image:url(../images/icon11.png);
}
.proo-menu li:nth-child(2) a{
    background-image:url(../images/icon22.png);
}
.proo-menu li:nth-child(3) a{
    background-image:url(../images/icon33.png);
}
.proo-menu li:nth-child(4) a{
    background-image:url(../images/icon44.png);
}
.proo-menu li:nth-child(5) a{
    background-image:url(../images/icon55.png);
}
.proo-menu li:nth-child(6) a{
    background-image:url(../images/icon66.png);
}
.proo-menu li:nth-child(7) a{
    background-image:url(../images/icon77.png);
}
.proo-menu li:nth-child(1) a:hover{
    background-image:url(../images/icon11_hover.png);
}
.proo-menu li:nth-child(2) a:hover{
    background-image:url(../images/icon22_hover.png);
}
.proo-menu li:nth-child(3) a:hover{
    background-image:url(../images/icon33_hover.png);
}
.proo-menu li:nth-child(4) a:hover{
    background-image:url(../images/icon44_hover.png);
}
.proo-menu li:nth-child(5) a:hover{
    background-image:url(../images/icon55_hover.png);
}
.proo-menu li:nth-child(6) a:hover{
    background-image:url(../images/icon66_hover.png);
}
.proo-menu li:nth-child(7) a:hover{
    background-image:url(../images/icon77_hover.png);
}

.proo-menu li:hover span{
    color:#009b74;
}

.proo-menu li span{
    display:block;
    font-size:14px;
    margin-top:14px;
    letter-spacing:2px;
    color:#999;
}

.news-list:after{
    content:"";
    display:block;
    clear:both;
}
.news-list li{
    width:385px;
    margin-bottom:30px;
    margin-right:20px;
}
.news-list li a{
    display:block;
    height:485px;
    background:#fff;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
}
.news-list li a:hover{
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
}
.news-list li a:hover>h1{
    color:#009b74;
}
.news-list li a:hover h2{
    color:#009b74;
}
.news-list li a>div{
    position:relative;
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:385px;
}
.news-list li a>div section{
    position:absolute;
    top:0;
    left:0;
    width:64px;
    height:64px;
    background:rgba(0,166,115,.7);
    text-align: center;
    line-height:65px;
}
.news-list li a>div section span{
    display:inline-block;
    vertical-align: middle;
}
.news-list li a>div section span h1{
    margin:0;
    font-size:24px;
    line-height:24px;
    color:#fff;
    font-weight:bold;
}
.news-list li a>div section span h3{
    font-size:12px;
    line-height:18px;
    color:#fff;
}
.news-list li a:hover h3{
    color:#fff;
}
.news-list li a img{
    display:block;
}
.news-list li a h1{
    font-size:16px;
    color:#242424;
    margin-top:20px;
}
.news-list li a h2{
    font-size:14px;
    color:#7a7a7a;
    margin-top:10px;
}

.news-list li a h1,.news-list li a h2{
    margin-left:20px;
}
.news-list li:nth-child(1) a>div,.news-list li:nth-child(5) a>div{
    width:100%;
    height:900px;
}
.news-list li:nth-child(4) a>div,.news-list li:nth-child(6) a>div{
    width:100%;
    height:385px;
}
.news-list li:nth-child(1),.news-list li:nth-child(2),.news-list li:nth-child(3),.news-list li:nth-child(4){
    float:left;
}
.news-list li:nth-child(5),.news-list li:nth-child(6),.news-list li:nth-child(7),.news-list li:nth-child(8){
    float:right;
}
.news-list li:nth-child(1) a,.news-list li:nth-child(5) a{
    height:1000px;
}
.news-list li:nth-child(3),.news-list li:nth-child(4),.news-list li:nth-child(5){
    margin-right:0;
}
.news-list li:nth-child(4),.news-list li:nth-child(6){
    width:793px;
}
.news-title{
    display:none;
}