﻿@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
@font-face {  font-family: "yw";  src: url("../fonts/yw.woff2") format("woff2"),
url("../fonts/yw.woff") format("woff"), url("../fonts/yw.ttf") format("truetype"), url("../fonts/yw.eot") format("embedded-opentype"), url("../fonts/yw.svg") format("svg");
}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
/*初始化开始*/
*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none !important;color: #333;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
    color: #333;
}

/*手机下拉导航*/
header .sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:80px;z-index:9999; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:35px;display:block; padding:0; background:#000000; text-align:center; margin-bottom:2px;}
header .sjdnav li a{display:block; color:white; line-height:35px; }
header .sjdnavhide{ height:0; overflow:hidden;}
/**/
/*内页下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{cursor:pointer;font-size:24px;color:white;background:  #028039;}
.subNav h5{font-size:18px;line-height:35px;display:inline;  margin-left: 5%;}
.subNav span{line-height:35px;margin-right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent>li{background:white;border: 1px solid #cccccc;}
.navContent>li:hover{background:white;}
.navContent>li:hover>a{color:#028039;}
.navContent>li>a{display:block;font-size:16px;line-height:40px;color:#333;margin:3px 0 0 20%;
}
.navContent>li>a h5{line-height:40px;}
.subNav h5 b{margin:0 10px;line-height: 35px;}
.subNav h5 small{line-height: 45px;text-transform: uppercase;margin-left: 5px;color: white;font-size: 12px}
/**/
/*手机底部*/
.hot{width:100%; height:58px; background:  #028039; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }
/**/
.top-welcome{background: url("../images/bj_01.jpg")top center no-repeat;background-size: cover;}
.welcome-mes>p{line-height: 35px;color: white;font-size: 12px;}
.w-right>a{display: inline-block;color: white;margin:0 3px;line-height: 35px;font-size: 12px;}
.w-right{color: white;line-height: 35px;font-size: 12px;}
.w-right>span{color: white;display: inline-block;margin: 0 5px;}
.w-right>span>a{display: inline-block;}
/*.w-right .glyphicon{top:0 !important;}
.w-right .btn {
    display: inline-block;
    padding: 2px 8px;}
.w-right .form-control {
    display: block;
    width: 100%;
    height: 26px;}*/
.container-fluid{max-width: 1200px;}
.logo{
    padding: 0;
    line-height: 105px;
    z-index: 33;
    position: relative;
}
.logo:hover>a>img{
    -webkit-transform: translate(50px,100px);
    -moz-transform:translate(50px,100px);
    transform: translate(10px,0px);
    transition: .3s linear all;
}
.logo img{transition: .3s linear all;}
.header2{background: white;}
.header2 .navbox{
    position: relative;
    height: 105px;
    z-index: 999;
    width: calc(100% - 450px);
    /* background: -webkit-linear-gradient(#0887de, #006ab2); !* Safari 5.1 - 6.0 *!
   !*  background: -o-linear-gradient(#0887de, #006ab2); !* Opera 11.1 - 12.0 *!
     background: -moz-linear-gradient(#0887de, #006ab2); !* Firefox 3.6 - 15 *!
     background: linear-gradient(#0887de, #006ab2); !* 标准的语法 *!*!*/
}
.header2 .navbox nav {
    margin: 0 auto;
}
.header2 .navbox  nav ul{background: none;width: 100%; }
.header2 .navbox nav li {
    width:calc(100%/8);
    transition: all 0.3s;
}
.header2 .navbox  nav>ul>li>a{
    margin: 0 auto;
    display: block;
    color:#333333;
    font-size: 14px;
    line-height: 105px;
    font-weight: bold;
}
.header2 .navbox nav>ul>li:hover>a{color: #028039;background:url("../images/nav_03.jpg")bottom center
no-repeat;}
.hover{color:#028039!important;background:url("../images/nav_03.jpg")bottom center
no-repeat!important;}
/*.form{
    display: block;
}*/
/*
.header2 .navbox  nav li a p{
    line-height: 12px;
    font-size: 12px;
    margin-top: -10px;}
*/

/*.header2 .navbox  nav li a h3{
    line-height: 50px;
    font-size: 16px;
    position: relative;
    z-index: 3;
}*/
.header-top{
    font-size: 12px;
    color: #666666;
    line-height: 32px;
    border-bottom: 1px solid #e5e5e5;
}
.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}
.header2 .navbox  nav li ul{
    display: none;
    position:fixed;
    left: 0;
    top: 140px;
    width: 100%;
    background:white;
	padding-left:15%;
}
.header2 .navbox nav li ul li{
    background: none;
    float: left;
    width: calc(100%/11);
}
.header2 .navbox nav li ul li a {
    display: block;
    line-height: 40px;
    background: none;
}

.header2 .navbox nav li ul li:hover>a{color: #028039;}
.icon-menu{
    position: relative;
    margin-right: 0px;
    margin-top: 20px;
    border: none;
    border-radius: 0px;
    background: none;
    padding: 6px 10px !important;
    z-index: 9999;
}
.icon-bar {
    background-color: #028039;
    display: block ;
    width: 40px;
    height: 8px;
    border-radius:0;
    margin: 3px 0;
}
.btn:focus{background: none;box-shadow: none;outline: none;}
.btn:active{background: none;box-shadow: none;outline: none;}
.glyphicon { top: 0;}
/**/
.banner{width:100%; padding: 0;}
.swiper-banner{margin: 0 auto; position: relative;overflow: hidden;width:100%;}
.ban_img {width:100%; padding-top:25.11%; position:relative; transition-duration: 5s;}
.swiper-pagination-bullet { width:12px; height:12px; border:1px solid #e1f2fc;background:#000;border-radius:50%;box-shadow:5px 0 5px inset #aaa;}
/**/
.about{padding: 80px 0;background: #f1f1f1}
.about-left>div>h5{font-size: 24px;}
.about-left>div>p{display: inline-block;line-height: 30px;border-bottom: 1px solid #d8d8d8;}
.about-left-mes{position: relative;margin-top: 10px;}
.about-left-mes>div{position: absolute;width: calc(100% - 120px);top: -50px;}
.about-left-mes>div>a{display: inline-block;writing-mode:tb-rl;background: #028039;color: white;padding: 20px 5px;border-radius:15px;border: 1px solid white;margin: 0 3px;transition: all .3s linear;}
.about-left-mes>div>a:hover{background: -webkit-linear-gradient(#048138, #3ea315); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#048138, #3ea315); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#048138, #3ea315); /* Firefox 3.6 - 15 */
    background: linear-gradient(#048138, #3ea315); /* 标准的语法 */transform:translateY(10px);transition: all .3s linear;}
.ab-right>h4{font-size: 14px;font-weight: bold;margin: 20px 0 13px 0;}
.ab-right>p{color: #666;line-height: 2;}
.ab-right>p>a{color: #ff0000;}
.ab-right>a{display: inline-block;margin-top: 5px;padding: 1px 50px;border: 1px solid #afb9c4;border-radius: 15px;font-size: 12px;}
.ab-right>a:hover{color: #3ea315;}
/**/
.business{margin-bottom: 80px;}
.tit{background:url("../images/tit_02.png")top center no-repeat;}
.tit-left>h4{color: white;font-size: 25px;line-height: 50px;padding-left: 30px;}
.tit-left{width: 50%;}
.tit-right{width: 50%;}
.tit-right>h4{font-size: 25px;color: white;background: #32975e;line-height: 50px;padding-left: 30px;}
.bus-left{float: left;width: 50%;padding: 0 30px;}
.bus-right{float: left;width: 50%;}
.bus-left>h4{margin: 5px 0 5px 0;font-size: 14px;font-weight: bold; }
.bus-left>h4>span{display: inline-block;margin-right: 10px;color: #ff0000;}
.bus-left>p{font-size: 12px;color: #979797;margin-bottom: 10px;}
.bus-left>p>a{color:#ff0000;}
.bus-left>div{margin: 10px 0;}
.bus-left>ul>li{width: 50%;float: left;margin-bottom: 10px;}
.bus-left>ul>li>a>b{display: inline-block;margin-right: 10px;color: #028039;}
.bus-left>ul>li>a{font-size: 12px;color: #666666;}
.bus-left>ul>li>a>span{display: inline-block;margin-left: 20px;color: #999999;}
.bus-left>ul>li>a:hover{color: #028039;}
.bus-left>ul>li>a:hover>span{color: #028039;}
.bus-left>a.indexnews{display: inline-block;font-size: 12px;color: #717171;background: #e4e4e4;padding: 4px 40px;border-radius: 15px;}
.bus-left>a:hover{background: #028039;color: white;}
/**/
.environment{margin-bottom: 80px;}
.tittle>h4{text-align: center;font-size: 30px;}
.tittle>h5{font-size: 12px;color: #666666;text-align: center;text-transform: uppercase;margin: 15px 0 5px 0;}
.envir-box{position: relative; overflow: hidden;}
.environment-mes>div>ul>li>a{display: block;background: #e4e4e4;padding: 2px;position: relative;overflow: hidden;}
.envir-top{padding-top:105%}
.environment-mes>div>ul>li>a>p{line-height: 40px;text-align: center;}
.en-t{position: absolute;top:100%;left: 0;width: 100%;height: 100%;background: rgba(2, 128, 57, 0.85);transition: all .3s linear;  }
.en-t>h4{font-size: 16px;color: white;margin-top: 30%;}
.en-t>p{color: white;padding:0 13% ;margin: 20px 0;}
.en-t>h5{margin: 20px 0;}
.en-t>h5>span{display: inline-block;padding: 4px 30px;color: white;border: 1px solid white;border-radius: 15px;}
.environment-mes>div>ul>li>a:hover .en-t{top:0;left: 0;transition: all .3s linear;}
.environment-mes{width: 95%;position: relative;margin: 20px auto 0 auto;}

.swiper-button-prev1 {
    position: absolute;
    top: 50% !important;
    width: 30px !important;
    height: 75px !important;
    margin-top: -37px !important;
    z-index: 10;
    cursor: pointer;
    color: #747474;
    left: -40px;
    transition: all .3s;
    background: url("../images/pp_03.png")center center no-repeat;
}
.swiper-button-next1 {
    position: absolute;
    top: 50% !important;
    width: 30px !important;
    height: 75px !important;
    margin-top: -37px !important;
    z-index: 10;
    cursor: pointer;
    color: #747474;
    right: -40px;
    transition: all .3s;
    background: url("../images/nn_03.png")center center no-repeat;
}
/**/
.case{background: url("../images/c-bj_02.jpg")top center no-repeat;background-size: cover;padding: 80px 0;}
.case-top{padding-top: 61.47%}
.case-box{position: relative;overflow: hidden;}
.case-mes>ul>li>a{display: block;border: 1px solid #dddddd;background:white;position: relative;}
.cc{background: url("../images/cc_03.png")top center no-repeat;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background-size: 100% 100%}
.case-mes>ul>li>a>p{line-height: 50px;text-align: center;}
.case-mes>ul>li>a:hover .cc{background: url("../images/cc1_03.png")top center no-repeat;background-size: 100% 100%}
.case-mes>ul>li{margin-bottom: 30px;}
.case-mes>ul>li>a:hover img{-moz-transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);transition: all linear .3s; }
.case-mes>ul>li>a img{transition: all linear .3s; }
.case-mes>ul{margin-top: 25px;}
.case-mes>div>.more{background: white;font-size: 12px;color: #666666;padding: 5px 60px;border: 1px solid #cccccc;border-radius: 5px;display: inline-block;}
/**/
.news{padding: 80px 0;}
.news-left{position: relative;}
.news-left-mes{position: absolute;bottom: 0;left: 0;background: #028039;width: 100%;padding: 20px;}
.news-left-mes>h4{font-size: 14px;font-weight: bold;color: white;margin-bottom: 3px;word-break: break-all;  display: -webkit-box;  -webkit-line-clamp: 1;  /*限制在一个块元素显示的文本的行数*/  -webkit-box-orient: vertical;  overflow: hidden;}
.news-left-mes>p{font-size: 12px;color: white;word-break: break-all;  display: -webkit-box;
    -webkit-line-clamp: 2;  /*限制在一个块元素显示的文本的行数*/  -webkit-box-orient: vertical;  overflow: hidden;}

.news-list-left{width: 120px;height: 76px;background: white;border-right: 1px solid #dadada;}
.news-list-left>h3{font-size: 38px;text-align: center;font-weight: bold;color:
        #b0afaf;margin: 10px 0 5px 0;}
.news-list-left>h4{;font-size: 12px;text-align: center;color:
        #b0afaf;}
.news-list>a{display: block;border: 1px solid #dadada;}
.news-list-right{width: calc(100% - 130px);margin-left: 10px;}
.news-list-right>h3{font-size: 16px;color:#000000;margin: 20px 0 5px 0;word-break: break-all;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden;}
.news-list-right>p{font-size: 12px;margin-top: 5px;line-height: 2;word-break: break-all;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden;}
.news-list>a:hover .news-list-right>p{color: #028039;}
.news-list>a:hover .news-list-right>h3{color: #028039;}
.news-list>a:hover .news-list-left>h4{color: #028039;}
.news-list>a:hover .news-list-left>h3{color: #028039;}
.news-mes{margin-top: 30px;}
/**/
.news-tit{margin-top:40px;}
.news-tit>a>span{display: inline-block;padding: 3px 50px;border: 1px solid #b5b5b5}
.news-tit>a{display: inline-block;padding: 1px;border: 1px solid #dadada;}
.news-tit>a:hover>span{background: #028039;border: 1px solid #028039}
.news-tit>a:hover{border: 1px solid #80bf9c;color: white;}
/**/
.contact{background: url("../images/contact_02.jpg")top center no-repeat;padding: 60px 0 30px 0; background-size: cover;}
.con-left>h4{font-size: 16px;color: white;margin-bottom: 15px}
.con-left>p{line-height: 2;color: white;font-size: 12px;}
.contact-form>form>div{float: left;width: calc((100% - 10px)/2);}
.contact-form>form>div:nth-child(2){margin-left:10px; }
.contact-form  label{display: block;}
.contact-form  label input{width: 100%;font-size: 12px;font-weight: 400;color: #d4d4d4;background: rgba(255, 255, 255, 0.62);outline: none;border: none;line-height: 40px;margin-bottom: 10px;padding: 0 20px;}
.contact-form label input[type=submit]{width: 100%;height: 40px;line-height: 36px;color: white;border: none;background: #028039;font-size: 12px;}
.contact-form label textarea{display: block; width: 100%;line-height: 28px;border: 1px solid #999;font-weight: 400;color: #d4d4d4;font-size: 12px;background: rgba(255, 255, 255, 0.62); padding:0 20px;}
.con-right>h4{font-size: 16px;color: white;margin-bottom: 15px}
/**/
footer{background: #028039;padding: 5px 0;}
.foot-mes>p{font-size: 12px;color: white;text-align: center;}
/**/
/**/
.neiye{background: white;}
.neiye-nav{margin: 20px 10px 50px 10px;}
.neiye-nav-title{height:85px;color:#333;border: 1px solid #cccccc;background: #474a53;text-align: center;}
.neiye-nav-title h5{display: inline-block;font-size: 24px;font-weight: bold;color: white;background: url("../images/ny-nav-tit_03.png")bottom center no-repeat;padding-bottom: 10px;margin-top: 25px;}
#neiye-nav{background: white;border:1px solid #e4e4e4; }
#neiye-nav .active{background:#028039;color: white;}
#neiye-nav .active h5{color: white;}
#neiye-nav .neiye-nav-con2{cursor: pointer;}
.neiye-nav-con2 h5{color:#000; line-height: 60px; font-size: 16px; text-align: center;margin-left: 5%;}
.neiye-nav-con2 span{display: inline-block;line-height: 60px;margin-right: 5%;}
.neiye-nav-con2>a{display: block;transition: all linear .3s;border-bottom: 1px solid #e4e4e4;}
.neiye-nav-con2>a:hover{background:#028039 ;}
.neiye-nav-con2>a:hover h5{color: white}
.neiye-nav-con2>a:hover span{color: white}
#neiye-nav2{padding: 30px 32px 40px 35px;border: 1px solid #dcdcde}
#neiye-nav2>h4{font-size:18px;font-weight: bold;color: #000;margin-bottom: 15px;}
.address p{line-height: 2;font-size: 18px;}
.address p span{display:inline-block;margin-right: 10px;font-size: 18px;color: #a3a3a3;}
.address h5{line-height: 2;font-size: 18px;color:#028039;padding-left: 30px;}
.address{padding-bottom: 25px;border-bottom: 1px solid #dcdcde;}
#neiye-nav2>a{display: inline-block;width: 100%;background: #028039;color: #fff;line-height: 45px;text-align: center;margin-top: 10px;}
.neiye-right-title{font-size: 12px;color: #5f5f5f;line-height: 40px;color: #666666;}
.padding2{background: url("../images/ny-r-bj_03.png")bottom center no-repeat;margin-top: 10px;padding-bottom: 5px;}
.neiye-left-title>h4{font-size: 14px;line-height: 40px;}
.ny-main{margin: 30px 0 50px 0;min-height: 900px;}
.twice-nav-con>li>a{display: block;text-align: center;line-height: 40px;border-bottom: 1px dashed #cccccc;font-size: 13px;}
.twice-nav-con>li>a:hover{color:#028039;}
.twice-nav-con{display: none;}
/**/
.ny-about>img{max-width: 550px;}
.ny-about-mes>h4{font-size: 14px;line-height: 50px;font-weight: bold;}
.ny-about-mes>p{color: #666666;line-height: 2;}
/**/
.ny-case>ul>li>a{display: block;background: #e4e4e4;padding: 2px;position: relative;overflow: hidden;}
.ny-case>ul>li>a>p{line-height: 40px;text-align: center;}
.ny-case>ul>li>a:hover .en-t{top:0;left: 0;transition: all .3s linear;}
.ny-case>ul>li{margin-bottom: 20px;  }
/**/
.fy>input{width: 35px;height: 22px;border: 1px solid #e8e7e7}
.fy>a{display: inline-block;width: 25px;height: 25px;text-align: center;line-height: 25px;color:#028039;border: 1px solid #028039;background: white;}
.fy>a:hover{background: #028039;border: 1px solid #028039;color: white;}
.xy{width:65px !important;}
.tz{width: 50px !important;}
.fy>b{font-weight: 100;color: #028039;}
/**/
.ny-news{margin-top: 30px;}
.ny-news-box{position: relative;overflow: hidden;}
.ny-news-top{padding-top: 70.54%;}
.ny-news-list-left{width: 275px;border: 4px solid #eeeeee;}
.ny-news-list-right{width: calc(100% - 285px)}
.ny-news-list-right>h4{font-size: 20px;line-height: 35px;margin-bottom: 10px;font-weight: bold;}
.ny-news-list-right>p{line-height: 2;display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: #666666;}
.ny-news-list-right>p>span{color: #028039}
.ny-news-list-right>span{display: inline-block; padding: 4px 50px;border: 1px solid #9999;border-radius: 20px;margin: 20px 0;}
.ny-news-list>a{display: block; transition: all linear .3s;}
.ny-news-list>a:hover{ box-shadow: 5px 5px 15px #333;
    transform: translateY(-6px);
    transition: all linear .3s;}
.ny-news-list{margin-bottom: 25px;}
.ny-news-list>a:hover .ny-news-list-left{border: 4px solid #028039;}
/**/
.add{margin: 20px 0;}
.add>p{line-height: 2;font-weight: bold;font-size: 12px;}
.ny-messages form input{border: 1px solid #cccccc;line-height: 30px;}
/**/
.ny-case-ny>div{max-width: 380px;margin: 0 auto;}
.ny-case-ny>div>h4{font-size: 16px;color: #666666;margin: 20px 0;}
.ny-case-ny>div>p{line-height: 2;color: #666666;}
/**/
.ny-news-infor>h4{font-size: 18px;font-weight: bold;
margin-bottom: 20px;}
.ny-news-infor>p{font-size: 12px;margin-bottom: 20px;}
.ny-news-infor>img{max-width: 500px;}
.ny-news-infor>h5{font-size: 12px;line-height: 2;margin-top: 20px;max-width: 600px;}
/**/

.m_content{margin-top: 30px;}
.hz_layout{width: 100%;margin-bottom: 80px;}
.hz_layout .hz_item{width: 25%; float: left;}
.hz_layout .you .imgbox{left: 50%;}
.hz_layout .you .txtbox{right: 50%;}
.hz_layout .hz_item .imgbox{width: 50%; float: left;border: 1px solid #dbdbdb; height: 100px; position: relative;}
.hz_layout .hz_item .imgbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.hz_layout .hz_item .txtbox{width: 50%; float: left; height: 100px; position: relative; display: table;}
.hz_layout .hz_item .txtbox h1{display: table-cell;  vertical-align: middle; width: 100%; text-align: center; font-size: 14px; color: #5c5d5d;}
.hz_layout .hz_item:hover .imgbox{border: 1px solid #c7191d;}
.hz_layout .hz_item:hover .txtbox h1{font-size: 18px; color: #c7191d;}
/**/
@media (max-width:991px) {
    .ban_img {width:100%; padding-top:60.15%; position:relative; transition-duration: 5s;}
    .bus-left{width: 100%;}
    .bus-right{width: 100%;margin-top: 20px;}
    .tit-right{width: 100%;}
    .tit-left{width: 100%;background: #32975e;}
    .con-right{margin-top: 30px;}
}
@media (max-width:767px){
    body{padding-bottom: 55px}
    .environment-mes{width: 100%;}
    .news-tit>a{margin-bottom: 10px;}
}
@media (max-width:600px){
    .ny-news-list-right{width: 100%;margin: 0;}
    .logo img{width: 380px;}
}
@media (max-width:467px){
    .logo img{width: 250px;}
    .bus-left>ul>li{width: 100%;}
}
@media (max-width:400px){
    .contact-form>form>div{width: 100%;}
    .contact-form>form>div:nth-child(2){width: 100%;margin: 0;}
}
@media (max-width:376px){
    .logo img{width: 200px;}
    .col-xs-6{padding-right: 10px;  padding-left: 10px;  }
}


/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}



/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 143px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:170px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}


