@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}

article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block;}

h3, h4, h5, h6 { font-weight:normal; font-family: "微软雅黑"; color:#000; font-size:16px;}
address, cite, em, i { font-style: normal; } /* 将斜体扶正 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
li { list-style: none; }
/** A链接公共样式 **/
a { text-decoration: none; color:#3d3d3d; font-family: "微软雅黑";}
a.inherit { color:inherit; font-size:inherit; font-family: inherit; }
a.full { display:block; width:100%; height:100%; }
a:hover { text-decoration: none; }
a.hover-red:hover {color:#f58001;}
a.hover-line:hover {text-decoration:underline;}
/* 页面主体容器 */
.container {width:80%;margin:0 auto;box-sizing: border-box;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.header-logo{ width:16%;}
.header-logo img{ width:auto; max-width:90%;}
/*头部开始*/
.topbar{
	height:30px;
	line-height: 30px;
	background-color: #f3f3f3; font-size:12px;
}
.topbar .fl{
	background: #f58001 url(../images/yx_02.jpg) repeat-x;
	padding:0px 80px 0px 12px;
	color:#fff;
}
.topbar .fr a{
	color:#555;
	font-family: "宋体";
}
.topbar .fr a:hover{
	color:#f58001;
	text-decoration: underline;
}
.topbar .fr .sep{
	margin:0px 1em;
}
.header{
	padding:15px 0px;
    background-image: -webkit-linear-gradient(top,#fff 0,#f1f1f1 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f1f1f1 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background-image: linear-gradient(to bottom,#fff 0,#f1f1f1 100%);
    background-repeat: repeat-x;
	position:relative;
}
.header .header-hotline{
	height:55px;
	padding-left:66px;
	background: url(../images/yx_09.jpg) no-repeat left top;
	margin-top:1rem;
}
.header .header-hotline .hline-tit{
	font-size:16px;
	color:#1e1e1e;
}
.header .header-hotline .hline-num{
	font-size:22px;
	line-height:30px;
	color:#f58001;
	margin-left:-2px;
}
/*头部结束*/
/*导航开始*/
.pageNav{
	height:55px;/*
	background:#000 url(../images/yx_14.jpg) repeat-x; */width:63%; margin-left:2%; margin-top:0.3125rem;
}
.pageNav .topul .topli{
	width:11%;
	height:80px;
	line-height:80px;
	text-align: center;
	float:left;
	background: url(../images/yx_17.jpg) no-repeat right center;
}
.pageNav .topul .topli:after{ width:0px; height:3px; line-height:3px; background: #AA0000; left:0; position:absolute;bottom:0; z-index:5; content:""; transition:all 0.8s ease}
.pageNav .topul .topli:hover:after{ width:100%}
.pageNav .topul .topli:last-child{ background:none;}
.pageNav .topul .topli .show{ position:absolute; width:100%; top:99px; background:#2E303F; padding-bottom:20px; z-index:9; left:0; display:none}
.pageNav .topul .topli .show p{ line-height:38px; text-align:center; color:#f5f5f5; }
.pageNav .topul .topli .show p a{ font-size:14px; color:#ccc}
.pageNav .topul .topli a{
	color:#000;
	font-size:14px;
}

.pageNav .topul .topli a:hover,.pageNav .topul .topli.on a{
	color:#f58001;
}
.pageNav .topul .topli .show .tuijian{ line-height:46px; background:#333543; color:#999999; font-size:14px; text-align:left;}
.pageNav .topul .topli .show .tuijian img{ float:left; margin-right:5px; margin-top:15px}
.pageNav .topul .topli .show .tuijian a{color:#999999; font-size:14px;}
.pageNav .topul .topli .show  h2{ line-height:66px; color:#fff; font-size:30px; border-bottom:1px solid #464F5A; font-weight:normal;}
.pageNav .topul .topli .show dl { text-align:center} 
.pageNav .topul .topli .show dl dd{ width:12%; display:inline-block;position:relative; font-size:12px; color:#fff; margin-top:20px}
.pageNav .topul .topli .show dl dd img{ width:74px; height:74px; transition:all 0.7s ease}
.pageNav .topul .topli .show dl dd:hover img{
	transform: rotateY(360deg);
}
.pageNav .topul .topli .show dl dd a{ font-size:12px; color:#fff}
.pageNav .topul .topli .show dl dd:after{ background:#464F5A; width:1px; height:120px; line-height:120px; position:absolute;
z-index:9; content:""; right:0; top:0}
.pageNav .topul .topli .show dl dd:last-child:after{ width:0px;}
.header-logo-txt { padding-left:20px; line-height:60px; font-size:32px;}
/**footer start**/
.footer em, .footer i { font-style: normal; }
        .footer { background: #333333; /*height: 300px; padding-top: 59px;*/ clear:both; }
        .footer em { font-size: 20px; color: #fff; font-weight: bold; display: block; line-height: 100%; position: relative; padding-bottom: 26px; }
        .footer em:after { position: absolute; content: ""; width: 31px; height: 2px; background: #fff; bottom: 9px; left: 0; }
            .f_menu { width: 380px; float: left; padding-right: 200px;/* height: 245px; */ padding-bottom:30px;}
            .f_menu a { display: inline-block; font-size: 14px; line-height: 32px; color: #D6D6D6; }
           /* .f_menu a:nth-child(3) { padding: 0 50px; }
            .f_menu a:nth-child(6) { padding: 0 50px; }
            .f_menu a:last-child {padding-left:50px;}*/
            .f_menu a:hover { font-weight: bold; }
            .f_con { width: 490px; float: left; background: url(../images/fi.png) no-repeat 3px 58px; }
            .f_con span { display: block; padding-left: 35px; color: #D6D6D6; line-height: 100%; padding-bottom: 16px; padding-top: 11px; }
            .f_con span i { font-size: 26px; font-weight: bold; padding-left: 10px; display: inline-block; font-family: arial; color: #fff; }
            .f_qr { float: left; width: 90px; }
            .f_qr img { width: 83px; height: 83px; padding-top: 18px; }
            .f_info { clear: both; border-top: 1px solid #484848; font-size: 12px; color: #ADADAD; line-height: 54px; }
            .f_info span { display: inline-block; padding-right: 20px; }
            .f_info i { display: inline-block; float: right; padding-left: 20px; }
/**footer end**/
.inner-left{ width:20%; float:left; height:auto; margin-bottom:20px;}
.inner-left h3.menu{ height:42px;border-top-left-radius:5px; border-top-right-radius:5px; background:#000; color:#fff; line-height:42px; padding-left:10%}

.inner-left .left-show{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #CCC;}
.inner-left h3.menu.noradius,.inner-left .left-show.noradius{border-top-left-radius:0px; border-top-right-radius:0px;border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.inner-left .left-show ul{ padding:10px 2%;}
.inner-left .left-show ul li{ line-height:35px;  border-bottom:1px dashed #f5f5f5; padding-left:10% ; width:90% !important;}
.inner-left .left-show ul li a:hover{ color:#F00;}
.inner-left .left-show ul li a{ font-size:16px; color:#333}
.inner-left .left-show ul li:last-child{border-bottom:0px}
.inner-right{ width:75%; margin-left:5%; float:left;}
.other-relation{ padding:10px 0;}
.other-relation h3{ line-height:40px; font-size:16px; color:#333; font-weight:bold; clear:both}
.other-relation  ul li{ width:48%;line-height:30px; float:left; border-bottom:1px dotted #CCC;}
.other-relation  ul li a{ font-size:14px; color:#333}
.other-relation  dl dd{ width:23%; margin-right:2%; text-align:center; float:left}
.other-relation  dl dd .other-img{ width: 100%; height: 200px;overflow: hidden;}
.other-relation  dl dd .other-img img{ width: 100%; min-height: 100%;}
/* .other-relation  dl dd img{ max-width:100%; height:140px;} */
.other-relation  dl dd p{ padding:5px 0; line-height:40px;}
.other-relation  dl dd a:hover,.other-relation  ul li a:hover{ color:#F00}
.links{ padding:5px 18%; line-height:24px; font-size:16px;color:#ccc; background:#000; }
.links a{ color:#ccc; font-size:14px; padding:3px 5px;}

/**底部弹出留言**/

.bookbox{ width:360px; border:1px solid #F0F0F0; padding-bottom:10px; position:fixed; right:0; bottom:-580px; z-index:9; background:#fff;}
.bookbox h3{ height:36px; line-height:36px; background:#F58001; color:#fff; padding:0 2%; font-size:14px;}
.bookbox h3 img{ width:auto; height:96%; float:left; margin-right:10px;}
.bookbox h3 span.closed{ width:5%; float:right;display:block; text-align:center}
.bookbox  dl { padding:20px 5%; height:auto; overflow:hidden; clear:both}
.bookbox  dl dt{ float:left; width:30px; margin-right:8px;}
.bookbox  dl dt .ico{ width:30px; height:30px; border-radius:50%; background:#F58001;}
.bookbox  dl dt .ico img{ width:100%; display:block; margin:auto}
.bookbox  dl dd{ float:left; width:260px;} 
.bookbox  dl dd h4{ font-weight:normal; color:#62778C; font-size:14px; padding-bottom:10px}
.bookbox  dl dd .words{ width:91%; padding:10px 3%; line-height:20px; font-size:14px; background:#EFF3F6; border-radius:10px;}
.bookbox  dl dd .words span{ font-weight:bold; color:#E53333}
.bookbox .textbox{ clear:both; padding:10px 5px; border-top:1px solid #DDE5ED; height:auto; overflow:hidden}
.bookbox li{ clear:both; margin-bottom:5px; height:auto; overflow:hidden}
.bookbox .prename{ width:18%; float:left; padding-right:2%; font-size:14px; color:#62778C; line-height:30px; text-align:right}
.bookbox .inputbox{ width:80%; float:left}
.bookbox .inputbox input{ width:90%; height:30px; line-height:30px; border:1px solid #62778C; font-size:14px;}
.bookbox .inputbox textarea{ width:90%;line-height:20px; border:1px solid #62778C; padding:5px 2%}

/**右侧浮动**/

/* 导航条*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;z-index: 3;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -913px;}
.toolbar-item-weixin:hover{background-position:0 -975px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 -117px;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -663px;}
.toolbar-item-app:hover{background-position:0 -728px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -340px;}
.toolbar-item-tel{background-position:0 -540px;}
.toolbar-item-tel:hover{background-position:0 -604px;}
.toolbar-item-tel .toolbar-layer{height:92px;background-position:0 0px;}

.toolbar-item-top{background-position:0 -788px;}
.toolbar-item-top:hover{background-position:0 -851px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

#cs_box{width:86px;height:241px;position:fixed !important; bottom:32%; 
position:absolute; z-index:400; top:expression(offsetParent.scrollBottom+20);right:0px; transition:all 0.5s ease-out; background:url(../images/aicaigou.png) no-repeat; cursor:pointer} 

.cs_close {color:#000; position:absolute; right:5px;top:0px; cursor:pointer; font-size:24px;font-family:Verdana, Geneva, sans-serif; color:#fff;}

#cs_box img{ width:900px; position:absolute; right:-110px; transition:all 0.5s ease-out;}
/*#cs_box.animate{ right:0px}*/
#cs_box:hover img{ right:86px;}
.title-hui { width: 64%; display: block; margin: auto; margin-top:20px; margin-bottom: 20px; line-height: 40px;}
.title-hui span{ width: 12%; height: 40px; background: #dedede;  display: block; margin: auto; line-height: 40px; text-align: center; color: #fff;}
.title-hui span a{ color: #999;text-transform:uppercase;}
.title-hui i:nth-child(1){ width: 45%; height: 1px; background: #dedede; display: block; float: left; line-height: 40px; margin-top: 20px;}
.title-hui i:nth-child(3){ width: 45%; height: 1px; background: #dedede; display: block; float: right; line-height: 40px; margin-top: -20px; }
.jidibox .text .title-hui{width: 100%;}
.text .title-hui i:nth-child(1){ width: 35%; height: 1px; background: #dedede; display: block; float: left; line-height: 40px; margin-top: 20px;}
.text .title-hui i:nth-child(3){ width: 35%; height: 1px; background: #dedede; display: block; float: right; line-height: 40px;margin-top: -20px; }
.text .title-hui span{ width: 23%;text-transform:uppercase;}
.tit .title-hui{ margin: 20px 0px; width: 64%;}
.tit .title-hui b:nth-child(1){ width: 40%; height: 1px; background: #dedede; display: block; float: left; line-height: 40px; margin-top: 20px;}
.tit .title-hui b:nth-child(3){ width: 40%; height: 1px; background: #dedede; display: block; float: right; line-height: 40px;margin-top: -20px; }
.tit .title-hui .span{ width: 15%;height: 40px; background: #dedede;  display: block; margin: auto; line-height: 40px; text-align: center; color: #fff;text-transform:uppercase;}

/* .inews .title-hui{width: 1200px; margin: auto; display: block; margin-bottom: 30px;} */
.inews .title-hui b:nth-child(1){ width: 40%; height: 1px; background: #dedede; display: block; float: left; line-height: 40px; margin-top: 20px;}
.inews .title-hui b:nth-child(3){ width: 40%; height: 1px; background: #dedede; display: block; float: right; line-height: 40px;margin-top: -20px; }
.inews .title-hui .span{ width: 15%;height: 40px; background: #dedede;  display: block; margin: auto; line-height: 40px; text-align: center; color: #fff;text-transform:uppercase;}

.i_case_title h2,.text h2{ font-size: 40px;}
.pic-title h2{ color: #f58001; line-height: 50px;}
.pic-title h2 i{ color: #000;}
.pic-title h2 a{color: #f58001; font-size: 40px; }
.pic-title p{ font-size: 18px; color: #999; line-height: 40px;}

.lklx a,.lklx   a{ display:block; width:115px; height:48px; background:#f58001 url(../images/ys_btn.png) no-repeat 50px center; padding-left:85px; margin-top:40px; border-radius:2rem; font:16px "Microsoft YaHei"; line-height:48px; color:#fff;margin:0 auto; margin-top:30px;}