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

/*indN1未登录css*/
#indN1{ width: 100%; height: 400px; float: left;/* background: url("../images/indexN1.jpg")no-repeat center center;*/ margin-top: 140px;position:relative; }
#indN1 .inN1_banner{ width: 100%; height: 400px; margin:0 auto; text-align:center; z-index: 999; position: absolute; }

.flexslider{position:relative;height:400px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li a{ width:100%;height:400px; float: left;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
#indN1 .indIn{ width: 1200px; height: auto; margin: 0 auto; position:relative; z-index: 1000; top:-360px;}
#indN1R{ width: 194px; height: 310px; float: right; background-color: #ffffff; margin-right: 2px; margin-top: 24px; position:relative; }
#indN1R img{ width: 72px; height: 72px; float: left; margin: 25px 0 8px 61px;}
#indN1R p{ width: 100%; height: auto; float: left; font-size: 14px; line-height: 24px; text-align: center; color: #666666;}
#indN1R input{ width: 142px; height: 36px; float: left; border: 1px solid #00b8b0; border-radius: 3px; margin: 10px 0 0 25px; cursor: pointer;}
#indN1R .login_btn{ color: #ffffff; background-color: #00b8b0;}
#indN1R .reg_btn{ color: #00b8b0; background-color: #ffffff; margin: 10px 0 20px 25px;}
#indN1R span{ width: 100%; height: auto; float: left; margin-top: 8px; color: #666666;}
#indN1R span img{ width: 16px; height: 16px; margin: 0 7px 0 35px;}
#indN1R em{ width: 127px; height: 127px; background: rgb(99,210,206); position: absolute; top: 280px; right: 33px; border-radius: 2px; display: none;}
#indN1R em img{ width: 104px; height: 104px; float: left; margin: 13px 0 0 12px; border-radius: 2px;}
#indN1R span:hover,#indN1R span:active{color: #00b8b0;}
#indN1R span:hover em,#indN1R span:active em{ display: block;}

/*indN1登录css*/
#indN1R_l{ width: 194px; height: 310px; float: right; background-color: #ffffff; margin-right: 2px; margin-top: 24px; display: none; }
#indN1R_l img{ width: 72px; height: 72px; float: left; margin: 25px 0 8px 61px; border-radius: 50%;}
#indN1R_l p{ width: 100%; height: auto; float: left; text-align: center; color: #de6354; line-height: 20px; margin-top: 6px;}
#indN1R_l a{ width: 100%; height: auto; float: left; text-align: center; line-height: 20px; cursor: pointer;}
#indN1R_l .indN1R_lM{ width: 165px; height: auto; float: left; margin-top: 30px; margin-left: 15px; padding-bottom: 10px; border-bottom: 1px solid #ececec;}
#indN1R_l .indN1R_lM1{ width: 48px; height: 46px; float: left; margin-left: 27px; margin-top: 30px;}
#indN1R_l .indN1R_lM1 img{ width: auto; height: 19px; margin: 0 0 0 14px; border-radius: 0;}
#indN1R_l .indN1R_lM1 p{ color: #666666;}
#indN1R_l .indN1R_lM2{ width: 48px; height: 46px; float: right; margin-right: 27px; margin-top: 30px;}
#indN1R_l .indN1R_lM2 img{ width: auto; height: 19px; margin: 0 0 0 14px; border-radius: 0;}
#indN1R_l .indN1R_lM2 p{ color: #666666;}
#indN1R_l .indN1R_lM3{ width: 165px; height: 1px; float: left; background-color: #ececec; margin: 9px 0 4px 15px;}
#indN1R_l span{ width: 100%; height: auto; float: left; margin-top: 8px; color: #666666;}
#indN1R_l span img{ width: 16px; height: 16px; margin: 0 7px 0 35px; border-radius: 0;}
#indN1R_l em{ width: 127px; height: 127px; background: rgb(99,210,206); position: absolute; top: 304px; right: 35px; border-radius: 2px; display: none;}
#indN1R_l em img{ width: 104px; height: 104px; float: left; margin: 13px 0 0 12px; border-radius: 2px;}
#indN1R_l span:hover,#indN1R_l span:active{color: #00b8b0;}
#indN1R_l span:hover em,#indN1R_l span:active em{ display: block;}

#indN2{ width: 100%; height: auto; float: left; margin-top: 30px;}
#indN2 .indIn{ width: 1200px; height: 140px; margin: 0 auto; background-color: #ffffff; border-radius: 3px;}
#indN2 li{ width: 240px; height: 140px; float: left;}
#indN2 .li_N1L{ width: 120px; height: 140px; float: left; text-align: center;}
#indN2 .li_N1L img{ margin-top: 28px; transition-duration:0.5s; cursor: pointer;}
#indN2 .li_N1R{ width: 118px; height: 80px; float: left; border-right: 1px solid #ececec; margin-top: 28px;}
#indN2 .li_N1R em{ width: 100%; height: auto; float: left; font-size: 16px; line-height: 28px; color: #333333; margin-top: 18px;}
#indN2 .li_N1R p{ width: 100%; height: auto; font-size: 14px; line-height: 24px; color: #666666;}
#indN2 .li_N2L{ width: 120px; height: 140px; float: left; text-align: center;}
#indN2 .li_N2L img{ margin-top: 28px; transition-duration:0.5s; cursor: pointer;}
#indN2 .li_N3L{ width: 120px; height: 140px; float: left; text-align: center;}
#indN2 .li_N3L img{ margin-top: 28px; transition-duration:0.5s; cursor: pointer;}
#indN2 .li_N4L{ width: 120px; height: 140px; float: left; text-align: center;}
#indN2 .li_N4L img{ margin-top: 28px; transition-duration:0.5s; cursor: pointer;}
#indN2 .li_N5L{ width: 120px; height: 140px; float: left; text-align: center;}
#indN2 .li_N5L img{ margin-top: 28px; transition-duration:0.5s; cursor: pointer;}
#indN2 .li_N5R{ width: 118px; height: 80px; float: left; margin-top: 28px;}
#indN2 .li_N5R em{ width: 100%; height: auto; float: left; font-size: 16px; line-height: 28px; color: #333333; margin-top: 18px;}
#indN2 .li_N5R p{ width: 100%; height: auto; font-size: 14px; line-height: 24px; color: #666666;}
#indN2 li:hover img,#indN2 li:active img{  transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#indN3{ width: 100%; height: auto; float: left; margin-top: 30px;}
#indN3 .indIn{ width: 1200px; height: 290px; margin: 0 auto; background-color: #ffffff; border-radius: 3px;}
#indN3 .indN3T{ width: auto; height: auto; float: left; margin: 22px 0;}
#indN3 .indN3T img{ width: auto; height: 22px; float: left; margin-left: 20px;}
#indN3 .indN3T p{ width: auto; height: auto; float: left; font-size: 22px; line-height: 22px; margin-left: 9px;}
#indN3 .indN3M{ width: 100%; height: auto; float: left; margin-top: 4px;}
#indN3 .indN3M li{ width: 264px; height: auto; float: left; margin-left: 28px; cursor: pointer;}
#indN3 .indN3M li span{ width: 264px; height: 156px; float: left; overflow: hidden;}
#indN3 .indN3M li img{ float: left; overflow: hidden; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
#indN3 .indN3M li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
#indN3 .indN3M li p{ width: 100%; height: auto; float: left; font-size: 15px; line-height: 57px;}
#indN3 .indN3M li:hover p,#indN3 .indN3M li:active p{ color: #ff2009;}

#indN4{ width: 100%; height: auto; float: left; margin-top: 30px;}
#indN4 .indIn{ width: 1200px; height: 510px; margin: 0 auto; background-color: #ffffff; border-radius: 3px;}
#indN4 .indN4T{ width: 100%; height: auto; float: left;}
#indN4 .indN4T h2{ width: auto; height: auto; float: left; font-size: 22px; line-height: 22px; font-weight: 500; margin: 27px 0 23px 28px;}
#indN4 .indN4T a{ width: auto; height: auto; float: right; margin: 26px 17px 0 0;}
#indN4 .indN4T a span{ float: left; font-size: 14px; line-height: 14px; margin-right: 10px;}
#indN4 .indN4T a img{ width: 14px; height: 14px;}
#indN4 .indN4L{ width: 220px; height: 413px; float: left; background-color: #00b8b0; border-radius: 3px; margin-left: 13px;}
#indN4 .indN4LT{ width: 165px; height: auto; float: left; font-size: 15px; line-height: 29px; text-align: center; color: #ffffff; margin:25px 0 0 30px; border-bottom: 1px solid #ffffff;}
#indN4 .indN4LM{ width: 100%; height: auto; float: left; font-size: 10px; line-height: 22px; text-align: center; color: #ffffff;}
#indN4 .indN4LB{ width: 100%; height: 304px; float: left; background: url("../images/indexN4LB.jpg")no-repeat center center; border-radius: 75px;}



/*indN1大图轮播*/
/*.bannerBox {position: relative; height:400px;}
#slideBoxLeft {Z-INDEX: 1022; position: absolute; margin-top: -24px; width: 49px; background: url(../images/goleft.png) no-repeat left top; height: 49px; top: 50%; left: 0px}
#slideBoxRight {Z-INDEX: 1022; position: absolute; margin-top: -24px; width: 49px; background: url(../images/goRight.png) no-repeat right top; height: 49px; top: 50%; right: 0px}
ul,li{ margin:0px; padding:0px; list-style:none;}
.slideBox {position: relative; height: 400px; overflow: hidden;}
.slideBox ul {position: relative; height: 400px; overflow: hidden;}
.slideBox li {height: 400px}
.slideBox li p {text-align: center;margin:0px; padding: 346px 0 0 0;}
.slideBox li p a {COLOR: #a2a2a2}
.slideBoxNav {padding: 0 0 0 10px; position:absolute; z-index:100000; right:50%; bottom:15px;}
.slideBoxNav a {margin: 0px 10px 0 0;font-size:28px;font-weight:bold; float:left;font-family:tahoma;color:#cfcfd3;height:28px; text-decoration:none; overflow:hidden;}
.slideBoxNav a.selected {color:#00b8b0;}*/

#slide-index{min-width:1000px;width:auto; height:400px; overflow:hidden; position:relative;}
#slide-index .autoMaxWidth{position:relative; overflow:hidden;  }
#slide-index .slides{ min-width:1000px; width:auto; height:400px; }
#slide-index .slide{ min-width:1000px; height:400px; float:left; position:relative; }
#slide-index .image{position:absolute;z-index:1; }
#slide-index .text{position:absolute;z-index:2;top:-500px;}
#slide-index .button {position:absolute;z-index:2;top:-500px; }
#slide-index .control{height:19px; position:absolute; bottom:0px; text-align:center;  cursor:pointer; z-index:40; left:50%; margin-left:-20px;}
#slide-index .control a{ width:11px; height:11px; overflow:hidden; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-color:#cfcfd3; margin-right:6px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-color:#00b8b0;opacity:1; filter:alpha(opacity=100);}



/*indexN4L,indexN6L 轮播总容器*/
#slides { width:188px; height:250px; float: left; margin-top: 28px; margin-left: 16px;}
/*indexN4L,indexN6L 轮播内容*/
.slides_container { width:188px; height:250px; overflow:hidden; display:none; position:absolute; border-radius: 5px;}
.slides_container .slide { width:188px; height:250px; display:block;}
.slides_container .slide img{ width: 188px; height: 250px; float: left; border-radius: 5px; overflow: hidden;}
/*indexN4L,indexN6L 轮播总容器*/
#slides2 { width:188px; height:250px; float: left; margin-top: 28px; margin-left: 16px;}
/*indexN4L,indexN6L 轮播圆点*/
.pagination2 { width: auto; height: auto; float: left; position: relative; left: 72px; top:8px;}
.pagination2 li { float:left; margin:0 1px; list-style:none;}
.pagination2 li a {display:block;width:12px;float:left;font-size:22px;font-weight:bold;font-family:tahoma;color:#80dcd8;cursor:pointer;text-decoration:none;outline:none; blr:expression(this.onFocus=this.blur());}
.pagination2 li.current a {color:#ffffff;}




#indN4 .indN4R{ width: 963px; height: auto; float: right;}
#indN4 .indN4R li{ width: 220px; height: auto; float: left; margin: 0 10px; padding-bottom: 37px;}
#indN4 .indN4R li .indN4R_img{ width: 220px; height: 130px; float: left; overflow: hidden;}
#indN4 .indN4R li .indN4R_img img{ width: 220px; height: 130px; float: left; cursor: pointer;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
#indN4 .indN4R li:hover .indN4R_img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}


#indN4 .indN4R li em{ width:100%; height: auto; float: left; font-size: 15px; line-height: 33px; cursor: pointer;}
#indN4 .indN4R li p{ width: 50%; height: auto; float: left; text-align: left; font-size: 12px; line-height: 18px;}
#indN4 .indN4R li span{ width: 50%; height: auto; float: right; text-align: right; font-size: 12px; line-height: 18px;}
#indN4 .indN4R li span i{ color: #f37668;}
#indN4 .indN4R li:hover em,#indN4 .indN4R li:active em{ color: #ff2009;}
#indN4 .indN4R .indN4RR{ width: 459px; height: 190px; float: right; padding: 0; cursor: pointer; overflow: hidden;}
#indN4 .indN4R .indN4RR img{ width: 459px; height: 190px; float: right; margin: 0; padding: 0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
#indN4 .indN4R .indN4RR:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

#indN5{ width: 100%; height: 140px; float: left; margin: 30px 0 30px 0; background: url("../images/indexN5.jpg") no-repeat center center;}
#indN5 .indIn{ width: 1200px; height: auto; margin: 0 auto;}
#indN5 a{ width: 168px; height: 72px; float: right; border-radius: 12px; margin: 35px 99px 0 0; opacity: 0; cursor: pointer;}


#indN6{ width: 100%; height: auto; float: left;}
#indN6 .indIn{ width: 1200px; height: 510px; margin: 0 auto; background-color: #ffffff; border-radius: 3px;}
#indN6 .indN6T{ width: 100%; height: auto; float: left;}
#indN6 .indN6T h2{ width: auto; height: auto; float: left; font-size: 22px; line-height: 22px; font-weight: 500; margin: 27px 0 23px 28px;}
#indN6 .indN6T ul{ width: auto; height: auto; float: left; margin-left: 70px; margin-top: 20px;}
#indN6 .indN6T li{ width: auto; height: auto; float: left; text-align: center; margin-left: 50px; cursor: pointer;}
#indN6 .indN6T li.cur{ color: #01b8b0; border-bottom: 2px solid #01b8b0;}
#indN6 .indN6T li p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 32px; padding: 0 5px;}
#indN6 .indN6T a{ width: auto; height: auto; float: right; margin: 26px 17px 0 0;}
#indN6 .indN6T a span{ float: left; font-size: 14px; line-height: 14px; margin-right: 10px;}
#indN6 .indN6T a img{ width: 14px; height: 14px;}
#indN6 .indN6L{ width: 220px; height: 413px; float: left; background-color: #00b8b0; border-radius: 3px; margin-left: 13px;}
#indN6 .indN6LT{ width: 165px; height: auto; float: left; font-size: 15px; line-height: 29px; text-align: center; color: #ffffff; margin:25px 0 0 30px; border-bottom: 1px solid #ffffff;}
#indN6 .indN6LM{ width: 100%; height: auto; float: left; font-size: 10px; line-height: 22px; text-align: center; color: #ffffff;}
#indN6 .indN6LB{ width: 100%; height: 304px; float: left; background: url("../images/indexN4LB.jpg")no-repeat center center; border-radius: 75px;}
#indN6 .indN6R{ width: 963px; height: auto; float: right;}
#indN6 .indN6R li{ width: 220px; height: auto; float: left; margin: 0 10px; padding-bottom: 32px;}
#indN6 .indN6R li:hover em,#indN4 .indN4R li:active em{ color: #ff2009;}
#indN6 .indN6R li .indN6R_img{ width: 220px; height: 130px; float: left; overflow: hidden;}
#indN6 .indN6R li .indN6R_img img{ width: 220px; height: 130px; float: left; cursor: pointer;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
#indN6 .indN6R li:hover .indN6R_img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

#indN6 .indN6R li em{ width:100%; height: auto; float: left; font-size: 15px; line-height: 33px; cursor: pointer;}
#indN6 .indN6R li p{ width: 50%; height: auto; float: left; text-align: left; font-size: 12px; line-height: 18px;}
#indN6 .indN6R li span{ width: 50%; height: auto; float: right; text-align: right; font-size: 12px; line-height: 18px;}
#indN6 .indN6R li span i{ color: #f37668;}
#indN6 .indN6R .indN6RR{ width: 459px; height: 190px; float: right; padding: 0; overflow: hidden; cursor: pointer;}
#indN6 .indN6R .indN6RR img{ width: 459px; height: 190px; float: left; margin: 0; padding: 0;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
#indN6 .indN6R .indN6RR:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

#indN7{ width: 100%; height: 140px; float: left; margin: 30px 0 30px 0; background: url("../images/indexN6.jpg") no-repeat center center;}
#indN7 .indIn{ width: 1200px; height: auto; margin: 0 auto;}
#indN7 a{ width: 130px; height: 110px; float: right; border-radius: 50%; margin: 17px 152px 0 0; opacity: 0; cursor: pointer;}

#indN8{ width: 100%; height: auto; float: left;}
#indN8 .indIn{ width: 1224px; height: auto; margin: 0 auto; border-radius: 3px;}
#indN8 .indN8_1{ width: 1200px; height: 235px; float: left; margin-left: 12px; background-color: #ffffff; border-radius: 5px 5px 0 0; overflow: hidden;}
#indN8 .indN8_1T h2{ width: auto; height: auto; float: left; font-size: 22px; line-height: 22px; font-weight: 500; margin: 27px 0 23px 28px;}
#indN8 .indN8_1T ul{ width: auto; height: auto; float: left; margin-left: 70px; margin-top: 20px;}
#indN8 .indN8_1T li{ width: auto; height: auto; float: left; text-align: center; margin-left: 50px; cursor: pointer;}
#indN8 .indN8_1T li.cur{ color: #01b8b0; border-bottom: 2px solid #01b8b0;}
#indN8 .indN8_1T li p{ width: auto; height: auto; float: left; font-size: 16px; line-height: 32px; padding: 0 5px;}
#indN8 .indN8_1M{ width: 100%; height: auto; float: left;}
#indN8 .indN8_1M ul{ width: 100%; height: auto; float: left; margin: 0px;}
#indN8 .indN8_1M li{ width: 390px; height: 38px; float: left; font-size: 14px; line-height: 38px; margin-left: 9px; }
#indN8 .indN8_1M li img{ width: 4px; height: 4px; float: left; margin: 16px 11px 0 11px;}
#indN8 .indN8_1M li span{ width: auto; max-width: 280px; height: 34px; float: left; overflow: hidden; cursor: pointer;}
#indN8 .indN8_1M li em{ float: left; cursor: pointer;}
#indN8 .indN8_2{ width: 1212px; height: auto; float: left; background-color: #ffffff;}
#indN8 .indN8_2L{ width: 265px; height: 256px; float: left; overflow: hidden;}
#indN8 .indN8_2R{ width: 927px; height: auto; float: left; margin-left: 20px; margin-top: 22px;}
#indN8 .indN8_2R li{ width: 25%; height: auto; float: left; margin-top: 41px;}
#indN8 .indN8_2R li span{ width: 41px; height: 41px; float: left;}
#indN8 .indN8_2R li p{ width: auto; height: auto; float: left; font-size: 19px; line-height: 41px; text-indent: 12px;}

#indN9{ width: 100%; height: 140px; float: left;margin-top: 30px; background: url("../images/indN9.jpg") no-repeat center center;}
#indN9 .indIn{ width: 1200px; height: auto; margin: 0 auto;}
#indN9 a{ width: 180px; height: 50px; float: left;  margin: 55px 0 0 286px; opacity: 0;}