@charset 'UTF-8';
/**
 * @authors Elong (yangxinglong@126.com)
 * @date    2016-05-18 12:14:00
 */
body{font-family:Microsoft YaHei, Verdana, Geneva, sans-serif;font-size:12px;background-color:#fff;}
ul,li,p,dl,dt,dd,h2,h3,a,input,span,strong,body{margin:0;padding:0;}
a{text-decoration:none;color:#000;}
ul,li{list-style:none;}
img{border:0 none;}
div{margin:0 auto;}
.clearfix:after{font-size:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

body{margin-left:100px;}
.wrap{max-width:1820px;min-width:1100px;position:relative;}
.main{width:1100px;}


.top_link{height:100px;background:url(/dev/product/www_v3/imgs/index/top_bar_bg.png) 0 0 repeat;position:absolute;width:100%;z-index:1;}
.top_link_title,.top_link_main{float:left;height:40px;margin-top:33px;padding:0 14px;}
.top_link_title{line-height:40px;font-size:24px;color:#fff;}
.top_link_main{width:246px;}
.top_link_main a{color:#999;}
.top_link_main a:hover{color:#F51E55;}
.top_link_main li{float:left;width:82px;line-height:22px;}
.top_link_main.border{border-right:1px solid  #fff;}



.header{height:700px;position:relative;}

.header_s{position:absolute;top:0;left:0;height:700px;width:100%;background-repeat:no-repeat;background-position:50% 50%;}
.header_s a{position:absolute;top:0;left:0;right:0;bottom:0;display:block;overflow:hidden;text-indent:-9999px;}

.header_nav{position:absolute;bottom:21px;text-align:center;width:100%;}
.header_nav span{display:inline-block;width:18px;height:5px;background-color:#fff;margin:0 2px;}
.header_nav span.cur{background-color:#F51E55;}
.header .banner_left_btn,.header .banner_right_btn{display: block;width: 60px;height: 110px;position: absolute;top:50%;margin-top:-55px;background-position: 0 0;background-repeat: no-repeat;opacity:0;outline:0 none;}
.header .banner_left_btn{left: 19px;background-image: url(/dev/product/www_v3/imgs/index/banner_left_btn.png);}
.header .banner_right_btn{right: 19px;background-image: url(/dev/product/www_v3/imgs/index/banner_right_btn.png);}
.header .banner_left_btn:hover{background-image: url(/dev/product/www_v3/imgs/index/banner_left_btn_hover.png)}
.header .banner_right_btn:hover{background-image: url(/dev/product/www_v3/imgs/index/banner_right_btn_hover.png)}
.header:hover .banner_left_btn,.header:hover .banner_right_btn{animation:show 0.3s 0.1s ease both;opacity:1;}



.tabs_nav{background:url(/dev/product/www_v3/imgs/index/line_1.jpg) 0 59px repeat-x;margin-top:39px;text-align:center;}

.tabs_nav li{display:inline-block;*display:inline;*zoom:1;width:160px;height:65px;text-align:center;line-height:60px;font-size:14px;color:#606060;cursor:pointer;position:relative;}
.tabs_nav li.now{background:url(/dev/product/www_v3/imgs/index/tabs_nav_now.png) 0 0 no-repeat;font-size:16px;color:#fff;}
.tabs_nav li .hot{display:block;position:absolute;width:24px;height:13px;background:url(/dev/product/www_v3/imgs/index/hot.png) 0 0 no-repeat;top:10px;left:108px;}

.tabs_cons{padding-bottom:50px;}
.card_list_1 li:nth-child(3n),.card_list_3 li:nth-child(3n){margin-right:0;}
.card_list_1 li{float:left;height:237px;width:338px;position:relative;margin-right:42px;margin-top:70px;}
.card_list_1 li a{display:block;height:237px;}
.card_list_1 .text_box{width:316px;height:121px;position:absolute;bottom:0;left:0;text-align:right;background-color:#fff;padding-right:22px;padding-top:17px;}
.card_list_1 .text_box h3{font-size:26px;color:#303030;font-weight:400;}
.card_list_1 .text_box p{font-size:14px;color:#666;}
.card_list_1 img{position:absolute;bottom:0;left:15px;}
.card_list_1 li:hover .text_box{box-shadow:0 0 10px #ddd;}
.text_box_bottom{background-repeat:no-repeat;background-position:0 0;position:absolute;bottom:0;left:-1px;height:5px;right:0;}
.card_list_1 .text_box_bg_1{background-image:url(/dev/product/www_v3/imgs/index/text_box_bg_1.png);}
.card_list_1 .text_box_bg_2{background-image:url(/dev/product/www_v3/imgs/index/text_box_bg_2.png);}
.card_list_1 .text_box_bg_3{background-image:url(/dev/product/www_v3/imgs/index/text_box_bg_3.png);}
.card_list_1 .text_box_bg_4{background-image:url(/dev/product/www_v3/imgs/index/text_box_bg_4.png);}
.card_list_1 .text_box_bg_5{background-image:url(/dev/product/www_v3/imgs/index/text_box_bg_5.png);}
.card_list_1 .text_box_bg_6{background-image:url(/dev/product/www_v3/imgs/index/text_box_bg_6.png);} 
.card_list_1 .card_list_pic_1{filter:alpha(opacity=0);opacity:0;}


.card_list_1 li:hover .card_list_pic_0{-webkit-animation:hide 0.5s 0.1s ease both;animation:hide 0.5s 0.1s ease both;}
.card_list_1 li:hover .card_list_pic_1{-webkit-animation:show 0.5s 0.1s ease both;animation:show 0.5s 0.1s ease both;}
.card_list_1 li:hover .text_box_bottom{-webkit-animation:height 0.5s 0.0s ease both;animation:height 0.5s 0.0s ease both;}



.card_list_2{padding-top:22px;width:980px;}

.card_list_2 li{float:left;width:474px;height:253px;margin-right:31px;margin-top:31px;position:relative;display:inline;position:relative;overflow:hidden;}

.card_list_2 li:nth-child(2n){margin-right:0;}
.card_list_2 li a img{width:100%;border:1px solid #e0e0e0;}
.card_list_2 li a{position:absolute;display:block;width:474px;height:253px;}
.card_list_2 li:hover a{-webkit-animation:zoom 1s 0.0s ease both;animation:zoom 1s 0.0s ease both;}


.card_list_3 li{float:left;width:348px;height:278px;margin-right:25px;border:1px solid #e0e0e0;margin-top:54px;position:relative;display:inline;}
.card_list_3 li:hover{box-shadow:0 0 10px #ddd;}
.card_list_3 li .card_title{height:28px;padding-top:24px;padding-left:28px;}
.card_list_3 li .card_text{padding:0 28px 0px;line-height:26px;color:#606060;}
.card_list_3 li .card_text h3{display:block;line-height:62px;height:62px;overflow:hidden;border-bottom:1px solid #e0e0e0;font-size:24px;color:#303030;font-weight:400;text-align:center;margin-bottom:10px;}



.footer_link{font-size:14px;line-height:94px;text-align:center;color:#b0b0b0;}
.footer_link a{font-size:14px;margin-right:6px;color:#b0b0b0;}
.footer_link a:hover{color:#707070;}



.footer_icp{font-size:14px;line-height:30px;text-align:center;}
.footer_icp a,.footer_icp span{display:inline-block;}
.footer_icp span{margin:0 20px;}
.footer_icp{color:#b0b0b0;}
.footer_icp a{color:#b0b0b0;}
.footer_icp a:hover{color:#707070;}

.wechat{position:relative;top:5px;display:inline-block;width:22px;height:18px;margin-right:20px;cursor:pointer;background:url(/dev/product/www_v3/imgs/index/home_wechat.png) 0 0 no-repeat;}
.wechat:hover{background-image:url(/dev/product/www_v3/imgs/index/home_wechath.png);}

.wechat_alert{font-size:12px;line-height:18px;position:absolute;top:-222px;left:-80px;display:none;width:174px;height:205px;padding-top:17px;cursor:default;background:url(/dev/product/www_v3/imgs/index/home_wechat_alert.png) 0 0 no-repeat;}
.wechat_alert img{margin-top:8px;}
.wechat:hover .wechat_alert{display:block;}

.sina{position:relative;top:5px;left:0;overflow:hidden;width:22px;height:18px;text-indent:-9999px;background:url(/dev/product/www_v3/imgs/index/home_sina.png) 0 0 no-repeat;}
.sina:hover{background-image:url(/dev/product/www_v3/imgs/index/home_sinah.png);}






@-webkit-keyframes show{0%{opacity:0;}
100%{opacity:1;}}
@keyframes show{0%{opacity:0;}
100%{opacity:1;}}
@-webkit-keyframes hide{0%{opacity:1;}
100%{opacity:0;}}
@keyframes hide{0%{opacity:1;}
100%{opacity:0;}}
@-webkit-keyframes height{0%{height:5px;}
    100%{height:36px;}}
@keyframes height{0%{height:5px;}
    100%{height:36px;}}



    @-webkit-keyframes zoom{0%{width:100%;height:100%;margin:0;}
    100%{width:110%;height:110%;margin:-2.5% 0 0 -5%;}}



    @keyframes zoom{0%{width:100%;height:100%;margin:0;}
    100%{width:110%;height:110%;margin:-2.5% 0 0 -5%;}}




/*left_nav*/

body{min-width:320px;margin-left:100px;}
.left_nav{position:fixed;z-index:100;top:0;left:0;width:100px;height:100%;background:url(/dev/product/www_v3/imgs/include/left_list_bg.jpg) no-repeat 0 0 #303030;box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;}
.logo{display:block;width:49px;height:77px;margin:20px 0 48px 25px;text-indent:-999px;background:url(/dev/product/www_v3/imgs/include/logo.png) no-repeat 0 0;}
.nav_list{width:100px;}
.nav_list li span{padding:11px 0;border-bottom:1px transparent solid;}
.nav_list li a{font-size:14px;line-height:60px;display:block;margin:0 auto;text-align:center;color:#d0d0d0;}
.nav_list li a:hover,.nav_list li a.active{color:#fff;}
.nav_list li a:hover span,.nav_list li a.active span{border-bottom:1px #fff solid;}
.login_box{position:absolute;bottom:25px;left:0;}
.login_box{width:100px;}
.login_box a{font-size:14px;line-height:54px;display:block;text-align:center;color:#fff;}
.login_box a:hover{color:#f51e55;}
.login_box a.active{color:#f51e55;}
.login_box a span{padding:18px 0;border-bottom:1px #505050 solid;}
.login_after_box{position:absolute;bottom:0;left:20px;width:60px;height:58px;padding-top:22px;border-top:1px #505050 solid;}
.login_after{position:relative;width:44px;height:44px;margin:0 auto;}
.login_after a{display:inline-block;width:40px;height:40px;border:2px solid #b0b0b0;-webkit-border-radius:50%;border-radius:50%;}

.login_after a img{display:inline-block;overflow:hidden;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;}

.login_after a:hover,.login_after a.active{border:2px solid #f51e55;}

.login_after a img{border-radius:50%;}



.login_list_main{position:absolute;bottom:110px;left:0;display:none;width:100%;}
.login_list_main a{font-size:14px;line-height:44px;display:block;width:60px;margin:0 auto;text-align:center;color:#d0d0d0 !important;border-bottom:1px solid transparent;}
.login_list_main a:hover{color:#fff !important;border-bottom:1px solid #fff;}

@media screen and (max-width: 1366px){.header,.header_s{height:450px;}}