@charset "utf-8";
body{font-family:Arial,sans-serif,"Microsoft YaHei","Helvetica Neue",Helvetica;font-weight:100;}
.container{width:1190px!important; margin:0 auto; padding: 0}
.wrapper{min-width:1190px;}
a:hover,.hover,a:focus{color:#00A1E9; text-decoration: none}

.btn,.form-control{border-radius:0;}
input{box-shadow:none !important;outline:none !important;}
.no_border{border:none!important;}
ul,li,p,body,img{ margin: 0; padding: 0; border: 0 }
body{ background: #F2F2F2 }
.transition5 {
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.transition10 {
	-moz-transition: all 1s ease 0.2s;
	-webkit-transition: all 1s ease 0.2s;
	-o-transition: all 1s ease 0.2s;
	-ms-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
}

.transition3 {
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*字体大小*/
.f12{ font-size: 12px; }
.f13{ font-size: 13px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }

/*字体颜色*/
.color_fff{ color: #fff }
.color_333{ color: #333 }
.color_666{ color: #666 }
.color_999{ color: #999 }
.color_000{ color: #000 }


/*外边距*/
.margin_t10{ margin-top: 10px; }
.margin_t20{ margin-top: 20px; }
.margin_t30{ margin-top: 30px; }
.margin_t40{ margin-top: 40px; }
.margin_b10{ margin-bottom: 10px; }
.margin_b20{ margin-bottom: 20px; }
.margin_b30{ margin-bottom: 30px; }
.margin_b40{ margin-bottom: 40px; }
.margin_l10{ margin-left: 10px; }
.margin_l20{ margin-left: 20px; }
.margin_l30{ margin-left: 30px; }
.margin_l40{ margin-left: 40px; }
.margin_r10{ margin-right: 10px; }
.margin_r20{ margin-right: 20px; }
.margin_r30{ margin-right: 30px; }
.margin_r40{ margin-right: 40px; }
.margin_lr10{ margin-right: 10px; margin-left: 10px; }
.margin_lr20{ margin-right: 20px; margin-left: 20px;}
.margin_lr30{ margin-right: 30px; margin-left: 30px;}
.margin_lr40{ margin-right: 40px; margin-left: 40px;}

/*内边距*/

.pad_t10{ padding-top: 10px; }
.pad_t20{ padding-top: 20px; }
.pad_t30{ padding-top: 30px; }
.pad_t40{ padding-top: 40px; }

.pad_b10{ padding-bottom: 10px; }
.pad_b20{ padding-bottom: 20px; }
.pad_b30{ padding-bottom: 30px; }
.pad_b40{ padding-bottom: 40px; }

.pad_l10{ padding-left: 10px; }
.pad_l20{ padding-left: 20px; }
.pad_l30{ padding-left: 30px; }
.pad_l40{ padding-left: 40px; }

.pad_r10{ padding-right: 10px; }
.pad_r20{ padding-right: 20px; }
.pad_r30{ padding-right: 30px; }
.pad_r40{ padding-right: 40px; }

.pad_lr10{ padding-right: 10px; padding-left: 10px; }
.pad_lr20{ padding-right: 20px; padding-left: 20px; }
.pad_lr30{ padding-right: 30px; padding-left: 30px; }
.pad_lr40{ padding-right: 40px; padding-left: 40px; }

.pad_tb10{ padding-top: 10px; padding-bottom: 10px; }
.pad_tb20{ padding-top: 20px; padding-bottom: 20px; }
.pad_tb30{ padding-top: 30px; padding-bottom: 30px; }
.pad_tb40{ padding-top: 40px; padding-bottom: 40px; }



/*提示框*/
.tip_win {
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    min-width: 200px;
    line-height:30px;
    font-size: 14px;
    position: fixed;
    left: 50%;
    border-radius: 5px;
    bottom: 100px;
    z-index: 300;
    text-align: center;
    display: none;
    transform: rotateX(90deg) scale(0.653);
    transform-origin: 50% 200%;
    -webkit-animation: tip 0.8s linear 0s infinite  alternate;
}

@-webkit-keyframes tip {
    0% {
        transform: rotateX(30deg) scale(0.653);
    }
    20% {
        transform: rotateX(0deg) scale(1.437);
    }
    40% {
        transform: rotateX(0deg) scale(1.30667);
    }
    100% {
        transform: rotateX(0deg) scale(1.30667);
    }
}

/* banner -S */
.home_banner{position: relative;z-index: 0;width:100%;height:676px;margin:0 auto;overflow: hidden;background:#fff;}
.home_banner ul,.home_banner li{list-style:none;padding:0;}
.imagelist{margin-bottom:20px;}
.imagelist ul,.imagelist li{height:676px;}
.imagelist>li{float:left;width:100%;overflow:hidden;}
.imagelist a{width:100%;height:676px;display:block;background:no-repeat center;}
.imagelist a>img{width:100%;height:676px;}
.home_banner .imageCheck>li{width: 44px;height: 55px;cursor: pointer;}
.home_banner .point{position: absolute;z-index: 0;bottom: 14px;left:50%;margin-left:-30px;}
.home_banner .point>li{float:left;width:12px;height:12px;border-radius:12px;margin:0 5px; background: #fff; transition: 0.3s; -webkit-transition:0.3s;}
.home_banner .point>li.on{background-color:#333333; width:24px; }
/*图片左右切换公共样式 -S*/
.imageCheck span{position: absolute;z-index: 0;top:50%;display: block;width: 44px;height: 55px;margin-top:-22px;background-position: center;background-repeat:no-repeat; cursor: pointer;transition:0.3s;}
.imageCheck span:hover{opacity:1;fliter:alpha(opacity=100);}
.imageCheck .prev{left:5%;background-image: url(../img/banner_leftarrow.png);}
.imageCheck .prev:hover{background-image: url(../img/banner_leftarrow_hover.png);}
.imageCheck .next{right:5%;background-image: url('../img/banner_rightarrow.png');}
.imageCheck .next:hover{background-image: url('../img/banner_rightarrow_hover.png');}
/*图片左右切换公共样式 -E*/
/* banner -E */


/*导航 s*/
.top_wrap{ height: 80px; background: rgba(0,0,0,0); position: absolute; width: 100%; min-width: 1190px; left: 0; top: 0; z-index: 100 }
.top_wrap .logo{ display: block; width: 235px; height: 80px; line-height: 80px; position: relative; }
.top_wrap .logo img{ height: 27px; position: absolute; left: 0; top: 26px;  }
.top_wrap .logo .logo1{ opacity: 1; filter: alpha(opacity=100)}
.top_wrap .logo .logo2{ opacity: 0; filter: alpha(opacity=0)  }

.nav_link{ float: left; height: 100%; line-height: 80px; }
.nav_link li { padding: 0 22px; height: 80px; float: left; list-style: none; transition: 0.5s; -webkit-transition:0.5s; }
.nav_link li a{ display: block; width: 100%; height: 100%; color: #303030; font-size: 20px; font-weight: normal; }
.nav_link li:hover{ background: #292929  }
.login_b{ height: 80px; line-height: 80px; }
.login_b .nav_div{ padding: 0 10px; height: 80px; min-width: 130px; font-size: 16px; color:#303030; cursor: pointer; position: relative;  }
.login_b .nav_div:hover{background: #292929  }
.login_b .nav_div .img{ width:22px; height: 22px; float: left; position: relative; margin: 29px 10px 0 0  }
.login_b .nav_div .img img{ width: 22px; position: absolute; left: 0; top: 0 }
.login_b .nav_div .img .img2{ opacity: 0; filter: alpha(opacity=0) }
.login_b .nav_div .img .img1{ opacity: 1; filter: alpha(opacity=100) }

.login_b .nav_div .arr{ width: 10px; height: 5px; position: relative; float: right; margin: 37px 0 0 10px;  }
.login_b .nav_div .arr img{ width: 10px; position: absolute; left: 0; top: 0; }
.login_b .nav_div .arr .img2{ opacity: 0; filter: alpha(opacity=0) }
.login_b .nav_div .arr .img1{ opacity: 1; filter: alpha(opacity=100) }


.top_wrap_active{ background: #333333; }
.top_wrap_active .logo .logo1{ opacity: 0; filter: alpha(opacity=0)}
.top_wrap_active .logo .logo2{opacity: 1; filter: alpha(opacity=100)   }
.top_wrap_active .nav_link li a{ color: #fff }
.top_wrap_active .nav_link li a:hover{ color: #00A1E9 }
.top_wrap_active .login_b .nav_div .img .img2{  opacity: 1; filter: alpha(opacity=100)}
.top_wrap_active .login_b .nav_div .img .img1{ opacity: 0; filter: alpha(opacity=0) }
.top_wrap_active .login_b .nav_div .arr .img2{ opacity: 1; filter: alpha(opacity=100) }
.top_wrap_active .login_b .nav_div .arr .img1{ opacity: 0; filter: alpha(opacity=0) }
.top_wrap_active .login_b .nav_div{ color: #fff }
.top_wrap_active .link_active{ background: #292929  }

.login_b .nav_div:hover .nav_div_down{ display: block; }
.nav_div_down{ width: 290px; position: absolute; right: 0; top: 80px; background: #292929;  z-index: 100; display: none; }

.nav_div_down .have_login{ padding: 10px 0; padding-left: 40px;}
.nav_div_down .have_login a{ display: block; height:24px; margin: 10px 0; line-height:24px;  color: #999999 }
.nav_div_down .have_login a:hover{ color: #fff }
.nav_div_down .have_login a img{ height: 14px; margin-right: 10px; }

.nav_div_down .no_login{ padding: 10px 20px; line-height: 44px; padding-bottom: 20px; }
.nav_div_down .no_login .input_div{ height: 36px; line-height: 36px; width: 250px; margin-top: 10px; }
.nav_div_down .no_login .input_div .icon{ float: left; margin-right: -40px; margin-left: 10px; position: relative; z-index: 30; margin-top: 5px; }
.nav_div_down .no_login .input_div input{ border: 1px solid #999; border-radius: 10px; height: 36px; line-height: 18px; padding: 9px 0 9px 40px; width: 250px; background: #3F3F3F; float: left; }
.nav_div_down .no_login .input_div .input_focus{ border: 1px solid #03A0E5; transition: 0.3s; -webkit-transition: 0.3s; }
.nav_div_down .no_login .input_div .input_error{border: 1px solid #FF3300}
.nav_div_down .no_login label{ color: #999; font-size: 14px; line-height: 20px; cursor: pointer; margin-top: 10px; text-decoration: underline; }
.nav_div_down .no_login label input{ width: 0; height: 0; opacity: 0; }
.nav_div_down .no_login label b{ display: block; width: 14px; height: 14px; background: url(../img/icon_19.png); float: left; margin: 3px 10px 0 0 }
.nav_div_down .no_login label .active{ background: url(../img/icon_18.png); }
.nav_div_down .no_login label a{ color: #fff }
.sub_btn{ width: 100%; height:40px; line-height:40px; padding: 0; margin: 10px 0; background: #fff; border: none; border-radius: 10px; font-size: 16px; color: #333 }
.no_login p{ color: #9A9A9A; text-align: center; line-height: 20px; }
.no_login .link{ display: block; width: 100%; text-align: center; height: 36px; line-height: 34px; border: 1px solid #9A9A9A; border-radius: 10px; color: #9A9A9A;  margin-top: 10px; }
.no_login .link img{ margin-right: 5px; }
.no_login .link:hover{ color: #fff; border: 1px solid #fff }

.nav_div_down .no_login .tosign{ line-height: 24px; }
.nav_div_down .no_login .tosign a{ color: #999; text-decoration: underline; font-size: 14px; }
.nav_div_down .no_login .tosign a:hover{ color: #fff }
.nav_div_down .login_div label:hover{ color: #fff }
.nav_div_down .foget_div .tip{ line-height: 16px; text-decoration: none }
.nav_div_down .foget_div .foget_link{ line-height: 20px; }
.nav_div_down .foget_div .foget_link a{ color: #999; text-decoration: underline; font-size: 14px; }
.nav_div_down .foget_div .foget_link a:hover{ color: #fff }

.nav_link_down{line-height: 40px; padding: 12px; background: #111111; position: absolute; width: 100%; left: 0; top: 80px; z-index: 100; display: none }
.nav_link_down ul{ padding-left: 235px; display: none }
.nav_link_down ul li{ float: left; height: 40px; padding: 0 15px; margin-right: 10px; list-style: none  }
.nav_link_down ul li a{ color: #fff; display: block; height: 30px; line-height: 30px; font-size: 16px; transition: 0.5s; -webkit-transition:0.5s; margin: 5px; border-bottom: 1px solid #111111 }
.nav_link_down ul li a:hover{ color: #00A1E9; border-bottom: 1px solid #00A1E9; }

/*首页*/
.more_tt{ height: 60px; line-height: 60px; font-size: 33px; color: #333; font-weight: lighter; }
.more_tt a{ color: #333333; font-size: 16px; }
.more_tt a:hover{ color: #008BCB }
.pro_div .left{ width: 710px; background: #fff; border-radius: 10px; border-bottom: 1px solid #ddd; position: relative; height: 713px; overflow: hidden; }
.pro_div .right{ width: 470px; background: #fff; border-radius: 10px; border-bottom: 1px solid #ddd; position: relative; height: 713px; overflow: hidden;  }
.pro_div .box {background: #000;} 
.pro_div .box a img{ width: 100%; transition: 0.8s; -webkit-transition:0.8s;border-radius: 10px; }
.pro_div .box a img:hover{ opacity: 0.8; transform: scale(1.01); -webkit-transform: scale(1.01); }
.pro_div .box .tip{ height: 30px; line-height: 30px; background: #000; background: rgba(0,0,0,0.7); color: #fff; font-size: 12px; padding: 0 10px; position: absolute; left: 0; top: 20px; z-index: 50 }

.pro_box .left{ height:714px; width: 470px;}
.pro_box .right{ height: 714px; width: 710px; }
.pro_box .box{ background: #000; border-radius: 10px; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; display: block;}
.pro_box .box img{ width: 100%;transition: 0.8s; -webkit-transition:0.8s; border-radius: 10px; }
.pro_box .box img:hover{ opacity: 0.8; transform: scale(1.02); -webkit-transform: scale(1.02); }
.pro_box .box a{ display: block; }
.pro_box .box .tip{ height: 30px; line-height: 30px; background: #000; background: rgba(0,0,0,0.7); color: #fff; font-size: 12px; padding: 0 10px; position: absolute; left: 0; top: 20px; z-index: 50 }
.pro_box .left .box{ width: 100%; }
.pro_box .box:hover .details{ right: 0px;  }
.pro_box .box .details{ width: 230px; height: 100%; font-size: 12px; padding: 0 25px; color: #fff; line-height: 20px; background: #01A1E9; position: absolute; right: -240px; top: 0; border-radius: 10px; }
.pro_box .box .details a{ display: block; width: 120px; height: 36px; color: #fff; border-radius: 5px; border: 2px solid #fff; text-align: center; line-height: 32px; font-size: 14px; margin: 0px auto; margin-top: 20px;  }
.pro_box .box .details a:hover{animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation: pro_link 0.5s linear 0s;
	-webkit-animation: pro_link 0.5s linear 0s;}

@keyframes pro_link {
	0% {
		-webkit-filter: blur(3px);
		/* Chrome, Opera */
		-moz-filter: blur(3px);
		-ms-filter: blur(3px);
		filter: blur(3px);
		opacity: 0.5
	}
	55% {
		-webkit-filter: blur(1px);
		/* Chrome, Opera */
		-moz-filter: blur(1px);
		-ms-filter: blur(1px);
		filter: blur(1px);
		opacity: 0.7
	}
	100% {
		-webkit-filter: blur(0px);
		/* Chrome, Opera */
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
		opacity: 1
	}
}
.pro_box .box .details .text{ position: relative; }

.pro_box .right .box1{ width: 230px; float: left; margin-right: 10px; }
body .pro_box .right .box2{ width: 470px; float: left; }
body .pro_box .right .box3{ width: 710px; float: left; }

/*底部 */
.footer{ background: #222222;  }
.footer .foot{ background: #111111; color: #333333; height: 60px; line-height: 60px; }
.footer .foot .lang{ color: #999999; height: 100%; float: right;  cursor: pointer; }
.footer .foot .lang:hover{ color: #fff}
.footer .foot .lang:hover img{ opacity: 0.8 }
.footer .foot .lang img{ margin-right: 10px; height: 25px; }
.footer .foot_link{ padding: 40px 0; }
.footer .foot_link .box{ width: 240px; margin-right: 76px; }
.footer .foot_link .m_r_none{ margin-right: 0 }
.footer .foot_link .box .tt{ font-size: 22px; color: #FFFFFF; margin-bottom: 10px; }
.footer .foot_link .box p{ line-height: 32px; }
.footer .foot_link .box p a{ color: #999; transition: 0.3s; -webkit-transition:0.3s; }
.footer .foot_link .box p a:hover{ color: #fff }
.footer .foot_link .share a img{ margin-right: 5px; margin-top: 10px; }


.lang-div{ width: 780px; height: 370px; display: none; background: #292929;  transform: scale(0); -webkit-transform: scale(0);border-radius: 10px; color: #999; padding: 40px; position: fixed; left: 50%; margin-left: -390px; top: 50%; margin-top: -185px; z-index: 300;}
.lang-div-show{ transform: scale(1); -webkit-transform: scale(1); }
.lang-div .box{ width: 230px; float: left; }
.lang-div .box .tt{ font-size: 16px; margin-bottom: 10px; }
.lang-div .box p{ line-height: 46px; }
.lang-div .box p a{ color: #999; transition: 0.3s; }
.lang-div .box p a:hover{ color: #fff }
.lang-div .box p img{ margin-right: 10px; height: 25px; }
.lang-div .close{ display: block; width:16px; height: 16px; position: absolute; right: 20px; top: 20px;   }
.lang-div .close:hover{ opacity: 0.8 }

.mark{ width: 100%; display: none; height: 100%; position: fixed; left: 0; top: 0; z-index: 250; background: #000; background: rgba(0,0,0,0.7);}
.gotop{  display: block; width: 58px; height: 58px; z-index: 150; position:fixed; right: 50px; bottom: 100px;  }
.gotop:hover{ animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation: pro_link 0.5s linear 0s;
	-webkit-animation: pro_link 0.5s linear 0s; }





/*产品列表 s*/
.pro_list .box{ width: 275px; height: 412px; background: #fff; margin-bottom: 30px; border-radius: 10px; border-bottom: 1px solid #ddd; float: left; margin-right: 30px; }
.pro_list .last{ margin-right: 0 }
.pro_list .box .img{ display: block; width: 275px; height: 275px;  display: table-cell; overflow: hidden;
 vertical-align:middle;

 /*设置水平居中*/

 text-align:center;

 /* 针对IE的Hack */

 *display: block;

 *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/border-radius: 10px 10px 0 0;}

.pro_list .box .img img{ width: 100%; vertical-align:middle; transition: 0.8s; -webkit-transition: 0.8s}
.pro_list .box .img img:hover{ transform: scale(1.03); -webkit-transform: scale(1.03); }
.pro_list .box .text{ color: #999999; font-size: 12px; line-height: 20px; }
.pro_list .box .tt{ font-size: 18px; color: #333333; line-height: 30px; text-align: center; }
.pro_list .box .color{ text-align: center; height: 20px; line-height: 0; }
.pro_list .box .color a{ padding: 10px; line-height: 0;margin: 0 5px; border-radius: 20px; font-size: 0;border: 1px solid #D4D4D4;}
.pro_list .box .color a.active{padding:8px;border:2px solid #ccc;}
.list_nav{ width: 200px; position: absolute; top:80px; right: -230px; }
.list_nav a{ display: block; padding-left: 5px; height: 16px; line-height: 16px; transition: 0.5s; -webkit-transition: 0.5s; color: #999999; margin-bottom: 10px; border-left: 2px solid #F2F2F2 }
.list_nav a:hover,.list_nav .active{ border-left: 2px solid #00A1E9; color: #00A1E9 }



/*产品详情 */
.pro_details .left_div{ width: 590px; }

.pro_details .left_div .big_img{ width: 490px; height: 490px; position: relative; border-bottom: 2px solid #ddd; background: #fff; border-radius: 10px; }
.pro_details .left_div .big_img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 10px; opacity: 0; filter: alpha(opacity=0);transition: 0.3s; -webkit-transition:0.3s; }
.pro_details .left_div .big_img .active{ opacity: 1; filter: alpha(opacity=100)}
.pro_details .left_div .s_img{ width: 90px; height: 490px; margin-left:10px; }
.pro_details .left_div .s_img .btns_div{ height: 448px; overflow: hidden;  }
.pro_details .left_div .s_img .btn_c{position: relative; top: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.pro_details .left_div .s_img .btns{ width: 78px; height: 78px;  overflow: hidden; border-radius: 10px; margin:10px 0;margin-left: 5px;border: 1px solid #ddd; background: #f5f5f5 }
.pro_details .left_div .s_img .btns img{ width: 100%; height: 100%; cursor: pointer; transition: 0.3s;  border-radius: 10px; -webkit-transition:0.3s; opacity: 0.8; filter: alpha(opacity=80);}
.pro_details .left_div .s_img .btns:hover,.pro_details .left_div .s_img .active{ border: 1px solid #00A1E9; }
.pro_details .left_div .s_img .btns:hover img,.pro_details .left_div .s_img .active img{ opacity: 1; filter: alpha(opacity=100);  }
.pro_details .left_div .s_img .over_btn{ display: block; width: 100%; height: 20px; border-radius: 5px; }
.pro_details .left_div .s_img .js_top_over{ background: url('../img/top_over.png');  }
.pro_details .left_div .s_img .js_down_over{ background: url('../img/down_over.png');  }
.pro_details .left_div .s_img .over_btn_dis{ opacity: 0.5; filter: alpha(opacity=50) }

.video_div{ display: block; position: relative; border-radius: 10px; overflow: hidden; }
.video_div .img{ width: 100%; }
.video_div .icon{ width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 50; transition: 0.3s;  -webkit-transition: 0.3s  }
.video_div:hover .icon{ opacity: 0.8; filter: alpha(opacity=80); }
.play_video {
    width: 800px;
    height: 600px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -1200px;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 10px;
    z-index: 1000000;
    transition: all ease 0.5s;
    overflow: hidden;
}

.play_video .video_tip {
    text-align: center;
    line-height: 600px;
}
.pro_details .left_div .you_like{ margin: 0 -5px; }
.pro_details .left_div .you_like .box{ width: 190px; margin: 0 5px 10px 5px; float: left; text-align: center; font-size: 18px; color: #333333; line-height: 36px; }
.pro_details .left_div .you_like .box a{ display: block; width: 190px; height: 190px; border-radius: 10px; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; top: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.pro_details .left_div .you_like .box a img{ width: 100%;  }
.pro_details .left_div .you_like .box a:hover{ top: -5px; }
.pro_details .right_div{ width: 570px; float: right; }
.pro_details .right_div .info{ background: #fff; border-radius: 10px; border-bottom: 1px solid #ddd; padding: 15px 20px; padding-bottom: 25px; }
.pro_details .right_div .info .name{ font-size: 36px; line-height: 42px }
.pro_details .right_div .info .color{ height: 20px; line-height: 20px; }
.pro_details .right_div .info .color a{padding: 10px; line-height: 0; border: 1px solid #D4D4D4; margin: 0 5px; border-radius: 20px; font-size: 0; position: relative; top: -5px  }
.pro_details .right_div .info .color a.active{padding:8px;border:3px solid #ccc;}
.pro_details .right_div .info .link a{ color: #fff; font-size: 16px; padding: 10px 30px; border-radius: 10px; background: #00A1E9; margin-right: 10px;  }


.down_nav .list{ height: 60px; overflow: hidden; padding: 0 20px;background: #fff; border-radius: 10px;  border-bottom: 1px solid #ddd; margin-bottom: 10px;  }
.down_nav .list .tt{ height: 60px; line-height: 60px; color: #333; font-size: 16px; cursor: pointer; }
.down_nav .list .tt img{ margin-top: 24px;transition: 0.3s; -webkit-transition: 0.3s }
.down_nav .list .content{ border-top: 1px solid #eee; padding: 20px 0; color: #999; font-size: 14px; line-height: 24px; }


.down_nav .list .content .answer{ margin-bottom: 10px; }
.down_nav .list .content .title{ color: #333; margin-bottom: 0px; }

.down_nav .list_active{ height: auto; }
.down_nav .list_active .tt img{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

.down_nav .list .tip{ color: #333;  padding-bottom: 20px; margin-top: -15px;}
.down_nav .list .tip a{ color: #00A1E9; text-decoration: underline; }


/*帮助中心 s*/
.help_nav{ height: 80px; line-height: 80px; }
.help_nav a{ display: block; width: 20%; height: 80px; float: left; color:#FFFFFF; font-size:18px; text-align: center; transition: 0.3s; -webkit-transition:0.3s; }
.help_nav .active,.help_nav a:hover{ background: #00A1E9 }
.help_nav a img{ margin-right: 10px; position: relative; top: -2px; }


.my_box{ background: #fff; border-radius: 10px; border-bottom: 1px solid #ddd; position: relative; }
.down_list{ margin: 0 -15px; }
.down_list .box{ width: 275px; height: 320px; overflow: hidden; margin: 0 15px 30px 15px; text-align: center; line-height: 46px; }
.down_list .box img{ height: 275px;  }
.down_list .box .r_link{ position: absolute; left: 275px; top: 0; padding: 80px 20px 0 20px; width: 100%; height: 100%; background: rgba(0,161,233,0.8); border-radius: 10px; z-index: 10; }
.down_list .box .r_link a{ display: block; height: 44px; line-height: 42px; border: 1px solid #fff; color: #fff; margin-bottom: 10px; border-radius: 5px;transition:0.3s;}
.down_list .box .r_link a:hover{background:#fff;color:#00A1E9;}

.down_list .box:hover .r_link{ left: 0; }

.warra_text{ font-size: 14px; color: #999; line-height: 24px; padding: 20px; }
.warra_text a{ color: #00A1E9; text-decoration: underline; }
.warra_text .img{ padding: 10px 0; margin: 0 -15px; margin-bottom: -15px; }
.warra_text .img img{ height:80px; margin: 0 10px 10px 0  }


.faq_div .left{ width: 377px; float: left;}
.faq_div .center{ width: 377px; float: left;margin: 0 28px; }
.faq_div .right{ width: 377px; float: left; margin-right: 0}

.faq_div .box{ width: 100%; padding-bottom: 15px; margin-bottom: 30px; }
.faq_div .box .img img{ height: 275px; margin: 10px 0; }
.faq_div .box .text{ padding: 10px 20px; word-break: break-word; }
.faq_div .box .tt{ font-size: 18px; color: #333; line-height: 40px; }


.sub_q{ border-bottom: 2px solid #ddd; padding: 10px 20px;}
.sub_q .box { float: left; width: 33.3%; }
.sub_q .tt{ font-size: 16px; color: #333333; line-height: 30px; }
.sub_q .box .input_div{ margin-bottom: 10px; }
.sub_q .box .input_div input{ width: 360px; height: 40px;background: #F7F7F7;  border: 1px solid #ccc; border-radius: 10px; font-size: 16px; padding: 8px 0 8px 10px; }
.sub_q .box .input_div .input_focus{ border: 1px solid #00A5ED }
.sub_q .box .input_div .input_error{border: 1px solid #FF3300}
.sub_q .box label{ cursor: pointer }
.sub_q .box label b{ display: block; float: left; width: 14px; height: 14px; background:url(../img/icon_23.png); margin: 3px 5px 0 0 }
.sub_q .box label .active{ background:url(../img/icon_22.png); }
.sub_q .box label b input[type="radio"]{ width: 0; height: 0; opacity: 0 }
.sele_div{  width: 360px;  }
.sele_div .sele{ cursor: pointer; line-height: 38px; height:39px;background: #F7F7F7; position: relative;  border-radius: 10px; border: 1px solid #ccc; padding:0 10px;font-size: 16px; color: #999 }
.sele_div .sele span{ display: inline-block; height: 38px; }
.sele_div .sele .arr{ margin-top: 18px; }
.sele_div .sele div{ padding: 0px 20px; height: 0; overflow: hidden; border-top: 1px solid #fff; }
.sele_div .sele div a{ color: #666; line-height: 30px; display: block; }
.sele_div .sele_active{ height: auto;border: 1px solid #00A5ED  }
.sele_div .sele_active div{ height: auto; border-top: 1px solid #ccc; }
.sele_div .sele_active .arr{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.select_box{ width: 360px; height: 40px; position: relative; }
.select_box .sele_div{ width: 100%; left: 0; position: absolute; }
body .select_box .sele_div .sele_active{ border: 1px solid #00A5ED }

.sub_q textarea{ width: 1126px; border-radius: 10px; border: 1px solid #ccc; padding: 15px; line-height: 24px; color: #666; height: 100px; outline: none; margin-top: 10px; }
.sub_q .input_focus{ border: 1px solid #00A5ED }
.sub_q .input_error{border: 1px solid #FF3300}
.sub_q .sub_btn{ background: #00A1E9; color: #fff;  width: 200px; }


/*关于我们 */
.about_div{ padding: 20px; line-height: 24px; }

/*激活 */
.activate_d{ padding:100px 20px; text-align: center; line-height: 24px;  }
.activate_d .sub_btn{ display: block; background: #00A1E9; color: #fff; width: 200px; margin: 20px auto; transition: 0.3s}
.activate_d .tt{ font-size: 34px; color: #333333; padding-bottom: 30px; }
.activate_d p a{ color: #00A1E9}
.activate_d .disable{ background: #ddd; }
/*通讯*/
.newsletters .left{ width: 300px; border-right: 1px solid #eee; padding: 40px;  }
.newsletters .right{ width: 810px; margin-right: 40px; padding: 40px 0 }
.newsletters .right .input_div{ margin-bottom: 10px; }
.newsletters .right .input_div input{     width: 360px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    padding: 8px 0 8px 10px; }
.newsletters .right .input_div .input_focus{ border: 1px solid #00A5ED } 
.newsletters .right .input_div .input_error{border: 1px solid #FF3300}
 .newsletters .right .tt{ width: 124px; line-height: 45px }
  .newsletters .right label{ cursor: pointer; }
 .newsletters .right label b{ display: block; float: left; width: 14px; height: 14px; background:url(../img/icon_23.png); margin: 3px 5px 0 0 }
 .newsletters .right label .active{ background:url(../img/icon_22.png); }
  .newsletters .right label a{ color:#00A1E9; text-decoration: underline;  }
  .newsletters .right .form_d{ width: 670px; }
  .sub_btn_color{ color: #fff; background: #00A1E9; width: 200px; }
  .sub_btn_color.disabled{background:#ccc}
  .newsletters .right .border_t{ border-top: 1px solid #ddd }


  /*退换货 */


.up_img{ padding: 10px 0;  }
.up_img .up_btns{ position: relative; width: 206px; height: 155px;cursor: pointer; overflow: hidden;  border: 1px solid #00A1E9; border-radius: 10px; float: left; margin: 0px 20px 0 0; text-align: center; font-size: 16px; color: #999; background: url(../img/up_bg.jpg); }
.up_img .up_btns .tip{ position: absolute; bottom: 25px; width: 100%; color: #00A1E9  }
.up_img .up_btns .up_icon{ margin: 15px 0 }
.up_img .up_btns .dele{ width: 51px; height: 51px; position: absolute; right: -15px; top: -25px; cursor: pointer ; }


.up_btn .html5_img .cnsr-button{
    background:url(../img/up_btn_bg.png);
}
.up_btn  .html5_img.upload-area{ width: 138px; height: 138px; }
body .upload-pre-item{ overflow: hidden; }
.up_btn .delThis{
    width: 30px;
    height: 30px;
    top: 8px;
    right: 8px;
    background: url(../img/dele_btn.png) no-repeat center center;
    background-size: 30px 30px;
    cursor: pointer;
}


.com_right .up_img .html5_img .cnsr-button{
    background:url(../img/up_btn_bg2.png);
}
.com_right .up_img  .html5_img.upload-area{ width: 158px; height: 158px; }
.com_right .up_img .upload-pre-item{ border: none; width: 100%; height: 100%; z-index: 200; background:none; }
.com_right .up_img .upload-pre-item img{ margin-top: 10px; }
.com_right .up_img .delThis{
    width: 30px;
    height: 30px;
    top: 8px;
    right: 8px;
    background: url(../img/dele_btn.png) no-repeat center center;
    background-size: 30px 30px;
}



/*联系我们 */
.contact{ padding: 40px 0;  }
.contact .box{ width: 50%; padding: 0 40px; min-height: 210px;}
.contact .box .tt img{ margin-right: 10px; position: relative; top: -2px; }
.contact .email_tt{ font-size: 34px; color:#00A1E9  }
.border_l{ border-left: 1px solid #eee }

/*个人中心*/
.user_div .left{ width: 300px; }
.user_div .right{ width: 890px; padding: 40px 0 0 120px; min-height: 270px}
.user_div .left ul{ padding: 40px; }
.user_div .left ul li{ height: 24px; line-height: 24px; margin-bottom: 24px; }
.user_div .left ul li a{ color: #999999; font-size: 14px; transition: 0.5s; -webkit-transition: 0.5s;}
.user_div .left ul li b{ display: block; width: 24px; height: 24px; position: relative; float: left; margin-right: 10px; }
.user_div .left ul li b img{ width:22px; height: 22px; position: absolute; left: 1px; top: 1px; transition: 0.5s; -webkit-transition: 0.5s;  }
.user_div .left ul li b .img1{ opacity: 0; filter:alpha(opacity=0); }
.user_div .left ul li b .img2{ opacity: 1; filter:alpha(opacity=100); }
.user_div .left ul .active b .img1,.user_div .left ul li:hover b .img1{ opacity: 1; filter:alpha(opacity=100); }
.user_div .left ul .active b .img2,.user_div .left ul li:hover b .img2{ opacity: 0; filter:alpha(opacity=0);}
.user_div .left ul .active a,.user_div .left ul li:hover a{ color: #00A1E9 }

.user_div .right .userinfo .box .tt{ width: 270px; }
.user_div .right .userinfo .box .info{ width: 400px; float: left; }
.user_div .right .userinfo .box{ height: 40px; line-height: 40px; margin-bottom: 10px; }
.user_div .right .sub_btn{  text-align: center; margin: 30px 0 20px 80px  }
.user_div .right .cancel{ background: #D5D5D5; }
.user_div .right .input_div input{    width: 360px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    padding: 8px 0 8px 10px;  }
.user_div .right .input_div .input_focus{ border: 1px solid #00A5ED }
.user_div .right .input_div .input_error{ border: 1px solid #FF3300 }
.user_div .right .userinfo_c .box{ position: relative; }
.user_div .right .userinfo_c .box .sele_div { position: absolute; top: 0; left: 130px; }
.user_div .right .userinfo_c .box .tt{ width: 130px; }
.user_div .right .userinfo_c .box .info{ width: 600px; }
.sele_div .sele_active div{ max-height: 150px; overflow: auto }

.user_div .right .birth .select_box{ width: 116px; height: 40px; margin-right: 5px; float: left; position: relative; }
.user_div .right .birth .select_box .sele_div{ width: 100%; left: 0 }
.user_div .right .no_tip{ font-size: 22px; color: #999999; line-height: 132px; text-align: center; display: none; }

/*心愿单*/
.wish_list{ width: 650px; }
.wish_list .list{ height: 150px; overflow: hidden; border: 1px solid #eee; border-radius: 10px; margin-bottom: 10px; transition: 0.3s; -webkit-transition: 0.3s; position: relative; left: 0; }
body .wish_list .remove{ transform: scale(0.2); -webkit-transform: scale(0.2); opacity: 0;  left: -400px;}
.wish_list .list .img{ width: 150px; height: 150px; }
.wish_list .list .img img{ height: 150px; width: 150px; }
.wish_list .list .info{ width: 470px; float: left; height: 150px; padding-top: 46px; padding-left: 20px; }
.wish_list .list .info .color a{padding: 10px;
    line-height: 0;
    border: 1px solid #D4D4D4;
    margin: 0 5px;
    border-radius: 20px;
    font-size: 0;
    position: relative;
    top: -5px; }
.wish_list .list .info .box{ width: 50%; float: left; }
.wish_list .list .info .box .sub_btn{ display: block; margin: 0; margin-left: 26px; }
.wish_list .list .info .box .sub_btn:hover{ color: #fff }
.wish_list .list .info .box .dele_link{ text-decoration: underline; }
.wish_list .list .info .box .dele_link:hover{ color: #00A1E9 }



/*优惠券 */
.wish_list .list_box{ height: 100px; border-radius: 10px; line-height: 100px; border:1px solid #eee; margin-bottom: 10px; }
.wish_list .list_box .left_d{ width: 230px; padding-left: 20px; }
.wish_list .list_box .center_d{ width: 170px; text-align: left; }
.wish_list .list_box .right_d{ width: 240px; text-align: left; }
.wish_list .list_box .right_d .sub_btn{ display: block; margin: 0 auto; margin-top: 30px; }
.wish_list .list_box .right_d .sub_btn:hover{ color: #fff; }

.sub_btn_a{ width: 150px; height: 44px; background: #00A1E9; margin: 15px auto; display: block; color: #fff; text-align: center; line-height: 44px; }
.sub_btn_a:hover{ color: #fff; }
.html5_img.upload-area, .html5_img .cnsr-button,.html5_img.upload-pre-item .cnsr-button{border-radius:10px;}


.loading{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    display: none;
    margin-top: -30px;
}
.loading{
    margin:  0 10px;
}