/* wmx80_css  */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{margin:0; padding:0; border:0; }
ul, ol, li{list-style:none; }
input, button{margin:0; font-size:12px; vertical-align:middle; }
body{font:12px microsoft yahei, arial, helvetica, sans-serif  arial, helvetica, sans-serif; margin:0; color:#6d6e71;}
table{border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; outline:none; color:#6d6e71; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
a:hover{text-decoration:none; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
.cl{height:0; font-size:1px; clear:both; line-height:0; }
.none{display:none}
*:focus{outline:none}
i,em,ins,u{font-style:normal; text-decoration:none }	
nav,footer,section,header,article{display:block;}
.wrap{width:1200px;margin:0 auto;}
.maxhei{height:100%; }
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden}
.brtp{ border-top:1px solid #d2d2d2}
.clearfix{*zoom:1; }
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0; }
.clearfix:after{clear:both; }
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}
input:-webkit-autofill{ background:none;}
::-webkit-scrollbar{width:6px;height:6px; display:block}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:6px;background:#b9b9b9; display:block}
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555;}
/*******公共样式结束*********/
.banner{ background:#469e36 url(../images/page1_bg.png) no-repeat bottom center; height:796px;}
.banner .logo{ width:179px; height:71px; position:absolute; top:0; left:0px; position:absolute; padding-top:12px}
.aboutaos{ height:725px;}
.aboutaos .pic{ padding:85px 0 ; text-align:center}
.aboutaos .pic img{ display:block; margin:0 auto}
.aboutaos ul{ padding:15px 30px 0;}
.aboutaos li{ float:left; width:204px; margin:0 88px; text-align:center}
.aboutaos li span{ display:block; border:10px solid #fff; border-radius:50%; background:#4daf3a; height:184px; width:184px; position:relative;-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out;}
.aboutaos li span i{ display:block; padding-top:42px; text-align:center; opacity:1;}
.aboutaos li span p{ display:block; color:#fff; position:absolute; top:0; left:0; width:100%; padding-top:48px; line-height:45px; color:#fff; font-size:20px; opacity:0;-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out;}
.aboutaos li span:hover{ border:10px solid #a4f295;}
.aboutaos li span:hover i{ opacity:0; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out;}
.aboutaos li span:hover p{ opacity:1}
.aboutaos b{ display:block; padding:15px 0; color:#3f8e30; font-size:25px; font-weight:normal }
.aboutaos em{ display:block; color:#4daf3a; font-size:20px; }

.aboutbq{ height:822px; background:#323e4b}
.aboutbq .pic{ padding:106px 0 70px; text-align:center}
.aboutbq .pic img{ display:block; margin:0 auto}
.aboutbq li{ width:33.33%; float:left}
.aboutbq li a{ display:block; width:320px; margin:0 auto; height:418px; cursor:pointer}
.aboutbq li a:hover{ margin-top:5px;}
.aboutbq li a.a1{ background:url(../images/fkpic1.png) no-repeat}
.aboutbq li a.a1:hover{ background:url(../images/fkpic11.png) no-repeat}
.aboutbq li a.a2{ background:url(../images/fkpic2.png) no-repeat}
.aboutbq li a.a2:hover{ background:url(../images/fkpic22.png) no-repeat}
.aboutbq li a.a3{ background:url(../images/fkpic3.png) no-repeat}
.aboutbq li a.a3:hover{ background:url(../images/fkpic33.png) no-repeat}
.aboutbq .sjx{ width:58px; position:absolute; top:0; left:50%; margin-left:-29px;}

.aboutbd{ height:795px; background:#ffd940 url(../images/gyasw.png) no-repeat center top}
.aboutbd .ziert{ width:285px;}
.aboutbd .ziert i{ width:110px; position:relative; display:block; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; margin:0 auto}
.aboutbd .ziert i:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.aboutbd .ziert b{ display:block; font-size:24px; color:#3f8e30; text-align:center; padding:45px 0 15px; font-weight:normal}
.aboutbd .ziert p{ display:block; background:#ffe16a; color:#3f8e30; font-size:18px; line-height:30px; text-indent:2em; padding:10px 7px;}
.aboutbd .ziert.prt1{ top:400px; left:46px;}
.aboutbd .ziert.prt2{ top:358px; left:457px;}
.aboutbd .ziert.prt3{ top:306px; left:870px;}

.pdhzs{ height:809px; background:#469e36 url(../images/vsico.png) no-repeat center top}
.pdhzs .contprt{ width:360px; padding-top:70px;}
.pdhzs .contprt .pic img{ display:block; margin:0 auto}
.pdhzs ul{ margin-top:20px; background:#60a653; padding:16px 0px 16px 35px}
.pdhzs ul li{ height:42px; line-height:42px; color:#fff; font-size:16px; width:50%; float:left; text-indent:15px;}
.pdhzs span{ display:block; font-size:15px; color:#fff; text-align:center; padding-top:12px;}
.pdhzs .fl li{ background:url(../images/hsd.png) no-repeat left center;}
.pdhzs .fr li{ background:url(../images/hsd.png) no-repeat left center;}


.ftbtns{ padding:175px 0; text-align:center; background:#ebffe7}
.ftbtns a{ display:block; float:left; width:312px; height:60px; border-radius:30px; line-height:60px; text-align:center; margin:0 40px; color:#fff; font-size:30px;-webkit-transition:all 0ms ease-out; -mozilla-transition:all 0ms ease-out; -ms-transition:all 0ms ease-out; -o-transition:all 0ms ease-out; transition:all 0ms ease-out;position: relative;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.ftbtns a:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;} 
.ftbtns a.a1{ background:#ff9900}
.ftbtns a.a2{ background:#ffd940}
.ftbtns a.a3{ background:#469e36}
.ftbtns a:active{margin-top:2px;}
.ftbtns a:hover{-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.ftbtns a:hover:before{opacity: .3; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.dwrap{-webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;  position: fixed; top: 50%; left: 50%; width: 100%; height: 100%; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.tkpart{ width:1028px; height:460px; background:#fff; position:absolute; top:50%; left:50%; margin-top:-230px; margin-left:-514px; z-index:999;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; background-repeat: no-repeat;-webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}
.md-show {visibility: visible;}
.md-show .tkpart{-webkit-transform: rotateY(0deg);  -moz-transform: rotateY(0deg);  -ms-transform: rotateY(0deg);  transform: rotateY(0deg);  opacity: 1;}
.tkpart dl{ padding:45px;}
.tkpart dt{ width:150px; float:left}
.tkpart dd{ width:705px; float:left; padding-left:42px;}
.tkpart dd h2{ font-weight:normal; color:#3e8d30; font-size:25px; display:block; padding:20px 0;}
.tkpart dd p{ display:block; padding:10px 0 15px; color:#323e4b; font-size:15px; line-height:24px;}

.xyconts{ display:none; background:#fff; height:70%; top:15%; width:900px; margin-left:-500px; left:50%; position:fixed; z-index:99; border-radius:6px; line-height:26px; padding:0 50px; font-size:15px; overflow:auto}
.xyconts h1{ display:block; text-align:center; font-weight:normal; font-size:20px; padding:40px 0 16px;}
.xyconts li{ padding-bottom:5px; line-height:24px;}
.xyconts ul{padding-bottom:12px; padding-left:12px;}
.xyconts p{ padding-bottom:12px; display:block;}
.graybg{ background:#000;filter:Alpha(opacity=60);opacity:0.6; position:fixed; width:100%; height:100%; z-index:32; top:0; left:0; z-index:1; display:none}
.closed,.closeds{ display:block; width:24px; height:24px; cursor:pointer; background:url(../images/closed.png) no-repeat; position:absolute; top:15px; right:15px;-webkit-transition:all 300ms ease-out; -mozilla-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor:pointer}
.closed:hover,.closeds:hover{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);  transform:rotate(90deg);  }

@-webkit-keyframes hover {50%{-webkit-transform: translateY(-3px); transform: translateY(-3px);}100%{-webkit-transform: translateY(-6px); transform: translateY(-6px); }}
@keyframes hover {50%{-webkit-transform: translateY(-3px); transform: translateY(-3px);}100%{-webkit-transform: translateY(-6px); transform: translateY(-6px); }}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; display:block}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}

@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}