﻿
/*-----------------[初始化]--------------*/
*,*:before,*:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
body{color: #787878;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #686868;outline: none;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}
img{max-width: 100%;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";outline: 0;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

/*布局*/
.wp{width: 96%;max-width: 1200px;margin: 0 auto;}


/*******************************
  -------[=头部]-------
********************************/
#hd{position: relative;z-index: 105;background-color: #fff;}
#hd .hd-top{line-height: 35px;color: #fff;background-color: #175b20;}
#hd .hd-top .tel{float: left;padding-left: 15px;background: url(../images/ico-hdtel.png) 3px center no-repeat;background: url(../images/ico-hdtel.png) 3px 50% no-repeat \9;}
#hd .hd-top .email{float: left;margin: 0 25px;padding-left: 20px;
background: url(../images/ico-hdx.png) left center no-repeat;}
#hd .hd-top .time{float: left;padding-left: 20px;background: url(../images/ico-hdtm.png) left center no-repeat;}
#hd .hd-top a{color: #fff;}
#hd .hd-top a:hover{color: #3c9d49;}
#hd .select{position: relative;float: right;padding-top: 9px;width: 220px;}
#hd .select .inp{display: block;width: 100%;padding: 0 10px;border: 1px solid #3c9d49;color: #d4eed7;cursor: pointer;
height: 20px;line-height: 18px;background: url(../images/ico-selct.png) right 10px center no-repeat;background: url(../images/ico-selct.png) 100px 50% no-repeat \9;}
#hd .select .option{display: none;position: absolute;left: 0;top: 29px;z-index: 10;
width: 100%;background-color: #3c9d49;}
#hd .select a{display: block;padding: 0 10px;border-bottom: 1px dashed #eee;}
#hd .select a:hover{color: #fff;}
#hd .select a.on{color: #175b20;}
#hd .lang{float: right;color: #bbc8bc;}
#hd .lang a{padding: 0 10px;}
#hd .lang .en{font-family: 'Arial';}

#hd .hd-bot a{font-size: 13px;color: #686868;}
#hd .hd-bot .wp{position: relative;}
#hd .hd-bot .logo{float: left;}
#hd .hd-bot .logo img{height: 100px;}
#hd .hd-bot .r{padding-top: 40px;line-height: 30px;}
#hd .search{float: right;position: relative;margin: 0 15px;width: 150px;}
#hd .search .inp-t{display: block;width: 100%;height: 30px;line-height: 30px;
padding: 0 35px 0 8px;background-color: #c1c1c1;color: #fff;}
#hd .search .btn-s{position: absolute;right: 5px;top: 50%;width: 25px;height: 20px;
margin-top: -9px;background: url(../images/ico-soser.png) right center no-repeat;border-left: 1px solid #fff;}
#hd .nav{float: right;background: url(../images/ico-linenav.png) right center no-repeat;}
#hd .nav li{float: left;background: url(../images/ico-linenav.png) left center no-repeat;}
#hd .nav .v1{display: block;padding: 0 15px;}
#hd .pos{/*position: absolute;right: -115px;top: 45px;*/ float: right;margin-left: 20px}
#hd .pos a{padding-right: 10px;}
#hd .hd-bot a:hover{color: #000;}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn{z-index: 9;display: none;position: absolute;top: 45px;right: 10px;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #175b20;
    margin: 3px 0 7px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 39%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
#aside {position: fixed;top: 0;top: -999px;left: 0;z-index: 100;width: 100%;
background-color: rgba(0,0,0,.7);font-size: 16px;background-color: #000 \9;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
#aside.cur {top: 59px;}
#aside .menu{line-height: 1.8;}
#aside .menu li{border-bottom: 1px dashed #666;}
#aside .menu .v1{display: block;line-height: 2.2;
text-align: center;color: #fff;}
/*#aside .menu .v1.von{color: #175b20;}*/
#aside .menu dl{display: none;padding: 0 0 10px 20px;}
#aside .menu .a1{display: block;font-size: 13px;line-height: 30px;color: #c6c6c6;}
#aside .menu .a1:hover,#aside .menu .v1:hover{color: #175b20;}
#aside .search{position: relative;margin: 10px auto;width: 50%;}
#aside .search .inp-t{display: block;width: 100%;height: 30px;line-height: 30px;
padding: 0 35px 0 8px;background-color: #999;color: #fff;}
#aside .search .btn-s{position: absolute;right: 5px;top: 50%;width: 25px;height: 20px;
margin-top: -9px;background: url(../images/ico-soser.png) right center no-repeat;border-left: 1px solid #fff;}

/*******************************
  -------[=底部]-------
********************************/
#fd{padding: 30px 0;font-size: 13px;color: #fff;background-color: #434343;}
#fd .links a{margin-right: 15px;color: #fff;}
#fd .share{margin: 12px 0;}
#fd .jiathis_style .jiathis_txt{margin-right: 2px;}
#fd .jiathis_style .sp{margin-right: 10px;}
#fd .copyright{line-height: 1.8;color: #cecece;}
#fd .copyright a{color: #cecece;}
#fd .r{padding-right: 30px;}
#fd a:hover{color: #3c9d49;}




/******关于我们******/
/*******************************
    -------[=#bd]-------
********************************/
#bd{position: relative;}


/*******************************
    -------[=ins_ban]-------
********************************/
.ins_ban{height: 363px;line-height: 360px;overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;}
.ins_ban h3{color:#fff;font-size: 48px;}
.ins_ban h3 em{display: inline-block;margin-left: 18px;
    font-size: 30px;text-transform: uppercase;font-weight: bold;}

/*******************************
    -------[=g-row]-------
********************************/
.h130{height: 130px;}
.g-idx{position: relative;z-index: 2;min-height: 300px;
    background:#fff;}
.g-row{margin-top: -119px;}
.g-row .wp3{position: relative;}
.g-row .wp3:after{content:'';position: absolute;left: -5%;top: -29px;
    width: 110%;height: 300px;
    background: url(../images/yy.png) no-repeat center top;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;}

/*******************************
    -------[=ins-hd]-------
********************************/
.ins-hd{margin: 0 15px 24px;padding: 30px 0;
    border-bottom: 1px solid #eaeaea;}
.g-link{float: right;max-width: 66%;}
.g-link li{float: left;margin:0 4px;height: 20px;line-height: 20px;position: relative}
.g-link li .secondmenu{
    position: absolute;
    top: 20px;
    width: 120px;
    left: 50%;
    display: none;
    margin-left: -60px;
}
.g-link li:hover .secondmenu{
    display: block;
}
.g-link li .secondmenu a{
    color:#373737;font-size: 12px; border-radius:18px;
    width: 100%;
    padding: 2px 0;
    text-align: center;
    display: inline-block;
}
.g-link li a{color:#373737;font-size: 14px;padding: 2px 8px; border-radius:18px }
.g-link li a:hover{color:#fff;background: #175b20}
.g-link li.on a{color:#fff;background: #175b20}

.g-cur {height: 20px;line-height: 20px;overflow: hidden;float: left;
    width: 34%;}
.g-cur li{float: left;}
.g-cur li a{display: inline-block;margin:0 2px;}
.g-cur em{display: inline-block;margin:0 9px 0 20px;
    height: 20px;width: 14px;
    background: url(../images/icn1.jpg) no-repeat center;}