@charset "utf-8";
/* CSS Document */

html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
/* IE5.xIE6бbug */ 
* html body{overflow: visible; } 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}

/* body */ 
body{color:#333; font-size:14px; font-family:"微软雅黑"; line-height:22px;} 
i, em, cite { font-style: normal; }
/* a */ 
a{color:#333; text-decoration:none; }
a:hover{text-decoration:none; color:#F00 }
/* form */ 
textarea,input{word-wrap:break-word; word-break:break-all;} 
input {vertical-align:middle; font-size:12px}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
img{border:0; vertical-align:middle;} 
/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}
embed { width:98%;}
.newsnr{ width:auto; overflow:hidden; padding:15px 0; line-height:26px;}
.newsnr img{ max-width:100%; text-align:center;}
.newsnr .p0 img{ width:99% !important; text-align:center; height:auto !important}
TABLE{ width:98% !important;}

#map{ width:90% !important; height:300px !important; margin:0 auto;}

/*********清除浮动处理**********/
.clr {clear:both; display:block; height:0;font-size:0; overflow:hidden;}

.loading{ width:100%; height:100%; position:fixed; background:rgba(255,255,255,.9); z-index:100000; left:0; right:0}
.loading .pic{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:40px;  height:40px;}
.loading .pic img{ max-width:100%}




/***首页效果***/
.HomeWrap{ width:auto; height:100%; position:relative; overflow:hidden;}
.HomeWrap .swiper-slide{ position:relative}
.HomeWrap .A01{ max-width:60%; margin-top:10%; margin-left:5%;}
.HomeWrap .A03{ font-size:30px; right:0; left:0; position:absolute; top:0}
.HomeWrap .Conter{ text-align:center; color:#FFF; position:absolute;  top:0; bottom:0; margin:auto; display:inline-table; left:0; right:0;}
.HomeWrap .Conter .text{ width:80%; margin:0 auto; font-size:12px; line-height:26px; margin:0 auto 10%; padding-top:15px;}
.HomeWrap .Conter .xian{ width:90%; margin:0 auto; height:1px; margin:15% auto 0; background:rgba(255,255,255,0.4);top:-100px}


.ranklist{overflow:hidden; padding:0 25px; text-align:left; height:24px; position:relative;}
.ranklist li{height:24px;  line-height:24px; overflow:hidden; position:relative; padding-right:50px;}
.ranklist li a{ color:#FFF}
.ranklist a.more{ position:absolute; right:25px; top:0; color:#FFF;}

.HomeWrap .menu{ width:60px; height:60px; position:absolute; cursor:pointer; right:3%; top:5%; background:url(../images/ani/menu.png) center center no-repeat; background-size:40px;}


/**第二页**/
.HomeWrap .B01{ max-width:50%; margin:5% auto 5px; display:block}
.HomeWrap .B02{ text-align:center; font-size:28px; color:#FFF; margin:15PX auto; display:block}
.HomeWrap .Two_Con{ text-align:center; color:#FFF; position:absolute;  top:0; bottom:0; margin:auto; display:inline-table; left:0; right:0; overflow:hidden}
.HomeWrap .Two_Con ul.pronav{ overflow:hidden; padding:10% 15px 0;}
.HomeWrap .Two_Con ul.pronav li{ display:block;  float:left; width:25%;  text-align:center; overflow:hidden; margin-bottom:6px;}
.HomeWrap .Two_Con ul.pronav li a{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:28px; line-height:28px; padding:0 5px;color:#00923f; font-size:12px; display:block; margin:0 5px; background:#fff;}
.HomeWrap .Two_Con ul.inproshow{ overflow:hidden; padding:3% 15px 15%;}
.HomeWrap .Two_Con ul.inproshow li{ width:50%; float:left; text-align:center}
.HomeWrap .Two_Con ul.inproshow li a{ display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; width:auto; color:#FFF }
.HomeWrap .Two_Con ul.inproshow li:nth-child(2n) a{padding-right:10px; padding-left:5px;}
.HomeWrap .Two_Con ul.inproshow li:nth-child(2n-1) a{padding-left:10px; padding-right:5px;}
.HomeWrap .Two_Con ul.inproshow li img{ width:100%;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; display:block; border:1px solid #CCC}
.HomeWrap .Two_Con ul.inproshow li span{ display:block; height:30px; line-height:30px; font-size:12px; text-align:center; overflow:hidden}
.HomeWrap .Two_Con .more{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  margin:auto; width:80px; display:block; padding:3px 5px; text-align:center; border:1px solid #00923f; background:#FFF; color:#5d5d5d; -webkit-animation: moremove 5.5s infinite ease-in-out;}


/**第三页**/
.HomeWrap .C01{ max-width:50%; margin:10% auto 4%; display:block}
.HomeWrap .C02{ text-align:center; font-size:28px; color:#333333; margin:15PX auto; display:block}
.HomeWrap .Fi_Con{ top:0; bottom:0; left:0; right:0; padding-top:5%; display:inline-table; margin:auto; position:absolute; overflow:hidden;}
.HomeWrap .Fi_Con li{ width:50%; float:left; margin-bottom:5px;}
.HomeWrap .Fi_Con li img{ width:80%;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; margin:0 auto}
.HomeWrap .Fi_Con li span{ display:block; width:80%; margin:0 auto; font-size:12px; padding:5px 0; line-height:18px;}
.HomeWrap .C03.more{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:auto; width:80px; display:block; padding:3px 5px; text-align:center; border:1px solid #00923f; color:#5d5d5d; position:absolute; left:0; right:0; bottom:15%;-webkit-animation: moremove 5.5s infinite ease-in-out;}



/**第四页**/
.HomeWrap .D01{ max-width:50%; margin:10% auto 4%; display:block}
.HomeWrap .D02{text-align:center; font-size:28px; color:#333333; margin:15PX auto; display:block}
.HomeWrap .three_Con{ top:50%; position:absolute}

.HomeWrap .D03.more{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:auto; width:80px; display:block; padding:3px 5px; text-align:center; border:1px solid #f46f11; background:#FFF; color:#5d5d5d; position:absolute; left:0; right:0; bottom:15%;-webkit-animation: moremove 5.5s infinite ease-in-out;}

.HomeWrap .three_Con{ top:0; bottom:0; margin:auto; display:inline-table; left:0; right:0; position:absolute; overflow:hidden; text-align:center; color:#FFF;}
.HomeWrap .three_Con li{ width:31%; display:inline-block; margin:0 auto 8%; text-align:center}
.HomeWrap .three_Con li img{ width:80%; display:block; margin:0 auto; transition:width 2s, height 2s;
            -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
            -webkit-transition:width 2s, height 1s, -webkit-transform 2s; /* Safari and Chrome */
            -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */}
.HomeWrap .three_Con li .txt{ font-size:16px; margin-top:10px; color:#1a1a1a}


.HomeWrap .three_Con li img.hover{transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); /* Firefox 4 */
            -webkit-transform:rotateY(360deg); /* Safari and Chrome */
            -o-transform:rotateY(360deg); /* Opera */opacity:0.9;}



/**第五页**/

.HomeWrap .four_Con{ bottom:0; top:0; margin:auto; display:inline-table; position:absolute; color:#FFF; left:0; right:0; text-align:center; overflow:hidden;}
.HomeWrap .four_Con .contact{ line-height:26px; overflow:hidden; font-size:12px; margin:8% auto; opacity:0;
		  transition:width 2s, height 2s;
            -moz-transition:width 2s, height 2s, -moz-transform 2s;
            -webkit-transition:width 2s, height 1s, -webkit-transform 2s;
            -o-transition:width 2s, height 2s, -o-transform 2s;}
.HomeWrap .four_Con .contact.hover{transform:rotateY(360deg);
            -moz-transform:rotateY(360deg); 
            -webkit-transform:rotateY(360deg); 
            -o-transform:rotateY(360deg);opacity:0.9;}
.HomeWrap .four_Con .text{ font-size:32px; font-family:Arial, Helvetica, sans-serif;}

.HomeWrap .F02{ max-width:35%; margin:0 auto; display:block}
.HomeWrap .F01{ max-width:70%; margin:0 auto 10%; display:block}



#array{position:absolute;z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out; width:35px;  bottom:10%; left:0; right:0; margin:auto;}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}

@-webkit-keyframes moremove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}