body{ font-family:"微软雅黑", arial; font-size:14px; line-height:150%; margin:0px; padding:0px; background:#ffffff; min-width:1200px;}

img{ border:0px;}

a{ color:#000000; text-decoration:none;}

a:hover{ color:#000000; text-decoration:underline;}

form{ margin:0px; padding:0px;}

input,select,textarea{ margin:0px; padding:3px 5px; font-family:"微软雅黑"; font-size:14px; vertical-align:middle;}



.input_error{ border:1px solid #ff0000; background:#fff7f7; color:#ff0000;}

.msg{ color:#ff0000;}

.remark{ color:#999999;}

.clear{ clear:both;}



/*****Picture*****/

.pic-bigger img{ transition-delay:0s; transition-duration:0.5s; transition-property:all; transition-timing-function:ease;

-moz-transition-delay:0s; -moz-transition-duration:0.5s; -moz-transition-property:all; -moz-transition-timing-function:ease;

-webkit-transition-delay:0s; -webkit-transition-duration:0.5s; -webkit-transition-property:all; -webkit-transition-timing-function:ease;

-o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}

.pic-bigger:hover img{ transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2);}



.template{ display:none;}

.popup{ width:100%; height:100%; clear:both; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.4); z-index:1000; display:none;}

.popup .cot{ width:1000px; height:500px; margin:6% auto 0 auto; clear:both; background:#ffffff; position:relative;}

.popup .cot .close{ width:40px; height:40px; line-height:40px; clear:both; position:absolute; top:-45px; right:-21px; text-align:center; font-size:40px; color:#ffffff; font-family:iconfont; cursor:pointer;}

.popup .cot .close:hover{ transform:rotate(180deg); transition:all ease-in 0.5s;}

.loading{ width:30px; height:30px; line-height:30px; margin:25px auto 25px auto; clear:both; text-align:center; font-size:30px; color:#CCCCCC; font-family:iconfont; animation:rotate 1s linear infinite;}

@keyframes rotate{

	from{ transform:rotate(0deg);}

	to{ transform: rotate(360deg);}

}



.bg{ width:100%; height:100%; clear:both; position: fixed; top: 0px; left: 0px; background: url(../image/advantage_bg.jpg) center no-repeat; background-size: 1920px 100%; font-size: 0px; line-height: 0px;}

.wrap{ width:100%; min-width: 1200px; height:auto; clear:both; position:absolute; top: 0px; left: 0px; z-index: 1;}



/*****Head*****/

.head{ width:100%; height:120px; clear:both; background: #ffffff;}

.head .cot{ width:100%; height:120px; margin:0 auto; padding-top:0px; clear:both; position:relative;}

.head .cot .logo{ width:405px; height:80px; padding:18px 0px 0px 3%; float:left; font-size:0px; line-height:0px;}

.head .cot .nav{ width:auto; height:58px; padding: 62px 0px 0px 55px; float: left;}

.head .cot .nav .li{ width:auto; height:58px; margin-right:25px; float:left; font-size:16px; color:#000000; position:relative;}

.head .cot .nav .li a{ display:inline-table; width:auto; height:58px; color:#000000; text-decoration:none;}

.head .cot .nav .li a:hover{ color:#006c3f;}

.head .cot .nav .li a .line{ display:none;}

.head .cot .nav .li-on{ color:#006c3f;}

.head .cot .nav .li-on a{ color:#006c3f;}

.head .cot .nav .li-on a .line{ display:block; width:100%; height:5px; clear:both; background:#006c3f; position:absolute; bottom:0px; left:0px; font-size:0px; line-height:0px;}

.head .cot .nav .li .nav-sub{ width:auto; min-width:480px; height:auto; padding-top:30px; clear:both; position:absolute; top:58px; left:0px; z-index:100; overflow:hidden; display:none;}

.head .cot .nav .li .nav-sub .pic{ width:150px; height:auto; margin-right:20px; float:left; font-size:0px; line-height:0px;}

.head .cot .nav .li .nav-sub .txt{ width:280px; height:auto; padding-top:5px; float:left;}

.head .cot .nav .li .nav-sub .txt .ttit{ width:100%; height:auto; clear:both; font-size:22px; color:#006c3f; font-weight: 500;}

.head .cot .nav .li .nav-sub .txt .ttit span{ padding-left:15px; font-size:20px; text-transform:capitalize;}

.head .cot .nav .li .nav-sub .txt .tcot{ width:100%; height:auto; padding-top:15px; clear:both;}

.head .cot .nav .li .nav-sub .txt .tcot .nli{ width:auto; height:auto; padding-right:30px; float:left; font-size:14px; color:#000000; line-height:200%;}

.head .cot .nav .li .nav-sub .txt .tcot .nli a{ height:auto; color:#000000;}

.head .cot .nav .li .nav-sub .txt .tcot .nli a:hover{ color:#006c3f;}

.head .cot .tel{ width: auto; height: auto; clear: both; position: absolute; top: 30px; right: 3%; font-size: 16px; color: #006c3f;}

.head .cot .tel span{ display: block; padding-top: 8px; font-size: 27px; color: #006c3f; font-weight: 500;}

@media screen and (max-width: 1400px) {

	.head .cot .tel{ display: none;}

}

.nav_bg{ width:100%; height:230px; clear:both; position:absolute; top:120px; left:0px; z-index: 1; background:#ffffff; border-top: 1px solid #dddddd; display:none;}



/*****Foot*****/

.foot-clear{ width: 100%; height: 80px; clear: both; background: #ffffff;}

.foot{ width:100%; height:auto; margin:0 auto; clear:both; background: #006c3f; position: relative;}

.foot .nav-tel{ width:1200px; height:auto; margin:0 auto; padding-top:60px; clear:both; overflow:hidden;}

.foot .nav{ width:auto; height:auto; float:left;}

.foot .nav .li{ width:auto; height:auto; padding-right:50px; float:left;}

.foot .nav .li .lt{ width:auto; height:auto; clear:both; font-size:14px; color:#ffffff; font-weight:bold;}

.foot .nav .li .lt a{ color:#ffffff;}

.foot .nav .li .lc{ width:auto; height:auto; padding-top:8px; clear:both;}

.foot .nav .li .lc .l-li{ width:auto; height:auto; padding:1px 0px; clear:both; font-size:14px; color:#ffffff;}

.foot .nav .li .lc .l-li a{ color:#ffffff;}

.foot .tel{ width: auto; height: auto; float: right; font-size: 16px; color: #ffffff;}

.foot .tel span{ display: block; padding-top: 8px; font-size: 30px; color: #ffffff; font-weight: 500;}

.foot .copyright-qrcode{ width: 100%; height: auto; margin-top: 120px; clear: both; position: relative; background: #ffffff;}

.foot .qrcode{ width:1200px; height:auto; clear: both; position: absolute; top: -55px; left: 50%; margin-left: -600px; text-align: center;}

.foot .qrcode .li{ display: inline-block; width:110px; height:auto; padding: 0 18px;}

.foot .qrcode .li .pic{ width:110px; height:110px; margin:0 auto; clear:both; font-size:0px; line-height:0px;}

.foot .qrcode .li .txt{ width:110px; height:auto; margin:0 auto; padding-top:5px; clear:both; text-align:center; font-size:14px; color:#000000;}

.foot .copyright{ width:1200px; height:auto; margin: 0 auto; padding: 120px 0px 35px 0px; clear:both; text-align:center; font-size:14px; color:#000000; line-height:170%;}

.foot .copyright img{ vertical-align:middle;}

.foot .copyright a{ color:#000000;}



/*****Main*****/

.banner{ width:100%; height:860px; clear:both; position:relative;}

.banner .cot{ width:100%; height:860px; clear:both; position:absolute; top:0px; left:0px;}

.banner .cot .li{ width:1920px; height:860px; clear:both; position: absolute; top: 0px; left: 50%; margin-left: -960px; font-size:0px; line-height:0px;}

.banner .cot .li img{ width:1920px; height:860px;}

.banner-sub{ height:540px;}

.banner-sub .cot{ height:540px;}

.banner-sub .cot .li{ width: 100%; height:540px; overflow: hidden; top: 0px; left: 0px; margin-left: 0px;}

.banner-sub .cot .li .lpic{ width: 1920px; height: 540px; clear: both; position: absolute; top: 0px; left: 50%; margin-left: -960px; font-size:0px; line-height:0px;}

.banner-sub .cot .li .lpic img{ height: 540px;}

.banner-sub .cot .lcot{ width: 1200px; height: auto; margin: 0 auto; clear: both; position: absolute; top: 0px; left: 50%; margin-left: -600px; z-index: 1; display: none;}

.banner-sub .cot .lcot .pic{ width: 376px; height: 401px; clear: both; position: absolute; top: 241px; right: 26px; background: url(../image/prduct.png) center no-repeat; font-size: 0px; line-height: 0px;}



.product{ width: 100%; height: auto; clear: both; background: #ffffff;}

.product .cot{ width: 1200px; height: 730px; margin: 0 auto; padding-top: 60px; clear: both; position: relative;}

.product .cot .bg{ width: 620px; height: 125px; clear: both; position: absolute; top: 60px; left: 0px; background: url(../image/prduct_bg.png) center no-repeat;}

.product .cot .text{ width: 520px; height: auto; clear: both; position: absolute; top: 218px; left: 100px; text-align: right; font-size: 41px; color: #006c3f; font-weight: bold;}

.product .cot .text span{ display: block; padding-top: 27px; font-size: 30px; font-weight: normal;}

.product .cot .menu{ width: 14px; height: auto; clear: both; position: absolute; left: 20px; top: 320px;}

.product .cot .menu .li{ width: 14px; height: 14px; margin-top: 12px; clear: both; background: #006c3f; border-radius: 14px; font-size: 0px; line-height: 0px;}

.product .cot .menu .li-on{ width: 14px; height: 35px; background: #ffbc00;}

.product .cot .taobao{ width: 130px; height: auto; clear: both; position: absolute; top: 560px; left: 20px;}

.product .cot .taobao a{ display: block; width: 100%; height: 100%; text-decoration: none;}

.product .cot .taobao .pic{ width: 130px; height: 84px; clear: both; font-size: 0px; line-height: 0px;}

.product .cot .taobao .txt{ width: 130px; height: auto; padding-top: 8px; clear: both; font-size: 18px; color: #ff5d03; line-height: 150%;}

.product .cot .list{ width: 987px; height: auto; clear: both; position: absolute; top: 18px; left: 213px; z-index: 10; position: relative;}

.product .cot .list .li{ clear: both;}

.product .cot .list .li .pic{ width: 497px; height: 588px; clear: both; position: absolute; top: 0px; right: 0px; border-radius: 50px 8px 50px 8px; overflow: hidden; font-size: 0px; line-height: 0px;}

.product .cot .list .li .pic img{ width: 100%; height: 100%; min-height: 588px;}

.product .cot .list .li .photo{ width: 405px; height: auto; clear: both; position: absolute; top: 252px; left: 0px;}

.product .cot .list .li .photo a{ display: block; width: 100%; height: 100%; text-decoration: none;}

.product .cot .list .li .photo .img{ width: 403px; height: 334px; clear: both; background: #ffffff; border: 1px solid #006c3f; overflow: hidden; -webkit-box-shadow:-8px 8px 0px rgba(27,30,90,0.1); -moz-box-shadow:-8px 8px 0px rgba(27,30,90,0.1); box-shadow:-8px 8px 0px rgba(27,30,90,0.1);}

.product .cot .list .li .photo .img img{ width: 403px; height: auto; min-height: 313px;}

.product .cot .list .li .photo .txt{ width: 100%; height: auto; padding-top: 15px; clear: both; font-size: 24px; color: #000000; line-height: 150%;}

.product .cot .list .li .photo a:hover .txt{ color: #ff0000;}

.product .cot .video{ width: 497px; height: 606px; clear: both; position: absolute; top: 60px; right: 0px; border-radius: 50px 8px 50px 8px; overflow: hidden; font-size: 0px; line-height: 0px;}

.product .cot .video img{ width: 100%; height: 100%;}

.product .cot .video .play{ width: 182px; height: 182px; clear: both; position: absolute; top: 212px; left: 158px; z-index: 1; font-size: 0; line-height: 0; cursor: pointer; display: none;}

.product .cot .video .cot{ width: 497px; height: 882px; clear: both; position: absolute; left: 0px; bottom: 0px; display: none;}



.advantage{ width: 100%; height: 480px; clear: both;}

.advantage .cot{ width: 1200px; height: auto; margin: 0 auto; clear: both;}

.advantage .cot .title{ width: 100%; height: 150px; padding-top: 0px; clear: both; position: relative;}

.advantage .cot .title .txt{ width: 100%; height: auto; clear: both; position: absolute; top: 85px; left: 0px; z-index: 1; text-align: center; font-size: 50px; color: #ffffff; font-weight: bold;}

.advantage .cot .title .txt span{ display: block; padding-top: 25px; font-size: 24px; text-transform: uppercase;}

.advantage .cot .title .line{ width: 125px; height: 25px; clear: both; position: absolute; bottom: -15px; left: 50%; margin-left: -62px; background: #ffbc00; border-radius: 25px; font-size: 0px; line-height: 0px;}

.advantage .cot .list{ width: 100%; height: auto; margin: 0 auto; padding-top: 90px; clear: both; display: flex;}

.advantage .cot .list .li{ width: 15%; height: auto; float: left; flex: 1;}

.advantage .cot .list .li .pic{ width: 59px; height: 56px; margin: 0 auto; clear: both; font-size: 0px; line-height: 0px;}

.advantage .cot .list .li .txt{ width: 80%; height: auto; margin: 0 auto; padding-top: 35px; clear: both; text-align: center; font-size: 24px; color: #ffffff; font-weight: bold;}

.advantage .cot .list .li .txt span{ display: block; padding-top: 15px; font-size: 12px; font-weight: normal; line-height: 150%; text-transform: uppercase;}



.quality{ width: 100%; height: auto; clear: both; background: #ffffff;}

.quality .cot{ width: 1200px; height: auto; margin: 0 auto; padding-top: 75px; clear: both;}

.quality .cot .title{ width: 100%; height: auto; clear: both; text-align: center; font-size: 50px; color: #006c3f; font-weight: bold; position: relative;}

.quality .cot .title span{ display: block; padding-top: 25px; font-size: 24px; text-transform: uppercase;}

.quality .cot .icon{ width: 100%; height: 175px; padding-top: 60px; clear: both; display: flex;}

.quality .cot .icon .li{ width: 15%; height: auto; float: left; flex: 1;}

.quality .cot .icon .li .pic{ width: 65px; height: 65px; margin: 0 auto; clear: both; font-size: 0px; line-height: 0px;}

.quality .cot .icon .li .txt{ width: 80%; height: auto; margin: 0 auto; padding-top: 12px; clear: both; text-align: center; font-size: 16px; color: #000000; line-height: 150%;}

.quality .cot .pics{ width: 100%; height: 470px; margin: 0 auto; clear: both; position: relative;}

.quality .cot .pics .li{ position: absolute; top: 0px; left: 0px; font-size: 0px; line-height: 0px;}

.quality .cot .pics .li1{ width: 325px; height: 451px; top: 0px; left: 0px;}

.quality .cot .pics .li2{ width: 153px; height: 210px; top: 0px; left: 348px;}

.quality .cot .pics .li3{ width: 153px; height: 210px; top: 0px; left: 523px;}

.quality .cot .pics .li4{ width: 153px; height: 210px; top: 0px; left: 697px;}

.quality .cot .pics .li5{ width: 153px; height: 210px; top: 0px; left: 872px;}

.quality .cot .pics .li6{ width: 153px; height: 210px; top: 0px; left: 1047px;}

.quality .cot .pics .li7{ width: 153px; height: 210px; top: 241px; left: 348px;}

.quality .cot .pics .li8{ width: 153px; height: 210px; top: 241px; left: 523px;}

.quality .cot .pics .li9{ width: 153px; height: 210px; top: 241px; left: 697px;}

.quality .cot .pics .li10{ width: 153px; height: 210px; top: 241px; left: 872px;}

.quality .cot .pics .li11{ width: 153px; height: 210px; top: 241px; left: 1047px; background: #f0f0f0;}

.quality .cot .pics .li11 .txt{ width: 80%; height: auto; margin: 0 auto; padding-top: 50px; text-align: center; font-size: 18px; color: #006c3f; line-height: 150%;}



.about{ width: 100%; height: auto; clear: both; background: #ffffff;}

.about .cot{ width: 1200px; height: auto; margin: 0 auto; padding-top: 75px; clear: both; position: relative;}

.about .cot .title{ width: 100%; height: auto; clear: both; text-align: center; font-size: 50px; color: #006c3f; font-weight: bold; position: relative;}

.about .cot .title span{ display: block; padding-top: 25px; font-size: 24px; text-transform: uppercase;}

.about .cot .content{ width: 100%; height: 640px; margin-top: 50px; clear: both; position: relative;}

.about .cot .content .pic{ width: 497px; height: 588px; clear: both; position: absolute; top: 0px; left: 0px; border-radius: 50px 8px 50px 8px; font-size: 0px; line-height: 0px; overflow: hidden;}

.about .cot .content .pic img{ width: 100%; height: auto; min-height: 588px;}

.about .cot .content .txt{ width: 804px; height: 370px; clear: both; position: absolute; top: 30px; right: 0px; background: #006c3f; border-radius: 8px 50px 8px 50px;}

.about .cot .content .txt .text{ width: 740px; height: auto; margin: 0 auto; padding-top: 22px; clear: both; font-size: 18px; color: #ffffff; line-height: 175%;}

.about .cot .other{ width: 675px; height: auto; clear: both; position: absolute; top: 630px; right: 0px;}

.about .cot .other .li{ width: 225px; height: 104px; clear: both; position: absolute; top: 0px; left: 0px; font-size: 0px; line-height: 0px;}

.about .cot .other .li .txt{ width: 85%; height: auto; margin: 0 auto; padding-top: 20px; clear: both; font-size: 16px; color: #000000; font-weight: bold;}

.about .cot .other .li .txt span{ display: block; padding-top: 15px; font-size: 14px; color: #888888; line-height: 125%; font-weight: normal;}

.about .cot .other .li1{ top: 0px; left: 0px;}

.about .cot .other .li2{ top: 0px; left: 225px;}

.about .cot .other .li3{ top: 0px; left: 450px;}

.about .cot .other .li4{ top: 104px; left: 0px;}

.about .cot .other .li5{ top: 104px; left: 225px;}

.about .cot .other .li6{ top: 104px; left: 450px;}



.investment{ width: 100%; height: auto; clear: both; background: #ffffff;}

.investment .cot{ width: 1200px; height: auto; margin: 0 auto; padding-top: 95px; clear: both;}

.investment .cot .title{ width: 100%; height: auto; clear: both; text-align: center; font-size: 50px; color: #006c3f; font-weight: bold; position: relative;}

.investment .cot .title span{ display: block; padding-top: 25px; font-size: 24px; text-transform: uppercase;}

.investment .cot .content{ width: 100%; height: auto; margin-top: 45px; clear: both; overflow: hidden;}

.investment .cot .content .li{ width: 570px; height: 280px; padding-left: 30px; float: left; position: relative; background: #f9f9f9;}

.investment .cot .content .li .ltit{ width: 100%; height: auto; padding-top: 35px; clear: both; font-size: 30px; color: #000000;}

.investment .cot .content .li .ltit span{ font-weight: bold;}

.investment .cot .content .li .lcot{ width: 270px; height: auto; padding-top: 20px; clear: both; font-size: 16px; color: #888888; line-height: 170%;}

.investment .cot .content .li .lmore{ width: 135px; height: 40px; clear: both; position: absolute; left: 30px; bottom: 32px; font-size: 0px; line-height: 0px;}

.investment .cot .content .li .lpic{ width: 294px; height: 246px; clear: both; position: absolute; top: 0px; right: 20px; font-size: 0px; line-height: 0px;}

.investment .cot .content .li .lpic img{ width: 100%; height: auto; min-height: 246px;}

.investment .cot .content .li2{ width: 570px; padding-left: 30px; float: right; background: #f0f0f0;}

.investment .cot .content .li2 .lmore{ left: 30px;}



.news{ width: 100%; height: auto; clear: both; background: #ffffff;}

.news .cot{ width: 1200px; height: auto; margin: 0 auto; padding-top: 75px; clear: both;}

.news .cot .title{ width: 100%; height: auto; clear: both; text-align: center; font-size: 50px; color: #006c3f; font-weight: bold; position: relative;}

.news .cot .title span{ display: block; padding-top: 25px; font-size: 24px; text-transform: uppercase;}

.news .cot .content{ width: 100%; height: auto; margin: 0 auto; padding: 40px 0px 0px 0px; clear: both; overflow: hidden;}

.news .cot .content .problem{ width: 330px; height: auto; float: left;}

.news .cot .content .problem .ptit{ width: 100%; height: 24px; clear: both; position: relative;}

.news .cot .content .problem .ptit .txt{ width: auto; height: auto; clear: both; position: absolute; top: 0px; left: 0px; z-index: 1; font-size: 24px; color: #006c3f;}

.news .cot .content .problem .ptit .line{ width: 45px; height: 10px; clear: both; position: absolute; left: 0px; bottom: -5px; background: #ffbc00; border-radius: 10px; font-size: 0px; line-height: 0px;}

.news .cot .content .problem .pcot{ width: 100%; height: auto; padding-top: 15px; clear: both;}

.news .cot .content .problem .pcot .li{ width: 100%; height: auto; clear: both; border-top: 1px solid #eeeeee;}

.news .cot .content .problem .pcot .li:first-child{ border-top: 0px;}

.news .cot .content .problem .pcot .li a{ display: block; width: 100%; height: auto; padding: 10px 0px; font-size: 16px; color: #000000; text-decoration: none;}

.news .cot .content .problem .pcot .li a:hover{ color: #ff0000;}

.news .cot .content .problem .pcot .more{ width: 135px; height: 40px; padding-top: 20px; clear: both;}

.news .cot .content .pics{ width: 400px; height: auto; padding-left: 45px; float: left;}

.news .cot .content .pics .li{ width: 400px; height: auto; clear: both;}

.news .cot .content .pics .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}

.news .cot .content .pics .li .pic{ width: 400px; height: 330px; clear: both; border-radius: 12px; font-size: 0px; line-height: 0px; overflow: hidden;}

.news .cot .content .pics .li .pic img{ width: 100%; height: auto; min-height: 330px;}

.news .cot .content .pics .li .txt{ width: 100%; height: auto; padding-top: 12px; clear: both; font-size: 18px; color: #006c3f; line-height: 150%;}

.news .cot .content .list{ width: 385px; height: auto; margin-top: -5px; float: right;}

.news .cot .content .list .li{ width: 100%; height: auto; padding: 12px 0px 14px 0px; clear: both; border-top: 1px solid #eeeeee;}

.news .cot .content .list .li:first-child{ border-top: 0px; padding: 0px 0px 10px 0px;}

.news .cot .content .list .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}

.news .cot .content .list .li .ltit{ width: 100%; height: auto; clear: both; font-size: 16px; color: #000000; line-height: 150%;}

.news .cot .content .list .li .ltime{ width: 100%; height: auto; padding-top: 4px; clear: both; font-size: 16px; color: #000000;}

.news .cot .content .list .li .labstract{ width: 100%; height: auto; padding-top: 5px; clear: both; font-size: 14px; color: #888888; line-height: 150%;}

.news .cot .content .list .li a:hover .ltit{ color: #ff0000;}

.news .cot .content .list .more{ width: 135px; height: 40px; padding-top: 20px; clear: both;}



/*****Sub*****/

.sub{ width:100%; height:auto; margin:0 auto; padding-top:0px; clear:both; background: #ffffff; position:relative;}

.sub .menu{ width:100%; height:70px; clear: both; background:#f0f0f0;}

.sub .menu .mcot{ width:1200px; height:70px; margin: 0 auto; clear:both;}

.sub .menu .mcot .li{ width:auto; height:70px; line-height: 70px; margin-right: 40px; float: left; font-size: 20px; position:relative;}

.sub .menu .mcot .li a{ display:block; width:100%; height:100%; text-decoration:none; color: #000000;}

.sub .menu .mcot .li a:hover{ color: #006c3f;}

.sub .menu .mcot .li .line{ display: none;}

.sub .menu .mcot .li-on{ color: #006c3f; font-weight: bold;}

.sub .menu .mcot .li-on a{ color: #006c3f;}

.sub .menu .mcot .li-on .line{ display: block; width: 100%; height: 4px; clear: both; position: absolute; left: 0px; bottom: 0px; background: #006c3f; font-size: 0px; line-height: 0px;}



.sub .position{ width:1200px; height:auto; margin: 0 auto; padding-top: 25px; clear:both; font-size:14px; color:#888888;}

.sub .position a{ color:#888888;}

.sub .position a:hover{ color:#006c3f; text-decoration:underline;}

.sub .position span{ padding:0px 8px;}



.sub .content{ width:1200px; height:auto; margin: 0 auto; clear: both;}

.sub .content .cot{ width:1200px; height:auto; margin:0 auto; padding:30px 0px 0px 0px; clear:both; font-size:18px; color:#000000; line-height:180%; overflow:hidden;}

.sub .content .cot p{ margin: 0px; padding: 0px 0px 15px 0px;}



/*****News*****/

.sub .s-news{ width:1000px; height:auto; clear:both;}

.sub .s-news .li{ width:1000px; height:auto; clear:both; border-bottom:1px solid #eeeeee; overflow:hidden;}

.sub .s-news .li a{ display:block; width:100%; height:100%; padding:30px 0; overflow:hidden; text-decoration:none;}

.sub .s-news .li .pic{ width:220px; height:auto; max-height:180px; float:left; overflow:hidden; font-size:0px; line-height:0px;}

.sub .s-news .li .pic img{ width:100%;}

.sub .s-news .li .txt{ width:740px; height:auto; padding-right:0px; float:right;}

.sub .s-news .li .txt .title{ width:100%; height:auto; margin-top:-4px; clear:both; text-align:justify; font-size:20px; color:#006c3f; line-height: 150%;}

.sub .s-news .li .txt .time{ width:100%; height:auto; padding-top:0px; clear:both; font-size:12px; color:#cccccc;}

.sub .s-news .li .txt .time span{ padding-right:20px;}

.sub .s-news .li .txt .abstract{ width:100%; height:auto; padding-top:15px; clear:both; text-align:justify; font-size:14px; color:#888888; line-height:150%;}

.sub .s-news .li:hover .txt .title{ color:#006c3f; font-weight:bold;}



.sub .s-details{ width:1200px; height:auto; padding:0px; clear:both; overflow:hidden;}

.sub .s-details .n-tit{ width:100%; height:auto; clear:both; text-align:center; font-size:30px; color:#006c3f; line-height:140%;}

.sub .s-details .n-time{ width:100%; height:auto; padding-top:15px; clear:both; text-align:center; font-size:14px; color:#999999;}

.sub .s-details .n-time span{ padding:0 8px;}

.sub .s-details .n-cot{ width:100%; height:auto; padding-top:20px; clear:both; text-align:justify; font-size:18px; color:#000000; line-height:180%; overflow:hidden;}

.sub .s-details .n-cot p{ margin: 0px; padding: 0px 0px 15px 0px;}

.sub .s-details .n-share{ width:auto; height:50px; padding-top:20px; clear:both; float:right; font-size: 14px;}

.sub .s-details .n-more{ width:100%; height:auto; margin:20px auto 0 auto; padding-top:20px; clear:both; border-top:1px solid #efefef;}

.sub .s-details .n-more .li{ width:100%; height:auto; padding:2px 0; clear:both; font-size:14px; color:#666666;}

.sub .s-details .n-more .li a{ color:#666666;}



/*****Pics*****/

.sub .s-pic{ width:100%; height:auto; clear:both; position:relative;}

.sub .s-pic .li{ width:260px; height:auto; margin:15px 0; padding:0px 40px 0px 0px; float:left;}

.sub .s-pic .li a{ display:block; width:100%; height:100%; text-decoration:none;}

.sub .s-pic .li .pic{ width:260px; height:210px; clear:both; font-size:0px; line-height:0px; overflow:hidden;}

.sub .s-pic .li .pic img{ width:260px; height:auto; min-height:210px;}

.sub .s-pic .li .txt{ width:260px; height:auto; padding-top:7px; clear:both; text-align:center;}

.sub .s-pic .li a:hover .txt{ color:#006c3f;}













/*****Search*****/

.sub-search{ width:100%; height:70px; margin:0 auto; clear:both; background:#f0f0f0;}

.sub-search .cot{ width: 1200px; height: 70px; margin: 0 auto; clear: both;}

.sub-search .cot input{ width:580px; height:70px; line-height:50px; margin:0px; padding:0px 20px; float:left; background: #dddddd; font-size:18px; color:#333333; border:0px; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; appearance:none; user-select:text; outline-color:transparent;}

.sub-search .cot .but{ width:120px; height:70px; float:left; background:url(../image/search.png) center no-repeat #dddddd; font-size:0px; line-height:0px;}

.sub-search .cot .but a{ display:block; width:100%; height:100%;}













/*****Feedback*****/

.feedback{ width:1000px; height:auto; padding:20px 0 20px 0; clear:both;}

.feedback .f-exp{ width:100%; height:auto; margin:0 auto; clear:both; font-size:14px; color:#666666;}

.feedback .f-cot{ width:100%; height:auto; margin:0 auto; padding-top:20px; clear:both; font-size:16px; color:#333333; line-height:170%; overflow:hidden;}



/*****Form*****/

.form .li{ width:100%; height:auto; padding-bottom:15px; clear:both;}

.form .li .ftit{ width:100%; height:auto; padding-bottom:5px; clear:both; font-size:14px;}

.form .li .ftit span{ color:#FF0000;}

.form .li .input{ width:80%; height:auto; padding:6px; clear:both; background:#fcfcfc; border:1px solid #dddddd; font-size:16px;}

.form .li .short{ width:350px;}

.form .li .input textarea{ width:100%; height:150px; padding:0px; border:0px; background:none; font-size:14px; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}

.form .li .input input{ width:100%; height:24px; line-height:24px; border:0px; background:none; font-size:14px; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}

.form .li .input select{ width:100%; height:30px; line-height:24px; border:0px; background:none; font-size:14px; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; outline-color:transparent;}

.form .li .input select.small{ width:120px; margin-right:10px;}

.form .li .upload{ width:100%; height:auto; clear:both; overflow:hidden;}

.form .li .upload .pli{ width:80px; height:80px; line-height:80px; margin-right:20px; float:left; border:1px solid #dddddd; text-align:center; font-size:60px; color:#eeeeee; font-family:iconfont; cursor:pointer; overflow:hidden; position:relative;}

.form .li .upload .pli:hover{ color:#cccccc;}

.form .li .upload .pli img{ width:80px; height:80px;}

.form .but{ width:120px; height:47px; line-height:47px; margin-top:15px; padding:0 20px; float:left; background:#006c3f; text-align:center; font-size:18px; color:#ffffff; cursor:pointer;}

.form .but:hover{ background:#f88400; transition:all ease-in 0.1s;}



/*****Page*****/

.page{ width:100%; height:auto; margin:0px; padding-top:40px; clear:both; font-size:14px;}

.page a{ display:inline-table; padding:5px 12px; margin:0 3px; background:#cccccc; text-align:center; color:#ffffff; text-decoration:none;}

.page a:hover{ background:#006c3f;}

.page a.on{ background:#006c3f; color:#ffffff;}

.page span{ display:inline-table; padding:5px 2px;}





ul,li{ margin:0px; padding:0px; list-style-type:none;}





/*信息提示*/

.message{ width:auto; height:auto; padding:180px 0px 250px 0px; clear:both;}

.message .icon{ width:40px; height:40px; margin:0 auto; clear:both; font-size:0px;}

.message .text{ width:auto; height:auto; padding-top:15px; clear:both; text-align:center; font-size:20px;}

.message .text span{ display:block; padding-top:8px; font-size:14px; color:#999999; line-height:125%;}

.message .text span a{ color:#999999;}





/*漂浮*/

.float{ width:55px; height:auto; clear:both; position:fixed; right:10px; bottom:80px; z-index:100;}

.float .li{ width:55px; height:55px; padding-bottom:15px; clear:both; font-size:0px; line-height:0px; position:relative;}

.float .li a{ display:block; width:55px; height:55px;}

.float .li-qq{ background:url(../image/qq.png) center no-repeat;}

.float .li-wechat{ background:url(../image/wechat.png) center no-repeat; cursor:pointer;}

.float .li-wechat .qrcode{ width:150px; height:150px; clear:both; position:absolute; top:-33px; left:-160px; font-size:0px; line-height:0px; display:none;}

.float .li-wechat:hover .qrcode{ display:block;}