/*-------------------
        common
--------------------*/

.content { width: 1200px; margin: 0 auto; }
/*头部*/
.user-top { min-width: 1200px; height: 50px; background-color: #333333; line-height: 38px; }
.user-top .links { float: left; }
.user-top .links a, .user-top .menu p { display: inline-block; color: #aaa; font-size: 14px; margin-right: 16px; line-height: 50px; }
.user-top i { display: inline-block; margin-right: 16px; height: 10px; width: 1px; background-color: #575757; }
.user-top .menu { float: right; }
.user-top .menu p { float: left; }
.user-top .menu #div_wex { cursor:pointer;}
.user-top .menu #div_wex em { font-size: 14px; color: #999999; padding-left: 10px; }
.user-top .menu #div_we { display: none; position: absolute; z-index:99; margin: 50px 0 0 -65px; }
.user-top .menu i { float: left; margin-top: 20px; }
.user-top .tel { color: #B44342; font-size: 16px;font-weight: bold; line-height: 38px; }
.user-top .wx { display: block; float: left; height: 38px; width: 16px; margin-right: 20px; background: url('../images/wx.png') no-repeat center; }
.user-top .wb { display: block; float: left; height: 38px; width: 17px; margin-right: 20px; background: url('../images/wb.png') no-repeat center; }
.user-top .language { display: block; float: left; line-height:50px; color: #999; font-size: 14px; background: url('../images/language.png') no-repeat left center; padding-left: 21px; position: relative; }
.user-top .language2 { display: block; float: left; line-height:50px; color: #999; font-size: 14px; background: url('../images/wechat.png') no-repeat left center; padding-left: 21px; position: relative; }
.language-main { width: 120px; padding: 1px 0; position: absolute; display: none; z-index: 99; left: -30px; top: 38px; background: url("../images/ffggg.png") no-repeat center 4px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); }
.language:hover .language-main { display: block; }
.language-cont { width: 120px; margin-top: 10px; background: #ffffff; padding-bottom: 10px; }
.language-cont a { font-size: 14px; color: #888; line-height: 28px; text-align: center; display: block; }
.language-post { padding-top: 10px; }
.language-cont a:hover { color: #B44342; }
/*白底导航栏*/
.header { height: 100px; min-width:1200px; border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 8px 0 rgba(34, 34, 34, 0.1); }
.header .logo { float: left; display: block; width: 420px; height: 48px; }
.header .logo img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; }
.logo .img-box { width: 353px; height: 99px; margin-right: 15px; float: left; position: relative; }
.logo .img-box a{ width:100%; height:100%; display: block; background: url("../images/logo.png") no-repeat center center;background-size: 353px 48px;}
.logo p { float: left; line-height:36px; height: 36px; margin: 30px 0; font-size: 18px; color: #555; padding-left:10px; border-left: 1px solid #e0eae9; }
.nav { float: right; }
.nav .sub1 { float: left; }
.nav .sub1-name { padding: 0 15px; line-height: 99px; color: #222; font-size: 16px; font-weight:bold; position: relative;display: block; text-transform:uppercase;}
.navXian { width: 0; height: 2px; background: #B44342; position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; transition: .3s ease;
}
.nav .sub1:hover .sub1-name { color: #B44342; }
.nav .sub1:hover .navXian { width: 30px; }
.nav .sub2 { display: none; position: absolute; width: 100%; left: 0; min-width:1200px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 9999; padding: 56px 0; min-height: 342px; }
/*产品*/
.sub2-pro ul li { float: left; width: 20%!important; }
.sub2-pro ul li h4 { font-size: 18px; color:#222; font-weight:bold; transition: .3s ease;
}
.sub2-pro ul li a:hover h4 { color:#B44342; }
.sub2-pro ul li .line { width: 205px; height: 1px; background-color: #B44342; margin: 14px auto; }
.sub2-pro ul li .list{ display: inline-block;text-align: left;}
.sub2-pro ul li .list a { display: block; font-size: 14px; color: #777777; height: 32px; line-height: 32px; transition: .3s ease;
}
.sub2-pro ul li .list a:hover { color: #B44342; }
.sub2-pro ul li .hot { position: relative; }
.sub2-pro ul li .hot::after {content: "";position: absolute;width:38px;height:30px;background: url(../images/f4608149d47745f0a294606ddeab7eb7.gif) no-repeat -5px 0;top: -16px;margin-left: -6px;}
.sub2-pro ul li .new::after {content: "";position: absolute;width:28px;height:29px;background: url(../images/8e31320002c1404b9d7d3439d0f24dc8.gif) no-repeat 0px 0;margin-left: -6px;}
.navbtn { display: block; text-align: center; margin: 40px auto; }
.navbtn .more { background-color:#B44342; color: #fff!important; margin-right: 40px; }
.navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; }
.swzt {font-size: 16px;line-height: 28px; border: 1px solid #B44342; color: #B44342; border-radius: 4px;transition: .3s ease;}
.swzt:hover{color: #B44342;}
.swzt::before { content: ""; display: inline-block; width: 28px; height: 28px; background: url(../images/3d.svg) no-repeat;background-size: 28px 28px;vertical-align: bottom;}
.nav .sub2>.content>ul>li { float: left; width: 33.333%; }
.nav .sub2 .column li { float: left; width: 100%; }
.nav .sub2 .column li a { display: block;  color: #777; font-size: 16px; height: 50px; line-height: 50px; background: url(../fonts/left.svg) no-repeat center left; padding-left:15px; }
.nav .sub2 .column li a:hover { background: url(../fonts/left-h.svg) no-repeat center left; color: #B44342; }
.nav .sub2 .nav-right { padding-left: 55px; }
.nav .sub2 .nav-right .line { display: block; width: 42px; height: 4px; background-color: #B44342; margin:15px 0; }
.nav .sub2 .nav-right p { font-size: 16px; line-height:28px; color: #777777; }
.nav .sub2 .nav-right a { display: block; width: 195px; padding: 8px 0; text-align: center;margin: 15px 0;}
.nav .sub2 .nav-right h2 { font-size: 30px; color: #222; }
.nav .search-icon { width: 76px; padding: 0 20px; background: url(../images/nav-search-normal.png) no-repeat center; }
.nav .search-icon:hover { background: url(../images/nav-search-hover.png) no-repeat center; }
.sub2-search { padding: 40px 0; }
.sub2-search form { height: 48px; border: 2px solid #B44342; width: 774px; border-radius: 4px; margin:60px auto 0; }
.sub2-search .v-select { width: 0px; height: 44px; font-size: 14px; color: #666; }
.nav .sub2-search .select-panel { line-height: 44px; padding-left: 14px; }
.sub2-search .select-menu { top: 44px; }
.sub2-search .select-menu li { height: 44px; line-height: 44px; padding-left: 14px; }
.v-select { position: relative; height: 28px; outline: none; }
.select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; }
.select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s;
font-size: 14px; }
.select-menu li:hover, .select-menu li.selected { background-color: #B44342; color: #fff; }
.v-select .select-panel { height: 100%; font-size: 14px; color: #333; width: 100%; border: 1px solid #ebebeb; background: #fff url('../images/select-down-bg.png') no-repeat right; cursor: pointer; }
.sub2-search input { float: left; width: 672px; height: 44px; font-size: 14px; padding: 15px 16px; }
.sub2-search button { width: 98px; height: 44px; color: #fff; text-align: center; font-size: 16px; line-height: 44px; background-color: #B44342; }
.sub2-search .pre-link { font-size: 14px; color: #999; margin: 11px auto 0; width: 656px; }
.sub2-search .pre-link .title { float: left; margin-right: 18px; }
.sub2-search .pre-link a { display: block; float: left; color: #222; margin-right: 28px; }
/*浮动和透明头部*/
.head2{z-index: 100;position: absolute; width: 100%;}
.head2 .logo p { color: #fff; border-left: 1px solid #ccc; }
.head2 .logo .img-box a { background-image: url("../images/logo.png"); }
.head2 .nav .sub1-name { color: #fff; }
.head2 .nav .search-icon { background: url(../images/nav-search-normal1.png) no-repeat center; }
.head2 .header { border-bottom:none;/*border-bottom: 1px solid #999;*/ box-shadow:none;}
.head2 .user-top {background-color: transparent;border-bottom: 1px solid rgba(255,255,255,0.2);}
.head2 .user-top .links a,.head2 .user-top .menu p,.head2 .user-top .menu #div_wex em,.head2 .user-top .tel,.head2 .user-top,.head2 .language {color: #fff;}
.head2 .user-top i {background-color: #fff;}
.head2 .user-top .language {background: url(../images/language2.png) no-repeat left center;}
.head-fixed { width: 100%; height:140px; position:fixed!important; z-index: 100; }
.nav .active .sub1-name { color: #B44342; }
.nav .active .navXian { width: 30px; }
.nav .active .navXian { display: block; }

/*按钮*/
.b-btn { font-size: 16px; line-height: 24px; color: #B44342; background: #fff; border-radius: 4px; border:1px solid #B44342; padding: 6px 30px; display: inline-block; transition: all .3s;}
.b-btn:hover { color: #fff; background: #B44342; }
.c-btn { font-size: 16px; line-height: 24px; color: #fff; background: #B44342; border-radius: 4px; border:1px solid #B44342; padding: 6px 30px; margin-right:20px; display: inline-block; transition: all .3s;}
.c-btn:hover { color: #fff; background: #ff6a00; }




@media screen and (max-width:750px) {
.head2{display: none;}
.fixed-bar{display: none;}
}