@charset "utf-8";

/*!
 * author: niqilin
 * www.niqilin.com
 * date: 2021-07-01
 **/

/*全局样式
-------------------------------------------------------------------------------------------*/
body{ font:14px/1.5 "Microsoft Yahei",PingFang SC,"Helvetica Neue",Helvetica,Arial,Roboto,sans-serif;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased; }
a,b,body,blockquote,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,li,ol,p,pre,span,u,ul,input,button,select,textarea{ margin:0; padding:0; border:0; }
a{ color:#333;text-decoration:none;outline:none; }
a:hover{ color:#0053b3;}
ol,ul,li,dl,dd{ list-style:none; }
img{ vertical-align: middle;-ms-interpolation-mode:bicubic; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea{resize: none;font-family:"Microsoft Yahei",PingFang SC,"Helvetica Neue",Helvetica,Arial,Roboto,sans-serif;}
input:focus,textarea:focus{ outline:none;border:1px solid #0053b3; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }

.fl{ float:left; }
.fr{ float:right; }

/*iconfont*/
@font-face {
  font-family: 'iconfont';
  src: url('icon/iconfont.woff2?t=1635299522009') format('woff2'),
       url('icon/iconfont.woff?t=1635299522009') format('woff'),
       url('icon/iconfont.ttf?t=1635299522009') format('truetype');
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;line-height:1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.red{color:#ff0505;}

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }

/*按钮样式*/
.btna{position:relative;display:block;height:48px;width:178px;line-height:48px;font-size:16px;color:#0053b3;text-align:center;cursor:pointer;border:1px solid #0053b3;z-index:333;overflow:hidden;}
.btna:hover{color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btna:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #0053b3;z-index:-1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btna:hover:before{width:100%;}

.btna-w{color:#fff;border:1px solid #fff;}
.btna-w:hover{color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btna-w:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #fff;z-index:-1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btna-w:hover:before{width:100%;}

.btna-b{color:#fff;background-color:#0053b3;}
.btna-b:hover{background-color:#0073e5;}
.btna-b:hover:before{width:0;}

/*页面布局
--------------------------------------------------------------------------------------------*/
.container{ position:relative; margin:0 auto; width:1200px; }
.section{ position:relative; margin:0 auto; width:1160px; min-width:925px; max-width:1160px; }
.wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; overflow:hidden; }
.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrap-box{ width:1160px; }
.left-925{ position:relative; float:left; margin:0; padding:0; width:925px; }
.left-705{ position:relative; float:left; margin:0; padding:0; width:705px; }
.left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; }
.left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; }
.left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; }
.left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; }
.left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; }
.right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; }
.right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; }
.bg-wrap{ margin:0; padding:0; background:#fff; }
.bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.bg-wrap.nobg{ background:none; }
.pad-15{ position:relative; padding:15px; }

/*面包屑导航*/
.crumb{ padding:5px 0; width:100%; height:40px; line-height:40px; font-size:12px; color:#666; }
.crumb a{ margin:0 5px; color:#666; }
.crumb a:hover{color:#0053b3;}

/*标题样式
--------------------------------------------------------------------------------------------*/
/*模块标题-首页*/
.module-tit {margin:30px auto;}
.module-tit h2{margin-bottom:10px;font-size:60px;line-height:1;color:#e8e8e8;font-family:Arial;}
.module-tit h3{font-size:36px;line-height:1;color:#0053b3;font-family:"Source Han Sans CN","Microsoft Yahei","PingFang SC";}

/*导航标题-二级页面*/
.tabs-nav{height:60px;line-height:60px;}
.tabs-nav h2{float:left;font-size:20px;font-weight:normal;}
.tabs-nav h2 a{color:#0053b3;}
.tabs-nav h2 a:hover{color:#0073e5;}
.tabs-nav p{display:block;float:right;}
.tabs-nav p a{margin-left:10px;}

/*导航栏-列表页*/
.nav-bar{ margin:10px auto 30px;}
.nav-bar ul{text-align:center;}
.nav-bar ul li{display:inline-block;margin:0 5px;background:#f7f7f7;}
.nav-bar ul li a{display:block;height:50px;width:180px;line-height:50px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.nav-bar ul li a:hover{color:#fff;background-color:#0053b3;}
.nav-bar ul li.active a{background-color:#0053b3;}
.nav-bar ul li.active a{color:#fff;}

/*单元标题-评论模块等*/
.unit-tit{ border-bottom:1px solid #d6d6d6; color:#0053b3; line-height:1; font-size:16px; font-weight:normal; }
.unit-tit span{ padding-bottom:10px;position:relative; top:1px; display:inline-block; border-bottom:1px solid #0053b3; }
.unit-tit strong{ float:right; padding-top:5px;color:#666; font-size:12px; font-weight:normal; }
.unit-tit em{color:#0053b3;font-style:normal;}

/*内容标题*/
.cont-tit h2{margin-bottom:8px;font-size:36px;font-weight:normal;line-height:1;color:#e8e8e8;font-family:Arial}
.cont-tit h3{margin-bottom:15px;font-size:26px;font-weight:normal;line-height:1;color:#0053b3;}
.cont-tit i{display:block;height:2px;width:50px;background:#0053b3;}

.cont-tit2{margin-top:30px;text-align:center;}
.cont-tit2 i{margin:0 auto;}

/*详情页标题*/
.detail-tit{padding:30px 0;text-align:center;}
.detail-tit h2{margin-bottom:15px;font-size:26px;font-weight:normal;line-height:1;}
.detail-tit .line{margin:0 auto;height:3px;width:50px;background:#0073e5;}
.detail-tit p{margin:10px auto 0;width:60%;font-size:16px;color:#666;}

/*共用页面
--------------------------------------------------------------------------------------------*/
/*顶部样式*/
#header {position: fixed;top:0;left:0;width: 100%;line-height: 80px;z-index:999;border-bottom: 1px solid transparent;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .header-wrap{margin:0 auto;width:1200px;}
#header a{color:#fff;}
#header.header-show {color: #333;background: #fff;border-bottom: 1px solid #ddd;box-shadow:0 1px 5px rgba(0,0,0,0.2);}
#header.header-show li>a {color: #333;}
#header.header-show .header-logo a img:nth-child(2){display: inline-block;}
#header.header-show .header-search input{color:#333;border: 1px solid #666;}
#header.header-show .header-search input::-webkit-input-placeholder{ color:#333; } input:-moz-placeholder{ color:#333; } input::-moz-placeholder{ color:#333; } input:-ms-input-placeholder{ color:#333; }
#header.header-show .header-search i{color:#333;}
#header.header-show .header-user .header-user-icon{color:#333;}
#header.header-show .header-tel a{color:#0053b3;}
#header.header-hide{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);border:none;box-shadow:none;}

#header.header-active {color: #333;background: #fff;border-bottom: 1px solid #ddd;box-shadow:none;}
#header.header-active li>a {color: #333;}
#header.header-active .header-logo a img:nth-child(1){display: none;}
#header.header-active .header-logo a img:nth-child(2){display: inline-block;}
#header.header-active .header-search input{color:#333;border: 1px solid #666;}
#header.header-active .header-search input::-webkit-input-placeholder{ color:#333; } input:-moz-placeholder{ color:#333; } input::-moz-placeholder{ color:#333; } input:-ms-input-placeholder{ color:#333; }
#header.header-active .header-search i{color:#333;}
#header.header-active .header-user .header-user-icon{color:#333;}
#header.header-active .header-tel a{color:#0053b3;}

#header .header-logo{float:left;position:relative;overflow:hidden;}
#header .header-logo a{display:block;}
#header .header-logo a img {height: 38px;line-height:80px;}
#header .header-logo a img:nth-child(2),#header.header-show .header-logo a img:nth-child(1){display: none;}
#header .header-logo:before {content: '';position: absolute;height: 100%;width: 60px;top: 0;left: 0;margin-left: -120px;overflow: hidden;z-index: 6;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg);}
#header .header-logo:hover:before{-webkit-animation:shine .6s ease-out forwards;-moz-animation:shine .6s ease-out forwards;-o-animation:shine .6s ease-out forwards;animation:shine .6s ease-out forwards;}
#header .header-nav {float:left;margin-left:100px;}
#header .header-nav>li{float:left;margin:0 10px;font-size:16px;line-height:80px;position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .header-nav>li>a{display:block;padding:0 5px;}
#header .header-nav>li>a:hover{color:#0053b3;}
#header .header-nav>li:before {content: "";position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;background: #0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .header-nav>li:hover:before {width: 100%;left: 0;right: 0;}
#header .header-nav .header-panel {display:none;position:fixed;top:100px;left:0;width:100%;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.2);}
#header .header-nav .header-panel .header-panel-img{position:absolute;top:0;left:0;height:100%;width:600px;-webkit-background-size: cover;background-size: cover;}
#header .header-nav .header-panel .header-panel-wrap {margin:0 auto;position:relative;width:90%;max-width:1200px;overflow:hidden;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-tit{position:absolute;top:50%;left:0;margin-top:-26px;width:200px;color:#fff;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-tit h2{margin-bottom:10px;font-size:26px;font-weight:normal;line-height:1;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-tit h3{font-size:16px;font-weight:normal;line-height:1;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item{margin:0 auto;padding:30px;width:670px;background-color:#fff;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul{border-right:1px solid #ddd;overflow:hidden;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li>a{display:block;position:relative;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li{position: relative;float: left;margin-right:3%;height:50px;line-height:50px;width:47%;font-size: 16px;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:before{content: "";position: absolute;left: 0;top: 0;height: 50px;width: 0;background: #f7f7f7;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li span{position: relative;padding-left:30px;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li i{position: relative;float: right;padding-right:30px;font-size:18px;line-height:50px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover:before{width: 100%;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover span,#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover i{color: #0053b3;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover i{-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}
#header .header-nav .header-panel .header-panel-wrap .header-panel-list{float:left;width:600px;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul{position:absolute;top:50%;left:0;margin-top:-115px;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li{margin-bottom:20px;line-height:normal;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li a{display:block;font-size:18px;line-height:30px;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li p{font-size:14px;color:#666;line-height:1.5;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li.active a{color:#0053b3;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-sublist{float:right;position:relative;width:600px;height:300px;padding:30px 0;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-sublist>ul>li{position:absolute;top:0;left:0;display:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-sublist>ul>li.active{display:block;}
#header .header-nav .header-panel .header-panel-wrap .header-panel-sublist>ul>li img{max-height:360px;}
#header .header-nav .header-panel .header-panel-wrap .slogan{position:absolute;top:50%;right:0;margin-top:-10px;width:270px;font-size:18px;line-height:20px;color:#0053b3;text-align:right;}



#header .header-search {float:left;position:relative;margin-left:15px;}
#header .header-search input{margin-top:25px;padding:0 35px 0 15px;height:28px;width:120px;color:#fff;line-height:28px;border-radius:28px;background-color:transparent;border:1px solid #fff;}
#header .header-search input::-webkit-input-placeholder{ font-size:12px;color: #fff; } input:-moz-placeholder{ font-size:12px;color: #fff; } input::-moz-placeholder{ font-size:12px;color: #fff; } input:-ms-input-placeholder{ font-size:12px;color: #fff; }
#header .header-search i{position:absolute;top:32px;right:15px;cursor:pointer;color:#fff;}
#header .header-tel {float:right;height:80px;}
#header .header-tel a{font-size:22px;}
#header .header-tel i{margin-top:26px;float:left;width:24px;font-size:26px;}
#header .header-tel em{margin-left:6px;font-style:normal;}
#header .header-tel a:hover i {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0,0,0);/*GPU加速，让网页动画更流畅*/
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden; /*当元素背部朝向屏幕时隐藏*/
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;/*透视值，值越小，3D效果越明显（远小近大）*/
}

.header-user{float:left;margin-left:20px;position:relative;}
.header-user .header-user-icon{display:block;padding:0 5px;height:80px;font-size:22px;line-height:80px;overflow:hidden;}

.header-user-popover{display:none;position:absolute;top:80px;left:50%;margin-left:-130px;width:260px;background:#fff;z-index:666;box-shadow: 0 3px 6px rgba(0,0,0,.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-user-popover.active{display:block;top:100px;}
.header-user-popover a{color:#333!important;}
.header-user-popover .header-avatar{position:absolute;top:-38px;left:50%;margin-left:-38px;height:74px;width:74px;border:1px solid #ddd;border-radius:50%;overflow:hidden;}
.header-user-popover .header-avatar img{display:block;height:100%;width:100%;}
.header-user-popover .header-info{padding-top:40px;}
.header-user-popover .header-username{padding:0 20px;font-size:16px;line-height:40px;text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.header-user-popover .header-username:hover{color:#0053b3;}
.header-user-popover .header-counts{padding-bottom:12px;border-bottom:1px solid #ddd;overflow:hidden;}
.header-user-popover .header-counts li{float:left;width:25%;line-height:1.5;text-align:center;}
.header-user-popover .header-counts li span{font-size:16px;}
.header-user-popover .header-counts li p{font-size:12px;color:#777;}
.header-user-popover .header-counts li:hover span,.header-user-popover .header-counts li:hover p{color:#0053b3;}
.header-user-popover .user-links{padding-top:10px;}
.header-user-popover .user-links li{height:40px;line-height:40px;clear:both;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-user-popover .user-links li a{display:block;padding:0 20px;overflow:hidden;}
.header-user-popover .user-links li i{float:left;line-height:40px;}
.header-user-popover .user-links li p{float:left;margin-left:6px;}
.header-user-popover .user-links li .arrow{float:right;font-size:12px;color:#999;}
.header-user-popover .user-links li:last-child{margin-bottom:10px;}
.header-user-popover .user-links li:hover{background-color:#f7f7f7;}
.header-user-popover .user-links li:hover p{color:#0053b3;}
.header-user-popover .user-links li:hover .arrow{margin-right:-3px;color:#000;}
.header-user-popover .header-exit{display:block;padding:0 20px;height:54px;line-height:54px;border-top:1px solid #ddd;}
.header-user-popover .header-exit:hover{color:#fff!important;background-color:#0053b3;}
.header-user-popover .header-exit i{float:left;line-height:54px;}
.header-user-popover .header-exit p{float:left;margin-left:6px;}

/*Banner样式*/
.banner{height:700px;width:100%;overflow:hidden;}
.banner .swiper-container{height:100%;width:100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{left:5%;width:auto;}
.banner .swiper-button-next .bg,.banner .swiper-button-prev .bg{position:relative;height:120px;width:60px;background:#000;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-23px;font-size:46px;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{content:none;}
.banner .swiper-button-next{left:auto;right:5%;}
.banner .swiper-pagination{bottom:30px!important;}
.banner .swiper-pagination-bullet{height:12px;width:12px;cursor:pointer;}
.banner:hover .swiper-button-next .bg,.banner:hover .swiper-button-prev .bg{opacity:0.3;filter:alpha(opacity=30);}
.banner:hover .swiper-button-next i,.banner:hover .swiper-button-prev i{opacity:1;filter:alpha(opacity=100);}
.banner .swiper-button-next:hover .bg,.banner .swiper-button-prev:hover .bg{opacity:0.6;filter:alpha(opacity=60);}

.page-banner{position:relative;height:430px;width:100%;color:#fff;overflow:hidden;}
.page-banner .banner-wrap{height:430px;width:100%;}
.page-banner .tit{position:absolute;left:50%;bottom:30px;margin-left:-600px;width:1200px;}
.page-banner .tit h2{margin-bottom:10px;font-size:26px;font-weight:normal;line-height:1;}
.page-banner .tit p{font-size:28px;line-height:1;font-family:Arial;text-transform: uppercase;}
.page-banner .banner-wrap{-webkit-animation: page-banner 1s;-moz-animation: page-banner 1s;-o-animation: page-banner 1s;animation: page-banner 1s;}

.banner img,.page-banner img{height:100%;width:100%;}
/*底部样式*/
.footer{ position:relative;width:100%;background:url(../images/footer.jpg) no-repeat center;background-size:cover; }

.footer .footer-link a:before {content: "";position: absolute;left: 0;bottom: 1px;width: 0;height: 1px;background: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.footer .footer-link a:hover:before {width: 100%;}

.footer .footer-link{ float:left;margin:60px 0; }
.footer .footer-link dl {float:left;margin-right:60px;}
.footer .footer-link dl a {display:inline-block;position:relative;padding-bottom:2px;color:#fff;}
.footer .footer-link dl dt {font-size:16px;margin-bottom:10px;}
.footer .footer-link dl .wxmall{position:relative;overflow:hidden;}
.footer .footer-link dl .qrcode{position:absolute;left:50%;bottom:44px;margin-left:-80px;padding:10px;opacity:0;filter:alpha(opacity=0);text-align:center;background-color:#fff;z-index:22;border-radius:6px;box-shadow: 0 2px 16px rgba(0, 0, 0, .2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.footer .footer-link dl .qrcode .img{padding:10px;position:relative;width:120px;}
.footer .footer-link dl .qrcode .img img{height:100%;width:100%;}
.footer .footer-link dl .qrcode .img:after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background-color:#0080ff;
    -webkit-animation: qrcode 3s linear 0s infinite both;
    -moz-box-animation: qrcode 3s linear 0s infinite both;
    -o-box-animation: qrcode 3s linear 0s infinite both;
    animation: qrcode 3s linear 0s infinite both;}
.footer .footer-link dl .wxmall:hover{overflow:visible;}
.footer .footer-link dl .wxmall:hover .qrcode{bottom:28px;opacity:1;filter:alpha(opacity=100);}

.footer .footer-sns { float:right; }
.footer .footer-copy { height:60px;line-height:60px;color:#fff;text-align: center;border-top:1px solid #649acd;}
.footer .footer-copy p{opacity:0.8;filter:alpha(opacity=80);}
.footer .footer-copy p img{display:inline-block;margin-top:-4px;}
.footer .footer-copy a{color:#fff;}

.footer-sns{margin-top:60px;}
.footer-sns .logo{width:144px;}
.footer-sns .tel{font-size:18px;line-height:30px;color:#fff;}
.footer-sns .tel i{margin-right:3px;float:left;font-size:20px;line-height:30px;}
.footer-sns .tel:hover i {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0,0,0);/*GPU加速，让网页动画更流畅*/
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden; /*当元素背部朝向屏幕时隐藏*/
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;/*透视值，值越小，3D效果越明显（远小近大）*/
}

.footer-sns ul{margin:20px auto 10px;width:110px;}
.footer-sns li{float:left;margin-right:10px;position:relative;overflow:hidden;}
.footer-sns li:last-child{margin:0;}
.footer-sns li i{font-size:20px;color:#fff;}
.footer-sns li .qrcode{position:absolute;left:50%;bottom:44px;margin-left:-80px;padding:10px;opacity:0;filter:alpha(opacity=0);text-align:center;background-color:#fff;z-index:22;border-radius:6px;box-shadow: 0 2px 16px rgba(0, 0, 0, .2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.footer-sns li .qrcode .img{padding:10px;position:relative;width:120px;}
.footer-sns li .qrcode .img img{height:100%;width:100%;}
.footer-sns li .qrcode .img:after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background-color:#0080ff;
    -webkit-animation: qrcode 3s linear 0s infinite both;
    -moz-box-animation: qrcode 3s linear 0s infinite both;
    -o-box-animation: qrcode 3s linear 0s infinite both;
    animation: qrcode 3s linear 0s infinite both;}
.footer-sns li:hover{overflow:visible;}
.footer-sns li:hover .qrcode{bottom:36px;opacity:1;filter:alpha(opacity=100);}

/*留言弹窗*/
.popup{display:none;position:fixed;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:9997;}
.popup .popup-shadow{position:fixed;top:0;left:0;z-index:9998;height:100%;width:100%;background: rgba(0,0,0,0.3);}
.popup .popup-tier{position:fixed;top:50%;left:50%;margin:-282px 0 0 -480px;padding:50px;height:464px;width:830px;background-color:#fff;z-index:9999;box-shadow:0 3px 5px rgba(0,0,0,.2);}
.popup .popup-tier .popup-tit{margin-bottom:30px;}
.popup .popup-tier .popup-tit h2{float:left;font-size:28px;line-height:28px;font-weight:normal;color:#0b49bd;}
.popup .popup-tier .popup-tit i{float:right;font-size:26px;line-height:28px;font-weight:bold;color:#0b49bd;cursor:pointer;}
.popup .popup-tier h3{margin-bottom:15px;font-size:22px;font-weight:normal;}
.popup .popup-tier .popup-form{float:left;width:580px;}
.popup .popup-tier .popup-contact{float:right;margin-right:15px;width:200px;text-align:center;}
.popup .popup-tier .popup-contact .phone h4{margin-bottom:10px;font-size:16px;font-weight:normal;}
.popup .popup-tier .popup-contact .phone b{font-weight:normal;color:red;}
.popup .popup-tier .popup-contact .phone p{margin-bottom:10px;font-size:18px;line-height:1.6;}
.popup .popup-tier .popup-contact .wechat p{margin-bottom:22px;color:#666;text-align:center;}
.popup .popup-tier .popup-contact .btn{display:inline-block;padding:0 44px;height:44px;font-size:16px;line-height:44px;text-align:center;border:1px solid #333;}
.popup .popup-tier .popup-contact .btn:hover{border:1px solid #0053b3;}

/*底部表单*/
.dialog-bar{position:fixed;left:0;bottom:0;width:100%;z-index:3333;}
.dialog-woman{display:none;position:fixed;left:10px;bottom:10px;height:150px;width:120px;cursor:pointer;z-index:3333;}
.dialog-woman img{position:absolute;top:0;left:10px;height:150px;}
.dialog-woman .txt{position:relative;margin-top:120px;padding:5px 10px;color:#fff;background-color:#0073e5;border-radius:15px;overflow:hidden;}
.dialog-woman .txt i{font-size:12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.dialog-woman:hover i{margin-left:3px;}

.dialog-woman .txt .shine {content: '';position: absolute;height: 100%;width: 60px;top: 0;left: 0;margin-left: -120px;overflow: hidden;z-index: 6;opacity: 0.7;
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg);
-webkit-animation: shine-move linear 1.5s infinite alternate;-moz-animation: shine-move linear 1.5s infinite alternate;-o-animation: shine-move linear 1.5s infinite alternate;animation: shine-move linear 1.5s infinite alternate;}

.dialog-bar .dialog-bottom{background-color: rgba(51,51,51,.9);transition: height .3s ease-in-out;}
.dialog-bar .dialog-bottom .active{height:250px;overflow:visible;}
.dialog-bar .dialog-bottom .dialog-close{display:none;}
.dialog-bar .close{height:0;width:0;overflow:hidden;}
.dialog-bar .dialog-title{height:58px;width:100%;}
.dialog-bar .dialog-title .dialog-wrap{position:relative;margin:0 auto;height:58px;width:1100px;}
.dialog-bar .dialog-title .dialog-img{position:absolute;top:-45px;left:100px;}
.dialog-bar .dialog-title .dialog-img img{height:150px;}
.dialog-bar .dialog-title .dialog-img-active{position:absolute;top:-12px;left:-70px;}
.dialog-bar .dialog-title .dialog-img-active img{height:auto;}
.dialog-bar .dialog-title .dialog-tit{float:right;margin-right:130px;height:58px;width:680px;color:#fff;line-height:58px;}
.dialog-bar .dialog-title .dialog-tit h2{float:left;font-size:22px;letter-spacing:4px;font-weight:normal;}
.dialog-bar .dialog-title .dialog-tit em{font-style:normal;color:#ff6642;}
.dialog-bar .dialog-title .dialog-tit i{float:right;font-size:50px;line-height:58px;cursor:pointer;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);}
.dialog-bar .dialog-title .dialog-close{float:right;line-height:58px;font-size:30px;color:#999;cursor:pointer;}
.dialog-bar .dialog-content{margin:0 auto;height:0;width:1100px;overflow:hidden;}
.dialog-bar .dialog-content .dialog-service{float:right;width:500px;}
.dialog-bar .dialog-content .dialog-form{position:relative;float:right;height:250px;width:500px;background-color:#fff;}
.dialog-bar .dialog-content .dialog-form .dialog-count{text-align:center;}
.dialog-bar .dialog-content .dialog-form .dialog-count h2{margin:20px auto 3px;font-size:22px;font-weight:500;color:#0b49bd;}
.dialog-bar .dialog-content .dialog-form .dialog-count span{padding:0 5px;color:#08358b;background-color:#dbe7ff;border-radius:3px;}
.dialog-bar .dialog-content .dialog-form .input{display:block;margin:20px auto 25px;padding:0 15px;height:44px;width:348px;border:1px solid #ddd;}
.dialog-bar .dialog-content .dialog-form .submit{display:block;margin:0 auto;height:46px;width:380px;font-size:14px;letter-spacing:2px;color:#fff;background-color:#0b49bd;box-shadow: 0 2px 5px 0 rgba(11,73,188,.55);}
.dialog-bar .dialog-content .dialog-form .Validform_checktip{position:absolute;top:145px;left:70px;}


/*侧边栏*/
#newBridge .icon-right-bottom{display:none!important;}
.sidebar {position: fixed;display: none;top: 50%;right: 0;margin-top:-177px;width:70px;z-index: 222;}
.sidebar li{position:relative;height:70px;width:100%;text-align:center;border-bottom:1px solid #80bfff;background:#1a8cff;}
.sidebar li:last-child{border:none;}
.sidebar li i{display:block;padding-top:8px;font-size:34px;color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.sidebar li a{display:block;height:100%;font-size:12px;color:#fff;}
.sidebar .box{position:absolute;right:50px;top:0;padding:12px;background:#1a8cff;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.sidebar .box h2{display:block;height:46px;width:130px;line-height:46px;}
.sidebar .box img{padding:6px;height:105px;width:105px;background:#fff;}

.sidebar li:hover{background:#0073e5;}
.sidebar li:hover .box{right:100%;opacity:1;filter:alpha(opacity=100);}
.sidebar li:hover i {-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);-o-transform: translateY(-2px);transform: translateY(-2px);}

/*内容列表样式
--------------------------------------------------------------------------------------------*/
/*图文列表*/
.content-list{margin:0 -10px;}
.content-list li{float:left;width:25%;padding:0 10px 20px;overflow:hidden;box-sizing:border-box;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.content-list li .img{height:180px;width:100%;overflow:hidden;}
.content-list li .img img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.content-list li .txt{position:relative;padding:10px;height:95px;background-color:#f7f7f7;}
.content-list li h2{margin-bottom:10px;height:16px;font-size:16px;color:#222;line-height:1;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content-list li p{height:42px;color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content-list li span{position:absolute;left:10px;bottom:10px;color:#999;}

.content-list li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.content-list li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}

/*推荐列表*/
.hot-list{background-color:#f7f7f7;}
.hot-list .img{float:left;height:400px;width:640px;overflow:hidden;}
.hot-list .img img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.hot-list .txt{position:relative;float:right;padding:50px;width:460px;}
.hot-list .txt h2{margin-bottom:20px;font-size:28px;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hot-list .txt h2 a{color:#0053b3;}
.hot-list .txt h2 a:hover{color:#0073e5;}
.hot-list .txt p{margin-bottom:10px;height:75px;color:#666;line-height:1.8;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hot-list .txt span{display:block;margin-bottom:30px;color:#999;}
.hot-list .swiper-pagination{width:auto;left:auto;right:30px;bottom:10px;color:#b3b3b3;font-size:40px;font-family:Arial;letter-spacing:-3px;}
.hot-list .swiper-pagination .swiper-pagination-current{font-size:42px;color:#999;}
.hot-list .swiper-pagination .swiper-pagination-total{font-size:20px;}
.hot-list .img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}

/*置顶列表*/
.top-list{margin-left:-20px;height:380px;overflow:hidden;}
.top-list .item{float:left;position:relative;margin:0 0 20px 20px;height:180px;width:285px;overflow:hidden;}
.top-list .item img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.top-list .item .bg{position:absolute;left:0;bottom:0;height:55px;width:100%;background:#000;-webkit-opacity: .7;-moz-opacity: .7;-o-opacity: .7;opacity: .7;filter: alpha(Opacity=70);background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); }
.top-list .item .txt{position:absolute;left:0;bottom:0;padding:10px;color:#fff;z-index:22;}
.top-list .item h2{margin-bottom:7px;font-size:14px;line-height:1;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.top-list .item p{font-size:12px;line-height:1;}
.top-list .item .mask{position:absolute;left:0;top:0;height:100%;width:100%;background:#000;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.top-list .item i{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;font-size:60px;color:#fff;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.top-list .focus{float:left;height:380px;width:590px;}
.top-list .item:hover .mask{-webkit-opacity: .3;-moz-opacity: .3;-o-opacity: .3;opacity: .3;filter: alpha(Opacity=30);}
.top-list .item:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.top-list .item:hover i{-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;opacity: 1;filter: alpha(Opacity=100);}

/*图片列表*/
.image-list{margin:0 -10px;}
.image-list li{float:left;width:25%;padding:0 10px 20px;overflow:hidden;box-sizing:border-box;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.image-list li .item{position:relative;height:210px;width:100%;overflow:hidden;}
.image-list li .item img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.image-list li .bg{position:absolute;left:0;bottom:0;height:55px;width:100%;background:#000;-webkit-opacity: .7;-moz-opacity: .7;-o-opacity: .7;opacity: .7;filter: alpha(Opacity=70);background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); }
.image-list li .txt{position:absolute;left:0;bottom:0;padding:10px;color:#fff;z-index:22;}
.image-list li h2{margin-bottom:7px;font-size:14px;line-height:1;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.image-list li p{font-size:12px;line-height:1;}
.image-list li .mask{position:absolute;left:0;top:0;height:100%;width:100%;background:#000;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.image-list li i{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;font-size:60px;color:#fff;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
 
.image-list li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.image-list li:hover .mask{-webkit-opacity: .3;-moz-opacity: .3;-o-opacity: .3;opacity: .3;filter: alpha(Opacity=30);}
.image-list li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.image-list li:hover i{-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;opacity: 1;filter: alpha(Opacity=100);}

/*文字列表*/
.text-list li{margin-bottom:20px;overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.text-list li .img{float:left;height:126px;width:224px;text-align:center;overflow:hidden;}
.text-list li .img img{height:100%;width:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.text-list li .txt{float:left;margin-left:15px;height:126px;width:866px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.text-list li .date{float:left;margin:18px 20px 0;padding-right:20px;height:90px;border-right:1px solid #ccc;text-align:center;color:#999;font-family:Arial;}
.text-list li .date h2{margin:7px 0 5px;font-size:50px;line-height:1;font-weight:normal;}
.text-list li .tit{float:left;width:731px;}
.text-list li .tit h3{margin:30px 0 10px;font-size:18px;line-height:1;font-weight:normal;}
.text-list li .tit p{height:42px;color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-list li .more{float:right;height:126px;width:80px;background-color:#0053b3;text-align:center;color:#fff;}
.text-list li .more p{margin:38px 0 10px;color:#fff;}
 
.text-list li:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);}
.text-list li:hover .txt{background-color:#f7f7f7;}
.text-list li:hover .date{border-right:1px solid #0053b3;}
.text-list li:hover .date h2{color:#0053b3;}
.text-list li:hover .date p{color:#0053b3;}
.text-list li:hover .more{background-color:#0066cc;}
.text-list li:hover .img img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);}

/*内容展示*/
.content-show{margin-bottom:30px;}
.content-show .wrap img{max-width:100%!important;}
.content-show .wrap{float:left;}
.content-show .wrap .content{padding:30px 40px;width:790px;line-height:2;background-color:#f7f7f7;overflow:hidden;}
.content-show .wrap .tit{padding:0 0 10px;border-bottom:1px solid #d6d6d6;}
.content-show .wrap .tit h2{padding-bottom:10px;font-size:24px;font-weight:normal;line-height:1;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-show .wrap .tit p{font-size:12px;color:#999;line-height:1;}
.content-show .wrap .txt {padding:20px;}
.content-show .wrap .txt p{margin:1em 0;display: inherit;word-wrap: break-word;}
.content-show .wrap .comment-box{width:870px;}
.content-show table{ margin:10px auto; max-width:100%;border-left:1px solid #666; border-top:1px solid #666; }
.content-show table th{ background:#F9F9F9; text-align:center; }
.content-show table td,.content-show table th{ border-bottom:1px solid #666; border-right:1px solid #666; padding:0.35em 0.5em; }

.content-show .wrap .player{width:870px;background-color:#1e1e1e;}
.content-show .wrap .player .info{padding:20px;}
.content-show .wrap .player .info h2{margin-bottom:10px;font-size:24px;color:#fff;font-weight:normal;line-height:1;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-show .wrap .player .info h3{font-size:12px;font-weight:normal;color:#999;line-height:1;}
.content-show .wrap .player .info p{margin-top:10px;color:#ccc;text-indent:2em;overflow:hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*页面样式
--------------------------------------------------------------------------------------------*/
/*首页样式*/
.home-product{margin-top:30px;}
.home-product .module-tit{position:relative;margin:0 auto;width:1200px;}
.home-product .module-tit ul{position:absolute;bottom:0;right:0;}
.home-product .module-tit ul li{float:left;width:180px;border-right:1px solid #dedede;text-align:center;}
.home-product .module-tit ul li:last-child{border:0;}
.home-product .module-tit ul li a{display:inline-block;}
.home-product .module-tit ul li p{font-size:16px;line-height:36px;}
.home-product .wrap .img{float:left;height:500px;width:300px;}
.home-product .swiper-product-container1{position:absolute;top:5px;right:-10px;}
.home-product .swiper-product-container1 .swiper-slide{margin-right:10px!important;height:44px;width:135px!important;color:#0053b3;line-height:44px;text-align:center;border:1px solid #0053b3;cursor:pointer;}
.home-product .swiper-product-container1 .swiper-slide:hover{color:#fff;background-color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.home-product .swiper-product-container1 .swiper-slide-thumb-active{color:#fff;background-color:#0053b3;}

.home-product .swiper-product-container2{width:100%;min-width:1200px;}
.home-product .swiper-product-container2 .con{margin:0 auto;width:1200px;}
.home-product .swiper-product-container2 .txt{float:left;width:400px;}
.home-product .swiper-product-container2 .txt h2{position:relative;margin-top:30px;font-size:24px;font-weight:normal;color:#000;}
.home-product .swiper-product-container2 .txt h2::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:44px;background-color:#0053b3;}
.home-product .swiper-product-container2 .txt p{margin-top:18px;color:#666;}
.home-product .swiper-product-container2 .txt h3{margin:10px 0 10px;font-size:26px;font-weight:normal;color:#fa4214;}
.home-product .swiper-product-container2 .txt a{display:inline-block;margin-right:20px;height:40px;width:130px;text-align:center;line-height:40px;color:#0053b3;border:1px solid #0053b3;border-radius:20px;}
.home-product .swiper-product-container2 .txt a i{padding-left:3px;font-size:18px;}
.home-product .swiper-product-container2 .img{float:right;width:800px;}

/*关于智龙*/
.home-about{position:relative;height:600px;width:100%;background:url(../images/about-zhilong.jpg) no-repeat center;background-size:cover;}
.home-about .module-tit{margin-top:0;padding-top:30px;}
.home-about .module-tit h2,.home-about .module-tit h3{color:#fff;}
.home-about .module-tit h2{opacity:0.3; filter:alpha(opacity=30);}
.home-about .wrap{}
.home-about .txt{margin-top:50px;width:500px;}
.home-about .txt h2{position:relative;margin-bottom:15px;padding-bottom:20px;font-size:24px;line-height:1;color:#fff;}
.home-about .txt h2::before{content: "";position: absolute;left: 0;bottom: 0;width: 70px;height: 1px;background: #fff;}
.home-about .txt p{margin-bottom:45px;color:#fff;line-height:24px;text-indent:2em;}

/*适用领域*/
.home-field .img{overflow:hidden;}
.home-field .img img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.home-field .swiper-slide{height:384px;cursor:default;}
.home-field .swiper-slide .txt{position:absolute;left:0;bottom:0;padding:18px;background-color:#f7f7f7;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.home-field .swiper-slide .txt h2{margin-bottom:20px;font-size:16px;line-height:1;color:#0053b3;font-weight:normal;text-align:center;}
.home-field .swiper-slide .txt p{height:63px;width:100%;font-size:12px;line-height:1.8;color:#999;overflow:hidden;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.home-field .swiper-button-next,.home-field .swiper-button-prev{bottom:0;right:0;padding:8px 66px;color:#888;font-size:26px;background-color:#f7f7f7;}
.home-field .swiper-button-next:after,.home-field .swiper-button-prev:after{content:none;}
.home-field .swiper-button-prev{bottom:0;left:auto;right:170px;}
.home-field .swiper-button-disabled {opacity:.6;filter:alpha(opacity=60);}
.home-field .swiper-button-next:hover,.home-field .swiper-button-prev:hover{color:#fff;background-color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.home-field .swiper-slide:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.home-field .swiper-slide:hover .txt{color:#fff;background-color:#0053b3;}
.home-field .swiper-slide:hover .txt h2{color:#fff;}
.home-field .swiper-slide:hover .txt p{height:126px;color:#fff;opacity:0.9;filter:alpha(opacity=90);}

/*新闻资讯*/
.home-news{margin-bottom:30px;}
.home-news .hot{float:left;width:590px;margin-right:20px;}
.home-news .hot .img{height:333px;width:100%;overflow:hidden;}
.home-news .hot .img img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.home-news .hot .img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.home-news .hot h2 {font-size:16px;line-height:38px;font-weight:normal;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news .hot p {height:42px;color:#999;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.home-news .item{margin-bottom:15px;height:92px;overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.home-news .item .img{float:left;height:100%;width:160px;text-align:center;overflow:hidden;}
.home-news .item .img img{height:100%;width:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.home-news .item .txt{float:left;height:100%;width:505px;overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.home-news .item .date{float:left;margin:10px 20px 0;padding-right:20px;color:#999;text-align:center;font-family:Arial;border-right:1px solid #ccc;}
.home-news .item .date h3{font-size:50px;line-height:1;font-weight:normal;}
.home-news .item .tit{float:left;width:370px;}
.home-news .item .tit h2{margin:13px 0 10px;font-size:16px;line-height:1;font-weight:normal;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news .item .tit p{height:42px;color:#999;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home-news .item .more{float:right;height:100%;width:70px;background-color:#0053b3;text-align:center;color:#fff;}
.home-news .item .more p{margin:24px 0 10px;}

.home-news .item:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);}
.home-news .item:hover .txt{background-color:#f7f7f7;}
.home-news .item:hover .date{color:#0053b3;border-right:1px solid #0053b3;}
.home-news .item:hover .tit h2{color:#0053b3;}
.home-news .item:hover .more{background-color: #0066cc;}

/*产品中心*/
.product-banner{background:url(../images/product-banner.jpg) no-repeat center;}
.product{margin-bottom:30px;}
.product .product-category{margin-top:10px;overflow:hidden;}
.product .product-category li{float:left;line-height:40px;}
.product .product-category li a{display:inline-block;font-size:16px;}
.product .product-category li p{float:left;padding:0 30px;}
.product .product-category li a.active{padding:0 30px;color:#fff;background-color:#0053b3;}
.product .product-list{margin-top:30px;overflow:hidden;}
.product .product-list ul{margin-right:-24px;}
.product .product-list li{float:left;margin:0 24px 20px 0;width:384px;}
.product .product-list li a{display:block;}
.product .product-list li .img-box{height:256px;width:384px;overflow:hidden;}
.product .product-list li .img-box img{height:100%;width:100%;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.product .product-list li h2{position:relative;padding-right:30px;font-size:16px;line-height:50px;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product .product-list li h2 i{position:absolute;top:18px;right:5px;font-size:14px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.product .product-list li:hover i{right:1px;color:#0053b3;}
.product .product-list li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.product .product-list .nodata{text-align:center;}

/*产品详情页*/
.product-show-banner{margin-top:81px;}
.product-show-banner img{width:100%;}
.product-detail{margin-bottom:30px;}

/*产品详情页Tab样式*/
.product-tab .tab-head{ display:block; height:80px;width:100%; border-bottom:1px solid #ddd; background:#fff; z-index:3333;}
    .product-tab .tab-head ul{margin:0 auto;width:448px;}
	.product-tab .tab-head ul li{ float:left; }
	.product-tab .tab-head ul li a{ display:block; margin:0 20px; height:80px; font-size:18px;line-height:80px;}
	.product-tab .tab-head ul li a:hover,.product-tab .tab-head ul li a.selected{ color:#0053b3; border-bottom:1px solid #0053b3;}
	.product-tab .tab-content{ display:none; }
    /*参数规格*/
    .product-tab .tab-content .para-list{margin:30px auto;text-align:center;}
    .product-tab .tab-content .para-list img{max-width:100%;}
    /*产品视频*/
    .product-tab .tab-content .product-player{margin:30px auto;height:675px;width:1200px;}
    .product-tab .tab-content .product-player #CuPlayer div.CuMob{height:100%;}
    /*样品展示*/
    .product-tab .tab-content .cutting-sample{margin:30px auto;}
    .product-tab .tab-content .cutting-sample ul{margin-right:-20px;}
    .product-tab .tab-content .cutting-sample li{float:left;margin:0 20px 20px 0;height:285px;width:285px;}
    .product-tab .tab-content .cutting-sample li img{height:100%;width:100%;}
    .product-tab .tab-content .nodata{padding:70px 0 150px;font-size:16px;text-align:center;}

.product-detail .gray-bg{background:#f7f7f7;
    background: -webkit-linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%);
    background: -moz-linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%);
    background: linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%);}
.product-detail .base-info{margin-bottom:30px;}
.product-detail .base-info .pic{float:left;width:583px;border:1px solid #ddd;}
.product-detail .base-info .pic img{max-width:100%;}
.product-detail .base-info .spec{float:right;width:590px;}
.product-detail .base-info .spec h1{margin-bottom:20px;font-size:32px;font-weight:normal;line-height:1;color:#0053b3;}
.product-detail .base-info .spec .subtit{margin-bottom:20px;color:#666;}
.product-detail .base-info .spec .power{margin-bottom:20px;padding:20px 30px;height:50px;background-color:#f7f7f7;}
.product-detail .base-info .spec .power h2{font-size:18px;font-weight:normal;}
.product-detail .base-info .spec .power p{font-size:18px;}
.product-detail .base-info .spec .model{margin-bottom:20px;}
.product-detail .base-info .spec .tel{margin-bottom:20px;}
.product-detail .base-info .spec .tel a{font-size:18px;color:#0053b3;font-weight:bold;}
.product-detail .base-info .spec .tel i{margin-right:3px;font-size:18px;}
.product-detail .base-info .spec .tel span{font-weight:normal;}

.product-detail .sample li{float:left;margin-right:18px;height:210px;width:286.5px;}
.product-detail .sample li img{height:100%;width:100%;}
.product-detail .sample li:last-child{margin-right:0;}

/*智龙优势*/
.advantage-banner{background:url(../images/advantage-banner.jpg) no-repeat center;}
.advantage .cont-tit{margin:30px 0 15px;}
.advantage .txt{width:550px;}
.advantage .txt h4{font-size:16px;}
.advantage .txt p{margin-bottom:10px;color:#666;line-height:1.8;}
.advantage .txt p a{border-bottom: 1px dashed #999;}
.advantage .txt p b{color:#0053b3;font-weight:normal;}
.advantage .container{margin-bottom:30px;}

.advantage .item-research p,.advantage .info{text-indent:2em;}

.advantage .item-innovation ul{margin:20px auto;}
.advantage .item-innovation li{float:left;margin:0 10px;width:163px;text-align:center;}
.advantage .item-innovation li i{display:inline-block;height:46px;width:46px;font-size:28px;line-height:46px;text-align:center;color:#fff;border-radius:50%;background-color:#0053b3;}
.advantage .item-innovation li h2{margin:5px 0;font-size:16px;color:#0053b3;}
.advantage .item-innovation li p{color:#666;text-align:left;line-height:1.5;}

.advantage .item-custom ul{margin-top:30px;text-align:center;}
.advantage .item-custom li{display:inline-block;margin:0 20px;text-align:center;}
.advantage .item-custom li i{display:inline-block;height:46px;width:46px;font-size:28px;line-height:46px;text-align:center;color:#fff;border-radius:50%;background-color:#0053b3;}
.advantage .item-custom li p{margin-top:10px;font-size:16px;text-align:left;}

.advantage .item-service .cont-tit{margin-top:12px;}
.advantage .item-service li{margin-bottom:10px;}
.advantage .item-service li i{display:inline-block;height:32px;width:32px;font-size:20px;line-height:32px;color:#fff;text-align:center;background-color:#0053b3;border-radius:50%;}
.advantage .item-service li p{display:inline-block;margin:0;padding-left:5px;line-height:32px;}

/*售后服务*/
.service-banner{background:url(../images/service-banner.jpg) no-repeat center;}

/*新闻资讯*/
.news-banner{background:url(../images/news-banner.jpg) no-repeat center;}

/*图片中心*/
.photo-banner{background:url(../images/photo-banner.jpg) no-repeat center;}

/*视频中心*/
.video-banner{background:url(../images/video-banner.jpg) no-repeat center;}

/*资料下载*/
.down-banner{background:url(../images/down-banner.jpg) no-repeat center;}

/*关于我们-公司简介*/
.about-banner{background:url(../images/about-banner.jpg) no-repeat center;}
.about {margin-bottom:30px;}
.about .cont-tit {margin-top:50px;}
.about .intro .img{height:400px;width:600px;}
.about .txt{width:550px;}
.about .txt p{margin-top:22px;text-indent:2em;color:#666;line-height:1.8;}

/*关于我们-企业文化*/
.about .culture{margin-top:30px;}
.about .culture ul{margin-top:30px;}
.about .culture ul li{float:left;margin-right:18px;padding:40px 30px;width:226.5px;background-color:#f7f7f7;text-align:center;border-radius:10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.about .culture ul li:last-child{margin-right:0;}
.about .culture ul li .iconfont{font-size:28px;color:#0053b3;margin-bottom:10px;}
.about .culture ul li h2{margin-bottom:10px;font-size:20px;font-weight:normal;line-height:1;color:#0053b3;}
.about .culture ul li p{color:#666;}
.about .culture ul li:hover{background-color:#0053b3;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.about .culture ul li:hover h2,.about .culture ul li:hover p,.about .culture ul li:hover .iconfont{color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

/*关于我们-发展历程*/
.about .history{position: relative;padding-bottom:30px;overflow:hidden;}
.about .history .cont-tit{margin-top:30px;}
.about .history .swiper-history-container{margin-top:30px;padding:0 120px;cursor:move;}
.about .history .swiper-history-container:after {content: "";position: absolute;width: 100%;height: 4px;left: 0;top: 0;bottom: 0;margin: auto;background: #0053b3;}
.about .history .swiper-history-container:after {content: "";position: absolute;width: 100%;height: 4px;left: 0;top: 0;bottom: 0;margin: auto;background: #0053b3;}
.about .history .swiper-slide .item {position: relative;display: flex;height: 300px;}
.about .history .swiper-slide .item .ic-left {position: relative;flex: 0 0 16px;}
.about .history .swiper-slide .item .ic-left i {position: absolute;display: block;width: 1px;height: 150px;background: #0053b3;left: 0;right: 0;margin: auto;}
.about .history .swiper-slide .item .ic-left:before {content: "";position: absolute;margin: auto;width: 16px;height: 16px;background: #0053b3;border-radius: 50%;left: 0;top: 0;bottom: 0;}
.about .history .swiper-slide .item .ic-right {position: absolute;height: 100%;min-width:520px;padding-left: 20px;display: flex;}
.about .history .swiper-slide .item .ic-right .inner {display: flex;}
.about .history .swiper-slide .item .ic-right .inner .img{margin:10px 0;height:90px;min-width:140px;}
.about .history .swiper-slide .item .ic-right .inner .img img{height:100%;width:100%;}
.about .history .swiper-slide .item .ic-right .info{margin-left:10px;}
.about .history .swiper-slide .item .ic-right .info h2 {margin: 10px 0 3px;font-size: 26px;font-weight:normal;line-height:1;color: #0053b3;font-family: Arial;}
.about .history .swiper-slide .item .ic-right .info p {margin-bottom:10px;color: #666;}
.about .history .swiper-slide:nth-child(even) .item .ic-left i {bottom: 0;}
.about .history .swiper-slide:nth-child(even) .item .ic-right .inner {align-items: flex-end;}
.about .history .swiper-slide:last-child .item .ic-right {min-width: 392px;}
.about .history .swiper-button-prev,.about .history .swiper-button-next {left: 50px;cursor: pointer;width: 30px;height: 50px;outline: none;-webkit-user-select: none;user-select: none;background: transparent;transition: 00.3s;background-color:#0073e5;color:#fff;}
.about .history .swiper-button-next {left: auto;right: 50px;}

/*关于我们-荣誉资质*/
.about .honor{padding-bottom:30px;overflow:hidden;background-color:#f7f7f7;}
.about .honor .cont-tit{margin:30px auto 30px;}
.about .honor .cont-tit h2{color:#ddd;}
.about .honor .swiper-button-next,.about .honor .swiper-button-prev{bottom:0;right:0;padding:0 66px;height:60px;color:#0053b3;font-size:26px;background-color:#fff;}
.about .honor .swiper-button-next:after,.about .honor .swiper-button-prev:after{content:none;}
.about .honor .swiper-button-prev{bottom:0;left:auto;right:170px;}
.about .honor .swiper-button-disabled {opacity:.6;filter:alpha(opacity=60);}
.about .honor .swiper-button-next:hover,.about .honor .swiper-button-prev:hover{color:#fff;background-color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.about .honor .swiper-slide{padding:10px 30px 30px;text-align:center;background-color:#fff;box-sizing:border-box;}
.about .honor .swiper-slide .img{overflow:hidden;}
.about .honor .swiper-slide .img img {max-width:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.about .honor .swiper-slide .img img:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.about .honor .swiper-slide p{margin-top:10px;padding-top:28px;line-height:1;border-top:1px solid #d6d6d6;}

/*联系我们*/
.contact-banner{background:url(../images/contact-banner.jpg) no-repeat center;}
.contact .txt {float:left;margin-bottom:30px;padding:75px 50px 0;height:325px;width:430px;background-color:#f7f7f7;}
.contact .txt h2{margin-bottom:20px;font-size:28px;font-weight:normal;line-height:1;color:#0053b3;}
.contact .txt p{font-size:16px;line-height:1.8;}
.contact .txt .btna{margin-top:20px;}
.contact .allmap{height:400px;width:670px;}
.contact .allmap .anchorBL{display:none;}

/*留言反馈*/
.feedback-banner{background:url(../images/feedback-banner.jpg) no-repeat center;}

/*搜索页面*/
.search-banner{background:url(../images/search-banner.jpg) no-repeat center;}
.search{margin-bottom:30px;}
.search .search-list{float:left;width:870px;}
.search .tit{margin-bottom:20px;padding-left:30px;height:70px;line-height:70px;background-color:#f7f7f7;}
.search .tit span{font-size:16px;}
.search .tit b{color:#0053b3;font-weight:normal;}
.search .tit em{color:#0073e5;font-style:normal;font-weight:bold;}
.search .result li{margin-bottom:20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.search .result li .img{float:left;margin-right:15px;height:120px;width:160px;text-align:center;overflow:hidden;border:1px solid #d6d6d6;box-sizing: border-box;}
.search .result li .img img{height:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.search .result .box{float:left;height:120px;width:695px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.search .result .date{float:left;margin:15px 20px 0;padding-right:20px;height:90px;width:60px;line-height:1;border-right:1px solid #ccc;text-align:center;color:#999;font-family:Arial;}
.search .result .date h2{margin:8px 0 5px;font-size:50px;font-weight:normal;color:#999;}
.search .result .txt{float:left;width:554px;}
.search .result .txt h3{margin:30px 0 10px;font-size:18px;line-height:1;font-weight:normal;}
.search .result .txt p{height:42px;color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search .nodata{padding:30px;font-size:16px;text-align:center;}
.search .nodata strong{color:#0053b3;font-weight:normal;}
.search .result li:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);}
.search .result li:hover .box{background-color:#f7f7f7;}
.search .result li:hover .box .date h2{color:#0053b3;}
.search .result li:hover .box .date p{color:#0053b3;}
.search .result li:hover .img img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);}
.search-banner{background:url(../images/search.jpg) no-repeat center;}


/*华丽的分割线old
--------------------------------------------------------------------------------------------*/
/*标题样式*/
.main-tit{ padding-top:14px; height:54px; line-height:54px; }
    .main-tit h2{ display:block; margin:0; padding:0; float:left; color:#333; font-size:20px; font-weight:normal; }
    .main-tit p{ display:block; float:right; color:#555; font-size:14px; }
    .main-tit p a{ margin-left:10px; }
    .main-tit p a i{ font-style:normal; }
.slide-tit{ border-bottom:1px solid #f0f0f0; color:#0053b3; line-height:1em; font-size:16px; font-weight:normal; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #0053b3; }
.nav-tit{ margin:0 auto 50px; padding:30px 0; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #ddd; }
    .nav-tit.short{ padding-bottom:0; border-bottom:0; }
    .nav-tit a{ margin-left:10px; color:#333;  }
    .nav-tit a:hover,.nav-tit a.selected{ color:#0053b3; }
    .nav-tit i{ margin-left:10px; color:#ddd; }
.sub-tit{ margin:0 50px 10px; padding-top:35px; height:42px; border-bottom:1px solid #ddd; font-size:16px; }
    .sub-tit a.add{ display:block; margin-right:10px; float:right; color:#0053b3; font-size:14px; line-height:42px; }
    .sub-tit a.add i{ display:inline-block; margin-right:5px; color:#0053b3; font-size:14px; }
    .sub-tit ul{ display:inline-block; }
    .sub-tit ul li{ margin:0; padding:0; display:inline-block; *display:inline; *zoom:1; }
    .sub-tit ul li a{ display:inline-block; padding:0 15px; line-height:42px; }
    .sub-tit ul li.selected a{ border-bottom:2px solid #0053b3; color:#0053b3; }
.search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#0073e5; font-weight:600; }
/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:454px; text-align:center; overflow:hidden; }
    .slide-box .list-box{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; background:#fff; }
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; filter:alpha:opacity(0); }
    .slide-box .list-box li a{ display:block; width:100%; height:100%; }
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5; filter:alpha:opacity(50); background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px; }
/*幻灯片样式*/
.focus-box{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; _position:relative; }
	.focus-box .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focus-box .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-box .slides li{ width:100%; height:100%; overflow:hidden; }
	.focus-box .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focus-box .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); _background:url(none) 0 0 repeat #000; }
	.focus-box .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focus-box .flex-control-nav{ position:absolute; right:5px; bottom:10px; display:block; z-index:4; }
	.focus-box .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focus-box .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #fafafa; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focus-box .flex-control-paging li a:hover { background:#333; }
	.focus-box .flex-control-paging li a.flex-active { background:#c81623; border-color:#c81623; cursor:default; }

/*内容样式
----------------------------------------------*/
/*文字列表样式*/
.side-txt-list{ padding:6px 15px 15px; text-align:left; background:#fff; }
    .side-txt-list li{ line-height:28px; font-size:12px; }
    .side-txt-list li span{ float:right; color:#999; }
    .side-txt-list li.tit a{ color:#108cee; font-size:18px; line-height:48px; }

/*图文列表样式*/
.side-img-box{ position:relative; width:455px; height:455px; background:#fff; overflow:hidden; }
    .side-img-box em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; }
    .side-img-box em i{ color:#fff; font-size:60px; line-height:60px; }
    .side-img-box a:hover em{ display:block; }
    .side-img-box .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .side-img-box .info{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; }
    .side-img-box .info h3{ padding:5px 15px 0; color:#fff; font-size:14px; font-weight:normal; }
    .side-img-box .info p{ padding:0 15px; color:#eee; font-size:12px; }
    .side-img-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; }

.side-img-list{ text-align:left; padding:10px 0 11px 0; background:#fff; }
    .side-img-list li{ display:block; padding:10px 15px; }
    .side-img-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-img-list li .img-box{ position:relative; float:left; width:60px; height:60px; overflow:hidden; }
    .side-img-list li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; }
    .side-img-list li:first-child .img-box label{ background:#0073e5; }
    .side-img-list li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:58px; height:58px; }
    .side-img-list li .txt-box{ display:block; margin-left:75px; font-size:12px; }
    .side-img-list li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; }
    .side-img-list li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; }

.focus-list{ margin:0; padding:0; }
    .focus-list li{ height:33px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .focus-list li label{ display:inline-block; margin:0 5px 0 0; padding:0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle; }
    .focus-list li label.hot{ background:#0073e5; }
    .focus-list li a{ line-height:33px; }

.sidebar-box{ margin:0 0 15px; padding:20px; background:#fff; }
    .sidebar-box h4{ margin:0; padding:0 0 15px; border-bottom:1px solid #ddd; color:#333; font-size:16px; font-weight:300; line-height:20px; }
    .sidebar-box .txt-list li{ margin-top:15px; line-height:20px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .sidebar-box .txt-list li label{ display:inline-block; margin:0 5px 0 0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle;  }
    .sidebar-box .txt-list li label.hot{ background:#0073e5; }
    .sidebar-box .txt-list li a{ line-height:20px; }
    .sidebar-box .side-img-list{ padding-bottom:0; }
    .sidebar-box .side-img-list li{ padding:10px 0; }
    .sidebar-box .tags-box{ margin:0 0 0 -10px; }
    .sidebar-box .tags-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box .tags-box a{ display:block; float:left; margin:10px 0 0 10px; padding:5px; color:#555; font-size:12px; line-height:20px; border:1px solid #f0f0f0; }
    .sidebar-box .tags-box a:hover{ border-color:#0053b3; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }
/*图片列表样式*/
.img-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .img-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .img-list li .img-box{ display:block; position:relative; width:220px; height:220px; overflow:hidden; }
    .img-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .img-list li .img-box img{ width:100%; height:100%;}
    .img-list li .info{ display:block; text-align:left; margin:15px; }
    .img-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .img-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .img-list li .info p.price{ padding-top:10px; line-height:18px; }
    .img-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .img-list li .info p strong{ float:right; font-weight:normal; }
    .img-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .img-list li em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; }
    .img-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .img-list li a:hover em{ display:block; }
    .img-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .img-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; }
    .img-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/*图文列表样式*/
.n-list{ padding:15px 30px; }
	.n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; }
	.n-list li h2 a:hover{ color:#8CAC52; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*相关列表样式*/
.rel-list{ margin-top:-15px; }
    .rel-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .rel-list .nodata{ color:#999; font-size:14px; line-height:50px; }
    .rel-list li{ display:block; float:left; margin:15px auto 0 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
    .rel-list li .img-box{ position:relative; display:block; float:left; width:98px; height:98px; border:1px solid #e8e8e8; overflow:hidden; }
    .rel-list li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; overflow:hidden; }
    .rel-list li .info{ margin:0 auto 0 115px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
    .rel-list li .info h3{ display:block; font-size:14px; font-weight:normal; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .rel-list li .info p{ color:#555; font-size:12px; height:48px; line-height:22px; overflow:hidden; }
    .rel-list li .info span{ line-height:22px; color:#999; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.rel-box{ position:relative; padding:0 50px 0; }
    .rel-box .rel-list{ margin:0 0 15px 0; }
/*类别列表*/
.navbar li{ padding-top:10px; }
	.navbar li h5{ display:block; color:#3b8dd1; font-size:14px; font-weight:normal; line-height:30px; }
	.navbar li h5 a{ color:#0053b3; }
	.navbar li p{ font-size:12px; line-height:30px; }
	.navbar li p a{ display:inline-block; margin-right:5px; }
/*内容标题样式*/
.meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; }
	.meta .info{ margin:0 0 10px; }
	.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
/*内容详细样式*/
.entry{ margin-top:20px; padding:0 50px 15px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

/*右侧样式*/
.side-box{float:right;width:300px;}
.side-box .unit-tit{margin-bottom:20px;}
.side-box .nav{margin-bottom:30px;}
.side-box .nav li{margin-bottom:15px;line-height:1;}
.side-box .nav li p{font-size:12px;line-height:30px;}
.side-box .nav li p a{display:inline-block;margin-right:5px;}
.side-box .list li{margin-bottom:15px;}
.side-box .list li img{float:left;height:60px;width:100px;}
.side-box .list li .txt{float:right;position:relative;height:60px;width:185px;}
.side-box .list li .txt a{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.side-box .list li .txt span{position:absolute;bottom:0;right:0;font-size:12px;line-height:1;color:#999;text-align:right;}
.side-box .tags li {float:left;margin:0 10px 10px 0;font-size:12px;border:1px solid #d6d6d6;}
.side-box .tags li a{display:block;padding:5px 8px;}
.side-box .tags li i{margin-left:2px;color:#666;font-style:normal;}
.side-box .tags li:hover{border:1px solid #0053b3;}

/*上下一条样式*/
.next-prev{ position:relative;padding-top:20px;border-top:1px solid #d6d6d6;}
    .next-prev p{ display:block; width:49%; white-space:nowrap; line-height:1;text-overflow:ellipsis; overflow:hidden; }

/*文章评论样式*/
.comment-box{ position:relative; margin:20px 0;}
    .comment-box .form-box{ margin:0; padding:15px 0; }
    .comment-box .form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .form-box .avatar-box i{ color:#b3b3b3; font-size:55px; line-height:1.2em; }
    .comment-box .form-box .avatar-box img{ width:100%; height:100%; }
    .comment-box .form-box .conn-box{ position:relative; margin-left:70px; }
    .comment-box .form-box .conn-box .editor{ position:relative; margin-right:18px; }
    .comment-box .form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; }
    .comment-box .form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; }
    .comment-box .form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background-color:#0053b3; vertical-align:middle; cursor:pointer; }
    .comment-box .form-box .conn-box .subcon .submit:hover{background-color:#0066cc;}
    .comment-box .form-box .conn-box .subcon strong{ color:#333; font-weight:normal; }
    .comment-box .form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; }
    .comment-box .form-box .conn-box .subcon a img{ vertical-align:middle; }
    .comment-box .list-box li{ padding:17px 0; border-top:1px solid #f7f7f7; }
    .comment-box .list-box li .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .list-box li .avatar-box i{ color:#b3b3b3; font-size:55px; line-height:1.2em; }
    .comment-box .list-box li .avatar-box img{ width:100%; height:100%; }
    .comment-box .list-box li .inner-box{ position:relative; margin-left:70px; }
    .comment-box .list-box li .inner-box .info{ padding-bottom:3px; }
    .comment-box .list-box li .inner-box .info span{ margin-right:5px; color:#999; font-size:12px; }
    .comment-box .list-box li .inner-box p{ color:#333; font-size:14px; line-height:1.8em; }
    .comment-box .list-box li .answer-box{ clear:both; margin:10px 0 0 70px; padding:10px; background:#f7f7f7; border-radius:3px; }
    .comment-box .list-box li .answer-box .info{ margin-bottom:5px; padding:0; color:#0053b3; font-size:12px; border:none; }
    .comment-box .list-box li .answer-box .info span.right{ float:right; color:#999; }
    .comment-box .list-box li .answer-box p{ color:#555; font-size:14px; line-height:1.8em; }

/*类别导航样式*/
.screen-box{ display:block; position:relative; margin:0 0 15px; padding:0 15px; background:#fff; }
    .screen-box ul{ padding:10px 0; display:block; font-size:14px; }
    .screen-box ul h4{ display:inline-block; padding:0 15px; text-align:right; line-height:28px; font-weight:normal; }
    .screen-box ul li{ display:inline-block; padding:0 15px; line-height:28px; *display:inline; *zoom:1; }
    .screen-box ul li a{ color:#333; }
    .screen-box ul li a:hover,.screen-box ul li.selected a{ color:#8CAC52; }
    
    .screen-box dl{ margin:0; padding:0; clear:both; display:block; border-top:1px solid #f7f7f7; font-size:12px; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:10px; width:100px; color:#555; line-height:40px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:6px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 6px 6px 0; padding:8px 10px; border:1px solid #fff; line-height:12px; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#0053b3; }
/*排序样式*/
.sort-box{ position:relative; margin:0 0 15px; height:36px; background:#fff; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:36px; height:36px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#fff; background:#0053b3; }
/*内容相册样式*/
.album-list{ position:relative; margin:15px auto; }
	.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.album-list ul{ *zoom:1; }
	.album-list li{ float:left; width:25%; }
	.album-list li a{ display:block; margin:5px; padding:3px; border:1px solid #d6d6d6; }
	.album-list li a img{ display:block; width:100%; height:auto; }
/*附件下载样式*/
.attach-list{ margin:30px auto;}
    .attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
    .attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 25px; line-height:20px; color:#0053b3; border:1px solid #0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
    .attach-list ul li .link-btn:hover{color:#fff;background-color:#0053b3;}
    .attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:40px; color:#ccc; }
    .attach-list ul li .icon-box i{ font-size:40px; color:#0053b3;}
    .attach-list ul li .info{ display:inline-block; }
    .attach-list ul li .info h3{ line-height:20px; font-weight:normal; }
    .attach-list ul li .info h3 a{color:#0053b3;}
    .attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }

/*视频样式*/
/*PC端宽高设定*/
#CuPlayer{height:100%;}
#CuPlayer div.CuPc{ width:100%; height:489px; }
/*移动端宽高设定*/
#CuPlayer div.CuMob{ width:100%; height:489px; }
#CuPlayer div.CuPad{ width:100%; height:489px; }
#CuPlayer .video-js{ width:100%; height:100%;}

/*商品缩略图样式*/
.goods-box{ position:relative; margin-bottom:15px; padding:30px; font-size:12px; background:#fff; }
.goods-pic{ position:relative; float:left; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ width:368px; height:368px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:370px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }
/*商品规格*/
.goods-spec{ position:relative; margin:0 0 0 395px; overflow:hidden; }
	.goods-spec h1{ display:block; color:#555; font-size:18px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.goods-spec .subtitle{ margin-top:5px; color:#888; font-size:14px; line-height:18px; }
	.goods-spec .spec-box{ position:relative; margin-top:10px; }
	.goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; }
	.goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl{ clear:both; display:block; }
	.goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; }
	.goods-spec .spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
	.goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
	.goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; font-style:normal; }
	.goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
	.goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; }
	.goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; }
	.goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; }
	.goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8;  cursor:pointer; overflow:hidden; }
	.goods-spec .spec-box .stock-txt{ float:left; line-height:32px; }
    .goods-spec .spec-box .stock-txt em{font-style:normal;}
	.goods-spec .spec-box .btn-buy{ margin-top:15px; }
	.goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:0 30px; color:#e5511d; font-size:16px; line-height:38px; background:#ffe4d0; border:1px solid #f0cab6; cursor:pointer; }
	.goods-spec .spec-box .btn-buy .add{ display:inline-block; padding:0 30px; color:#fff; font-size:16px; line-height:38px; background:#f40; border:1px solid #f40; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy button.over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; }
/* 图片放大镜样式*/
.jqzoom{ position:relative; float:left; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
	.jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }
/*商品Tab样式*/
.goods-tab .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0053b3; }
	.goods-tab .tab-content{ display:none; }
/*焦点菜单*/
.banner-img{ position:relative; width:100%; height:341px; overflow:hidden; }
    .banner-img img{ min-width:100%; min-height:100%; }
.banner-nav{ position:relative; width:100%; height:341px; background:#fff; }
    .banner-nav ul{ padding:15px 0; }
    .banner-nav ul li{ cursor:pointer; }
    .banner-nav ul li h3{ position:relative; display:block; padding:0 20px; width:180px; font-weight:normal; height:53px; }
    .banner-nav ul li h3 i{ position:absolute; right:5px; top:18px; width:13px; height:13px; color:#ddd; font-size:13px; }
    .banner-nav ul li h3 span{ line-height:28px; color:#333; font-size:14px; }
    .banner-nav ul li h3 p{ line-height:16px; color:rgba(0,0,0,0.5); font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .banner-nav ul li:hover h3{ background:#0073e5; }
    .banner-nav ul li:hover h3 i{ color:#fff; }
    .banner-nav ul li:hover h3 span{ color:#fff; }
    .banner-nav ul li:hover h3 p{ color:rgba(255,255,255,0.5); }
    .banner-nav ul li .item-box{ display:none; position:absolute; top:0; left:220px; bottom:0; width:705px; height:100%; background-color:rgba(0,0,0,0.3); z-index:9999; }
    .banner-nav ul li:hover .item-box{ display:block; }
    .banner-nav ul li .item-box dl{ display:block; padding:15px 30px 0; }
    .banner-nav ul li .item-box dl dt{ font-size:14px; font-weight:700; line-height:28px; }
    .banner-nav ul li .item-box dl dd{ font-size:12px; line-height:24px; }
    .banner-nav ul li .item-box dl a{ color:#fff; }
    .banner-nav ul li .item-box dl dd a{ margin-right:5px; }

/*页码容器*/
.page-box{ margin:15px 30px; }
    .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.page-box2{ margin:15px 30px; }
    .page-box2:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .page-box2 a{color:#0b61b8!important;border:1px solid #fff!important;}
    .page-box2 a:hover{border:1px solid #0b61b8!important;}
    .page-box2 .disabled{color:#999!important;border:1px solid #9c9c9c!important;}

/*购物车样式*/
.cart-info{ position:absolute; top:-50px; left:0; margin:0; padding:15px; border:1px solid #DFC795; width:302px; height:auto; background:#fcfbda; text-align:left; z-index:2; }
	.cart-info .ico{ display:block; float:left; margin-top:5px; width:46px; height:46px; }
    .cart-info .ico i{ color:#5ba61b; font-size:46px; line-height:1em; }
	.cart-info .ico.error i{ color:#fb1605; }
	.cart-info .msg{ margin-left:60px; }
	.cart-info .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.cart-info .msg p{ padding-bottom:8px; line-height:1.8em; }
    .cart-info .msg .link-btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; background:#0053b3; vertical-align:middle; }
	.cart-info .msg .close{ position:absolute; display:block; top:5px; right:5px; width:20px; height:20px; text-align:center; cursor:pointer; }
    .cart-info .msg .close i{ color:#999; font-size:14px; line-height:20px; }

.cart-head{ position:relative; margin:0 50px; padding:30px 0; }
	.cart-head h2{ float:left; color:#555; font-size:18px; line-height:35px; }
    .cart-head h2 i{ display:inline-block; margin-right:5px; color:#83c44e; font-size:23px; line-height:35px; vertical-align:middle; }
    .cart-head .cart-setp{ position:relative; margin-left:200px; }
    .cart-head .cart-setp li{ position:relative; float:left; width:33.33%; height:35px; line-height:35px; text-align:center; color:#999; font-size:12px; *width:33.3%; }
    .cart-head .cart-setp li .progress{ margin-right:1px; height:35px; line-height:35px; color:#424242; background:#eee; }
    .cart-head .cart-setp li .progress span{ margin-right:2px; font-size:14px; font-weight:600; }
    .cart-head .cart-setp li.active .progress{ color:#fff; background:#83c44e; }
    .cart-head .cart-setp li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .cart-head .cart-setp li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }

.cart-box{ position:relative; margin:0 50px; }
    .cart-box .cart-table{ border:1px solid #eee; }
	.cart-box .cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f5f5f5; border-bottom:1px solid #eee; }
	.cart-box .cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #eee; }
	.cart-box .cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; }
	.cart-box .cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; }
	.cart-box .cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}
	.cart-box .cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; }
	.cart-box .cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; }
	.cart-box .cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; }

.item-box{ clear:both; padding:20px 0; font-size:14px; }
	.item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; }
	.item-box li label input{ margin-right:3px; }
	.item-box li em{ color:#999; font-style:normal;}

.buy-foot{ margin:20px 0; font-size:14px; }
    .buy-foot .left-box{ float:left; }
	.buy-foot .left-box dl{ clear:both; padding-bottom:10px; line-height:28px; }
	.buy-foot .left-box dl dt{ color:#6c6c6c; }
	.buy-foot .left-box dl dd .input{ width:230px; padding:5px; border:1px solid #ddd; }
	.buy-foot .right-box{ float:right; text-align:right; }
	.buy-foot .right-box p{ line-height:38px; }
	.buy-foot .right-box p .price{ color:#f00; font-weight:700; }
	.buy-foot .right-box p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; }
	.buy-foot .right-box p.btn-box{ margin-top:20px; }
    .buy-foot .right-box p.btn-box .btn{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#0073e5; border-radius:3px; cursor:pointer; }
    .buy-foot .right-box p.btn-box .button{ background:#0073e5; }
    .buy-foot .right-box p.btn-box .submit{ background:#0053b3; }
    .buy-foot .right-box p.btn-box .gray{ background:#ddd; }

.cart-foot{ margin:0 50px; padding:20px 0 30px; height:40px; }
	.cart-foot .left-box{ float:left; line-height:40px; }
	.cart-foot .left-box a{ margin-right:20px; font-size:14px; }
    .cart-foot .right-box{ float:right; }
    .cart-foot .right-box button{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#0073e5; border-radius:3px; cursor:pointer; }
    .cart-foot .right-box .submit{ background:#0053b3; }
    .cart-foot .right-box .button{ background:#0073e5; }

.address-list{ margin:20px 0 0; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; }
	.address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; }
	.address-list li span{ margin-left:10px; }
	.address-list li label em{ margin-left:5px; font-style:normal; }
	.address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; }
	.address-list li.selected span{ color:#333; font-weight:700; }
.address-info.form-box{ margin:0; }
    
/*表单样式*/
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
    .msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
    .msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{ margin:0 50px; padding:20px 0 30px; }
    .form-box .form-group{ margin:0; padding:10px 0; clear:both; }
    .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; }
    .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
    .form-box .form-group dd img{ vertical-align:middle; }
    .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .input.code{ width:80px; }
    .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #0053b3; background:#0053b3; cursor:pointer; }
    .form-box .form-group dd .submit,.form-box .form-group dd .button{background:#0073e5;}
    .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; }
    .form-box .form-group dd label.mart{ margin-right:5px; }
    /*全屏样式*/
    .form-box.full{ padding:0 0 50px; }
    .form-box.full .form-group dt{ width:40%; }
    .form-box.full .form-group dd{ margin-left:42%; }
    .form-box.full .form-group dd .input{ width:40%; }
    .form-box.full .form-group dd .input.code{ width:80px; }

.form-table{ }
    .form-table .form-unit{ padding:5px 0;overflow:hidden;}
    .form-table .form-unit-half{width:47%;}
    .form-table .form-unit .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-table .form-unit dt{ display:block; float:left; width:90px; line-height:40px;}
    .form-table .form-unit dt b{padding-left:3px;color:red;}
    .form-table .form-unit dd{ display:block; float:left;line-height:40px;width: calc(100% - 90px); }
    .form-table .form-unit dd img{ vertical-align:middle; }
    .form-table .form-unit dd .input{ display:inline-block; padding:0 10px; width:100%; height:40px; line-height:20px; border:1px solid #ddd;box-sizing:border-box; }
    .form-table .form-unit dd .input.code{ width:80px; }
    .form-table .form-unit dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #ddd; }
    .form-table .form-unit dd .textarea{ display:inline-block; padding:10px; width:100%; height:90px; line-height:20px; border:1px solid #ddd;box-sizing:border-box; vertical-align:middle; overflow:auto; }
    .form-table .form-unit dd .submit{ display:inline-block; padding:0 44px;height:44px; color:#fff; font-size:16px;line-height:44px;background:#0b49bd;border:1px solid #0b49bd;box-sizing:initial;}
    .form-table .form-unit dd .submit:hover{background:#165cdf;border:1px solid #165cdf}
    .form-table .form-unit dd .button{ display:inline-block; padding:0 44px; height:44px; color:#666; font-size:16px;line-height:44px; background:#eee;border:1px solid #eee; box-sizing:initial;}
    .form-table .form-unit dd label.mart{ margin-right:5px; }
    .form-table .form-unit dd label.mart input{margin-right:3px;}
@charset "utf-8";
/*Validform验证*/
.Validform_checktip{ margin-left:5px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right{ display:none; color:#71b83d; padding-left:20px; background:url(../../../css/valid_icons.png) no-repeat -40px -20px; vertical-align:middle; }
.Validform_wrong{ display:inline-block; color:red; padding-left:20px; white-space:nowrap; background:url(../../../css/valid_icons.png) no-repeat -20px -40px; vertical-align:middle; }
.Validform_loading{ padding-left:20px; background:url(../../../css/icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#ebf2ff;border:1px solid #0f63ff!important; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}

/*物流样式*/
.accept-box{ margin-bottom:50px; padding:0; background:#fff; border:1px solid #f0f0f0; }
	.accept-box dl{ padding:0 !important; }
	.accept-box dl.head{ position:relative; margin:0; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
    .accept-box dl.head dd{ margin-left:10px; }
	.accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; }
/*订单进度*/
.order-progress{ position:relative; margin:20px 50px; height:55px; }
    .order-progress li{ position:relative; float:left; width:20%; text-align:center; }
    .order-progress.mini li{ width:25%; }
    .order-progress li .progress{ display:block; margin-right:1px; line-height:20px; color:#424242; font-size:12px; text-align:center; background:#eee; }
    .order-progress li .info{ display:block; margin-top:15px; line-height:20px; color:#757575; font-size:12px; text-align:center; }
    .order-progress li.active .progress{ color:#fff; background:#83c44e; }
    .order-progress li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .order-progress li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }

/*提示信息*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; }
    .msg-tips .icon{ display:block; float:left; width:60px; height:60px; }
    .msg-tips .icon i{ margin:0; padding:0; font-size:60px; color:#090; line-height:1em; }
    .msg-tips .icon.warning i{ color:#f90; }
    .msg-tips .icon.error i{ color:#f00; }
    .msg-tips .info{ margin-left:80px; }
    .msg-tips .info strong{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; }
    .msg-tips .info p{ line-height:24px; color:#666; font-size:14px; }
    .msg-tips .info p a{ margin:auto 2px; }
/*会员登录样式*/
.login-box{ margin:50px auto 0; padding-bottom:50px; width:343px; overflow:hidden; }
    .login-box .form-txt{display:block;margin-bottom:20px;padding:12px 20px;width:300px;border:1px solid #ddd;}
    .login-box .input-box{ position:relative; display:inline-block; margin-bottom:20px; padding:0 10px; width:320px; border:1px solid #e5e5e5; height:42px; line-height:22px; color:#333; font-size:14px; overflow:hidden; }
    .login-box .input-box input{ padding:12px 0; width:100%; height:20px; line-height:20px; font-size:14px; }
    .login-box .remember-box{ margin-bottom:30px; height:20px; line-height:20px; color:#909090; font-size:14px; }
    .login-box .remember-box input{ vertical-align:middle; }
    .login-box .remember-box label{ margin-right:7px; cursor:pointer; vertical-align:middle; }
    .login-box .remember-box a{ color:#0053b3; vertical-align:middle; }
    .login-box .btn-box{ display:block; margin-bottom:20px; height:42px; }
    .login-box .btn-box input{ display:inline-block; width:342px; height:42px; line-height:42px; background:#0073e5; color:#fff; cursor:pointer; font-size:14px; text-align:center; }
    .login-box .tip-box{ display:block; text-align:center; height:20px; line-height:20px; color:#f90; font-size:13px; }
    .login-box .oatuh-box{ text-align:center;}
    .login-box .oatuh-box h3{ display:block;margin:0 auto;position:relative; margin-bottom:14px; color:#777; font-size:14px; font-weight:normal; }
    .login-box .oatuh-box h3::before{content:"";position:absolute;top:50%;left:66px;height:1px;width:34px;background:#777;}
    .login-box .oatuh-box h3::after{content:"";position:absolute;top:50%;right:66px;height:1px;width:34px;background:#777;}
    .login-box .oatuh-box ul{display:inline-block;margin:0 auto;}
    .login-box .oatuh-box li{float:left;margin:0 12px;text-align:center;}
    .login-box .oatuh-box p{font-size:12px;line-height:24px;color:#666;}
    .login-box .oatuh-box li a img{ width:30px; height:30px; }

.oauth-box{ position:relative; margin:50px auto; width:65%; border:1px solid #f0f0f0; overflow:hidden; }
    .oauth-box .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
    .oauth-box .tab-head li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
    .oauth-box .tab-head li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
    .oauth-box .tab-head li a.selected{ color:#fff; background:#0053b3; }
    .oauth-box .tab-content{ display:none; }
/*会员头像容器*/
.avatar-box{ padding:10px 15px; border-bottom:1px solid #ddd; height:60px; background:#fff; }
    .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; border-radius:60px; background:#fff; text-align:center; overflow:hidden; }
    .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:78px; background:#fff; }
    .avatar-box h2{ margin:0;color:#0053b3; font-size:16px; font-weight:normal; line-height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-box p{ color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-box p b{ color:#0053b3; font-weight:normal; }
/*会员中心导航*/
.center-nav{ padding:15px 20px 10px; }
    .center-nav ul li{ padding:0; overflow:hidden; }
    .center-nav ul li h2{ margin-bottom:8px; color:#333; font-size:14px; font-weight:normal; line-height:20px; }
    .center-nav ul li h2 i{ display:inline-block; margin-left:5px; color:#666; font-size:14px; line-height:20px; }
    .center-nav ul li h2 span{ font-weight:300; }
    .center-nav ul li .list{ margin:0 0 15px 26px; font-size:12px; }
    .center-nav ul li .list p{ margin-top:5px; }
    .center-nav ul li .list a{ display:block; height:24px; line-height:24px; color:#757575; }
    .center-nav ul li .list a i{ float:right; line-height:24px; color:#999; font-size:12px; }
    .center-nav ul li.selected .list a,.center-nav ul li .list a:hover{ color:#0053b3; }
.center-head{ margin:15px 50px 0; padding:15px; background:#fafafa; }
    .center-head .img-box{ display:block; float:left; width:116px; height:116px; text-align:center; border-radius:110px; background:#fff; overflow:hidden; }
    .center-head .img-box img{ padding:2px; width:110px; height:110px; border:1px solid #f5f5f5; border-radius:110px; background:#fff; }
    .center-head .img-box i{ color:#ccc; font-size:110px; line-height:1.3em; }
    .center-head .list-box{ position:relative; display:block; margin-left:135px; }
    .center-head .list-box h3{ display:block; color:#333; font-size:16px; font-weight:normal; line-height:42px; }
    .center-head .list-box ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .center-head .list-box ul li{ display:block; float:left; width:33.32%; color:#848484; font-size:14px; line-height:32px; }
    .center-head .list-box ul li p{ text-align:center; }
    .center-head .list-box ul li .link-btn{ display:inline-block; padding:5px 15px; color:#fff; font-size:12px; line-height:18px; background:#0073e5; vertical-align:middle; }
    .center-head .list-box ul li .link-btn:hover{background:#0080ff;}
.center-info{ position:relative; margin:0 50px 0; padding:15px 30px; background:#fff; }
    .center-info ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .center-info ul li{ display:block; float:left; width:50%; _width:49.8%; line-height:30px; color:#999; }
.center-tit{ margin:0 50px; padding:10px 15px; background:#fafafa; line-height:24px; }
    .center-tit span{ float:right; font-size:12px; }
    .center-tit h3{ color:#000; font-size:14px; font-weight:normal; }
    .center-tit h3 i{ margin-right:5px; font-size:14px; }
/*表格样式*/
.table-wrap{ margin:0 50px 20px; }
.ftable{ margin:15px 0; width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ margin:15px 0; width:100%; background:#fff; _width:auto; }
	.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
	.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
	.ftable td s{ color:#999; text-decoration:line-through; }
	.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; }
/*会员列表页码样式*/
.page-foot{ clear:both; height:35px; line-height:35px; }
    .page-foot .btn-box a{ display:inline-block; margin-right:10px; padding:5px 15px; line-height:20px; border:1px solid #eee; font-size:12px; vertical-align:middle; }
    .page-foot .right{ float:right; }
/*头像容器*/
.avatar-wrap{ margin:0 15px; background:#fafafa; }
    .avatar-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .avatar-wrap .avatar-box{ padding:10px 25px; border-bottom:1px solid #ddd; height:60px; }
    .avatar-wrap .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; overflow:hidden; }
    .avatar-wrap .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-wrap .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:54px; }
    .avatar-wrap .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p{ color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p i{ color:#0053b3; font-style:normal; }
/*头像上传*/
.cropper-wrap{ margin-top:20px; }
	.cropper-wrap .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wrap .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wrap .cropper-view{ float:left; width:184px; }
	.cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; border:1px solid #0073e5; background:#0073e5; cursor:pointer; color:#fff; }
    .cropper-wrap .cropper-view .btn-box .btn:hover{background:#0080ff;}
/*以下部分是WebUploader必须的*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #0073e5; border-radius:2px; cursor:pointer; background:#0073e5; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ opacity:0.9; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; }

/*页面底部
----------------------------------------------*/
/*留言链接样式*/
.link-box{ width:870px;}
    .link-box .side-link .img{ height:auto; }
    .link-box .side-link .txt{ height:auto; font-size:14px; line-height:30px; }
.side-link{ padding:20px; background:#fff; _position:relative; }
    .side-link .img{ display:block; margin:-20px 0 0 -21px; padding:0; height:51px; overflow:hidden; *display:inline-block; }
    .side-link .img:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-link .img li{ position:relative; float:left; margin:20px 0 0 21px; width:88px; height:31px; overflow:hidden; _display:inline; }
    .side-link .img li img{ width:100%; height:100%; }
    .side-link .txt{ margin-top:17px; width:100%; height:48px; line-height:24px; font-size:12px; overflow:hidden; }
    .side-link .txt strong{ color:#eee; margin:0 1px; font-weight:normal; }
.side-book{ background:#fff; }
    .side-book ul{ padding:20px; }
    .side-book ul li{ font-size:12px; line-height:24px; height:24px; overflow:hidden; }
    .side-book ul li span{ float:right; margin-left:10px; color:#999; }

/*响应式布局
--------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1160px) {
	.section{ width:925px; }
    .slide-box{ height:363px; }
    .slide-box .list-box{ margin-left:-768px; width:1536px; }
    .side-link-wrap{ width:455px; }
}
@media only screen and (min-width:1161px) {
	.section{ width:1160px; }
}

/*CSS3动画
--------------------------------------------------------------------------------------------*/
/*擦亮动画*/
@-webkit-keyframes shine{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@keyframes shine{
  from{margin-left:-50%}
  to{margin-left:120%}
}
/*来回擦亮*/
@-webkit-keyframes shine-move {
    0% {
        left: 0px
    }
    100% {
        left: 270px
    }
}
@keyframes shine-move {
    0% {
        left: 0px
    }
    100% {
        left: 270px
    }
}

/*摇晃动画*/
@-webkit-keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(1px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-2px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(2px, 0, 0);
	}
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(1px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-2px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(2px, 0, 0);
	}
}

/*二维码扫描*/
@-webkit-keyframes qrcode {
    0% {
        opacity: 1;
        filter: alpha(opacity:100);
        top: 0;
    }

    100% {
        opacity: 1;
        filter: alpha(opacity:100);
        top: 100%;
    }
}
@keyframes qrcode {
    0% {
        opacity: 1;
        filter: alpha(opacity:100);
        top: 0;
    }

    100% {
        opacity: 1;
        filter: alpha(opacity:100);
        top: 100%;
    }
}

/*页内头图动画*/
@-webkit-keyframes page-banner
{
    from {transform: scale(1.03);}
    to {transform: scale(1);}
}

@keyframes page-banner
{
    from {transform: scale(1.03);}
    to {transform: scale(1);}
}