@charset "utf-8";
/* CSS Document */
.banner{ background:#198ede; overflow:hidden; position:relative;}
.banner .KMSPrefix_banner_frbtn{width:14px;margin:0px auto;padding:0px;position:absolute;z-index:99; top:50%; margin-top:-7px; right:14px; display:none;}
.banner .KMSPrefix_banner_frbtn li{ margin:10px 0;}
.banner_o_o{ width:1300px; height:160px; position:absolute; left:50%; margin-left:-650px; top:0px; text-align:center; opacity:0; z-index:3}
.banner_o_o p{ color:#ffffff; font-size:50px; line-height:50px;}
.banner_o_o span{ font-size:15px; line-height:15px; color:#fff; margin:15px 0 30px 0; display:inline-block}
.banner_o_o_a{ height:36px; margin:0 auto; text-align:center;}
.banner_o_o_a a{ width:128px; height:36px; line-height:36px; color:#fff; text-align:center; display:inline-block; font-size:13px; border:2px solid #fff; text-indent:30px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:2px; margin:0 15px;}
.banner_o_o_a a.a-o{ background:url(banner_2.png) no-repeat 25px center;}
.banner_o_o_a a.a-t{ background:url(banner_1.png) no-repeat 25px center;}
.banner_o_o_a a.a-s{ background:url(banner_6.png) no-repeat 18px center;}
.banner_o_o_a a:hover{ background-color: #22c3a7; border-color:#22c3a7; color:#fff}.banner_o_o_a a.fl{ background:url(banner_2.png) no-repeat 25px center;}
.banner_o_o_a a.fr{ background:url(banner_1.png) no-repeat 25px center;}
.banner_o_o_a a.fl:hover{ background:url(banner_2.png) no-repeat 25px center #22c3a7; border-color:#22c3a7; color:#fff}
.banner_o_o_a a.fr:hover{ background:url(banner_1.png) no-repeat 25px center #22c3a7; border-color:#22c3a7; color:#fff}
.banner_o_o h4{ line-height:36px; color:#fff; background:#22c3a7; width:405px; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px; margin:25px auto auto auto; font-size:14px; cursor:pointer;}
.banner_o_o h4 i{ background:url(banner_5.png) no-repeat right center; padding:0 25px 0 0;}
.banner_o_o h4:hover{ background:#1baa91}
.banner_o_t{ max-width:1920px; width:101%; position:absolute; bottom:0; left:-.5%; -webkit-animation:anim-run 2.5s ease-in-out infinite alternate;}
.banner_o_t img{ width:100%;}
@-webkit-keyframes anim-run{
from {left:-1%;}
to {left:-.5%;}
}
.banner_o_s{ max-width:1300px; width:60%; position:absolute; bottom:-500px; left:50%; margin-left:-30%; opacity:0}
.banner_o_s img{ width:100%;}

.main{ position:relative; z-index:2;}
.main .tit{ text-align:center; color:#000000; font-size:25px; line-height:28px; padding:80px 0; font-weight:bold;}
.main .tit span{ display:block; color:#767676; font-size:15px;}
.main .tit a{ display:inline-block; line-height:23px; width:48px; background:#198ede; text-align:center; font-size:15px; color:#fff; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px; margin-left:3px;}
.main .tit a:hover{ background:#147bc2}

.main_o li{ float:left; width:325px; margin:0 169px 80px 0; text-align:center;}
.main_o li img{webkit-transition: all 700ms ease-out 0s;
  -moz-transition: all 700ms ease-out 0s;
  -o-transition: all 700ms ease-out 0s;
  transition: all 700ms ease-out 0s;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);}
.main_o li img:hover{ -webkit-transform: rotateY(0deg) scale(1,1);
  -moz-transform: rotateY(360deg) scale(1,1);
  -ms-transform: rotateY(360deg) scale(1,1);
  -o-transform: rotateY(360deg) scale(1,1);
  transform: rotateY(360deg) scale(1,1);}
.main_o li h3{ color:#000000; font-size:18px; line-height:18px; padding-bottom:12px; margin-top:27px; text-align:left}
.main_o li p{ font-size:13px; color:#7c7c7c; line-height:22px; text-align:left;}

.main_t_meau{ height:85px; background:#fff; border:1px solid #bdbdbd; border-left:0; border-right:0;}
.main_t_meau li{ float:left; height:85px; text-align:center; cursor:pointer; position:relative;}
.main_t_meau li.li_o{ text-indent:10%;}
.main_t_meau li.li_t{ border:1px solid #bdbdbd; border-bottom:0; border-top:0; width:480px;}
.main_t_meau li.li_s{ text-indent:-10%;}
.main_t_meau li img{ padding-top:17px;}
.main_t_meau .hx{ width:100%; height:3px; background:#198ede; position:absolute; left:0; bottom:0; display:none;}
.main_t_meau .on .hx{ display:block;}
.main_t_m{ background:#f2f2f2}
.main_t_m .tem_col{ text-align:center; width:100%; height:23px; margin:-50px 0 90px 0;}
.main_t_m .tem_col a{ width:23px; height:23px; display:inline-block; background:#000; margin:0 9px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.main_t_m .tem_col a.a_o{ background:#fe0000;}
.main_t_m .tem_col a.a_t{ background:#ff6300;}
.main_t_m .tem_col a.a_s{ background:#fae242;}
.main_t_m .tem_col a.a_f{ background:#80d032;}
.main_t_m .tem_col a.a_w{ background:#26e0d1;}
.main_t_m .tem_col a.a_l{ background:#198ede;}



.main_t_m .tem_col a.light_purple{ background:#ff68ff;}
.main_t_m .tem_col a.purple{ background:#909;}

.main_t_m .tem_col a.white{ background:#fff;}

.main_t_m .tem_col a.grey{ background:#999;}


.main_t_m .tem_col a.brown{ background:#964b00;}
.main_t_m .tem_col a.black{ background:#000;}






.main_t_m .tem_col a.a_q{ background:url(tem_6.png) no-repeat;}
.main_t_m_m{ display:none;}
.main_t_m_m li{ width:252px; height:200px; background:url(../images/main_4.png) no-repeat; position:relative; float:left; margin:0 36px 90px 36px}
.main_t_m_m li img{  filter:alpha(opacity=70); -moz-opacity:0.7; opacity:1 width:252px; height:188px;}
.main_t_m_m li img:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:0.3;}
.main_t_m_m li .pcwp{ width:88px; height:177px; background:url(../images/main_8.png) no-repeat; position:absolute; bottom:-16px; right:10px;}
.main_t_m_m li .pcwp img{ width:80px; height:142px; margin:11px 0 0 4px;}
.main_t_m_wap_z{ width:1500px;}
.main_t_m_wap .wap_o{ width:225px; height:442px; background:url(../images/main_9.png) no-repeat; position:relative; float:left; margin:0 133px 90px 0;}
.main_t_m_wap .wap_o img{ width:200px; height:356px; margin:30px 0 0 13px;}
.main_t_m_wap .wap_o_zz{ width:200px; height:356px; text-align:center; color:#fff; position:absolute; left:13px; top:30px;}
.main_t_m_wap .wap_o .wap_o_zz img{ width:125px; height:125px; position:relative; z-index:2; margin:10px 0 8px 0;}
.main_t_m_wap .wap_o_zz_bg{ background:#000; width:200px; height:356px; position:absolute; left:0; top:0; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:1}
.main_t_m_wap .wap_o_zz p{ position:relative; z-index:2}
.main_t_m_wap .wap_o_zz p.p1{ font-size:15px; margin-top:35px;}
.main_t_m_wap .wap_o_zz p.p2{ font-size:13px;}
.main_t_m_wap .wap_o_zz a{ display:inline-block; width:149px; height:46px; line-height:46px; text-align:center; background:#198ede; color:#fff; font-size:15px; position:relative; z-index:2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-top:40px;}
.main_t_m_wap .wap_o_zz a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.main_t_more{ width:100%; padding:30px 0; background:#fff; text-align:center;}
.main_t_more a{ width:233px; height:48px; text-align:center; display:inline-block; border:2px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; color:#767676; font-size:16px; line-height:48px;}
.main_t_more a span{ background:url(main_6.png) no-repeat center left; padding-left:30px;}
.main_t_more a:hover{ background:#198ede; color:#fff;}
.main_t_more a:hover span{background:url(main_7.png) no-repeat center left;}

.main_s{ width:100%; height:670px; background:url(main_12.jpg) no-repeat center;}
.main .main_s .tit{ color:#1585d1;}
.main .main_s .tit span{ color:#d7d7d7;}
.main_s_m{  overflow:hidden; position:relative; width:1300px}
.main_s_m .bd{ width:1172px; margin:0 auto;}
.main_s_m .bd ul{ overflow:hidden; zoom:1; }
.main_s_m .tempWrap{ width:100%;}
.main_s_m .bd ul li{ text-align:center; float:left; padding:0 12px; overflow:hidden; _display:inline; }
.main_s_m .bd ul li img{ width:269px; height:144px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.main_s_m .bd ul li h4{ color:#eaeaea; font-size:16px; font-weight:400; padding:15px 0 3px 0; width:100%; height:24px; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_s_m .bd ul li p{ color:#eaeaea; font-size:13px; line-height:22px; text-align:left; width:269px; height:66px; overflow:hidden;}
.main_s_m a.next,.main_s_m a.prev{ width:22px; height:61px; background:url(main_14.png) no-repeat; position:absolute; top:45px; display:block}
.main_s_m a.next{ background-position:0 bottom; right:0;}
.main_s_m a.prev{ background-position:0 top; left:0;}
.main_s_more{ width:100%; padding:95px 0 0 0; text-align:center;}
.main_s_more a{ width:233px; height:48px; text-align:center; display:inline-block; border:2px solid #1585d1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; color:#1585d1; font-size:16px; line-height:48px;}
.main_s_more a span{ background:url(main_22.png) no-repeat center left; padding-left:30px;}
.main_s_more a:hover{ background:#198ede; color:#fff;}
.main_s_more a:hover span{background:url(main_7.png) no-repeat center left;}

.main_f{ margin-bottom:80px;}


.main .main-w .tit{ padding:60px 0}
.main-w{ background:#f2f2f2; padding-bottom:60px;}
.main-w li{ float:left; width:383px; height:157px; text-align:center; background:url(n-main-1.gif) no-repeat; margin-right:75px; cursor:pointer; text-align:center; position:relative;  -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; overflow:hidden}
.main-w li .li-bg{ width:383px; height:157px; background:#000; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display:none}
.main-w li .li-m{ text-align:center; position:relative; padding-top:40px; display:none}
.main-w li .li-m i{ display:block; width:58px; height:58px; background:url(n-main-22.png) no-repeat; margin:0 auto}
.main-w li span{ display:inline-block; line-height:38px; font-size:13px; color:#fff;}
.main-w li.li-t{background:url(n-main-2.gif) no-repeat;}
.main-w li.li-s{ margin:0; background:url(n-main-3.gif) no-repeat;}

.main .main-l .tit{ padding:70px 0}
.main-l{ padding-bottom:70px;}
.main-l-m .w-1300{ width:1400px;}
.main-l-m li{ text-align:center; width:160px; float:left; padding:35px 59px; border:1px solid #dadada; border-top:none; border-left:none;}
.main-l-m li.li-bor-notrig{ border-right:0}
.main-l-m li.li-bor-notbot{ border-bottom:0}
.main-l-m li img{ -webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.main-l-m li img:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.main-l-m li p{ color:#767676; font-size:13px; line-height:22px; padding-top:15px;}
.main-l-b a{ display:block; width:397px; height:90px; background:#198ede; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; }
.main-l-b a p{ padding:21px 0 21px 130px; background:url(n-main-20.png) no-repeat 55px center}
.main-l-b a.a-o{margin-left:180px;}
.main-l-b a.a-t{margin-right:180px;}
.main-l-b a.a-t p{background:url(n-main-21.png) no-repeat 50px center}
.main-l-b a:hover{ color:#fff; background:#147bc2}
.vid_tc{ width:940px; height:480px; position:absolute; left:50%; margin-left:-460px; background:#666; z-index:11;  -moz-border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0; border-radius:6px 6px 0 0; overflow:hidden;  box-shadow: 0 0 15px #666; display:none; z-index:51}





.main-bg{ width:100%; height:100%; background:#000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; position:fixed; left:0; top:0; z-index:50; display:none}
.banner-alt{ width:700px; height:400px; background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:10px; position:absolute; left:50%; top:50%; margin-left:-364px; margin-top:-200px; z-index:51; padding:0 20px; display:none}
.banner-alt h4{ text-align:center; color:#000; font-size:24px; line-height:24px; padding:30px 0;}
.banner-alt p{ color:#000; font-size:13px; line-height:24px; padding-bottom:25px; margin-bottom:25px; border-bottom:1px dashed #a3a3a3}
.banner-alt span{ color:#16bfa2; font-size:13px; line-height:24px; display:block; margin-bottom:40px;}
.banner-alt a.a-o{ width:150px; height:45px; line-height:45px; display:block; text-align:center; color:#fff; background:#16bfa2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; font-size:15px; margin:0 auto;}
.banner-alt a.a-o:hover{background:#1baa91; color:#fff;}
.banner-alt a.a-t{ color:#000;}
.banner-alt a.a-t:hover{ color:#16bfa2}
@media screen and (max-height:700px){
  .banner_o_o p{ font-size:35px; line-height:35px;}
  .banner_o_o span{ margin:10px 0 20px 0}
  .banner_o_o h4{ margin-top:15px;}
}
/*�������*/
@media screen and (max-height:800px){
  .banner_o_o{ margin-top:30px;}
}
/*�������*/

.main_t_m_m.main_t_m_pcwp li img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.main_t_m_m.main_t_m_pcwp li a{ display:block; position:relative;}
.main_t_m_m.main_t_m_pcwp li .eye-icon{ width:49px; height:49px; background:url(../images/tem_18.png) no-repeat; display:block; position:absolute; left:50%; margin-left:-24.5px; top:50%; margin-top:-24.5px; display:none}
.main_t_m_m.main_t_m_pcwp li .pcwp .eye-icon{ width:27px; height:27px; background:url(../website/images/tem_17.png) no-repeat; margin-left:-13.5px; margin-top:-13.5px;}
.main_t_m_m.main_t_m_pcwp li.on img{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.3;}
.main_t_m_m.main_t_m_pcwp li.on .eye-icon{ display:block;}