@font-face {
font-family: 'brandontext-regular';
src: url('../font/brandontext-regular.eot'); /* IE9 Compat Modes */
src: url('../font/brandontext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../font/brandontext-regular.woff') format('woff'), /* Modern Browsers */
	   url('../font/brandontext-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../font/brandontext-regular.svg#brandontext-regular') format('svg'); /* Legacy iOS */
}

/* Css Document */
html, body{-webkit-text-size-adjust:none;}
body{min-width: 1200px; margin: 0 auto; font-size: 12px; color: #626262; line-height: normal; font-style: normal; background: #f5f5f5;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
a, a:link, a:visited, a:hover, a:active{text-decoration: none; outline: 0; color: #626262; }
small{font-size: 100%;}
p{font-size: 12px; line-height: 22px; color: #626262;}
table{margin: 0; padding: 0;}
input, textarea, button, select, radio, input:focus, textarea:focus, button:focus, select:focus, radio:focus{outline: 0; border: 0;}
a{outline:none; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal, select::-ms-expand, ::-ms-expand{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.container{margin: 0 auto; width: 1200px;}
.btn-big{padding: 16px 0; width: 252px; font-size: 16px; text-align: center;}
.btn-main{color: #0e2a56 !important; background: #aecbf9;}
.btn-main:hover, .btn-bg:hover{background: #80b0fe;}
.btn-gray{color: #fff !important; background: #5e5e5e;}
.btn-gray:hover{background: #444;}
.btn-bd{margin-bottom: 10px; width: 77px; height: 22px; line-height: 22px; font-size: 12px; color: #3b3b3b; border: 1px solid #d5cfd7; text-align: center;}
.btn-bd:hover{border: 1px solid #aecbf9;}
.btn-bg{width: 79px; height: 24px; line-height: 24px; font-size: 12px; color: #3b3b3b; background: #aecbf9; text-align: center;}
.red{color: #e34220;}
.blue{color: #153b76;}
.darkblue{color: #2a59a7 !important;}
.trangle{width: 9px; height: 17px; background: url(../images/trangle.png) no-repeat;}
.bgcolor-white{background-color: #fff;}
.bgcolor-gray{background-color: #f3f4f5;}
.num >span >span{float: left; display: block; margin-right: -1px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #e2e2e2; background: none;}
.number{width: 50px;}
.number input{width: 100%; height: 26px; border: 0; outline: 0; text-align: center; color: #383838; +position: relative; +top: 7px; +width: 96%; font-size: 13px; color: #000; background: none;}
.minus, .add{width: 36px; font-size: 20px; color: #000;}

/* -------------------- header -------------------- */
.header{height: 70px; background: #fff;}
.header a:hover{color: #2a59a7;}
.logo{left: 35px; top: 15px;}
.topbar{right: 50px; top: 17px;}
.topbar a{float: left; display: block; line-height: 33px;}
.topbar em{float: left; margin: 13px 9px 0; width: 1px; height: 6px; background: #222;}
.top-wechat{margin-right: 3px; width: 33px; height: 33px; background: url(../images/header.jpg) no-repeat -1px -9px;}
.top-sina{margin-right: 13px; width: 33px; height: 33px; background: url(../images/header.jpg) no-repeat -36px -9px;}
.top-register{padding-left: 18px; background: url(../images/header.jpg) no-repeat -80px -9px;}
.navbar >ul{display: table; width: 100%; text-align: center;}
.navbar >ul >li{display: inline-block; height: 70px; vertical-align: middle;}
.navbar >ul >li >a{display: block; padding: 0 45px; height: 70px; line-height: 70px; font-size: 16px;}
.navbar >ul >li >a:hover, .navbar >ul >li.active >a{background: #c3d8f9; color: #315792;}
.wxbox{display: none; position: absolute; top: 45px; z-index: 10000; width: 131px; height: 138px; background: url(../images/wxbox.png) no-repeat;}
.wxbox img{margin-top: 21px; margin-left: 15px; width: 101px; height: 101px;}

/* -------------------- footer -------------------- */
.link{padding: 15px 0; background: #353535;}
.link-select{padding: 10px 35px 10px 10px; width: 220px; color: #fff; background: #2f2f2f;}
.link-select i{top: 0; right: 0; width: 35px; height: 35px; background: url(../images/select.png) no-repeat center center;}
.link ul{z-index: 100; top: 36px; width: 265px; max-height: 255px; border-top: 1px solid #4f4f4f;}
.link ul li a{display: block; padding: 10px; color: #fff; background: #2f2f2f;}
.link ul li a:hover{background: #4f4f4f;}
.link-twitter{right: 170px; top: 11px;}
.link-twitter a{display: inline-block; margin-left: 13px; width: 20px; height: 20px; background-image: url(../images/twitter.png); background-repeat: no-repeat;}
.link-twitter a:hover{background-image: url(../images/twitter-hover.png);}
.jiathis_button_weixin{background-position: left top;}
.jiathis_button_tsina{background-position: right top;}
.jiathis_style .jtico{background: none !important;} 
.footer{padding: 38px 0 15px; background: #2b2b2b;}
.footer-left dl{float: left; width: 138px; line-height: 28px;}
.footer-left dl dt{margin-bottom: 8px; padding-bottom: 8px; color: #fff; font-size: 14px; border-bottom: 1px solid #202328;}
.footer-left dl dd a{display: block; color: #8b9297;}
.footer-left dl dd a:hover{color: #fff;}
.footer-right {margin-right: 11px;}
.footer-right dl{float: left; margin-left: 46px; width: 116px;}
.footer-right dt{font-size: 12px; color: #fff; line-height: 32px;}
.copyright{padding: 20px 0; background: #2b2b2b; font-size: 12px; color: #8b9297;}
/* 悬浮框 */
.floatdiv{z-index: 10000; right: 5px; bottom: 10%; margin-top: -217px;}
.floatdiv >div{margin: -10px 0; height: 84px;}
.floatdiv .before{z-index: 1; right: 0; top: 0; width: 84px; height: 84px; text-align: center; background: url(../images/float.png) no-repeat;}
.floatdiv .before i{display: inline-block; margin: 24px auto 0; width: 27px; height: 27px; background-image: url(../images/float-icon.png); background-repeat: no-repeat;}
.float-icon1 .before i, .float-icon1 .after a i{background-position: 0 6px;}
.float-icon2 .before i, .float-icon2 .after a i{background-position: 0 -22px;}
.float-icon3 .before i, .float-icon3 .after a i{background-position: 0 -51px;}
.float-icon4 .before i, .float-icon4 .after a i{background-position: 0 -78px;}
.float-icon5 .before i, .float-icon5 .after a i{background-position: 0 -110px;}
.float-icon6 .before i, .float-icon6 .before:hover i{background-position: 0 -144px;}
.floatdiv .after{z-index: 2; right: 0; top: 1px; width: 0; height: 83px; overflow: hidden; background: url(../images/float-hover.png) no-repeat;}
.floatdiv .after a{display: block; padding-right: 10px; text-align: center; line-height: 75px; color: #275397; font-size: 15px; letter-spacing: 4px;}
.floatdiv .after a i{position: absolute; right: 30px; top: 23px; display: inline-block; width: 27px; height: 27px; background-image: url(../images/float-icon-hover.png); background-repeat: no-repeat;}
.float-icon6 .before:hover i{background-image: url(../images/float-icon-hover.png);}
#showMenu{display: none; position: fixed; z-index: 10000; right: -10px; bottom: 26%; width: 50px; height: 50px; background: url(../images/show1.png) no-repeat center center; background-size: 50px 50px;}
#hideMenu{display: none; position: fixed; z-index: 10000; right: 12px; bottom: 1%; width: 42px; height: 65px; background: url(../images/hide.png) no-repeat center center;}
.showpanel{display: none; position: fixed; z-index: 10000; right: -65px; bottom: 20%; width: 170px; height: 170px; background: url(../images/show2.png) no-repeat center center;}
.showpanel a{position: absolute; display: block; width: 34px; height: 34px; background-repeat: no-repeat; background-image: url(../images/float-icon-hover.png);}
.s-icon1{left: 65px; top: 9px; background-position: 2px 10px;}
.s-icon2{left: 23px; top: 23px; background-position: 2px -19px;}
.s-icon3{left: 10px; top: 65px; background-position: 2px -75px;}
.s-icon4{left: 23px; top: 107px; background-position: 2px -107px;}
.s-icon5{left: 65px; top: 125px; background-position: 2px -140px;}
.s-close{top: 67px; left: 67px; background: none !important;}

/* -------------------- 登录 and 注册 -------------------- */
.login-wrap{margin: 108px 54px; padding: 65px; background: #fff;}
.login-left{width: 290px;}
.login-left *{color: #5d5d5d;}
.login-title h1{margin-top: 25px; margin-bottom: 0; font-weight: 400;}
.login-left p{margin-top: 150px; font-size: 13px;}
.login-left p span{position: relative; top: -3px; display: inline-block; margin-left: 8px; width: 182px; height: 1px; background: #ccc;}
/*.login-left a{display: inline-block; width: 33px; height: 33px; background-repeat: no-repeat; background-image: url(../images/icon.png);}
.login-left a:hover{background-image: url(../images/icon-hover.png);}*/
.login-qq{background-position: 0 0;}
.login-wechat{background-position: -44px 0;}
.login-sina{background-position: -84px 0;}
.login-right{padding-top: 70px; width: 406px;}
.login-right p{margin-top: 20px;}
.login-right p a{color: #969696; font-size: 12px;}
.login-right p a:hover{color: #153b76;}
.input-wrap{position: relative; margin-bottom: 20px; padding: 15px; border: 1px solid #d3d3d3; color: #bbb; font-size: 12px; cursor: pointer;}
.input-wrap.error{border: 1px solid #e34220;}
.input-wrap input{width: 100%; font-size: 12px; color: #bbb;}
.input-wrap .placeholder{position: absolute; left: 15px; top: 15px;} 
.tip{color: #e34220; line-height: 20px; min-height: 20px;}
.tip i{position: relative; top: 2px; display: none; width: 26px; height: 14px; background: url(../images/alert.png) no-repeat 5px 0;}
.submit{margin-top: 20px; width: 100%; height: 56px; font-size: 16px; font-weight: bold; color: #54719f; background: #aecbf9;}
.submit:hover{background: #80b0fe; color: #fff;}
.register-wrap{margin: 42px 297px; padding: 40px 100px 90px; background: #fff;}
.register-wrap .login-right{padding-top: 40px;}
.login-code{margin-left: 9px; width: 107px; border: 1px solid #d3d3d3; text-align: center; line-height: 48px; color: #737373; cursor: pointer;}
.success{margin-top: 155px;}
.success a{margin: 10px auto;}

/* -------------------- 首页 -------------------- */
.index-banner .item{height: 613px; background-repeat: no-repeat; background-position: center center;}
.index-banner .item a{display: block; width: 100%; height: 100%;}
.index-pro{padding-top: 68px; padding-bottom: 70px; background: #f6f6f6;}
.index-pro-img{left: 0; top: 90px; height: 5px; background: url(../images/pic/line.png) no-repeat right center;}
.index-pro-title h3{margin-bottom: 0; font-size: 40px; line-height: 44px; color: #e67347; font-family: "brandontext-regular";}
.index-pro-title small{font-size: 14px; color: #262626;}
.index-pro ul{margin-top: 30px; height: 735px;}
.index-pro ul li{width: 600px;}
.index-pro a:hover > img{opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-pro1{top: 0; left: 0; height: 351px;}
.index-pro2{top: 351px; left: 0; height: 384px;}
.index-pro3{top: 0; left: 600px; height: 735px;}
.index-pro .pop{left: 0; top: 0; background: rgba(170,198,255,.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5aac6ff,endColorstr=#e5aac6ff); zoom:1;}
:root .index-prp .pop{filter: none\9;}
.index-pro .pop *{color: #fff;}
.index-pro .pop small{font-family: "brandontext-regular"; font-size: 15px;}
.index-pro .pop p{margin-top: 5px; font-size: 24px; line-height: 30px;}
.index-pro2 .pop{padding: 34px 30px 0; width: 92px; height: 350px;}
.index-pro2 .pop .more{bottom: 15px; width: 90px; border: 1px solid #c6d9ff; text-align: center; font-size: 11px; line-height: 18px;}
.index-pro2 a:hover .more{border: 1px solid #fff;}
.index-pro3 .pop{padding: 15px; width: 570px;; height: 124px;}
/* 品牌理念 */
.brand{background: #efefef;}
.brand-title{padding-top: 60px; padding-bottom: 60px; background: #fff;}
.brand-title p{margin-bottom: 12px; font-size: 28px; line-height: 30px;}
.brand-left{width: 600px;}
.brand-left-top{height: 395px; background: #c3d8f9 url(../images/pic/pic4.png) no-repeat center center;}
.brand-right{margin-top: 230px; padding: 74px 30px; width: 540px; background: #fff;}
.brand-right-hd p{margin-bottom: 12px; font-size: 23px; color: #ff5971;}
.brand-right-hd small{color: #ffcdd6;}
.brand-right-bd{margin-top: 70px; margin-bottom: 53px;}
.brand-right-ft p{margin-bottom: 8px; font-size: 15px; line-height: 27px; color: #545454;}
.brand-right-ft small{color: #dadada;}
/* 新闻中心 */
.index-news{background: #fff;}
.index-news-title{padding-top: 60px; padding-bottom: 135px; background: #c3d8f9; color: #4884e1;}
.index-news-title p{margin-bottom: 12px; font-size: 50px; line-height: 54px; color: #4884e1; font-family: "brandontext-regular";}
.index-news-slider{margin-top: -88px; padding-bottom: 35px; border-bottom: 1px dotted #6e6e6e;}
.index-news-slider .imgbox{width: 600px; height: 258px;}
.index-news-slider .text{padding: 25px 0 20px;}
.index-news-slider .date{width: 110px; text-align: center; color: #232323;}
.index-news-slider .date .ft-37{line-height: 37px;}
.index-news-slider .desc{padding: 5px 30px 0 40px; width: 420px;}
.index-news-slider .desc .ft-13{color: #232323;}
.index-news-slider .desc .ft-12{color: #7e7e7e;}
.index-news-slider a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-news-slider a:hover .text{background: #e8e8e8;}
.index-news-slider .more{left: 50%; bottom: -48px; margin-left: -64px; width: 128px; text-align: center; line-height: 20px; border: 1px solid #ccc; color: #6e6e6e;}
.index-news-slider .more:hover{background: #dedede; color: #fff;}

/* -------------------- 产品列表 -------------------- */
.banner{padding-top: 110px; height: 185px; background: #f6ddde;}
.banner h3{margin-bottom: 10px; font-size: 60px; line-height: 60px; font-weight: normal; color: #e9846e;}
.banner small{font-size: 18px; color: #e5879e;}
.featured{background: #fff;}
.featured .item{float: left; width: 20%; text-align: center;}
.featured .item a{display: block; padding: 10px 0;  width: 100%; height: 100%;}
.featured .item em{display: block; margin: 30px auto 15px; width: 63px; height: 60px; background-repeat: no-repeat; background-image: url(../images/pro.png);}
.featured .item p{font-size: 14px; color: #434343;}
.fea-icon1{background-position: 0 0;}
.fea-icon2{background-position: 0 -60px;}
.fea-icon3{background-position: 0 -120px;}
.fea-icon4{background-position: 0 -180px;}
.fea-icon5{background-position: 0 -240px;}
.featured .item.active >a em{background-image: url(../images/pro-hover.png);}
.featured .item.active >a{background: #c3d8f9;}
.featured .item.active >a p{color: #3f6aac;}
.featured .inner-item{display: none; position: absolute; z-index: 1; left: 0; top: 167px; width: 100%; height: 50px; background: #f3f4f5; border-top: 1px solid #e8e8e9;}
.featured .inner-item a{display: inline; font-size: 15px; color: #434343; line-height: 50px;}
.featured .inner-item a:hover, .featured .inner-item a.active{color: #3f6aac;}
.featured .inner-item a i{padding-left: 70px; padding-right: 10px;}
.local {padding: 35px 0;}
.local span{display: inline-block; margin-right: 8px; padding-right: 15px; color: #434343; font-size: 14px; background: url(../images/right.png) no-repeat right center;}
.local span.active{margin-right: 0; padding-right: 0; color: #4884e1; background: none;}
.local .button{right: 0; top: 30px;}
.local .button a{display: inline-block; margin-left: 8px; width: 33px; height: 33px; background: url(../images/arrow.png) no-repeat;}
.local .button a.left{background-position: left top;}
.local .button a.right{background-position: right top;}
.local .button a.left:hover{background-position: left bottom;}
.local .button a.right:hover{background-position: right bottom;}
/* 产品列表 */
.pro-list{margin: 0 -10px;}
.pro-list li{float: left; margin: 0 10px; width: 386px;}
.pro-list li .imgbox{display: table; width: 386px; height: 386px; background: #f3f4f5;}
.pro-list li .imgbox .img{display: table-cell; height: 386px; vertical-align: middle; text-align:center;}
.pro-list li .imgbox .filterbox{top: 193px; left: 193px; width: 0; height: 0; opacity: 0;}
.pro-list li .imgbox .filterbox a{display: inline-block; margin: 170px 5px 0; padding: 8px 0; width: 100px; text-align: center; border: 1px solid #fff; color: #fff; font-size: 14px;}
.pro-list li .imgbox .filterbox a:hover{background: rgba(255,255,255,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); zoom:1;}
:root .pro-list li .imgbox .filterbox a:hover{filter: none\9;}
.pro-list .text {padding: 30px;}
.pro-list .text h3{margin-bottom: 5px; font-size: 24px; color: #434343; font-weight: normal;}
/* 分页 */
.page {margin: 60px auto;}
.page a{display: inline-block; line-height: 33px; text-align: center;}
.page a:hover{color: #4e4c4c;}
.page-m a{width: 33px; height: 33px; font-size: 11px; color: #989898; font-family: "Arail";}
.page-m a.active{background: url(../images/product/circle.png) no-repeat; color: #4e4c4c;}
.page-prev a, .page-next a{font-size: 12px; color: #646464;}
.page-prev a{margin-right: 20px; padding-right: 12px; border-right: 1px solid #eaeaeb;}
.page-next a{margin-left: 20px; padding-left: 12px; border-left: 1px solid #eaeaeb;}
/* 产品内页 */
.pro-title-box{margin-top: 55px; margin-bottom: 95px; padding-bottom: 20px; border-bottom: 1px solid #a5a5a5;}
.pro-tit{width: 770px;}
.pro-tit h1{margin-bottom: 5px; font-size: 40px; font-weight: normal; color: #434343;}
.pro-tit small{font-size: 13px; color: #3e3e3e;}
.pro-title-box .local{margin-top: 53px; padding: 0; width: 420px;}
.intro{padding-bottom: 157px;}
.intro-slide{margin-left: 48px; width: 620px;}
.intro td.tl{vertical-align: middle;}
.intro dl {margin-bottom: 16px;}
.intro dl dt{margin-bottom: 10px; font-size: 14px; color: #434343; line-height: 14px; font-weight: bold;}
dl.intro-price dd{padding: 18px 12px 10px; background: #c3d8f9; font-size: 22px;}
dl.intro-price dd span{font-size: 45px;}
dl.intro-color{margin-right: -15px;}
dl.intro-color dd{float: left; margin-right: 17px; margin-bottom: 17px; width: 203px; height: 40px; line-height: 40px; font-size: 12px; color: #434343; text-align: center; border: 1px solid #afafaf; cursor: pointer;}
dl.intro-color dd.active{background: #c3d8f9; border: 1px solid #c3d8f9;}
dl.intro-btn a{display: inline-block; padding: 15px 0; width: 205px; text-align: center; font-size: 20px; font-weight: bold;}
dl.intro-btn .buynow{margin-right: 17px; background: #e34220; color: #fff;}
dl.intro-btn .buynow:hover{background: #ba3417;}
dl.intro-btn .addcar{background: #c3d8f9; color: #476ba3;}
dl.intro-btn .addcar:hover{background: #8db7f9;}
dl.intro-btn .addcar i{position: relative; top: 3px; display: inline-block; margin-right: 5px; width: 21px; height: 21px; background: url(../images/product/car.png) no-repeat;}
.pro-use{margin: 70px auto;}
.pro-use dt{margin-bottom: 11px; padding-bottom: 13px; border-bottom: 1px solid #ccc;}
.pro-use dt span.ff-ar{color: #e9846e;}
.pro-use dd{font-size: 13px; color: #424242; line-height: 27px;}
dl.pro-applications{margin-right: 20px; width: 387px;}
dl.pro-features{margin-right: 20px; width: 470px;}
dl.pro-supply{width: 303px;}

/* -------------------- 关于 -------------------- */
.inner-title{font-size: 15px; color: #4e4e4e; margin-top: 14px; letter-spacing: 8px;}
.subnav{margin-top: -22px;}
.subnav li{float: left; padding: 31px 0; width: 25%; overflow: hidden;}
.subnav li a{display: block; width: 100%; height: 100%; color: #7b7b7b; text-align: center; line-height: 25px; font-size: 17px;}
.subnav li a em{position: relative; top: 8px; display: inline-block; width: 35px; height: 25px; background-repeat: no-repeat; background-image: url(../images/about/subnav.png)}
.subnav-icon1{background-position: 0 1px;}
.subnav-icon2{background-position: 0 -38px;}
.subnav-icon3{background-position: 0 -77px;}
.subnav-icon4{background-position: 0 -122px;}
.subnav-icon5{background-position: 0 -156px;}
.subnav-icon6{background-position: 0 -193px;}
.subnav-icon7{background-position: 0 -229px;}
.subnav-icon8{background-position: 0 -260px;}
.subnav li.active{background: #aecbf9;}
.subnav li.active a{color: #315792;}
.subnav li.active a em{background-image: url(../images/about/subnav-hover.png);}
.gray1{background: #f8f8f8;}
.gray2{background: #eaeaea;}
.gray3{background: #e3e3e3;}
.about .left{position: relative; float: left; width: 512px;}
.about .right{position: relative; float: right; width: 688px;}
.about-block1{margin-top: 115px;}
.about .block2{padding: 116px 0; min-height: 170px; background: #c3d8f9;}
.about .block2 .left .tit{right: 60px;}
.about .block2 h6{color: #454545;}
.about .block2 p{color: #292929; line-height: 23px;}
.about .block3 .left ul{margin-top: 150px; margin-bottom: 140px;}
.about .block3 .left li{float: left; width: 33.33333%; text-align: center;}
.about .block3 .left li p{margin-top: 20px; font-size: 17px; color: #484848;}
.about .block3 .right .tit{left: 140px;}
.about .block3 .right p{padding-left: 140px; padding-right: 70px; color: #5e5e5e; font-size: 13px; line-height: 23px;}
.about .block4{height: 166px; background: #f0f0f0;}
.about .block5{margin-top: -43px; padding-bottom: 250px;}
.about .block5 p.ft-17{margin-top: 20px; color: #333;}
.about .block5 p.ft-12{color: #747474; line-height: 24px;}
.about .block5 p.ft-13{margin-bottom: 35px; color: #5e5e5e; line-height: 24px;}
.about .block5 p.ft-13 strong{display: block; margin-bottom: 20px; font-size: 18px; color: #0d0d0d;}
.about .block5 .left p{padding-right: 98px;}
.about .block5 .left .tit{right: 98px;}
.about .block5 .right p.ft-13{float: left; margin-right: 38px; width: 325px;}
/* 新闻中心 */
.news-hot{margin-top: 66px;}
.news-hot .date{color: #b4b4b4;}
.news-hot h3{color: #3a3a3a; font-size: 25px; font-weight: normal;}
.news-hot .desc{color: #5e5e5e; font-size: 13px;line-height: 23px; height: 46px; overflow: hidden;}
.news-hot .left{position: relative; padding: 230px 35px 0; width: 395px; height: 478px;}
.news-hot .left img.pa{right: 440px; top: 286px;}
.news-hot .left a{margin-top: 70px; display: inline-block; padding: 9px 46px; border: 1px solid #b8b5b9; font-size: 13px; color: #5e5e5e; line-height: 13px;}
.news-hot .left a:hover{background: #b8b5b9;}
.news-hot .right{width: 600px; height: 708px;}
.news-title{padding: 80px 0; background: #c3d8f9;}
.news-list{margin-top: 60px; margin-right: -1px;}
.news-list li{float: left; margin-right: 1px; margin-bottom: 55px; width: 599px;}
.news-list li .imgbox, .news-list li .imgbox img{width: 599px; height: 258px;}
.news-list h3{margin-top: 30px; margin-bottom: 5px; font-size: 20px; color: #3a3a3a; font-weight: normal;}
.news-list small{color: #b4b4b4;}
.news-cont{padding: 70px 0; border-bottom: 1px solid #d5d5d5;}
.news-cont .left{width: 400px;}
.news-cont .right{width: 794px;}
.news-cont .right p{margin-bottom: 0; color: #3a3a3a; line-height: 24px;}
.news-edite{padding: 60px;}
.news-edite img{max-width: 100%; margin-bottom: 20px;}
/* 人才招聘 */
.hiring {margin-top: 23px; margin-bottom: 48px;}
.hiring .left{width: 318px; min-height: 710px; background: #aecbf9;}
.hiring .left dt{margin-bottom: 18px; padding: 24px 26px 17px; background: #9ab8e9; color: #fff; font-size: 12px;}
.hiring .left dt span{font-size: 40px;}
.hiring .left dd{margin: 0 5px; padding: 20px 21px 20px 28px; border-bottom: 1px dotted #383838;}
.hiring .left dd a{display: block; font-size: 15px; color: #383838; background: url(../images/about/right.png) no-repeat right center;}
.hiring .left dd a:hover, .hiring .left dd a.active{color: #fff;}
.hiring .right{width: 882px; min-height: 710px; background: #fff;}
.hiring .right dl{margin: 20px 35px 20px 42px; border-top: 3px solid #e9e9e9;}
.hiring .right dt{padding-top: 18px; padding-bottom: 16px; font-size: 20px; color: #4d4d4d; border-bottom: 1px dotted #5c5959;} 
.hiring .right dd{padding-top: 14px; font-size: 12px; color: #5c5959; line-height: 25px;}
/* 联系我们 */
.contact .map{margin-top: 26px; margin-bottom: 45px; width: 100%; height: 543px;}
.contact .infor .tit{margin-right: 170px;}
.contact .infor .middle{width: 500px;}
.contact .infor .middle dl{float: left; width: 250px; height: 72px;}
.contact .infor .middle dt{padding-left: 26px; font-size: 15px; color: #616161; line-height: 36px; background: url(../images/about/contact.png) no-repeat;}
.contact .infor .middle .address{background-position: 0 10px;}
.contact .infor .middle .fax{background-position: 0 -29px;}
.contact .infor .middle .tel{background-position: 0 -67px;}
.contact .infor .middle .email{background-position: 0 -107px;}
.contact .infor dd{width: 90%; font-size: 12px; line-height: 20px; color: #999898;}
.contact .footer-right dt{font-size: 13px; color: #616161;}
.feedback{padding-top: 73px; padding-bottom: 77px; background: #f5f5f5;}
.feedback textarea{width: 100%; height: 190px;}
.feedback .input-wrap{background: #fff;}
.feedback .submit{font-size: 17px; color: #42669d;}
.feedback .spec{float: left; margin-right: 28px; width: 349px; }

/* -------------------- 服务 -------------------- */
.video-wrap{margin-top: 47px; height: 676px; background: #000;}
.video{display: none;}
.player{position: absolute; top: 50%; left: 50%; margin-top: -48px; margin-left: -48px;}
.service{padding: 70px 0;}
.service-tit{margin-top: 32px; padding: 40px 0 60px; text-align: center; background: #aecbf9;} 
.service-tit h3{margin-bottom: 10px; line-height: 45px; color: #628cd0; font-size: 45px; font-weight: normal;}
.service-tit h3 span{display: block; color: #fff;}
.service-tit small{font-size: 14px; line-height: 14px; color: #3a67af; letter-spacing: 8px;}
/* 常见问题 */
.problem{margin-top: -25px; padding-bottom: 80px; background: url(../images/help/line.jpg) repeat-y top center;}
.problem .circle{position: absolute; top: -12px; left: 50%; margin-left: -6px; display: block; width: 12px; height: 12px; background: url(../images/help/circle.png) no-repeat;}
.problem li{margin-top: -80px;}
.problem li:first-child{margin-top: 70px;}
.problem li .text{position: relative; padding: 90px 85px 90px 35px; width: 431px; background: #f3f3f3;}
.problem li h3{margin-bottom: 30px; padding-left: 48px; font-size: 17px; color: #4f4f4f; line-height: 30px; background: url(../images/help/q.png) no-repeat 0 0;}
.problem li p{margin-bottom: 0; padding-left: 48px; font-size: 14px; color: #4f4f4f; line-height: 28px; background: url(../images/help/a.png) no-repeat 0 0;}
.problem li .dot{bottom: 68px; width: 12px; height: 12px; background: url(../images/help/dot.png) no-repeat;}
.problem li .trangle{bottom: 60px; width: 30px; height: 31px; background: url(../images/help/trangle.png) no-repeat;}
.problem li.even .text{float: right;}
.problem li.even .dot{left: -55px;}
.problem li.even .trangle{left: -15px;}
.problem li.odd .text{float: left;}
.problem li.odd .dot{right: -55px;}
.problem li.odd .trangle{right: -15px;}
/* 售后政策 */
.policy ul {margin: 30px -5px 43px;}
.policy ul li{float: left; margin: 0 5px 20px; padding: 40px 48px; width: 496px; border: 1px solid #d3d3d3; overflow: hidden;}
.policy ul li h3{font-size: 30px; color: #3a3a3a; font-weight: normal;}
.policy ul li p{font-size: 12px; color: #5e5e5e; line-height: 23px;}
.policy-table th, .policy-table td{border-top: 1px solid #fff; vertical-align: middle;}
.policy-table th{padding: 13px; font-size: 15px; color: #3a3a3a; background: #aecbf9;}
.policy-table td{padding: 13px 13px 13px 34px; font-size: 15px; color: #3a3a3a; background: #e9e9e9}
.fault{margin-top: 25px; margin-bottom: 75px;}
.fault-table th, .fault-table td{color: #4d4d4d; line-height: 25px; font-size: 13px; vertical-align: middle;}
.fault-table th{padding: 13px 30px; background: #eee; font-size: 15px; border-bottom: 10px solid #fff;}
.fault-tit{padding: 13px 30px; background: #f5f5f5; border-right: 5px solid #fff; border-bottom: 7px solid #fff;}
.fault-cont{border-bottom: 7px solid #fff;}
.fault-inner td{padding: 30px; background: #e7e7e7; border-top: 7px solid #fff;}
.fault-inner .first td{border-top: 0;}

/* -------------------- 品牌 -------------------- */
.brands ul{margin:0 -17px;} 
.brands ul li{float: left; margin: 17px; width: 581px; height: 562px; line-height: 562px; background: #ededed; text-align: center; overflow: hidden;}
.brands .desc{margin-bottom: 70px; border-bottom: 1px solid #dcdcdc;}
.brands .left{padding: 45px; width: 510px;}
.brands .left .item{float: left; width: 33.33333%;}
.brands .left .item p{margin-bottom: 0; font-size: 15px; color: #3e3e3e;}
.brands .left .imgbox{margin: 0 auto 20px; width: 101px; height: 101px; cursor: pointer;}
.brands .left .imgbox .before{top: 0; left: 0;}
.brands .left .imgbox .after{top: 50px; left: 50px; width: 0; height: 0; opacity: 0;}
.brands .right{margin-top: 35px; padding: 45px; width: 500px;}
.brands .right h3{margin-bottom: 5px; font-size: 25px; line-height: 27px; color: #434343; font-weight: normal;}
.brands .right p{margin-bottom: 0; font-size: 15px; line-height: 27px; color: #434343;}
.brands .right *{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma" !important; font-weight: normal !important;}
.brands .view{margin-bottom: 195px;}
.brands .view a{display: inline-block; padding: 15px 65px; font-weight: bold; font-size: 20px; line-height: 20px; color: #fff; background: #e34220;}
.brands .view a:hover{background: #ff6f3d;}

/* -------------------- 个人会员 -------------------- */
.aside{margin-top: 56px; width: 245px;}
.aside ul{width: 245px;}
.aside li{position: relative; margin-bottom: 9px; width: 220px; border: 1px solid #e6e9eb; background: #fff; font-size: 12px; color: #3b3b3b; text-align: center;}
.aside li a{color: #3b3b3b; display: block; padding: 16px 20px; width: 181px; }
.aside li:first-child{margin-bottom: 18px; padding: 0; width: 221px; text-align: left; color: #585858; line-height: 26px;}
.aside li:first-child .infor{padding: 16px 20px;}
.aside li:first-child .desc{color: #585858;}
.aside li:first-child .desc span.ft-12{color: #a6a6a6;}
.aside li:first-child div.bottom{padding: 16px 20px; background: #aecbf9; font-size: 12px;}
.aside li:first-child div.bottom span.blue{padding-left: 24px; background: url(../images/order.png) no-repeat 0 3px;}
.aside li.active{border: 1px solid #aecbf9; background: #aecbf9;}
.aside li.active .trangle{right: -9px; top: 50%; margin-top: -7px;}
.content{margin-top: 56px; margin-bottom: 20px; width: 955px; background: #fff;}
/* 我的订单 */
.tab{border-bottom: 1px solid #e5e5e5;}
.tab a{display: inline-block; margin: 0 37px; padding: 22px 28px 17px; border-bottom: 5px solid #fff; font-size: 13px; color: #424242;}
.tab a.active{border-bottom: 5px solid #aecbf9;}
.myorder{margin: 22px 26px; min-height: 615px;}
.mytable th, .mytable td{padding: 15px 5px; color: #3d3d3d; font-size: 12px; text-align: center; vertical-align: middle;}
.mytable .tl{padding-left: 17px; text-align: left;}
.mytable th{background: #aecbf9;} 
.mytable td{border-top: 7px solid #fff; background: #f2f2f2;}
.inner-table td{border-top: 0;}
/* 个人信息 */
.myinfo{margin: 35px; min-height: 615px;}
.myinfo table th{padding-right: 10px; width: 10%; text-align: right; font-size: 12px; color: #3b3b3b; vertical-align: middle;}
.myinfo table td{padding: 9px 0;}
.myinfo table td .input-wrap{margin-bottom: 0; padding: 10px; width: 380px;}
.myinfo .submit{width: 215px; height: 50px;}

/* -------------------- 购物流程 -------------------- */
.border{border: 1px solid #dcdcdc;}
.ipt-hide{position: absolute; left: -9999px;}
.check{display: inline-block; width: 18px; height: 18px; background: url(../images/check.png) no-repeat;}
.check.checked{background: url(../images/checked.png) no-repeat;}
.radio{display: inline-block; width: 17px; height: 17px; background: url(../images/product/radio.png) no-repeat;}
.radio.checked{background: url(../images/product/radio-check.png) no-repeat;}
.flow{margin: 35px 0;}
.flow .step{margin-bottom: 8px; background: #fff;}
.flow .step >span{float: left; display: block; padding: 22px 25px; width: 349px; font-size: 15px; color: #454545;}
.flow .step >span .squre{display: inline-block; margin-right: 7px; width: 23px; height: 23px; background: url(../images/box.png) no-repeat right center; text-align: center; line-height: 23px; color: #fff;}
.flow .step >span.active{background: #aecbf9; width: 350px;}
.flow .step >span.active .squre{background-position: left center; color: #aecbf9;}
.flow-tit{padding: 15px 22px; border-bottom: 1px solid #dcdcdc; font-size: 20px; color: #000;} 
/* 购物清单 */
.table{margin: 0 auto 40px;}
.table th, .table td{padding: 18px 0; text-align: center; vertical-align: middle; border-bottom: 1px solid #dcdcdc; color: #000; font-size: 15px;}
.table th{font-size: 12px;}
.table .tl{text-align: left;}
.table th.tr{text-align: right; padding-right: 32px;}
.table td.tr{text-align: right; padding-right: 15px;}
.table .inner td{position: relative; border: 0;}
.table .inner td small{color: #a0a0a0;}
.table .btn-main{margin-left: 20px; padding: 8px 27px; color: #fff !important; font-size: 13px;}
/* 填写订单信息 */
.write-left{margin: 72px 57px 44px 58px; width: 504px;}
.addpanel{margin: 30px 0 50px 30px; width: 504px;}
.write-left .input-wrap, .addpanel .input-wrap{float: left; margin-right: 13px; padding: 10px 15px;}
.write-left .placeholder, .addpanel .placeholder{top: 10px; font-size: 15px; color: #a0a0a0;}
.select{width: 100%; background: #fff url(../images/product/select.png) no-repeat 97% center; -webkit-appearance: none; appearance: none;}
.down{position: absolute; right: 0; top: 0; display: none; width: 40px; height: 39px; background: #fff url(../images/product/select.png) no-repeat center center; display: block\9;}
.write-right{margin: 72px 55px 44px 0; width: 504px;}
.write-right p{font-size: 13px; color: #000;}
.write-info{padding: 30px 25px 20px; border-top: 1px solid #dcdcdc; color: #a0a0a0; line-height: 20px; font-size: 12px;}
.write-info .left{width: 110px; font-size: 15px; color: #272727;}
.write-info .right i{position: relative; top: 4px; margin-right: 20px;}
.write-info .right .input-wrap{margin-bottom: 8px; padding: 10px 15px; width: 458px;}
.write-info .right .input-wrap .placeholder{top: 10px; font-size: 15px;}
.addr-list {margin-bottom: 0; padding: 8px 20px;}
.addr-list li{float: left; margin: 8px; padding: 30px 25px; width: 250px; height: 115px; border: 1px solid #ddd;}
.addr-list li p.ft-20{color: #000;}
.addr-list li p.ft-14{margin-bottom: 0; color: #373737;}
.addr-list li p.ft-12{margin-top: 8px; color: #545454;}
.addpanel {display: none;}
.addpanel .submit, .addpanel .cancel{margin-top: 30px; width: 158px; height: 40px; color: #242424; font-size: 15px;}
.addpanel .submit:hover{color: #242424;}
.addpanel .cancel:hover{background: #c4c4c4;}

/* 确认付款 */
.confirm-info{padding: 70px 0 100px; color: #000; line-height: 22px; text-align: center;}
.confirm-order dl{margin-bottom: 0;}
.confirm-order dl dt{padding: 18px 20px; font-size: 12px; color: #000; background: #eee;}
.confirm-order dl dd{padding: 15px 20px; font-size: 12px; color: #000; line-height: 21px;}
.confirm-order th{background: #eee; border-bottom: 0;}
.payment{margin: 0 20px 20px;}
.payment li{position: relative; padding: 20px 0; border-top: 1px solid #dcdcdc;}
.payment li:first-child{border-top: 0;}
.payment li span.tit{position: relative; top: -4px; padding-left: 20px; color: #a0a0a0;}
.payment li div{display: inline-block; margin-right: 5px; padding: 8px 35px; line-height: 34px; border: 1px solid #fff;}
.payment li div.active{border: 1px solid #dcdcdc;}
.payment li div img{width: 112px; height: 34px;}
.payment li div span.rad{top: 5px; margin-right: 5px;}
.payment li.level2 span.ft-20{position: absolute; right: 0; top: 33px; color: #000;}
.payment li.level2 span.ft-20 a{margin-left: 20px; padding: 8px 27px; font-size: 13px; color: #fff !important;}

/* public style */
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.mb-12{margin-bottom: 12px;}

.ft-9{font-size: 9px;}
.ft-11{font-size: 11px;}
.ft-12{font-size: 12px;}
.ft-13{font-size: 13px;}
.ft-14{font-size: 14px;}
.ft-15{font-size: 15px;}
.ft-16{font-size: 16px;}
.ft-17{font-size: 17px;}
.ft-18{font-size: 18px;}
.ft-19{font-size: 19px;}
.ft-20{font-size: 20px;}
.ft-21{font-size: 21px;}
.ft-22{font-size: 22px;}
.ft-23{font-size: 23px;}
.ft-24{font-size: 24px;}
.ft-25{font-size: 25px;}
.ft-30{font-size: 30px;}
.ft-34{font-size: 34px;}
.ft-35{font-size: 35px;}
.ft-37{font-size: 37px;}


.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both; height: 0; content:"";}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.none{display: none !important;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}
.noborder{border: 0 !important;}

/* css3 style */
.trans-3{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.trans-8{ -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s;}
.trans-12{ -webkit-transition: all 1.2s; -moz-transition: all 1.2s; transition: all 1.2s;}
.scale-small{opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-default{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.scale-big{opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.shadow{-webkit-box-shadow: 0 0 29px #dadada; -moz-box-shadow: 0 0 29px #dadada; box-shadow: 0 0 29px #dadada;}
.shadow-top{-webkit-box-shadow: 0 30px 55px #eaeaea; -moz-box-shadow: 0 30px 55px #eaeaea; box-shadow: 0 30px 55px #eaeaea;}
.radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.rotate{-webkit-animation: rotate 0.5s linear; -moz-animation: rotate 0.5s linear; animation: rotate 0.5s linear;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}
@media screen and (max-width: 1360px) {
#showMenu{display: block;}
.floatdiv{display: none;}
}