/*基础代码*/
body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,textarea,p,blockquote,th,td,iframe{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
ul,ol,li,dd{list-style-type:none;list-style:none;}
a img,img {border:0;border:none;}
:focus{outline:0;}
.clearfix:after{display:block;clear:both;height:0;line-height:0;visibility:hidden;content:"";}
.clearfix{*zoom:1;}
.spacebox{width:100%;border-top:1px transparent;height:0;overflow:hidden;background-color:transparent;clear:both;}

input, select { outline: none; }

body{ font-family:"Microsoft YaHei"; font-size:12px; background:#fff; color:#777; word-break:break-all;word-wrap: break-word;-webkit-text-size-adjust: none; min-width:1200px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;}
table { border-collapse: collapse; border-spacing: 0; margin: 0px auto; }
input,button { vertical-align:middle; font-family:"Microsoft YaHei";  margin: 0; padding:0px; font-size:100%; }
textarea { resize:none; font-size:12px; margin:0px; padding:0px; }
img { border: 0px; margin: 0px; padding: 0px; vertical-align:top; }
div{ margin:0 auto;}
em,i,sub,sup{ font-style:normal; font-weight:normal;}

a { color: #666; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a:hover, a:active { cursor: pointer; color: Red; }
img { vertical-align: middle; }

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

.bg-body{width:100%;background:#fafafa;}
.w-1200{ width: 1200px; margin: 0 auto;}
.mainBox{ width:1200px; margin: 0 auto;}
.w_100{width:100%;}
/*头部*/

.header { color: #bcbaba; background-color: #fff; }
/*顶部信息栏*/
.header_top { width: 100%; height: 40px; background-color:#fafafa; border-bottom:1px solid #eee; line-height: 40px; position: relative; z-index: 101; }
.header_top_l { font-size: 12px; height: 100%; }
.header_top_add_box { height: 100%; width: 98px; margin-right: 17px; position: relative; float: left; height: 40px; }
.header_top_add { height: 100%; position: relative; width: 98px; padding-left: 3px; z-index: 10; box-sizing: border-box; color:#666; }
.add_hide { position: absolute; top: 40px; background-color: #fbfafa; padding: 10px; width: 340px; border: 1px solid #ccc; clear: both; color: #555; font-size: 12px; z-index: 101; display: none; }
.add_hide .sec_childs { margin-top: -1px; position: relative; z-index: 8; }
.add_hide .arealist { height: 24px; line-height: 24px; margin-top: 4px; }
.add_hide .arealist.border { border-bottom: 1px solid #cecccd; margin-top: 0; padding-bottom: 4px; }
.add_hide .arealist .dt { color: #333; float: left; padding: 0 5px; width: 50px; }
.add_hide .arealist .dd { float: left; width: 280px; }
.add_hide .arealist .dd a { width: 40px; }
.add_hide .sec_item { background-color: #fbfafa; margin: 0 16px 4px 0; }
.add_hide .sec_item:hover { background-color: #eee; }
.add_hide .sec_childs .sec_item.sec_item_active { background-color: #f55354; color: #fff; }
.add_hide .sec_childs .sec_item { color: #555; float: left; font-size: 12px; height: 24px; line-height: 24px; overflow: hidden; text-align: center; text-decoration: none; white-space: nowrap; }
.header_top_add_box:hover .add_hide { display: block; }
.header_top_add_box i { display: inline-block; }
.header_top_add_box:hover i { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform-origin: 50% 53%; -moz-transform-origin: 50% 53%; -webkit-transform-origin: 50% 53%; }
.header_top_add_box:hover .header_top_add { background-color: #fbfafa; border-top: 1px solid #cecccd; border-left: 1px solid #cecccd; border-right: 1px solid #cecccd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.header_top_add_box:hover { background-color: #fbfafa; color: #333; }
.header_top_tel { color: #333; height: 40px; overflow: hidden; line-height: 40px; }
.header_top_tel p span { margin-right: 10px; float: left; }
.header_top_r { padding-right: 3px; }
.header_top_r ul { height: 40px; float: right; overflow: hidden; }
.header_top_r ul li { float: left; margin-left: 8.5px; font-size: 12px; line-height: 40px; }
.header_top_r ul li.spacer { background: #eee none repeat scroll 0 0; height: 12px; margin-top: 14px; overflow: hidden; padding: 0; width: 1px; }
.header_top_r ul li.header_top_r2 a { color: #666; }
.header_top_r ul li.header_top_r2 { margin-left: 5px; }
.header_top_r ul li a { color: #666; }
.header_top_r ul li a:hover { color: #e4393c; }
.logo_box { height: 124px; width:460px; overflow:hidden; }
.logo { display: block;float:left; margin-top:10px; width:250px;}
.logo img{ height:100px;}
.logo_box p{ display:inline-block; float:left; font-size:20px; height: 124px; line-height:160px; color:#666; }
.head_form_box { height: 70px; width: 414px; float: left; margin-top: 44px; }
.head_form { height: 35px; width: 412px; border: 1px solid #e4393c; border-radius:2px; overflow:hidden; }
.head_form .head_text { display: inline-block; padding: 4px 4px 4px 10px; height: 27px; line-height: 27px; outline: 0 none; border: none; width: 310px; float: left; }
.head_form .head_btn { display: inline-block; height: 100%; width: 88px; border: none; background: #e4393c; font-size: 18px; color: #fff; cursor:pointer; }
.head_words { width: 100%; font-size: 12px; color: #5c5c5d; }
.head_words dt { font-weight: bold; float: left; line-height: 24px; padding: 0 8px 0 3px; }
.head_words dd { float: left; line-height: 24px; margin-right: 10.5px }
.head_words dd.color_fd5455 a { color: #fd5455; }
.head_words dd a { color: #5c5c5d; }
.head_words dd a:hover { color: #fd5455; }
.head_carbtn { height: 37px; margin-top: 44px; float: right; }
.head_carbtn a { display: inline-block; height: 35px; line-height: 35px; border: 1px solid #dddddd; background-color:#fff; font-size: 15px; color: #3e3e3e; text-indent: 26px; float: left; position: relative; padding: 0 10px; border-radius:2px;}
.head_carbtn a:hover { background-color: #ededed; }
.need_btn { margin-right: 16px; background: url(../images/Corder.png) no-repeat 12px 10px; }
.car_btn { background: url(../images/cart.png) no-repeat 12px 10px; }
.cart_count { background-color: #f55354; border-radius: 7px 7px 7px 0; color: #fff; display: inline-block; font-size: 12px; right: 8px; line-height: 12px; min-width: 12px; padding: 1px 2px; position: absolute; text-align: center; top: -8px; text-indent: 0px; }


/*导航栏*/
.head_nav_box { width: 100%; height: 40px; border-bottom:1px solid #e4393c; }
.header2 .head_nav_box { border-bottom: none; }
.head_nav { position: relative; z-index: 100; width: 1200px; margin: 0 auto; height: 100%;}
.head_nav_l { width:200px; height: 40px; }
.head_nav_r { width: 940px; overflow: hidden; height: 40px; }
.head_nav_item { height: 100%; position: relative; overflow: hidden; padding-left: 47px; }
.head_nav_item li { height: 100%; line-height: 38px; float: left; font-weight:bold; }
li.head_nav_item_last { height: 2px; background-color: #e4393c; position: absolute; bottom: 0px; margin: 0 6px; }
.head_nav_item li a { display: block; height: 40px; padding: 0 16.5px; font-size: 16px; color: #555454; }
.header2 .head_nav_item li a { font-size: 16px; padding: 0 22px; }
.head_nav_item li a:hover { color: #e4393c; }
.nav_dt { height: 40px;position: relative;cursor:pointer; background:#f04242 url(../images/i-ico12.png) no-repeat 146px 18px; border-radius:3px 3px 0 0; }
.nav_dt.cur { background:#f04242 url(../images/i-ico13.png) no-repeat 146px 18px; }
.nav_dt a { display: block; font-size: 16px; color: #fff; line-height: 40px; padding-left: 16px; }
.nav_dd_box { width:200px; height: 433px; overflow: hidden; }
.nav_dd { width:200px; height: 433px; display: none; position: relative; }
.dd_show { width: 100%; height: 100%; position: relative; }
/*.dd_show > div { width: 100%; height: 72px; }*/
.dd_show > div { width: 100%; height:52px; }


.dd_show p { padding-left: 13px; height:52px; line-height:52px; position: relative; z-index: 20; /*border-bottom: 1px solid #DB3C3C;*/ border-top: 1px solid #CC3636; background:#DB3C3C; }
.dd_show > div.dd_show_hover p{background: #fff; height:52px;line-height:52px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #dddddd; }
.dd_show p a { font-size: 14px; color: #eee; }
.dd_show > div.dd_show_hover p a { font-size: 14px; color: #dd0000; }

/*.dd_show9 p{background:#565656;}*/

/*.dd_show dl { padding-left: 13px; height: 70px; position: relative; z-index: 20; border-bottom: 1px solid #8b6161; border-top: 1px solid #5b6263; background: url(../images/newI-ico3.png) repeat; }
.dd_show > div.dd_show_hover dl { background: #fff; height: 70px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #dddddd; }
.dd_show dt { height: 33px; line-height: 33px; }
.dd_show dt a { font-size: 14px; color: #ff6600; }
.dd_show .dd_show_list dd { float: left; line-height: 22px; }
.dd_show dd a { font-size: 14px; color: #fff; margin-right: 4px; }
.dd_show > div.dd_show_hover { background-color: #ffffff; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; width:199px; height: 70px; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.dd_show_hover dd a { color: #606161; }*/


.dd_hide_line1 { position: absolute; left: -4px; height: 71px; width: 5px; background-color: #fff; }
.dd_hide1 .dd_hide_line1 { top: 1px; }
.dd_hide2 .dd_hide_line1 { top: 72px; }
.dd_hide3 .dd_hide_line1 { top: 145px; }
.dd_hide4 .dd_hide_line1 { top: 217px; }
.dd_hide5 .dd_hide_line1 { top: 290px; }
.dd_hide6 .dd_hide_line1 { top: 310px; }
.dd_hide7 .dd_hide_line1 { top: 361px; }
.dd_hide_list { display: none; width: 753px; height: 470px; position: absolute; background-color: #fff; left:200px; top: 0; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.dd_hide_show { display: block;}
.dd_hide_show .pic_linkBox { display: block; animation: move-left 0.15s ease-in; -moz-animation: move-left 0.15s ease-in; -webkit-animation: move-left 0.15s ease-in; }
.dd_hide_s { font-size: 14px; padding: 0 0 0 40px; }
.ileft_linkBox { width: 476px; position: absolute; left: 40px; top: 0; z-index: 2; background-color: #fff; height: 100%; }
.link_tit { font-size: 12px; color: #555151; width: 407px; height: 32px; line-height: 32px; padding-top: 10px; margin-bottom: 9px; font-family: '微软雅黑'; position: relative; border-bottom: 1px solid #dadada; font-weight:bold; }
.link_tit div { float: left; position: relative; }
.link_tit div:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 115%; height: 1px; background-color: #fd5455; }
.link_tit span { right: auto !important; left: 73px; top: 0px !important; }
.link_list_item li { float: left; height: 26px; line-height: 26px; position: relative; font-size: 12px; margin-right: 17px; }
.link_list_item li span, .link_tit span { position: absolute; right: -19px; top: -17px; animation: bounce-up 1.6s linear infinite; -moz-animation: bounce-up 1.6s linear infinite; -webkit-animation: bounce-up 1.6s linear infinite; }
.link_list_item li a { color: #606161; }
.link_list_item li a:hover { color: #f20002; }
.link_list_item li.color_red a { color: #f20002; }
.pic_linkBox { width: 236px; height: 100%; position: absolute; top: 0; left: 516px; z-index: 1; display: none; }
.pic_linkBox img { width: 236px; height: 100%; }
.dd_hide2 .link_tit { padding-top: 4px; margin-bottom: 6px; height: 30px; line-height: 30px; }
.dd_hide2 .link_list_item li { height: 30px; line-height: 30px; }
.dd_hide7 .link_tit { padding-top: 3px; margin-bottom: 0; height: 30px; line-height: 30px; }
.dd_hide7 .link_list_item li { height: 26px; line-height: 26px; }
/*导航栏*/




/*面包签导航*/
.Navigation{ width:1200px; margin:0 auto; color:#666; text-align:left; font-size:14px;height:40px; line-height:40px;}
.Navigation a:link,.Navigation a:visited{color:#666;text-decoration:none;}
.Navigation a:hover{ text-decoration:underline;}
.Navigation span{margin:0 2px 0 0;}
.Navigation .now{font-weight:700;}

/*右侧边栏*/
.float-w {width:70px;padding: 2px;background: #FFFFFF;position: fixed;right:10px;top:50%;border-radius: 2px;box-shadow: #CCCCCC 0 0 10px;z-index: 999;}
.float-w .iteam-w {border-bottom: 1px solid #EEEEEE;width: 100%;display: block;text-align: center;padding-bottom:4px;position: relative;}
.float-w .iteam-w em {display: inline-block;width: 36px;height: 36px;overflow: hidden;background: url("../images/floatbgh.png") no-repeat;margin-top: 14px;}
.float-w .ico01 em {background-position: 0 0;}
.float-w .ico01:hover em {background-position:-36px 0;}
.float-w .ico02 em {background-position: 0 -36px;}
.float-w .ico02:hover em {background-position: -36px -36px;}
.float-w .ico03 em {background-position:0 -72px;}
.float-w .ico03:hover em {background-position:-36px -72px ;}
.float-w .ico04 em {background-position:0 -144px;}
.float-w .ico04:hover em {background-position:-36px -144px ;}
.float-w .iteam-w h3 {width: 100%;height: 28px;line-height: 28px;text-align: center;color: #5c5c5c;font-weight: normal;font-size: 12px;}
.float-w .iteam-top {width: 100%;display: block;text-align: center;padding-bottom:6px;padding-top: 8px;}
.float-w .iteam-top em {display: inline-block;width: 36px;height: 36px;overflow: hidden;background: url("../images/floatbgh.png") no-repeat 0 -108px;}
.float-w a.ico03 i{display:none;width: 160px; height: 150px; background: url("../images/skmt.png") no-repeat center;box-shadow:0 0 6px #ccc; position: absolute;top:30px; right: 68px; margin-top: -75px; padding: 10px 0 0 10px;box-shadow:none;}
.float-w a.ico03 i img{display: block; width:140px; height:140px;}
.float-w a.ico03:hover i{display: block;}


/*优势*/
.features-container {width:100%;border-bottom: 1px solid #eee; box-shadow: 0 1px 5px #eee; position: relative; z-index: 5; *position:static}
.features-con { height: 100px; padding-top:20px; width:1200px; margin:0px auto; }
.features-con .features-icon { background-image: url(../images/features_icon.png); background-size: 195px 60px; display: inline-block; width:60px; height: 60px;float:left;}
.features-con .features-strict { background-position: 2px 0 }
.features-con .features-professional { background-position: -60px 0 }
.features-con .features-flexible { background-position: -131px 0 }
.features-con .flexible, .features-con .professional, .features-con .strict { width:350px; float:left; margin-left:50px;}
@-moz-keyframes flash {
0% {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100% {-webkit-transform:translate3d(0, -8px, 0);-moz-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);-o-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0)}
}
@-webkit-keyframes flash {
0% {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100% {-webkit-transform:translate3d(0, -8px, 0);-moz-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);-o-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0)}
}
@-o-keyframes flash {
0% {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100% {-webkit-transform:translate3d(0, -8px, 0);-moz-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);-o-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0)}
}
@keyframes flash {
0% {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100% {-webkit-transform:translate3d(0, -8px, 0);-moz-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);-o-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0)}
}
.features-con .flexible:hover .features-icon, .features-con .professional:hover .features-icon, .features-con .strict:hover .features-icon { -webkit-animation: flash .5s both; -o-animation: flash .5s both; animation: flash .5s both }
.features-con .features-info { width: 260px; margin-left: 20px; color: #666; float:left;}
.features-con .features-info h3{ display: inline-block; width: 100%; font-weight: 700; font-size: 16px; color: #333 }
.features-con .features-info p{ color: #666; margin-top:8px; font-size:14px; line-height:22px; }



.bottom-help {width: 1200px; margin: 0 auto;padding:28px 0; border-top:1px solid #eee;}
.bottom-help li { float: left; width: 200px; margin: 0 0 0 80px; }
.bottom-help i { display: block; float: left; width: 50px; height: 50px; background: url(../images/index.png); margin-right: 20px }
.bottom-help .icon-one { background-position: 0 0 }
.bottom-help .icon-two { background-position: 0 -50px }
.bottom-help .icon-three { background-position: 0 -100px }
.bottom-help .icon-four { background-position: 0 -150px }
.bottom-help .icon-five { background-position: 0 -200px }
.bottom-help a { display: block; text-decoration: none }
.layer-bd .form-error, .modal-ft .modal-btn, .pager a, .pager span, .pager-jump .txt { display: inline-block }
.bottom-help h3 { font-family: "Microsoft Yahei"; font-size: 14px; font-weight: 700; color: #666 }
.bottom-help a:hover h3 { color: #f04242 }
.bottom-help p, .footer-menu-item li { color: #888; font-family: "Microsoft Yahei" }
.bottom-help p { font-size: 14px }


.footer-links { width:1200px; padding: 30px 0; border-bottom: 1px solid #dfdfdf; color: #6d6d6d }
.col-links { float: left; _display: inline; width: 165px; margin: 0 0 0 20px; border-right: 1px solid #dfdfdf }
.col-links dt { margin-bottom: 10px; font-size: 18px; color: #333 }
.col-links dd { margin: 0 0 6px }
.col-links dd a { color: #6d6d6d; font-size: 14px; }
.col-links dd a:hover { color: #e4393c }
.col-links-first { margin-left: 0 }
.col-contact { float: right; width: 270px; text-align: center }
.col-contact p { margin: 0 0 10px }
.col-contact p.phone { margin-bottom: 5px; font-size: 26px; line-height: 1; color: #000 }
.btn-tel {width: 148px; height:32px; line-height:32px; text-align: center;  background: #fff; color: #e4393c; font-size: 14px; cursor: pointer; border: 1px solid #e4393c; -webkit-transition: all .6s; transition: all .6s; display: inline-block;}
.btn-tel:hover { color: #fff; border-color: #ee330a; background-color: #ee330a }


/*footer*/
.footer { background-color: #262626; }
.footer_middle_box { width: 100%; height: 198px;}
.footer_middle { height: 198px; }
.footer_middle_left { height: 100%; float: left; overflow: hidden; width: 660px; }
.footer_dl { padding-top: 33px; }
.footer_dl dl { float: left; text-align: center; }
.footer_dl_1 { width: 58px; margin-right: 52px; }
.footer_dl_2, .footer_dl_3, .footer_dl_4 { width: 130px; }
.footer_dl dl dt { font-size: 14px; color: #ffffff; height: 34px; line-height: 34px; width: 100%; font-weight: bold; white-space: nowrap }
.footer_dl dl dt a { color: #ffffff; }
.footer_dl dl dd { width: 100%; font-size: 12px; height: 32px; line-height: 32px; white-space: nowrap }
.footer_dl dl dd a { color: #dbdbdb; }
.footer_dl dl dd a:hover { color: #f55354; }
.footer_middle_contact { float: left; padding-top: 45px; width: 374px; margin-right: 16px; }
.tabB { margin-left: 127px; height: 22px; width: 118px;/* border: 1px solid #b6b6b7;*/ text-align:center;}
.tabB li a { display: block; width: 100%; height: 100%; font-size: 12px; color: #b8b8b8; background-color: #48484a; }
.contact_cont { width: 100%; text-align: center; }
.tabB_cont { padding-top: 5px; }
.tabB_cont p { font-size: 12px; color: #cccccc; line-height: 22px; padding-top: 8px; }
.tabB_cont p span { font-size: 18px; color: #fff; font-weight: bold; }
.tabB_cont .contact-tel-info { padding-top: 0; padding-bottom: 6px; }

.contact_box_qq a, .contact_box_tel a { display: inline-block; height:32px; width: 132px; line-height:32px; border-radius:3px; font-size: 16px; color: #fff; text-indent: 25px; border:1px solid #fff; }
.contact_box_qq a { background:transparent url(../images/contact_box_qq.png) no-repeat 15px 0px; }
.contact_box_tel a { background:transparent url(../images/contact_box_tell.png) no-repeat 15px 0px; }
.contact_box_qq a:hover { background:#dd3c39 url(../images/contact_box_qq.png) no-repeat 15px 0px;  border:1px solid #dd3c39; }
.contact_box_tel a:hover{ background:#dd3c39 url(../images/contact_box_tell.png) no-repeat 15px 0px; border:1px solid #dd3c39; }

.footer_middle_code { float: left; padding-top: 21px; }
.footer_middle_code .tabB { margin-left: 0; }
.code_cont { width: 120px; height: 120px; text-align: center; padding-top: 12px; }
.code_cont img { width: 100%; height: 100%; }
.footer_about { text-align: center; line-height: 16px; color: #666666; }
.footer_about a { color: #666666; font-size: 14px; }
.footer_about em { font-style: normal; padding: 0 4px; }
.footer_about a:hover { color: #fd5455; }
.footer_icp { margin: 0 auto; height: 36px; text-align: center; color: #b8b8b8; font-size: 14px; line-height: 36px; padding-bottom: 10px; border-top:1px solid #333333; }
.footer_icp a { color: #b8b8b8; }
/*footer*/