*{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
/* index.html */
.headerline {
    width: 100%;
    height: 70px;
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.headerScol {
    background: #fff;
}
.headerline .header {
    width: 1180px;
    height: 70px;
    margin: 0 auto;
}
.headerline .header .logo, .headerline .header .logo img {
    width: 149px;
    height: 28px;
    float: left;
}
.headerline .header .logo {
    margin-top: 20px;
}
.headerline .header .nav {
    margin-top: 30px;
}
.headerline .header .nav li {
    float: left;
    font-size: 16px;
    margin-left: 45px;
}
.headerline .header .nav li a {
    color: #232323;
}
.headerline .header .nav li a:hover{ color:#009999}
.headerline .header .tel {
    width: 194px;
    height: 28px;
    line-height: 28px;
    background: #006738;
    border-radius: 14px;
    margin: 28px 0 0 30px;
}
.headerline .header .tel img {
    width: 21px;
    height: 21px;
    margin: 4px 10px 0 12px;
}
.headerline .header .tel p {
    color: #fff;
    font-size: 20px;
}
.banner {
    width: 100%;
    height: 755px;
    margin: 0 auto;
    background: url('../imgs/banner.jpg') no-repeat center top;
}
.banner a {
    width: 306px;
    height: 60px;
    line-height: 60px;
    background: #c79d63;
    border-radius: 30px;
    display: block;
    margin: 568px auto 0;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}.banner a:hover{ background:#006738}
.study {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.study .tit {
    width: 100%;
    height: 204px;
    margin: 0 auto;
    background: url('../imgs/topTitle_bg.jpg') no-repeat center top;
}
.study .cont {
    width: 1100px;
    height: 845px;
    margin: 0 auto;
    position: relative;
    background: url('../imgs/why_bg.jpg') no-repeat center top;
}
.study .cont .item {
    padding: 20px 40px 0;
    position: absolute;
}
.study .cont .item_01 {
    width: 357px;
    height: 152px;
    background: url('../imgs/why_01.png') no-repeat left top;
    top: 30px;
    left: 0;
}
.study .cont .item_02 {
    width: 357px;
    height: 152px;
    background: url('../imgs/why_02.png') no-repeat left top;
    top: 30px;
    right: 0;
}
.study .cont .item_03, .study .cont .item_05 {
    width: 334px;
    height: 152px;
    background: url('../imgs/why_03.png') no-repeat left top;
    top: 236px;
    left: 66px;
}
.study .cont .item_04, .study .cont .item_06 {
    width: 334px;
    height: 152px;
    background: url('../imgs/why_04.png') no-repeat left top;
    top: 236px;
    right: 30px;
}
.study .cont .item_05 {
    top: 438px;
    left: 0;
}
.study .cont .item_06 {
    top: 438px;
}
.study .cont .item h4 {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 12px;
}
.study .cont .item p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.study .cont .btnList {
    width: 560px;
    height: auto;
    margin: 730px auto 0;
}
.study .cont .btnList a {
    width: 266px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 22px; border:#fff solid 2px;
    background: #006738;
    border-radius: 30px;
}.study .cont .btnList a:hover{ color:#006738; border:#006738 solid 2px; background:#fff}
.router {
    width: 100%;
    height: 746px;
    background: #006738 url('../imgs/topTitle_bg_04.jpg') no-repeat center top;
    margin: 0 auto;
}
.router .comWidth {
    padding-top: 180px;
}
.router .item {
    width: 490px;
    height:520px; position:relative;
    background: #0f7044;
    padding: 0 30px;
    cursor: pointer;
}
.router .item_02 {
    margin-top: 44px;
    background: #1a764c;
}
.router .item .tit {
    width: 100%;
    height: 112px;

   
    position: relative;
}
.router .item .tit img {
    width: 169px;
    height: auto;
    float: left;
}
.router .item .tit h3 {
    font-size: 24px;
    color: #fff;
    position:absolute;
    top: 69px;
    left: 120px;
    line-height: 40px;
}
.router .item .tit h3 i {
    font-size: 22px;
    font-weight: normal;
    margin-right: 10px;
}
.router .item .tips {
    width: 100%;
    height: auto;
    margin: 15px auto 0;
    float: left;
}
.router .item_02 .tit img {
    float: right;
    margin-right: 86px;
}
.router .item_02 .tit h3 {
    left: 355px;
}
.router .item .line {
    width: 112px;
    float: left;
    height: 0;
    border-bottom: 2px solid #fff;
    margin-top: 15px;
}
.router .item .tips p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    width: 100%;
    float: left;
}
.router .item .tips p i {
    font-weight: bold;
    font-style: normal;
    color: #c79d63;
}
.router .item .tips a {
    font-size: 14px;
    color: #c79d63;
    font-weight: bold;
    text-decoration: underline;
    float: left;
    margin: 5px 0;
}
.router .item .tips a:hover {
    color: #b88e54;
}
.router .item .time {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}
.router .item .time .row {
    width: 100%;
    overflow: hidden;
}
.router .item .time .row p {
    width: 80px;
}
.router .item .time .row span {
    width: 397px;
    height: 19px;
    font-size: 13px;
    line-height: 19px;
    padding-left: 5px;
    color: #0f7044;
    margin-top: 3px;
    background: url('../imgs/route_03.png') no-repeat left top;
}
.router .item .time .row span i {
    margin-right: 40px;
    font-style: normal;
}
.router .item .btn {
    width: 100%;
    float: left;
    margin: 20px 0 30px;
}
.router .item .btn a {
    width: 248px;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    border:2px solid #c79d63;
    text-align: center;
    font-size: 22px;
    float: left;
    color: #c79d63;
}
.router .item .btn a:hover {
    background: #c79d63;
    color: #fff;
}.banner a {
    width: 306px;
    height: 60px;
    line-height: 60px;
    background: #c79d63;
    border-radius: 30px;
    display: block;
    margin: 68px auto 0;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}
/*.masked{
     background-image:url(../imgs/m.jpg);
	 
	
	 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0'); 
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text;
    -webkit-animation-name:masked-animation;
    -webkit-animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    color:#c79d63;
}
*/
@-webkit-keyframes masked-animation {
    0% {background-position:left bottom;}
    100% {background-position:right bottom;}
}
.adBox {
    width: 100%;
    height: 248px;
    margin: 0 auto;
    overflow: hidden;
    background: url('../imgs/ad_bg.jpg') no-repeat center top;
}.banner .word {
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.banner .word h3 {
    position: absolute;
    font-size: 80px;
    color: #fff;
    top: 153px;
    left: 276px;
    z-index: 2;
}
.banner .word h4 {
    font-size: 178px;
    color: #c79d63;
    position: absolute;
    top: 246px;
    left: 60px;
    z-index: 3;
}
.banner .word h2 {
    font-size: 120px;
    color: #fff;
    position: absolute;
    top: 275px;
    right: 12px;
    z-index: 4;
}
.banner .word p {
    color: #fff;
    font-size: 26px;
    position: absolute;
    left: 90px;
    top: 452px;
}
.banner .word p.p2 {
    left: 456px;
}
.banner .word p.p3 {
    left: 769px;
}
.banner .word p img {
    float: left;
    margin: 4px 0 0 5px;
}
.banner .word p i {
    text-shadow:2px 2px 0px #333;
}
.active .mask{  animation: movean 5s forwards;}.active .mask2{  animation: movean 3s forwards;}
.mask {
  
    position: relative;
  
    -webkit-mask-image: url(../imgs/ad_bg.jpg);
	-webkit-mask-size: 0 100%;
    -webkit-mask-position: left;
    -webkit-mask-repeat: no-repeat;
	
	 width:100%; min-height:112px;
	 
	}
	.mask2 {
  
    position: relative;

    -webkit-mask-image: url(../imgs/ad_bg.jpg);
  
	  -webkit-mask-size: 0 100%;
    -webkit-mask-position: left;
    -webkit-mask-repeat: no-repeat; width:100%; min-height:112px;
	}
.active	.dly1{
	
	animation-delay:1s;
-webkit-animation-delay:1s;}

.active .dly2{
	
	animation-delay:2s;
-webkit-animation-delay:2s;}
.active .dly3{
	
	animation-delay:2.5s;
-webkit-animation-delay:2.5s;}
.active .dly4{
	
	animation-delay:4.5s;
-webkit-animation-delay:4.5s;}
.active .dly5{
	
	animation-delay:5.5s;
-webkit-animation-delay:5.5s;}

.adBox a {
    width: 244px;
    height: 42px;animation: rotate 1.2s linear infinite;
    line-height: 42px;
    background: #006738;
    color: #fff;
    font-size: 22px;
    text-align: center;
    display: block;
    border-radius: 21px;
    border:2px solid #c79d63;
    position: absolute;
    right: 130px;
    top: 114px; 
}
@keyframes rotate {
  0% {
    transform: translateY(0); }
  15% {
    transform: translateY(0px); }
  30% {
    transform: translateY(3px) scale(1.1, 0.9); }
  45% {
    ransform: translateY(0px); }
  60% {
    transform: translateY(0); } }
@keyframes movean {
 0% {
	   -webkit-mask-size: 0 100%;
}
 100% {
  -webkit-mask-size: 100% 100%;
}
}
@-moz-keyframes movean /* Firefox */
{
from {  -webkit-mask-size: 0 100%;}
to {  -webkit-mask-size: 100% 100%}
}
 @keyframes movebgfd {
 0% {
	    transform: scale(1);
}
 100% {
  transform: scale(1.18);

}
}
.adBox a:hover {
    color: #c79d63;
}
.recommend {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 54px;
}
.recommend .tit {
    width: 100%;
    height: 180px;
    background: url('../imgs/topTitle_bg_02.jpg') no-repeat center top;
    margin: 0 auto;
}
.recommend .cont {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}
.recommend .cont .item:hover .mover{ display:block !important}
.recommend .cont .item, .recommend .cont .item img {
    width: 550px;
    height: 409px;
    float: left;
    position: relative;
    cursor: pointer;
}
.recommend .cont .mover {
    width: 550px;
    height: 409px;
    background: #c79d63;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.recommend .cont .mover .title {
    width: 100%;
    height: 41px;
    background: url('../imgs/recommend_icon.png') no-repeat left top;
    margin: 30px auto 0;
}
.recommend .cont .mover .title h3 {
    width: 196px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    float: left;
}
.recommend .cont .mover .info {
    padding: 0 30px;
}
.recommend .cont .mover .info p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}
.recommend .cont .mover .info p:first-child{ height:75px}
.recommend .cont .mover .info p i, .recommend .cont .mover .info p a {
    color: #006738;
}
.recommend .cont .mover .info p i {
    font-weight: bold;
}
.recommend .cont .mover .info p a:hover {
    text-decoration: underline;
}
.recommend .cont .mover .info a.btn {
    width: 250px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 22px;
    display: block;
    text-align: center; position:absolute; bottom:24px; left:30px;
    border-radius: 24px;
    background: #006738;
    margin-top: 8px;
}
.recommend .cont .mover .info a.btn:hover {
    background: #037c45;
}
.formBox {
    width: 100%;
    height: 536px;
    background: url('../imgs/topTitle_bg_03.jpg') no-repeat center top;
    margin: 0 auto;
}
.formBox .contList {
    width: 740px;
    height: auto;
    margin: 180px auto 0;
    position: relative;
}
.formBox .contList .item {
    width: 218px;
    height: 50px;
    position: relative;
    margin-right: 42px;
}
.formBox .contList .item_last {
    margin: 0;
}
.formBox .contList .item .text {
    background: #fff;
    border-radius: 5px;
    width: 166px;
    height: 50px;
    border:none;
    display: block;
    float: left;
    padding-left: 52px;
    font-size: 14px;
}
.formBox .contList .item img {
    width: 30px;
    height: 30px;
    position:absolute;
    left: 10px;
    top: 10px;
}
.formBox .contList .item p {
    color: red;
    font-size: 14px;
    position: absolute;
    top: 16px;
    left: 40px;
    float: left;
}
.formBox .contList .item .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 14px;
    left: 190px;
}
.formBox .contList .item .show {
    transform: rotateX(-180deg);
}
.formBox .contList .downlist {
    width: 218px;
    background: #fff;
    position: absolute;
    top: 54px;
    right: 0;
    border-radius: 5px;
    overflow: hidden;
    display: none;
}
.formBox .contList .downlist li {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    border-bottom: 1px dashed #dbdbdb;
    cursor: pointer;
}
.formBox .contList .downlist li:hover {
    background: #f6f6f6;
}
.formBox a.btn {
    width: 250px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    display: block;
    text-align: center;
    color: #fff;
    background: #c79d63;
    margin: 50px auto 0;
    font-size: 22px;
}.formBox a.btn:hover{transform:scale(1.1);-webkit-transform:scale(1.1);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(1.1); }
.formBox a.backTop {
    width: 66px;
    height: 66px;
    display: block;
    margin: 102px auto 0;
}
.foot {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url('../imgs/foot.jpg') no-repeat center bottom;
}
.foot .infobox, .foot .adress {
    width: 1080px;
    height: auto;
    margin: 0 auto;
} 
.foot .infobox .item, .foot .adress .item {
    width: 33.3%;
    float: left;
}
.foot .infobox .item .tit {
    float: left;
    height: 64px;
    line-height: 32px;
    border-right: 2px solid #000;
    width: 74px;
    margin-right: 6px;
}
.foot .infobox .item h3 {
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
}
.foot .infobox .item .cont {
    float: left;
    width: 260px;
}
.foot .infobox .item .cont h3 {
    letter-spacing: 2px;
}
.foot .infobox .item .cont p {
    font-size: 14px;
    line-height: 21px;
}
.foot .adress {
    margin-top: 40px;
}
.foot .adress .item img {
    width: 38px;
    float:left;
    height: 38px;
}
.foot .adress .item .info {
    width: 293px;
    margin-left: 14px;
}
.foot .adress .item .info p {
    font-size: 14px;
    line-height: 22px;
}
.foot .company {
    width: 100%;
    height: auto;
    margin: 40px auto 90px;
    text-align: center;
}
.foot .company p {
    font-size: 14px;
}
/*弹窗*/
.popCont {
    width: 100%;
    height: auto;
    display: none;
}
.popCont .bg {
   background: #000;
   opacity: 0.6;
   filter: alpha(opacity = 60);
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   position: fixed;
   z-index: 101;
}
.popCont .pop {
    width: 810px;
    height: 390px;
    position: fixed;
    z-index: 102;
    top: 50%;
    left: 50%;
    margin-left: -405px;
    margin-top: -195px;
    background: #fff;
}
.popCont .pop .tit {
    width: 100%;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-align: center;
    background: #0f7044;
}
.popCont .pop .tit h3 {
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}
.popCont .pop .tit a {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 10px;
    right: 74px;
}
.popCont .pop .tit a img {
    width: 29px;
    height: 29px;
}
.popCont .pop .cont {
    width: 100%;
    height: auto;
}
.popCont .pop .cont .ad {
    width: 400px;
    height: 300px;
    margin: 21px 0 0 23px;
}
.popCont .pop .cont .info {
    width: 300px;
    margin-right: 42px;
    margin-top: 26px;
}
.popCont .pop .cont .info .title {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.popCont .pop .cont .info .title h3 {
    font-size: 20px;
    font-weight: normal;
}
.popCont .pop .cont .info .itemList {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 23px;
    position: relative;
}
.popCont .pop .cont .info .itemList .item {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.popCont .pop .cont .info .itemList .item .text {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    height: 38px;
    border:none;
    display: block;
    float: left;
    padding-left: 48px;
    font-size: 14px;
    box-sizing: border-box;
    border:1px solid #a9a9a9;
    overflow: hidden;
}
.popCont .pop .cont .info .itemList .item img {
    width: 30px;
    height: 30px;
    position:absolute;
    left: 10px;
    top:4px;
}
.popCont .pop .cont .info .itemList .item p {
    color: red;
    font-size: 14px;
    position: absolute;
    top: 9px;
    left: 40px;
    float: left;
}
.popCont .pop .cont .info .itemList .item .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 270px;
}
.popCont .pop .cont .info .itemList .item .show {
    transform: rotateX(-180deg);
}
.popCont .pop .cont .info a.btn {
    width: 300px;
    height: 48px;
    color: #fff;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    background: #c79d63;
    float: left;
    margin-top: 8px;
}
.popCont .pop .cont .info a.btn:hover {
    background: #d3aa71;
}
.popCont .pop .cont .info .downlist {
    width: 298px;
    background: #fff;
    position: absolute;
    top: 160px;
    left:0;
    border-radius: 5px;
    overflow: hidden;
    display: none;
    border:1px solid #dbdbdb;
}
.popCont .pop .cont .info .downlist li {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    border-bottom: 1px dashed #dbdbdb;
    cursor: pointer;
}
.popCont .pop .cont .info .downlist li:hover {
    background: #f6f6f6;
}