@charset "utf-8";
/* CSS Document */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    background:#D8D8D8;
    height: 10px;}
a{text-decoration: none;display:block;}
a:hover{text-decoration: none;}
li {
	float: left;
}
body .hide{display: none;}
body .show{display: block;}
.space{width: 100%;position: relative;height: 60px;float:left;}
html{font:14px 微软雅黑,tahoma,arial,sans-serif;    overflow-x: hidden;}

@font-face {
    font-family: 'font-icons';
    src: url('../font/font-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fontIcons';
    src: url('../font/iconfont.ttf');
    font-weight: normal;
    font-style: normal;
}



/* 头部导航 */
/*.nav_scroll {box-shadow: rgb(0, 0, 0) 0px -1px 5px;}*/
.nav_scroll { border-bottom:1px solid #fff;}
.nav{background-color:#fff;height: 70px;line-height:70px;color:#333;position:fixed;top:0;left:0;width:100%;z-index: 9999;min-width: 1080px;overflow-y: hidden;-webkit-transition:top 0.5s;-moz-transition:top 0.5s;transition:top 0.5s;}
.nav_in {width: 1140px; margin:0 auto;}
.nav_in {width: 1140px; margin:0 auto;}
.nav .li-active a{color:#d11e37;}
.nav_left{float: left;height: 70px;line-height:70px;position: relative;}
.xuanchiLogo{position: absolute;top:50%;     margin-top: -23px; width: 46px;}
.kaixinLogo {position: absolute;top:50%;left: 208px;margin-top: -30.5px;}
.nav_left h1{    margin-left: 58px;font-size: 16px;line-height: 14px;margin-top: 19px;font-weight: bold;}
.nav_left h2{margin-left: 58px;font-size:12px;line-height:12px; margin-top:7px; color:#999;}
.nav-right{float:right; font-size:16px;}
.nav-right a{color:#333;}
.nav-right ul{float:left;}
.nav-right ul li{ position: relative;margin: 0 14px;position:relative;}
.nav-right ul .li_cur a{color:#ff4747; background: url(/img/tif.gif) no-repeat center 55px;}
.nav-right ul li:last-child { margin: 0 0 0 14px;}
.nav-ul li span{width:100%;height: 60px;position: absolute;z-index:-1;top:60px;left:0; -webkit-transition: top 0.2s;-moz-transition: top 0.2s; transition: top 0.2s;}
.nav-right ul li a:hover {color:#ff4747; background: url(/img/tif.gif) no-repeat center 55px;}
.hot {position:absolute;top: 13px;right: -18px;}

.nav-btn{float:left;width: 100px;}
.nav-btn a{float: left;color: #333;font-size: 12px;height: 30px;line-height: 30px;position: relative;top: 15px;width: 48px;text-align: center;border-radius: 5px;padding:0;font-family: "微软雅黑";}
.nav-btn a:hover{border:1px solid #d11e37;width:46px;line-height: 28px;}

/* 联系我们 */
.contact_bg { background:url(../img/indexBeltBg.jpg) repeat-x fixed;}
.contact{overflow: hidden;}
.contact_tit{text-align: center;padding-top: 42px;color:#fff;}
.contact_tit1{font-size: 36px;font-weight: bold;color: #fff;}
.contact_tit2{color: #666666;font-size: 12px;line-height: 28px;}
.contact_phone{width: 645px;height: 80px;line-height: 80px;margin: 42px auto;background-color: rgba(255, 255, 255, 0.18);padding: -7px;position: relative;}
.contact_phone1{font-size: 32px;color: #fff;margin-right: 32px;}
.contact_phone2{font-size: 32px;color: #fff;font-family: "黑体";}
.contact_phoneBox{width: 645px;height: 80px;border: 1px solid #fff;padding: 4px;position: absolute;top: -5px;left: -5px;text-align: center;box-sizing: content-box;}


/* 表单 */
.form{padding-bottom: 42px;text-align: center;}
.form_box{display:inline-block;width: 456px;text-align: left;margin: 0 45px;vertical-align: bottom;}
.form_input{width: 100%;background-color: rgba(255, 255, 255, 0.18);border-bottom:1px solid rgba(255, 255, 255, 0.28);}
.form_input input{border:none;padding:0 3%;width: 94%;background:none;height: 42px;line-height: 42px;font-size: 12px;color:#fff;}
.form_input input::-webkit-input-placeholder { color: #fff; }
.form_input textarea{border:none;padding:12px 3%;width: 94%;background:none;height: 57px;resize:none;color:#fff;line-height: 25px;font-size:12px;}
.form_input textarea::-webkit-input-placeholder { color: #fff; }
.form_input textarea::-moz-input-placeholder { color: #fff; }
.form_input .form_btn{background-color: #ff3636;padding:0;width: 100%;font-size: 14px;cursor: pointer;}
.form_inf{width: 360px;text-align: left;display: inline-block;font-size:12px;color: #fff;margin: 0 45px;}
.form_input span{width: 42px;height: 42px;display: inline-block;font-family: "font-icons";font-size: 32px;background: rgba(255, 255, 255, 0.18);text-align: center;margin-right: 15px;}
.form_input .form_icon1:before{content: "\e615";}
.form_input .form_icon2:before{content: "\e614";}
.form_input .form_icon3:before{content: "\e613";}
.form_input .form_icon4:before{content: "\e612";}
.form_input .form_icon5:before{content: "\e611";}
.form_input .form_icon6:before{content: "\e61b";}
.form_input .form_icon7:before{content: "\e61a";}
.form_inf .form_input{line-height: 42px;height:42px;background:none;}
.form_inf .form_input p{display: inline-block;height: 42px;line-height: 42px;position:absolute;}
::-webkit-input-placeholder { color:#fff;}
/* 底部导航 */
.footer_nav{height: 80px;line-height: 80px;text-align:center;position: relative;font-size:16px;background-color:#333;color:#fff;}
.footer_nav ul{display: inline-block;}
.footer_nav ul li{position: relative;overflow: hidden;padding: 0 25px;}
.footer_nav ul li a{color: #fff;}
.footer_nav ul li a:hover{color: #ff4747;background: url(/img/tif.gif) no-repeat center 53px;}
/* 底部 */
.footer{border-top:solid 1px #1c1c1c;background-color: #333;font-size: 22px;text-align: center;height: 115px;}
.footer h1{color:#a7a7a7;margin-top: 30px;}
.footer span{font-size: 12px;color: #4f4f4f;line-height: 24px;}


/* 侧边栏 */
.sideBar{position: fixed;right:0;top:50%;margin-top:-92px;z-index: 999;}
.sideBar span{display: block;width: 45px;height: 45px;text-align: center;line-height: 45px;position: absolute;}
.sideBar li{float: none;background-color: #1b1b1d;margin-top: 1px;position: relative;}
.sideBar li a{width: 45px;height: 45px;}

.sideBar_btn1 span{background: #fff;background: rgba(255, 255, 255, 0.9);color: #1c1c1c;font-weight: bold;}
.sideBar_btn2 span{background: url(/img/sideBar_qq.png) center center no-repeat;}
.sideBar_btn3 span{background: url(/img/sideBar_phone.png) center center no-repeat;}
.sideBar_btn4 span{background: url(/img/sideBar_contact.png) center center no-repeat;}
.sideBar_btn5 span{background: url(/img/sideBar_code.png) center center no-repeat;}
.sideBar_arr{position: absolute;width: 100%;height: 5px;background: url(/img/sideBar_arr.png) center center no-repeat;top:-5px;}
.sideBar_box{position: absolute;background-color: #ff3636;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;transition: left 0.3s;left:216px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;pointer-events: none;}
.sideBar_move{left:-170px;pointer-events:all;}
.sideBar_qq,.sideBar_phone div{width: 170px;height: 45px;top: 0;}
.sideBar_qq p{color:#fff;float:left;}
.sideBar_qq a {display: inline;color: #fff;}
.sideBar_qq a :hover{background-color: #fff;}
.sideBar_qq div:hover { color:#fff;}
.sideBar .sideBar_qq div{width: 120px;height: 28px;line-height:28px;text-align: center;border-radius: 5px;border:1px dashed #fff;color:#fff;margin: 7px auto 0 auto;cursor: pointer;}

.sideBar_qq div:hover{border:1px solid #fff;background-color:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;color:#c9112c;}
.sideBar_qq div:hover a{color:#C51D27;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;transition:background-color 0.5s;}
.sideBar_phone{width: 170px;height: 45px; top: 0;}

.sideBar_phone input{border:1px solid #fff;border-radius:2px;width: 132px;height: 25px;line-height: 25px;color:#333;margin:20px 10px 10px 15px;    background: #fff;}
.sideBar_phone div{text-align: center;width: 80px;height: 25px;line-height: 25px;border-radius: 3px;color:#fff;margin: 0 auto;cursor: pointer;border:1px dashed #fff;}
.sideBar_phone div:hover{background-color: #333;-webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;transition: background-color 0.5s;}
.sideBar_phone p{color:#ddd;font-size: 12px;margin: 0 0 20px 16px;}
.sideBar_contact{width:170px;height: 45px;top:0;}
.sideBar_contact div{width: 120px;height: 28px;line-height:28px;text-align: center;border-radius: 5px;border:1px solid #fff;color:#fff;margin: 7px auto 0 auto;cursor: pointer;}
.sideBar_contact div:hover{color:#C51D27;border:1px solid #fff;background-color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sideBar_code{width:170px;height: 183px;top:-138px;text-align: center;}
.sideBar_code div p{color:#fff;font-size:14px;text-align:center;margin:10px 0;}
.sideBar_code img{width: 124px;margin-top: 6px;border-radius: 5px;}


/* 左侧边栏 */
.qq{position: fixed;left:0;top:50%;width: 45px;z-index: 999;margin-top: -92.5px;}
.qq_logo{display:block;width: 45px;height: 45px;background: url(/img/sideBar_qq.png) center center no-repeat;background-color: #000;}
.qq_phone{display:block;height: 45px;line-height: 45px;color: #fff;font-size: 18px;white-space: nowrap;background-color: #ff3636;width: 140px;transform: rotate(90deg);position: relative;top:47px;left: -48px;text-align: center;}
.qq_box {position: relative;}
.qq_outBox{width: 45px;-webkit-transition: opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s;position: absolute;left: 0;z-index:999;cursor:default;}
.qq_inBox{position: absolute;width: 150px;top: 0;-webkit-transform:translate(-150px);transform:translate(-150px);-webkit-transition: transform 0.1s;-moz-transition: transform 0.1s;transition: transform 0.1s;z-index:1000;}
.qq_boxTit{height: 34px;line-height: 34px;background: #484848;font-size: 12px;color: #fff;text-align: center;}
.qq_boxQq{width: 150px; height: 150px;background: #ff3636;position: relative;overflow: hidden;}
.qq_boxQq a{width: 74px;height: 74px;background: url(/img/qq-logo.png) center center no-repeat;background-color: #fff;margin: 38px auto 0 auto;border-radius:50%;}
.qq_boxWord{background: #dddddd;text-align: center;font-size: 12px;line-height: 20px;}
.qq_boxWord span{color: #d11e37;font-size: 14px;font-weight: bold;display: block;}
.qq_45{opacity:0;}
.qq_150{-webkit-transform:translate(0);transform:translate(0);}


/* 面包屑导航 */
.tab_top {overflow:hidden;height:50px;line-height:50px;background:#f7f7f7}
.tab {float:right;color: #808080;}
.tab i{font-family: "fontIcons";font-size: 16px;font-style: normal; -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;color: red;margin-right: 5px;}
.tab a {display:inline;color: #808080;}
.left {width:1140px;float: none;margin: 0 auto;}
.tab_top .tabOn {color:#fe554e}
.tab .tabOn {color:#fe554e}



/* 顶部 */
.case {width:1140px;margin:30px auto 0 auto;text-align:center;}
.case h2{font-size: 24px; font-weight: normal;}
.case_tit{width: 195px; height: 49px;margin: 0 auto;text-align: center;line-height: 49px;font-size: 18px;color: #666666;}
.case_tit .span1{width: 38px;height: 1px; float: left;margin-top: 24px;background-color: #ababab;}
.case_tit .span2{width: 38px;height: 1px; float: right;margin-top: 24px;background-color: #ababab;}