@charset "utf-8";
/* CSS Document */
@font-face {
	 font-family:'tt0142m_';
	 src:url('/public/static/home/fonts/tt0142m_.ttf') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:'tt0143m_';
	 src:url('/public/static/home/fonts/tt0143m_.ttf') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:'tt0144m_';
	 src:url('/public/static/home/fonts/tt0144m_.ttf') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:'tt0145m_';
	 src:url('/public/static/home/fonts/tt0145m_.ttf') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
.font_ft_l {
	 font-family:tt0142m_;
}
.font_ft_b {
	 font-family:tt0143m_;
}
.font_ft_l {
	 font-family:tt0144m_;
}
.font_ft_b {
	 font-family:tt0145m_;
}




* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
body {width: 100%;font:normal 12px 'tt0142m_','tt0144m_','Arial','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';color: #595757;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background:#fff;}
.bd-hide{ overflow:hidden;}
a{color: #595757;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all 0.3s;}
a:hover {text-decoration: none;color:#333; transition:all 0.3s;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;font:normal 12px 'tt0142m_','tt0144m_','Arial','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}
ul,ol,li {list-style: none;}
i,em {font-style: normal;}
img{ border:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
img{max-width: 100%;height: auto;}


.contain{padding: 0 14%;margin:auto;}

.head{ width:100%;background: #fff;}
.head-in{position: relative; z-index: 99;padding:42px 60px;transition: all 1s;}

.logo{float: left;}
.logo a{ display:block;}
.logo a img{ display:block;height: 46px;}

.nav{float: right;} 
.nav ul{float: left;}
.nav ul li{ float:left;}
.nav ul li a{ display:block; padding:0 20px; font-size:14px; color: #222;line-height: 46px;}
.nav ul li a:hover,.nav ul li a.active { color:#0d4da1;}
.nav ul li a span{display:block; position:relative;}
.nav ul li a i{ display:block; width:0; border-bottom:1px solid #0d4da1; position:absolute; left:50%; bottom:5px; transform:translateX(-50%);transition:all 0.3s;}
.nav ul li a.active i,.nav ul li a:hover i{ width:100%; transition:all 0.3s;}

.langue{float: left;margin-left: 90px;}
.langue a{font-size: 14px;line-height: 46px;display: inline-block;vertical-align: middle;color: #999;}
.langue a.act{color: #111;}
.langue i{display: inline-block;width: 40px;height: 1px;margin: 0 10px;background: #111;vertical-align: middle;}


.head-fix{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background: #fff;}
.head-fix .head-in{padding:15px 30px;transition: all 1s;}
.head-fix .head-in .logo a img{ display:block;height: 32px;}
.head-fix .head-in .nav ul li a,.head-fix .langue a{line-height: 32px;font-size: 12px;}



/*手机端导航*/
.hide-nav{ display:none; width:42px; height:42px; position:absolute; top:50%; right:20px; transform:translateY(-50%); background-image:url(/public/static/home/images/nav_ico_op.png); background-repeat:no-repeat; background-position:50% 50%; background-size:32px; text-indent:-9999em;}
.nimei{background-image:url(/public/static/home/images/nav_ico_cl.png);background-repeat:no-repeat; background-position:50% 50%; background-size:32px;}
.new-nav{ width:100%;height:100%; position:fixed; top:0; left:0; background:#fff; z-index:90; text-align:center; display:none;padding-top: 93px;}
/*.news-nav-con{box-shadow: 0 5px 20px rgba(0,0,0,0.2);}*/
.new-nav ul li a{ display:block; padding:10px 0; border-bottom:1px dotted #e2e2e2; line-height:24px;}
.new-nav ul li a span{ font-size:14px; color:#999; display:block;}
.new-nav ul li a i{ font-size:12px; color:#666; display:block;}
.new-nav ul li.active a span,.new-nav ul li.active a i{ color:#0d4da1;}
.head-act{position: fixed;top: 0;left: 0;width: 100%;}

.foot{ padding:0 60px; background:#f5f5f7; color:#999;}
.foot-top{padding: 70px 0 90px 0; border-bottom: 1px solid #dfdfe3;}
.foot-l{width: 180px;float: left;}
.foot-logo {margin-bottom: 40px;}
.foot-logo a img{display:block;width: 100%;}
.foot-call {background: url(/public/static/home/images/tell_ico.png) no-repeat left center;background-size: contain;padding-left: 48px;}
.foot-call span{font-size: 12px;font-style:italic;color: #999;}
.foot-call p{font-family:'tt0145m_';font-size: 18px;color: #222;}
.foot-nav{width:64%;float: right; }
.foot-nav dl{width:17%;float: left;}
.foot-nav dl dt {margin-bottom: 24px;}
.foot-nav dl dt a{font-size: 14px; color: #333;}
.foot-nav dl dd a{font-size: 12px; color: #666;line-height: 28px;}
.foot-nav dl dd a:hover{color: #333;}
.foot-nav .chat-pic{width: 14%;float: right;text-align: center;}
.foot-nav .chat-pic img{display: block;margin-bottom: 10px;}
.foot-nav .chat-pic p{font-size: 12px; color: #999；}

.foot-bottom{ line-height: 80px; }
.foot-shop{float: left;}
.foot-shop a{ font-size: 14px; color: #666;height:36px;line-height: 36px;display: inline-block;margin-right: 20px;padding:0 20px 0 40px;transition: all 0.4s;}
.foot-shop a.tmall{background: url(/public/static/home/images/tm_ico.png) no-repeat left center; background-size: contain;border-radius: 150px; border:1px solid #ff0036;color: #ff0036; }
.foot-shop a.jd{background: url(/public/static/home/images/jd_ico.png) no-repeat left center; background-size: contain;border-radius: 150px; border:1px solid #e1251b;color: #e1251b; }
.foot-copy{float: right; font-size: 12px; color: #999;}


/*分页*/
.ep-pages{padding:30px 0 0;clear:both;text-align:center;font-size:14px;vertical-align:top; margin-bottom:20px;clear: both;} 
.ep-pages a, .ep-pages span{display:inline-block;height:32px;line-height:32px;padding:0 15px;margin: 0 4px;
background:#efefef;overflow:hidden;vertical-align:top;} 
.ep-pages a:hover{background:#0b56b9;text-decoration:none} 
.ep-pages a, .ep-pages a:visited{color:#777;} 
.ep-pages a:hover, .ep-pages a:active{color:#fff} 
.ep-pages .current{background:#0b56b9;color:#fff} 
.ep-pages a.current, .ep-pages a.current:visited{color:#ffffff} 
.ep-pages a.current:hover, .ep-pages a.current:active{color:#ffffff} 

.ep-pages-e5e5e5{color:#ccc} 
.ep-pages-all{font-size:12px;vertical-align:top} 



/*客服*/
.left-tool{ position:fixed; bottom:100px; right:-3px;/* transform:translateY(-50%); */z-index:10;}
.tool-cell{ position:relative; }
.tool-btn{margin-bottom:2px; cursor:pointer;width: 50px; height:45px;border-radius: 3px;position:relative; z-index:2;background-position: center;background-repeat: no-repeat;}
.tool-qq .tool-btn{background-image:url(/public/static/home/images/fl_ico_qq.png);background-color: rgba(13,77,161,0.75); background-size: 16px;transition: all 0.6s;}
.tool-qq .tool-btn:hover{background-color: rgba(13,77,161,1);transition: all 0.6s;}
.tool-gotop .tool-btn{background-image:url(/public/static/home/images/fl_ico_top.png);background-color:rgba(0,0,0,0.62); background-size: 12px;transition: all 0.6s;}
.tool-gotop .tool-btn:hover{background-color:rgba(0,0,0,1);transition: all 0.6s; }
.tool-slide{ position:absolute; right:60px; top:0; width:130px; min-height:56px; font-size:14px; color:#fff; background:#fff; z-index:0;padding:10px 15px;border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);display: none;}
.tool-slide:after{content: '';display: block;width: 9px;height: 18px;background: url(/public/static/home/images/ar_co.png) no-repeat center;background-size: contain;position: absolute;top: 15px;right: -9px;}
.tool-qq .tool-slide ul li{border-bottom: 1px dotted #e2e2e2;}
.tool-qq .tool-slide ul li:last-child{border-bottom: none;}
.tool-qq .tool-slide ul li a{font-size: 14px;color: #333;display: block;padding: 12px 0;background: url(/public/static/home/images/qq_ico.png) no-repeat left center;background-size: 14px;padding-left: 20px;}



/*分享*/
.share-con span{float: left;line-height: 38px;margin-right: 15px;}
.share-con .bdsharebuttonbox{float: left;}
.gb_resItms li{float: left;margin-right: 15px;transition: all 0.6s;}
.gb_resItms li:hover{transform: translateY(-5px);transition: all 0.6s;}
.bdsharebuttonbox a { width: 38px!important; height: 38px!important; margin: 0 auto 10px!important; float: none!important; padding: 0!important; display: block; }
.bdsharebuttonbox a img { width: 38px; height: 38px; }
.bdsharebuttonbox .bds_tsina { background: url(/public/static/home/images/ico_weibo.png) no-repeat center center/38px 38px; }
.bdsharebuttonbox .bds_weixin { background: url(/public/static/home/images/ico_wechat.png) no-repeat center center/38px 38px; }
.bdsharebuttonbox .bds_sqq { background: url(/public/static/home/images/ico_qq.png) no-repeat center center/38px 38px; }
.bdsharebuttonbox .bds_renren { background: url(/public/static/home/images/ico_rr.png) no-repeat center center/38px 38px; }
.bdshare-button-style0-24 .bds_weixin,
.bdshare-button-style0-24 .bds_sqq,
.bdshare-button-style0-24 .bds_qzone,
.bdshare-button-style0-24 .bds_tqq,
.bdshare-button-style0-24 .bds_tsina,
.bdshare-button-style0-24 .bds_renren
{background-position:center!important;}


@media (max-width:1440px){
	.contain{ padding: 0 85px;}
	.nav ul li a{padding: 0 15px;}
	.langue{margin-left: 60px;}
	.foot-nav{width: 70%;}
	.foot-nav .chat-pic{width: 14%;}
}

@media (max-width:1380px) {
    .head-in{padding:25px 40px;}
	}

@media (min-width:1280px){
	.new-nav{ display:none !important;}
}
@media (max-width:1280px){
	.contain{ width:100%; padding: 0 40px;}
    .nav{ display:none;}
	.hide-nav{ display:block;}
	.new-nav{ top:0;}
	.foot{padding: 0 40px;}
	.foot-nav i{margin: 0 5px;}
	.foot-nav{width: 75%;}
	.foot-nav dl dt{margin-bottom: 15px;}
	.foot-nav dl dd a{line-height: 24px;}

	}

@media (max-width:992px){
    .contain{padding: 0 30px;}
    .nav{ display:none;}
	.hide-nav{ display:block;}
	.langue{float:none;margin-left: 0;padding-top: 30px;}
    .foot-bottom{padding-top: 30px;}
    .foot-nav dl{display: none;}
    .head-in{padding: 24px 30px;}
    .foot-top{padding: 40px 0;}
    .foot-l{/*width: 100%;*/float: none;margin: 0 auto 30px;}
    .foot-nav{float: none;width: 100%;}
    .foot-nav .chat-pic{float: none;margin:0 auto;}
    .foot-shop,.foot-copy{float: none;text-align: center;}
    .foot-bottom{line-height: 60px;}


	}
	
@media (max-width:750px){
	.head-in{padding:20px}
	.head-fix .head-in{padding: 10px 20px;}

	.new-nav{ top:0;padding-top:60px;}
	.logo a img{ height:30px;}
	.head-fix .head-in .logo a img{height: 25px;}
	.head-fix .hide-nav{width: 36px; height: 36px;background-size: 28px;}


	.foot{padding:0 4%}
	.foot-top{padding: 40px 0;}
	.foot-nav .chat-pic{width: 40%;}
	.foot-nav .chat-pic img{width: 100%;}
    .foot-bottom{line-height: 50px;padding-top: 20px;}

	.foot-contact{ width:100%; margin-right:0; }
	.foot-nav,.foot-copy{float: none;line-height: 24px;}

	.contain{padding: 0 3%;}

	.ep-pages a, .ep-pages span{display: none;}
	.ep-pages a.ep-pages-ctrl, .ep-pages span.ep-pages-ctrl{display: inline-block;}
}

















































































