@charset "utf-8";
/*整站样式*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333333; }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: top; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*-------------导航--------------*/
.nav{
	height:80px;/template/images/
	width:100%;
	z-index:1111;
	background:#000000;
	}
.nev1{
	width:1200px;
	height:80px;
	margin:0 auto;
	position:relative;
	}
.nav11{
	float:left;
	width:400px;
	height:80px;
	background: url(/template/images/logo.jpg) left  center no-repeat;}

.clearfix:after{visibility: hidden; display: block; clear: both;}
.clearfix{zoom:1;}
.nav2 {position:relative;width:800px;height:80px;overflow:hidden;line-height:80px;z-index:999999;}
.nav2 li{float:left;display:inline;width:100px;height:80px; line-height:80px;text-align:center;}
.nav2 li a{color:#fff; font-size:14px; width:100px;display:inline-block;}
.nav2 a:hover{text-decoration:none; font-size:14px;}
#nav2Bd{position:relative;}
.nav2Hover a{display:inline-block;color:#fff;font-size:14px; }
#nav2Selected{position:absolute;width:100px;height:80px; ine-height:80px;background:url(/template/images/menubg.jpg) no-repeat  0 0;}

.daohangbg{ background:url(/template/images/menubg.jpg) center  bottom no-repeat;}

/*结束*/

/*--------------QQ客服-----------------*/
.theme-mask{z-index:11000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8; display:none; }

.popover1{ width:360px; height:400px; z-index:11001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:150px; height:40px; background:#e70012; color:#fff; display:inline-block; border-radius:2px; font-size:14px; margin-top:10px;}


.news_con{
padding-top: 30px;
}
.news_con  img{
margin-bottom: 6px;
}

a.allnews_all{cursor:default; background:#fff; width:158px; height:38px; border:1px solid #dedede; text-align:center; font-size:14px; color:#333; border-radius:2px; display:block; margin:40px auto 100px auto; line-height:38px;  }

.case .btn_all{cursor:default;  background:#fff; width:120px; height:35px; border:1px solid #dedede; text-align:center; font-size:14px; color:#333; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}


.side-pannel {position:fixed; width:50px; bottom:150px; right:15px; z-index:99999999999; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:rgba(51,51,51,.9);  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar>a:hover{ background:#e70012;}
.side-bar a.gotop:hover{ background:#222;}

.side-bar a.qq i{ background:url(/template/images/qq/side_03.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
 
.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%; background:rgba(51,51,51,.9);  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#e70012;}
.side-bar .dh i{ background:url(/template/images/qq/side_06.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(/template/images/qq/side_10.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(/template/images/qq/side_14.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}

.side-bar .dh .hide{  width:166px;  position:absolute; left:-166px; top:-35px;}
.side-bar .dh .hied_con{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after{ content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);}

 
.side-bar .dh .hide dl{ width:110px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt a{ color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; }



@media screen and (max-width:470px){
.case .btn_all{ margin: 50px auto;}
 
a.allnews_all{ margin:30px auto 50px auto;}
.side-pannel {
    bottom: 70px;
    right: 10px;
 
}

} 
.blogs{margin-top:0px;}

.blog_bg dl dt{ padding:0 20px;}
#top-nav.navbar .nav > li > a{
text-transform: none;
}

a.allnews_n { background:#24b727; width:120px; height:35px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
a.allnews_n:hover{ background:#1ea721;}
.case .btn.wu{ background:#24b727; width:120px; height:35px; text-align:center; font-size:14px; color:#fff; border-radius:2px; display:block; margin:40px auto 80px auto; clear:both; line-height:35px;   -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.case .btn.wu:hover{ background:#1ea721;}
@media print{ 
body{display:none} 
}
.foot_bottom p a{color:#333;}
.foot_bottom p a:hover { color: #333;}


/*结束*/

/*----------------底部栏目-------------------*/
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.S_bottom{ background:url(/template/images/foot/foot.jpg)  repeat-x center center; height:250px; width:100%;}
.S_bottom_n{ width:1200px; margin:0 auto; }
.s_bottom_t_l{ height:46px; width:500px; float:left; line-height:46px; color:#ffffff;}
.s_bottom_t_r{ float:right; color:#ffffff; line-height:30px;}
.s_bottom_t_r ul{ margin-right:5px; }
.s_bottom_t_r ul li{ float:left; margin-left:23px;  vertical-align:top;  }
.S_bottom_m{ margin-top:42px; float:left; width:1200px; }
.S_bottom_m_l{ width:200px; float:left; margin-top:30px;}
.S_bottom_m_m{ float:left; color:#ffffff; line-height:25px; font-size:12px; margin-left:50px; width:685px;}
.S_bottom_m_r{ float:right; width:265px; height:100px; margin-top:25px;}
.S_bottom_link{ width:1200px; margin-top:30px;}
.S_bottom_link span{ color:#ffffff; height:30px; font-size:12px; float:left; line-height:30px; width:80px;}
.S_bottom_link a{ color:#ffffff;height:30px; font-size:12px; line-height:30px; float:left; margin-right:20px; }
.S_bottom_link a:hover{ color:#e70012}

/*底部版权信息*/
.S_bq{ width:1200px; height:100px; margin:0 auto; }
.s_bq_l{ width:500px; float:left; color:#fff; margin-top:30px; font-size:12px;}
.s_bq_r{ width:700px; float:right; text-align:right; margin-top:30px; font-size:12px; line-height:22px;color:#fff; }

/*结束*/


.Tpiaochuan {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	display: none;
	margin-top: -142px;
	margin-left: -306px;
	width: 613px;
	height: 285px;
	background: url(/template/images/tqq/bgx-1.png) no-repeat center center;
	background-size: 100% 100%;
	opacity: .9;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-html-opacity: .9;
}
.Tpiaochuan .zixun {
	position: absolute;
	bottom: 45px;
	left: 35px;
	cursor: pointer;
}

.Tpiaochuan .noneyin {
	position: absolute;
	right: 265px;
	bottom: 45px;
	cursor: pointer;
}


/* 底部 */

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.main-footer {
    height: 230px;
    background-color: #373D41;
}

.main-footer>.flex-row {
    height: 100%;
    box-sizing: border-box;
    padding-top: 44px;
    align-items: flex-start;
}

.main-footer-info {
    margin-right: 20px;
}

.main-footer-tel {
    background: url(/template/images/img-footer-tel.svg) no-repeat left center;
    padding-left: 60px;
    margin: 6px 0 30px;
}

.main-footer-tel-title {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 6px;
}

.main-footer-tel-p {
    font-size: 18px;
    color: #fff;
}

.main-footer-img-item {
    display: inline-block;
    vertical-align: middle;
}

.main-footer-img-item img {
    width: 78px;
    margin-right: 5px;
}

.main-footer-center {
	width: 740px;
    padding: 20px 40px 0;
    height: 143px;
    box-sizing: border-box;
    border-left: 1px solid #52595d;
    border-right: 1px solid #52595d;
}

.main-footer-nav {
    color: #999;
    text-align: center;
}

.main-footer-nav a {
    color: #999;
    margin: 0 4px;
}

.main-footer-nav a:hover {
    color: #db1c24;
}

.main-footer-lj {
    color: #999; font-size:12px;
}

.main-footer-lj a,.main-footer-lj h2,.main-footer-lj h2 a{
    color: #999;
	font-size: 12px;
}

.main-footer-lj h2{
	display: inline-block;
}



.main-footer-lj a:hover {
    color: #db1c24;
}


.main-footer-copyRight {
    margin-top: 30px;
}

.main-footer-copyRight p {
    font-size: 13px;
    color: #999;
    text-align: center;
    margin-bottom: 8px;
}

.main-footer-copyRight p a {
    color: inherit !important;
}

.main-footer-qr {
	text-align: right;
    height: 143px;
    position: relative;
    box-sizing: border-box;
    padding: 20px 40px 0;
    justify-content: space-between;
    align-items: flex-start;
}

.main-footer-qr .qr-block {
    width: 50px;
    margin-right: 60px;
    position: relative;
    cursor: pointer;
}

.main-footer-qr .qr-block:last-child {
    margin: 0;
}

.main-footer-qr .qr-icon {
    color: #999;
    font-size: 12px;
    padding-top: 45px;
    background: no-repeat center top;
}

.main-footer-qr .qr-icon.phone {
    background-image: url(/template/images/phone.svg);
}

.main-footer-qr .qr-icon.weixin {
    background-image: url(/template/images/weixin.svg);
}

.main-footer-qr .qr-block:hover .qr-icon.phone {
    background-image: url(/template/images/phone-hover.svg);
}

.main-footer-qr .qr-block:hover .qr-icon.weixin {
    background-image: url(/template/images/weixin-hover.svg);
}

.main-footer-qr .qr-img {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, -10px);
    opacity: 0;
    visibility: hidden;
}

.main-footer-qr .qr-block:hover .qr-img {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.main-footer-qr .qr-img img {
    max-width: none;
}