@charset "utf-8";
/*
Copyright (C) 济南卓博信息技术有限公司 All rights reserved
版权声明：以下代码均属于济南卓博信息技术有限公司（以下简称卓博科技）原创设计，版权归卓博科技所有，拷贝、抄袭、盗用者将追究其法律责任。
*/           
body { background: #fff; }
a {text-decoration: none;-webkit-transition: all 0.10s linear 0.01s;-moz-transition: all 0.10s linear 0.01s;-ms-transition: all 0.10s linear 0.01s;-o-transition: all 0.10s linear 0.01s;transition: all 0.10s linear 0.01s;color: #000;}
a:hover { text-decoration: none; color: #c70307; }
ul { padding: 0; list-style: none; margin: 0; }
* {box-sizing:border-box;}
em { font-style: normal; }
.container { width: 1200px !important; padding: 0; position: relative; }
.head { z-index: 100; width: 100%;position: relative; }
.head .head-top { height: 30px; line-height: 30px;background: #444444;border-bottom: 1px solid #8C8C8C;color: #fff;}
.head .head-top .left { float: left;color: #FFF;}
.head .head-top .left i { font-size: 18px; margin-right: 10px; }
.head .head-top .right { float: right;color: #fff;}
.head .head-top .right ul li { float: left;color: #FFF;}
.head .head-top .right a {color: #fff;}
.head .head-top .right a:hover {color: #FFFFFF;}
.head .head-top .right span { color: #bbb; margin: 0 8px; }
.head .head-top .right .wechat { float: right;position:relative;}
.head .head-top .right .wechat img { position: absolute; right: 0px; display: none; z-index: 300;width:150px; }
.head .head-top .right .wechat:hover { cursor: pointer; }
.head .head-top .right .wechat:hover img { display: block; }
.head .head-center { height: 120px; background:#fff; clear: both; }
.head .head-center h1 { float: left; margin-top: 0px; margin-bottom: 0; }
.head .head-center .introduce { float: left; width:290px; }
.head .head-center .introduce img { float: left; margin-right: 18px; }
.head .head-center .introduce div { margin-top: 30px; margin-bottom: 5px; font-weight: bold; font-size: 26px; color: #c50208; }
.head .head-center .introduce h2 span { }
.head .head-center .introduce em { font-size: 20px; color: #555; }
.head .head-center .search { padding: 10px 0;width:360px;float:left;margin-top:18px;}
.head .head-center .search .form {height: 36px; margin-right: 0px; margin-top: 0px;clear:both;overflow:hidden;}
.head .head-center .search .form .search-keyword { width: 280px; height: 30px; line-height: 30px; background: #fff; color: #aaa; padding-left: 28px; font-size: 12px; float: left; margin-top: 2px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; border-right: 0; }
.head .head-center .search .form .search-submit { width: 49px; height: 34px; background: #c50208; border: none; margin-top: 2px; top: 0; font-size: 18px; color: #fff; border-radius: 0 5px 5px 0; }
.head .head-center .search .tags {font-size: 12px; width: 600px;margin-left:10px;}
.head .head-center .search .tags div{ float: left; font-size: 14px;margin: 0; font-weight: bold; color: #20171a; }
.head .head-center .search .tags h4{font-size: 12px;display: inline;margin-top:0;}
.head .head-center .search .tags li{ float: left;  margin-right: 10px; border-right: 1px solid #8C7B50; padding-right: 10px;height:20px;line-height:20px;margin-top:10px;}
.head .head-center .search .tags li:last-child{border-right:0;}
.head .head-center .phone { float: right; font-size: 28px; margin-top: 30px; width: 250px; }
.head .head-center .phone img { margin-right: 5px; float: left; }
.head .head-center .phone .phone-num { float: left; margin-top: 3px; }
.head .head-center .phone small { font-size: 16px; display: block; margin-left: 3px; color: #333; }
.head .head-center .phone span { display: block; color: #c50208; font-weight: bold;  font-style: italic;}

.head .nav { height: 117px; background:url(head-nav.jpg) top center; clear: both;z-index:110;position:relative;}
.head .nav .menu{margin-left: 75px;margin-top: 17px;}
.head .nav .menu ul { padding: 0; list-style: none; margin: 0; }
.head .nav .menu ul li { float: left; position: relative; }
.head .nav .menu ul li span { margin-right: 10px; }
.head .nav .menu ul li a {display: inline-block; float: left; height: 90px; color: #333; width: 119px;background: url(nav-hover.jpg) 134px 0px;text-align: center;line-height: 90px;font-size: 14.5px;}
.head .nav .menu ul li .index { background: #ffc904; color: #333; border: none; }
.head .nav .menu ul li a:hover { background:url(head-nav-hover.jpg) no-repeat center center; color: #c50208; }
.head .nav .menu ul li:hover .sub { display: block; }
.head .nav .menu ul li .sub { display: none;top: 94px;position: absolute; background: #fff; line-height: 26px; padding: 5px 0; z-index: 999; }
.head .nav .menu ul li .sub li { zoom: 1; border: none; }
.head .nav .menu ul li .sub a { display: block; border: none;height: 46px;line-height: 46px; font-size: 14px; color: #c50011;    border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;;width:120px;}
.banner { width: 100%;overflow: hidden; position: relative; z-index:90; }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 44%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 60px; height: 20px; line-height: 14px; text-align: center; background: rgba(255,255,255,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #c70307; color: #c70307; }
.banner .bd { width: 100%;overflow: hidden; margin: 0 auto; position: relative }
.banner .bd ul { width: 100%;top: 0; left: 0 }
.banner .bd li { float: left; width: 100%;}
.banner .bd li span { display: block; width: 100%;}
.banner .bd li a { display: block; width: 100%;}
.banner .bd li a img{width:100%;}
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute; left: 8%; top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000; border-radius: 5px; }
.banner .next { left: auto; right: 8%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.keyword{height:80px;line-height:60px;background:#fafafa url(scale.png) bottom center no-repeat;}
.keyword .tags{float:left;color:#666;}
.keyword .tags span{font-weight:bold;float:left;}
.keyword .tags h4{font-size:14px;float:left;line-height:60px;margin:0;margin-right:10px;}
.keyword .search{float:right;width:350px;margin-top:10px;}
.keyword .search .text{padding-left:10px;height:32px;width:82%;float:left;}
.keyword .search .button{width:14%;float:left;height: 33px;background: #b60307;color:#fff;line-height: 33px;border:0;}
.index-title{text-align:center;margin: 16px 0 32px 0;background: url(title-bad.png) no-repeat center center;padding-bottom: -1px;}
.index-title .title-1{font-size:22px;font-weight:bold;}
.index-title .title-1 span{color: #c70307;}
.index-title .title-2{font-size:16px;color:#999;margin-top:10px;margin-bottom:15px;}
.index-title .title-3{display: block;width:160px;height:1px;line-height:2px;background:#999;margin:10px auto;}
.case .title { height: 80px; text-align: center; background: url(title.png) center center; }
.case .title .title-text { width: 155px; margin: 0 auto; }
.case .title .bt { font-size: 56px; font-weight: bold; color:#da1d21; float: left; }
.case .title .st { float: right; margin-top: 13px; }
.case .title .st span { color:#da1d21; display: block; font-size: 24px; height: 30px; font-weight: bold;}
.case .title .st small { color: #999; font-weight: bold; font-size: 16px; }
.case .cont { border-top: 0; padding:10px; background: #efefef; }
.case .cont .case-img { overflow: hidden; position: relative; }
.case .cont .case-img .bd .tempWrap { }
.case .cont .case-img .bd ul { overflow: hidden; zoom: 1; }
.case .cont .case-img .bd ul li {position: relative; float: left; display: inline; overflow: hidden; text-align: center; margin: 8px; background: #eee; border: 1px solid #bbb;width: 460px;}
.case .cont .case-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.case .cont .case-img .bd ul li .pic img { width:100%; display: block;z-index:0;}
.case .cont .case-img .bd ul li:hover .text{display: block;}
.case .cont .case-img .bd ul li .text{text-align:center;position: absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10;top:0;display: none;}
.case .cont .case-img .bd ul li .text .title-title{font-size:18px;color:#fff;margin-top:25%;}
.case .cont .case-img .bd ul li .text span{display: block;height:1px;width:50px;color:#fff;background:#fff;margin:10px auto;}
.case .cont .case-img .bd ul li .text p{color:#fff;}
.case .cont .case-img .bd ul li .text a{display: block;height:30px;line-height:30px;width:100px;text-align:center;color:#da1d21;background:#fff;margin:20px auto;}
.case .cont .case-img .bd ul li .text a i{margin-left:10px;}
.case .cont .case-img .hd{overflow:hidden;width: 211px;margin:10px auto;}
.case .cont .case-img .hd a{width:35px;height: 45px;line-height: 46px;text-align:center;display: block;background: #484646;color: #FFF;float:left;margin:5px;border-radius:8px;cursor:pointer;}
.case .cont .case-img .hd a:hover{background:#da1d21;color:#fff;}
.case .cont .case-img .hd .case-link{width: 103px;}
.product { clear: both; overflow: hidden; background: #efefef; border-top: 1px solid #ccc; padding-top: 10px;padding-bottom: 40px; background: url(about-bg.jpg);}
.product .container { }
.product .title { height: 80px; text-align: center; background: url(title.png) center center; }
.product .title .title-text { width: 145px; margin: 0 auto; }
.product .title .bt { font-size: 56px; font-weight: bold; color: #E10102; float: left; }
.product .title .st { float: right; margin-top: 13px; }
.product .title .st span { color: #E10102; display: block; font-size: 24px; height: 30px;font-weight: bold; }
.product .title .st small { color: #999; font-weight: bold; font-size: 16px; }
.product {position:relative;}
.product .pro-nav{width:280px;float:left;background:#e4e4e4;}
.product .pro-nav .pro-nav-t{height: 70px;background: #E10102 url(pro-nav-t.jpg);padding-left: -6px;font-size:20px;color:#fff;padding-top: 12px;text-align: center;}
.product .pro-nav .pro-nav-t a{ color: #fff;}
.product .pro-nav .pro-nav-t span{display:block;font-size:14px;}
.product .pro-nav .pro-nav-menu{padding:10px;}
.product .pro-nav .pro-nav-menu .top-menu{/* background: url(btn.jpg) no-repeat center center; */height: 40px;line-height: 59px;color: #fff;padding: 0 0 57px 0;font-size: 18px;text-align: center;}
.product .pro-nav .pro-nav-menu .top-menu a{display: block;height:50px;line-height: 58px;font-size:16px;background: #c7c7c7;font-weight:bold;padding-left:20px;margin-bottom:10px;border-bottom: 1px #5a5a5a solid;}
.product .pro-nav .sub-menu{overflow:hidden;border-bottom:1px solid #ccc;}
.product .pro-nav .sub-menu li{line-height:38px;width:130px;float:left;}
.product .pro-nav .sub-menu i{margin-right:5px;margin-left:5px;color:#BC0001;font-size: 16px;}
.product .pro-nav .sub-menu a{color:#444;font-size: 17px;}
.product .pro-nav .kefu-center{margin-top:10px;}
.product .pro-nav .kefu-center .qrcode { text-align: center; background: #fff;}
.product .pro-nav .kefu-center .qrcode img { width: 160px; background: #fff; padding: 5px; border-radius: 5px; background: #fff; }
.product .pro-nav .phone { clear: both; padding-top: 10px; background: #fff; }
.product .pro-nav .phone i { font-size: 18px; margin-right: 10px; margin-left: 30px; color:#da0109; }
.product .pro-nav .phone strong { font-size: 16px; font-weight: 500; }
.product .pro-nav .phone li { line-height: 36px; color: #111; border: 0; margin-left: 0; margin-right: 0; border-top: 1px dashed #ccc; margin-bottom: 3px; height: 47px; }
.product .pro-nav .phone li .adress{width: 172px;margin:0;display: inline;}
.product .pro-nav .phone li .adress span{margin: 0 0 20px 60px; display: block;line-height: 10px;}
.product .pro-nav .phone img { width: 100%; margin:0; }
.product .pro-nav .map img { width: 218px; height: 188px; }
.product .pro-img { width: 898px; float: right; background: #fff;}
.product .pro-img .pro-title { height: 35px; line-height: 35px;background:url(title-bg.jpg) center center;}
.product .pro-img .pro-title span { float: left; display: block; font-size: 26px; margin-top: 5px; color: #fff;margin-right:5px;animation:mymove 3s infinite linear;}
.product .pro-img .pro-title .title-title { float: left; margin: 0; font-size: 16px; color: #fff; height: 35px; line-height: 35px; padding: 0 10px;display: inline;}
.product .pro-img .pro-title a { float: right;font-size:12px;color:#fff;margin-right:10px;}
.product .pro-img ul { zoom: 1;margin-top:10px; }
.product .pro-img li { width: 280px; height:244px;float: left; position: relative; margin: 9px 5px 8px 8px; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; text-align: center;background:#eee;padding:3px;}
.product .pro-img li img { width: 100%; display: block;}
.product .pro-img li span { color: #666; margin: 10px 0; display: block;}
.product .pro-img li .a-link { font-size: 12px; color: #fff; padding: 3px 10px; float: right; background: #006ADB; margin-right: 10px; margin-top: 5px; }
.product .pro-img li:hover { z-index: 20; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); }
.index-about{margin-top:30px;}
.index-about .cont {text-align:center;margin-top:20px;padding:20px;}
.index-about .cont p{color:#666;font-size:15px;}
.index-about ul{overflow:hidden;}
.index-about ul li{width:238px;float:left;text-align:center;color:#999;border:1px dotted #ccc;padding:10px;margin:10px 20px;}
.index-about ul li:hover{border:1px dashed #d00000;}
.index-about ul li strong{display: block;font-size:40px;color:#d00000;}
.index-about .abbtn{text-align:center;}
.index-about .abbtn a{display: block;width:120px;height:35px;border:1px dotted #d00000;line-height:35px;color:#d00000;margin:20px auto;}
.index-about .abbtn a span{margin-left:5px;}
.roll{padding-top:10px;padding-bottom:20px;clear:both;}
.roll .slideGroup{}
.roll .slideGroup .parHd{height:50px;line-height:50px;}
.roll .slideGroup .parHd ul li{width:200px;height:50px;line-height:50px;text-align:center;color:#fff;background:#333;float:left;margin-right:10px;font-size:16px;}
.roll .slideGroup .parHd ul .on{background:#353535;}
.roll .slideGroup .parHd .roll-hr{height:1px;width:630px;background:#888;float:left;margin-top:26px;margin-left:50px;}
.roll .slideGroup .parHd  a{float:right;}
.roll .slideGroup .parBd{position:relative;margin-top:20px;}
.roll .slideBox .sPrev,.roll .slideBox .sNext { display: block; background:rgba(0,0,0,0.6); line-height: 40px; cursor: pointer; position: absolute; width:50px; height:40px; text-align: center; margin-top: 70px;z-index:10;}
.roll .slideBox .sPrev {left:0;}
.roll .slideBox .sNext { right:0; }
.roll .slideBox div span { font-size: 18px; color: #fff; }
.roll .slideBox ul { overflow: hidden; zoom: 1; }
.roll .slideBox ul li { margin: 0 9px; float: left; display: inline; overflow: hidden; width: 280px; background: #fff; text-align: center; }
.roll .slideBox ul li .pic {padding: 6px;  border: 1px solid #383838; }
.roll .slideBox ul li .pic img { width: 100%; display: block; }
.roll .slideBox ul li a{display: block;margin:10px 0;}
.setting{width: 605px;height: 405px;position: relative;}
.fr {float: right;}
.setting .ohbox{left: 0px;width: 580px;height: 405px;overflow: hidden;position: relative;}
.setting .piclist{width: 580px;height: 405px;-ms-zoom: 1;}
.setting li{width: 580px;height: 405px;overflow: hidden;float: left;}
.setting li .scale{animation:scale 8s;}
.setting li img{transition:0.5s;width: 580px;height: 394px;}
.setting li span{background: url("opc.png");padding: 0px 10px;transition:0.3s;height: 35px;color: rgb(255, 255, 255);line-height: 35px;overflow: hidden;font-size: 13px;display: block;white-space: nowrap;position: relative;-ms-text-overflow: ellipsis;}
.setting li:hover span{margin-top: -35px;}
.setting li:hover img{transform: scale(1.1);}
.setting .pageBtn span{background: url("sbtn.jpg") no-repeat 0px 0px;left: -35px;width: 35px;height: 35px;bottom: 60px;text-indent: -9999px;overflow: hidden;display: inline-block;position: absolute;cursor: pointer;}
.setting .pageBtn .next{background-position: -35px 0px;left: 0px;}
.setting .pageBtn span:hover{background-position: -70px 0px;}
.setting .pageBtn .next:hover{background-position: -105px 0px;}
.hszn-pk{margin-top:20px;height:600px;background:url(pk-bg.jpg) top center;}
.hszn-pk .cont{}
.hszn-pk .cont .left{width:432px;height:280px;float:left;margin-top:60px;margin-left:95px;}
.hszn-pk .cont .right{width:432px;height:280px;float:right;margin-top:60px;margin-right:18px;}
.hszn-pk .cont p{font-size:16px;margin-top:24px;}
.hszn-pk .cont p span{font-weight:bold;}
.partner { clear: both;padding: 16px 0 27px 7px;}
.partner .title { height: 80px; text-align: center; background: url(title.png) center center; }
.partner .title .title-text { width: 155px; margin: 0 auto; }
.partner .title .bt { font-size: 56px; font-weight: bold; color: #0854a8; float: left; }
.partner .title .st { float: right; margin-top: 13px; }
.partner .title .st span { color: #0854a8; display: block; font-size: 24px; height: 30px;font-weight: bold; }
.partner .title .st small { color: #999; font-weight: bold; font-size: 16px; }
.partner .cont { padding-top: 10px; }
.partner .cont .partner-img { overflow: hidden; position: relative; }
.partner .cont .partner-img .bd .prev, .partner .cont .partner-img .bd .next { display: block; top: 60px; cursor: pointer; position: relative; z-index: 20; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #2DB5D9; }
.partner .cont .partner-img .bd .prev { float: right; right: 0px; }
.partner .cont .partner-img .bd .next { float: left; left: 0px; }
.partner .cont .partner-img .bd .tempWrap { }
.partner .cont .partner-img .bd ul { overflow: hidden; zoom: 1; }
.partner .cont .partner-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 15px; }
.partner .cont .partner-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.partner .cont .partner-img .bd ul li .pic img {width: 250px; display: block; border: 1px solid #ccc; border-radius: 10px;}
.partner .cont .partner-img .bd ul li span { color: #666; margin: 5px 0; display: block; }
.sydtu { width:100%; height:284px; background:url(dt.jpg) no-repeat center;}
.sydtu1 { float:right; width:340px; padding-left:50px; padding-top:5px; height:256px; margin-right:20%; line-height:42px; font-weight:100; color:#FFF; font-size:18px; }
.sydtu1 .contact{border: 1px #fff solid;width: 120px;border-radius: 10px;margin-top: 15px;text-align: center; }
.sydtu1 .contact a{color: #fff;}
.sydtu1 .contact:hover{color: #fff;border-radius: 15px;}
.index2-title{text-align:center;margin: 39px 0 -45px 0;background: url(title-bad.png) no-repeat center center;padding-bottom: -1px;}
.index2-title .title-1{font-size:22px;font-weight:bold;}
.index2-title .title-1 span{color: #c70307;}
.index2-title .title-2{font-size:16px;color:#999;margin-top:10px;margin-bottom:15px;}
.index2-title .title-3{display: block;width:160px;height:1px;line-height:2px;background:#999;margin:10px auto;}
.advantage { overflow: hidden; margin-top: 0px; }
.advantage{width: 100%;height: 1600px;background: url(advantage.jpg) no-repeat center center;}
.advan1{width: 1100px;height: 408px;margin: 0px auto;}
.advan2{width: 1100px;height: 390px;margin: 0px auto;}
.advan3{width: 1100px;height: 372px;margin: 0px auto;}
.advan4{width: 1100px;height: 320px;margin: 0px auto;}
.advan1 .content{width: 500px;height: 370px;float: right;margin: 45px -5px;}
.advan2 .content{width: 500px;height: 330px;float: left; margin-top: 17px;}
.advan3 .content{width: 500px;height: 322px;float: right;margin: 29px 12px;}
.advan4 .content{width: 500px;height: 320px;float: left;margin-top: 63px}
.advantage .content p{font-size: 14px; line-height: 24px;padding-bottom: 8px;color: #333333;}
.advantage .content strong{font-size: 14px; line-height: 24px;font-style: normal;display: inline;}
.advantage .content .advan-t{font-size: 24px; text-indent: 120px;color:#ffffff;margin-bottom: 40px;font-weight: bold;}
.advantage .content .advan-btn{margin-top:10px;overflow:hidden;margin-left:80px;}
.advantage .content .advan-btn a{display: block;width:130px;height:40px;text-align:center;line-height:40px;background:#3A3A3A;color:#fff;float:left;margin:10px 20px;border-radius: 5px;}
.advantage .content .advan-btn a:hover{background:#c70307 url(head-nav-hover.jpg); border-radius: 5px;}
.advantage .content p i { font-size: 16px; color: #d3191c; margin-right: 10px;}
.hs-advantage .cont ul li{margin:5px;float:left;text-align:center;margin-top:10px;width:390px; transition: all 0.6s;}
.hs-advantage .cont ul li:hover{transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.hs-advantage .cont ul li img{width:100%;height:180px;}
.hs-advantage .cont ul li .text{margin-top:10px;}
.hs-advantage .cont ul li .text span{font-size:16px;display: block;margin-bottom:5px;color:#c10209;}

.hszn-service{overflow:hidden;margin-top:0px;background:url(service.jpg) top center;height:343px;padding-top:20px;}
.hszn-service .index-title{background:none;position: relative;}
.hszn-service .phone{position:absolute;top:22px;right:10px;font-size:22px;color:#fff;}
.hszn-news{overflow:hidden;margin-top:30px;padding-bottom: 28px;}
.hszn-news .cont{overflow:hidden;margin-top:30px;}
.hszn-news .cont .title{font-size:18px;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px;text-align: center;}
.hszn-news .cont .left{width:550px;height: 580px;background:#fafafa;float:left;padding:20px;}
.hszn-news .cont .left ul li{clear:both;margin-bottom:10px;margin-top:10px;overflow:hidden;}
.hszn-news .cont .left ul li img{width:200px;height:124px;float:left;margin-right:10px;}
.hszn-news .cont .left ul li .h5{font-size: 16px;font-weight:bold;}
.hszn-news .cont .right{width:579px;height: 584px;background:#fafafa;float:right;padding:20px;position:relative;}
.hszn-news .cont .right ul{position: absolute;margin-top:10px;width:550px;z-index:10;}
.hszn-news .cont .right ul li{overflow:hidden;/* height: 52px; */}
.hszn-news .cont .right ul li span{display: block;float:left;margin-right:18px;}
.hszn-news .cont .right ul li i{margin-right:10px;float:left;height:25px;line-height:25px;background:#fafafa;color:#c70307;}
.hszn-news .cont .right ul li .h5{width: 373px;border-bottom:1px dashed #ccc;float:left;margin: 1px 0 0 10px;font-size:14px;padding-bottom: 23px;}
.hszn-news .cont .right ul li .link{float:right;/* border-bottom:1px dashed #ccc; */margin-bottom: 20px;background: #c70307;color: #fff;padding: 10px;}
.hszn-news .cont .right  .li-bg{width:1px;height:500px;background:#ccc;left:79px;position:absolute;z-index:0;margin-top:10px;}
.topp {height: 200px;background: url(advantage_02.jpg) no-repeat center center;}
.hszn-ask{overflow:hidden;margin-top:0px;background:#fff url(scale.png) bottom center no-repeat;}
.hszn-ask .cont{overflow:hidden;}
.hszn-ask .cont .bd{overflow:hidden;}
.hszn-ask .cont .bd ul li{width:540px;margin:30px;float:left;}
.hszn-ask .cont .bd .ask{overflow:hidden;}
.hszn-ask .cont .bd .ask .left{float:left;}
.hszn-ask .cont .bd .ask .left i{color:#be131b;font-size:20px;margin-right:10px;}
.hszn-ask .cont .bd .ask .left span{font-size:16px;}
.hszn-ask .cont .bd .ask .right{padding:3px 10px;border-radius:50px;background:#eee;color:#333;text-align:center;float:right;overflow:hidden;}
.hszn-ask .cont .bd .answer{margin-top:20px;overflow:hidden;padding:20px;background:#f9f9f9;}
.hszn-ask .cont .bd .answer img{width:50px;height:50px;float:left;border-radius: 50px;margin-right:15px;}
.hszn-ask .cont .bd .answer span{margin-top:15px;float:left;}
.hszn-ask .cont .bd .answer small{float:right;margin-top:15px;color:#666;}
.hszn-ask .cont .bd .answer small i{font-size:16px;color:#666;margin-right:5px;}
.hszn-ask .cont .bd .answer p{clear:both;color:#666;padding-top:10px;height:70px;}
.hszn-ask .cont .hd{width:250px;height:50px;margin:10px auto;position:relative;text-align:center;}
.hszn-ask .cont .hd i{font-size:24px;}
.hszn-ask .cont .hd .pageState{font-size:24px;margin:0 30px;}
.hszn-ask .cont .hd .pageState span{color:#be131b;}
.footer{height:386px;background: url(foot-bg.png) top center;margin-top:0px;}
.footer .foot-nav{height:37px; margin-bottom: 10px;}
.footer .foot-nav ul li{float:left;}
.footer .foot-nav ul li a{font-size:14px;color:#727272;display: block; padding-right: 62px;}
.footer .foot-nav ul li a:hover{color:#fff;}
.footer .footer-top { margin-top: 45px; }
.footer .footer-top .left{ float: left; width: 280px; }
.footer .footer-top .left .text{ padding-top: 6px; }
.footer .footer-top .left .text span{color:#fff;display: block;}
.footer .footer-top .left .text span i{ font-size: 18px; padding-right: 10px; }
.footer .footer-top .left .text strong{font-size:23px;color:#fff;}
.footer .footer-top .left .text small{font-size:20px;color:#fff; font-weight: bold;}
.footer .footer-top .right{ float: right; }
.footer .footer-top .right ul li i{ font-size: 29px; color: #e5c5b5;}
.footer .footer-top .right ul li{ width: 116px; color: #fff; float: left; margin-left: 114px;}
.footer .footer-top .right ul li .t-1{ font-size: 16px; padding-top: 20px; font-weight: bold;padding-bottom: 10px; }
.footer .footer-top .right ul li p{ color: #545454; line-height: 20px; margin: 0px; font-size: 12px;}
.footer .foot-bottom .right .qr { float: left; color: #fafafa; text-align: center;margin-right:25px;}
.footer .foot-bottom .right .qr img { width: 85px; display: block; margin: 0px auto;background:#fff;padding:3px;border-radius:10px; margin-bottom: 4px;}
.footer .foot-bottom .right .qr span {color:#ccc;}
.footer .foot-bottom{clear:both;overflow:hidden; padding-top: 60px;}
.footer .foot-bottom .left{float:left; width: 970px;}
.footer .foot-bottom .right .qr{float:right;}
.footer .foot-bottom .left .right { float: right; padding-right: 218px; }
.footer .foot-bottom .foot-copy{color:#d3d3d3; width: 600px; float: left;}
.footer .foot-bottom .foot-statement{font-size:12px;color:#ccc; width: 600px; float: left;}
.footer .foot-bottom p{margin:0;display: block;}
.footer .foot-bottom a{color:#fff;}
.footer .foot-bottom .left img{height:35px;float:right;}
.yqlj {background: #fff;margin-top:10px;}
.yqlj .container { height: 130px; background: url(yqlj.png); }
.yqlj ul { padding-top: 75px; padding-left: 130px; }
.yqlj li { font-size: 12px; margin-right: 10px; float: left; }
.yqlj li a { color: #aaa; }
.inner {background:#f6f6f6;}
.inner .banner-about { height: 400px; background: url(banner-about.jpg) center center; }
.inner .banner-image { height: 400px; background: url(banner-image.jpg) center center; }
.inner .banner-news { height: 400px; background: url(banner-news.jpg) center center; }
.inner .inner-place {height: 40px;line-height: 40px;border-bottom:1px dashed #eee;margin-top:20px;background:#fff;}
.inner .inner-place li{float:left;}
.inner .inner-place a { color: #555; margin-right: 5px; }
.inner .inner-place a:hover{color:#c70307;}
.inner .inner-place .inner-position { float: left; color: #555;padding:0 5px;}
.inner .inner-nav{overflow:hidden;padding:10px 0;text-align:center;background:#fff;}
.inner .inner-nav ul li{display: inline-block;}
.inner .inner-nav ul li a{display: inline-block;margin:5px;padding:10px 20px;font-size:16px;background: #696969;border-radius: 13px;color: #fff;}
.inner .inner-nav ul .active a{background:#c70307;color:#fff;}
.inner .news-list{}
.inner .news-list ul li{margin-top:20px;box-shadow: 0 0 15px #ccc;}
.inner .news-list ul li a{display: block;padding:20px;background:#fff;overflow:hidden;}
.inner .news-list ul li img{float:left;width:300px;height:200px;}
.inner .news-list ul li .right{float:right;width:820px;}
.inner .news-list ul li h2{font-size:20px;margin-top:0;font-weight:bold;}
.inner .news-list ul li .info{color:#aaa;}
.inner .news-list ul li .info i{margin-right:10px;}
.inner .news-list ul li .info .fa-eye{margin-left:10px;}
.inner .news-list ul li p{border-top:1px solid #c70307;padding-top:20px;margin-top:20px;}
.inner .news-list ul li .tags{overflow:hidden;}
.inner .news-list ul li .tags i{float:left;margin-right:10px;color:#c70307;font-size:24px;}
.inner .news-list ul li .tags .tag-name{float:left;border:1px solid #eee;border-radius:5px;padding:3px 5px;font-size:12px;margin-right:10px;}
.inner .news-list ul li span{display: block;width:140px;text-align:center;line-height:35px;height:35px;background:#c70307;color:#fff;margin-top:10px;}
.inner .news-list ul li:hover{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}
.inner .news-page {text-align:center;}
.inner .news-page li a{color: #c70307;}
.inner .news-page .active a{background-color: #c70307;border-color: #c70307;color:#fff;}
.inner .news-show{background:#fff;padding:30px;margin-top:20px;}
.inner .news-show h1{font-size:24px;text-align:center;}
.inner .news-show .attr{margin-top:20px;overflow:hidden;text-align:center;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.inner .news-show .attr span{margin-right:10px;}
.inner .news-show .attr i{margin-right:10px;color:#c70307;}
.inner .news-show .cont{margin-top:20px;}
.inner .news-show .statement a{color:#c70307;}
.inner .news-show .news-tag{overflow:hidden;margin-top:10px;}
.inner .news-show .news-tag .fa-tags{float:left;margin-right:10px;font-size:22px;margin-top:3px;}
.inner .news-show .news-tag ul li a{display: block;float:left;border:1px solid #ccc;padding:5px 10px;margin-right:10px;border-radius:5px;}
.inner .news-show .show-pages{overflow:hidden;margin-top:30px;}
.inner .news-show .show-pages p{background:#fafafa;width:546px;float:left;border:1px solid #ccc;border-radius:10px;padding:8px 0;margin:10px;text-align:center;}
.inner .page-cont{ overflow: hidden; margin-top: 20px;color: #333; padding:30px;padding-bottom:10px;background:#fff;}
.inner .page-cont img{max-width:1140px;height:auto !important;}

/* 底部调用 */
.wp1200{max-width:1200px;margin:0 auto}
.relevant-product{background:#fff;padding:30px 10px;margin-top:20px;overflow:hidden;}
.relevant-product .rel-title{background:#c70307;text-align:left;color:#fff;font-size:16px;line-height:40px;padding-left:10px;}
.relevant-product ul li{border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;text-align:center;width:22%;float:left;margin:10px;}
.relevant-product ul li img{width:100%;}
.relevant-product ul li span{display:block;margin:5px auto;}

.inner .ask-list{overflow:hidden;}
.inner .ask-list .ask-title{line-height:40px;font-size:18px;border-bottom:1px solid #eee;}
.inner .ask-list .ask-title i{font-size:24px;margin-right:10px;top:4px;}
.inner .ask-list .ask-title .fa-bars{color:#c70307;}
.inner .ask-list .left{background:#fff;overflow:hidden;margin-top:10px;width:830px;float:left;padding:20px;}
.inner .ask-list .left ul li{border-bottom:1px dashed #eee;overflow:hidden;margin:10px 0;padding-bottom:10px;}
.inner .ask-list .left ul li .hits{width:60px;height:60px;background:#eee;float:left;text-align:center;line-height:60px;}
.inner .ask-list .left ul li .text{float:right;width:720px;}
.inner .ask-list .left ul li .text h2{font-size:20px;margin-top:0;}
.inner .ask-list .left ul li .text .info i{margin-right:10px;color:#c70307;}
.inner .ask-list .left ul li .text .time{float:left;margin-right:10px;}
.inner .ask-list .left ul li .text .tag-name{float:left;background:#eee;padding:3px 5px;border-radius:3px;margin-right:5px;}
.inner .ask-list .right{width:320px;float:right;}
.inner .ask-list .right .block{background:#fff;overflow:hidden;margin-top:10px;padding:20px;}
.inner .ask-list .right .block ul li{margin-top:10px;}
.inner .ask-list .right .block .tag{margin-top:10px;}
.inner .ask-list .right .block .tag a{display: block;padding:3px 5px;background:#eee;border-radius:4px;float:left;margin:5px;}
.inner .ask-show{margin-top:20px;overflow:hidden;}
.inner .ask-show .left{background:#fff;overflow:hidden;margin-top:10px;width:830px;float:left;padding:20px;}
.inner .ask-show .left h1{font-size:22px;font-weight:bold;}
.inner .ask-show .left .attr{overflow:hidden;margin-top:20px;}
.inner .ask-show .left .attr i{margin-right:5px;}
.inner .ask-show .left .attr .hits{float:right;color:#666;}
.inner .ask-show .left .describe{background:#eee;padding:10px;border:1px dashed #c70307;margin-top:20px;}
.inner .ask-show .left .recommend{margin-top:20px;}
.inner .ask-show .left .title{border-bottom:1px solid #ccc;}
.inner .ask-show .left .title span{display: block;color:#fff;background:#c70307;width:80px;line-height:40px;text-align:center;}
.inner .ask-show .left .cont{margin-top:20px;}
.inner .ask-show .news-tag{overflow:hidden;margin-top:10px;}
.inner .ask-show .news-tag .fa-tags{float:left;margin-right:10px;font-size:22px;margin-top:3px;}
.inner .ask-show .news-tag ul li a{display: block;float:left;border:1px solid #ccc;padding:5px 10px;margin-right:10px;border-radius:5px;}
.inner .ask-show .right{width:320px;float:right;}
.inner .ask-show .right .block{background:#fff;overflow:hidden;margin-top:10px;padding:20px;}
.inner .ask-show .right .block ul li{margin-top:10px;}
.inner .ask-show .right .block .tag{margin-top:10px;}
.inner .ask-show .right .block .tag a{display: block;padding:3px 5px;background:#eee;border-radius:4px;float:left;margin:5px;}
.inner .image-list{background:#fff;overflow:hidden;margin-top:10px;}
.inner .image-list ul li{float:left;border:10px solid #eee;width:360px;margin:10px;border-radius:10px;text-align:center;height: 354px;}
.inner .image-list ul li img{width:100%;border-bottom:1px solid #eee;height: 269px;}
.inner .image-list ul li span{display: block;margin:20px auto;/*width:200px;*/background:#6b6b6b;padding:10px;border-radius:100px; color: #fff;}
.inner .image-list ul li a:hover span{background:#c70307;color:#fff;}
.inner .image-show{overflow:hidden;background:#fff;margin-top:20px;}
.inner .image-show .img-info{overflow:hidden;}
.inner .image-show .left{float:left;width:800px;}
.inner .image-show .right{float:right;width:345px;margin-right:15px;}
.inner .image-show .right h1{font-size:28px;color:#c70307;border-bottom:1px dashed #ccc;padding-bottom:20px;}
.inner .image-show .right .attr{margin:20px 0;}
.inner .image-show .right .attr i{color:#c70307;margin-right:5px;}
.inner .image-show .right .attr span{color:#666;margin-right:10px;}
.inner .image-show .right  p{background:#eee;padding:10px;border:1px dashed #ccc;}
.inner .image-show .right .imge-tag{overflow:hidden;margin-bottom:30px;}
.inner .image-show .right .imge-tag .tag-title{font-size:16px;color:#c70307;border-bottom:1px solid #ccc;padding:10px;}
.inner .image-show .right .imge-tag ul li a{display: block;float:left;padding:3px 5px;background:#eee;border-radius:50px;margin:5px;}
.inner .image-show .img-cont{margin-top:10px;padding:10px;}
.inner .image-show .img-cont .cont-title{font-size:18px;line-height:40px;background:#c70307;padding-left:10px;margin-bottom:10px;color:#fff;}
.inner .image-show .img-cont blockquote{font-size:16px;line-height:36px;border-left:3px solid #c70307;background:#eee;padding:0;padding-left:10px;margin-bottom:10px;}
.inner .image-show .img-cont img{margin: 0 auto;}

.inner .page-contact{}
.inner .page-contact{background:#fff;padding:20px;margin-top:20px;}
.inner .page-contact .title{margin:10px auto;text-align:center;}
.inner .page-contact .title small{color:#888;font-size:18px;}
.inner .page-contact .title .text{font-size:30px;font-weight:bold;}
.inner .page-contact .title .text span{color:#c70307;}
.inner .page-contact .top{margin-top:10px;overflow:hidden;}
.inner .page-contact .top .left{width:200px;float:left;margin-left:10px;}
.inner .page-contact .top .left img{width:100%;border:5px solid #ccc;border-radius:59px;}
.inner .page-contact .top .right{width:900px;float:right;margin-right:10px;margin-top:30px;}
.inner .page-contact .top .right strong{font-size:22px;font-weight:500;color:#c70307;}
.inner .page-contact .top .right strong span{color:#888;font-size:18px;}
.inner .page-contact .top .right p{font-size:16px;margin-top:30px;}
.inner .page-contact .center{margin-top:20px;overflow:hidden;border-bottom:1px solid #e6e6e6;}
.inner .page-contact .center ul li{border: 1px solid #e6e6e6;position: relative;margin: 0 -1px -1px 0;overflow: hidden;float: left;height: 93px;line-height: 93px;font-size: 16px;color: #222222;}
.inner .page-contact .center ul li i{font-size:30px;background:#c70307;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;border-radius:100px;margin-right:10px;}
.inner .page-contact .center ul li span{color:#c70307;}
.inner .page-contact .center ul .li-1{width: 200px;padding-left: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inner .page-contact .center ul .li-2{font-weight:bold;width: 380px;padding-left: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inner .inner-juhe{background:#eee;position: relative;}
.inner .inner-juhe .inner-cont{position: relative;}
.inner .inner-juhe-nav{margin-top:10px;}
.inner .inner-juhe-left{width:820px;float:left;background: #fff;margin-top:10px;padding:10px;}
.inner .inner-juhe-right{width:330px;float:right;background:#fff;margin-top:10px;padding:10px;overflow:hidden;}
.inner .juhe-title{height:40px;line-height:40px;background:#eee;border-left:3px solid #c70307;padding-left:10px;margin:10px 0;}
.inner .juhe-baike{}
.inner .juhe-baike p{text-indent:32px;font-size:16px;}
.inner .juhe-baike h3{font-weight:bold;}
.inner .juhe-wenti{}
.inner .juhe-wenti ul li{margin-bottom:5px;border-bottom:1px dashed #eee;clear:both;overflow:hidden;padding:10px 0;}
.inner .juhe-wenti ul li i{font-size:24px;margin-right:10px;}
.inner .juhe-wenti ul li img{width:200px;height:147px;float:left;margin-right:10px;}
.inner .juhe-wenti ul li .fa-quora{color:#c70307;}
.inner .juhe-wenti ul li .fa-comments-o{color:#fe900d;}
.inner .juhe-wenti ul li a{font-size:18px;font-weight:bold;}
.inner .juhe-wenti ul li p{color:#555;}
.inner .juhe-chanpin{}
.inner .juhe-chanpin ul li{width:185px;float:left;margin:10px;text-align:center;}
.inner .juhe-chanpin ul li img{width:100%;height:138px;}
.inner .juhe-lianxi{}
.inner .juhe-lianxi img{width:100%;}
.inner .juhe-anli{}
.inner .juhe-anli ul li{width:210px;margin:10px auto;text-align:center;}
.inner .juhe-anli ul li img{width:100%;}
.inner .juhe-resou .cont a{display: block;padding:3px 5px;background:#eee;border-radius:4px;float:left;margin:5px;}
.inner .inner-search { overflow: hidden; margin-bottom: 20px; }
.inner .inner-search .news-list { padding: 0px; overflow: hidden; margin-bottom: 20px; }
.inner .inner-search .news-list li { width: 500px; float: left; margin: 24px; height: 165px; border-bottom: 1px dashed #ccc; padding-top: 10px; }
.inner .inner-search .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 180px; margin-right: 20px; height: 130px; }
.inner .inner-search .news-list li .text { margin-left: 0px; width: 280px; float: left; }
.inner .inner-search .news-list li .li-title { font-size: 18px; }
.inner .inner-search .news-list li .li-title strong { font-weight: 500; color: #c30000; }
.inner .inner-search .news-list li .li-title strong a { color: #c30000; }
.inner .inner-search .news-list li p { color: #666; font-size: 14px; margin-top: 10px; }
.inner .inner-search .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
.inner .inner-search .inner-page { text-align: center; }
.inner .inner-search .inner-page ul { overflow: hidden; width: auto; }
.inner .inner-search .inner-page ul li { display: inline-block; position: relative; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 3px 10px; }
.inner .inner-search .inner-page ul li a { color: #666; display: block; }
.inner .inner-search .inner-page ul li .pageinfo { }
.inner .inner-search .inner-page .thisclass { background: #0860A8; color: #fff; }
.inner .inner-search .inner-page .thisclass a { color: #fff; }
.inner .inner-search .inner-page table { margin: 0 auto; }
.inner .inner-search .inner-page td { border: 1px solid #ccc; padding: 3px 10px; width: auto !important; }
.zhuobo-kf{width:155px;height:425px;position:fixed;right:0;bottom:30%;z-index:10;}
.zhuobo-kf:hover{cursor:pointer;}
.zhuobo-kf .kf-img{width:90px;height:150px;position: absolute;top:0;right:0;z-index:9;animation:mymove 5s infinite;
direction:alternate;-webkit-animation:mymove 1s infinite;-webkit-animation-direction:alternate;}
@keyframes mymove{from {top:0;}to {top:-5px;}}
@-webkit-keyframes mymove{from {top:0;}to {top:-5px;}}
.zhuobo-kf .cont{width:120px;height:335px;border:2px solid #666;overflow:hidden;border-radius:10px;position: absolute;bottom:0;left:0;box-shadow: 0 0 8px 5px  #ccc;background:#fff;}
.zhuobo-kf .cont .qr{text-align:center;margin-top:14px;}
.zhuobo-kf .cont .qr img{width:95px;}
.zhuobo-kf .cont .qr span{display: block;}
.zhuobo-kf .cont .kf-link{background:#666;margin-top:10px;}
.zhuobo-kf .cont .kf-link ul li{height:48px;line-height:48px;text-align:center;border-top:1px solid #999;}
.zhuobo-kf .cont .kf-link ul li i{font-size:16px;margin-right:10px;}
.zhuobo-kf .cont .kf-link ul li a{color:#fff;}
.zhuobo-kf .cont .kf-link ul .tel span{display: none;}
.tag-home{margin-top:10px;}
.tag-home .tag-title{height:50px;background:#f6f6f6;line-height:50px;margin:10px 0;}
.tag-home .tag-title span{display: block;background:#343143;color:#fff;font-size:16px;padding:0 10px;float:left;}
.tag-home .tag-about .tag-cont{border:1px solid #eee;padding:10px;}
.tag-home .tag-block-1{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-1 ul{width:358px;float:left;border:1px solid #eee;padding:10px;margin:10px;}
.tag-home .tag-block-1 ul li{height:30px;line-height:30px;border-bottom:1px dashed #ccc;font-size:14px;}
.tag-home .tag-block-1 ul li span{float:right;}
.tag-home .tag-block-2{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-2 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.tag-home .tag-block-2 .left{float:left;width:550px;}
.tag-home .tag-block-2 .right{float:right;width:550px;}
.tag-home .tag-block-2 ul li img{width:100%;height:340px;}
.tag-home .tag-block-2 ul li h6{height:37px;line-height:37px;border-bottom:1px dashed #ccc;font-size:14px;}
.tag-home .tag-block-2 ul li span{float:right;}
.tag-home .tag-block-3{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-3 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.tag-home .tag-block-3 ul li{width:316px;float:left;margin:10px;border:1px solid #ccc;padding:10px;}
.tag-home .tag-block-3 ul li img{width:100%;}
.tag-home .tag-block-3 ul li span{display:block;height:30px;line-height:30px;text-align:center;}
.tag-home .tag-block-4{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-4 .tag-cont{overflow:hidden;}
.tag-home .tag-block-4 ul li{border:1px solid #eee;margin:10px;float:left;width:378px;height:80px;}
.tag-home .tag-block-4 ul li i{width:100px;text-align:center;font-size:30px;color:#fff;height:80px;line-height:80px;float:left;margin-right:10px;}
.tag-home .tag-block-4 ul li .fa-phone{background:#a7d82e;}
.tag-home .tag-block-4 ul li .fa-internet-explorer{background:#5593ef;}
.tag-home .tag-block-4 ul li .fa-map-marker{background:#efa900;}
.tag-home .tag-block-4 ul li span{display:block;line-height:80px;float:left;font-size:18px;}
.tag-home .tag-block-4 ul li:nth-child(3) span{line-height:42px;width:230px;}
.tag-home .tag-block-5{overflow:hidden;margin-top:10px;}
.tag-home .tag-block-5 .tag-cont{border:1px solid #eee;padding:10px;overflow:hidden;}
.tag-home .tag-block-5 .tag-cont a{display:block;background:#eee;padding:5px 8px;float:left;margin:10px;}

.rec-news { overflow: hidden; margin: 0px auto; background: #ffffff; margin-bottom: 20px; }
.rec-news .title {color:#fff; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #009dad url(title-bg.jpg); padding: 0 20px; border-top: 1px solid #ccc; }
.rec-news .title .tittle-tittle { font-size: 16px;display: inline;  }
.rec-news .title span {font-size: 16px; color: #fff; font-weight: bold; }
.rec-news .rec-news-img { overflow: hidden; padding: 10px; }
.rec-news .rec-news-img li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.rec-news .rec-news-img li img { width: 180px; height: 126px; float: left; margin-right: 10px; border: 1px solid #1586d4; padding: 2px; }
.rec-news .rec-news-img li a { font-size: 16px; color: #b60307; padding-top: 20px; }
.rec-news .rec-news-img li p { color: #666; margin-top: 10px; }
.rec-news .rec-news-img li span { color: #999; }
.rec-news .rec-news-list { overflow: hidden; padding: 10px; }
.rec-news .rec-news-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 48%; float: left; margin: 0 10px; }
.rec-news .rec-news-list li span { color: #b60307 margin-right: 20px; }
.rec-news .rec-news-list li a { COLOR: #666; }
.rec-news .rec-news-list li small { float: right; }


.wzdt{width: 100%;}
  .wzdt .wzdt-1{    height: 189px;}
.wzdt .wzdt-1 ul li a{color: #6d6d6d;}
.wzdt .wzdt-1 ul li{ width: 193px;height: 51px;line-height: 051px;text-align: center;border-bottom: 1px solid #cacaca;font-size: 15px;float: left;}
.wzdt .wzdt-1 span{width: 182px;height: 49px;background: #b60307;display: block;text-align: center;margin-bottom: 32px;margin-top: 30px;font-size: 15px;color: #fff; line-height: 49px;}

.wzdt .wzdt-2{     height: 236px;}
.wzdt .wzdt-2 ul li a{color: #6d6d6d;}
.wzdt .wzdt-2 ul li{ width: 193px;height: 51px;line-height: 051px;text-align: center;border-bottom: 1px solid #cacaca;font-size: 15px;float: left;}
.wzdt .wzdt-2 span{width: 182px;height: 49px;background: #b60307;display: block;text-align: center;margin-bottom: 32px;margin-top: 30px;font-size: 15px;color: #fff; line-height: 49px;}

.wzdt .wzdt-3{    height: 189px;}
.wzdt .wzdt-3 ul li a{color: #6d6d6d;}
.wzdt .wzdt-3 ul li{ width: 193px;height: 51px;line-height: 051px;text-align: center;border-bottom: 1px solid #cacaca;font-size: 15px;float: left;}
.wzdt .wzdt-3 span{width: 182px;height: 49px;background: #b60307;display: block;text-align: center;margin-bottom: 32px;margin-top: 30px;font-size: 15px;color: #fff; line-height: 49px;}

  .wzdt .left{width: 60%;float: left;margin-left: -43px;margin-top: -7%;}
  .wzdt .left .title{width: 200px;height: 60px;text-align:  center;font-size: 16px;margin-top: 190px;line-height: 60px;margin-left: 5%;color: #fff;background: #b60307;}
  .wzdt .left .cont ul li{width: 40%;float: left;margin-left: 24px;overflow:  hidden;height: 61px;background: #d8d8d8a1;margin-top: 41px;}
  .wzdt .left .cont ul li p{line-height: 65px;height: 20px;margin-top: -49px;/* text-align:  center; */margin-left: 62px;}
  .wzdt .left .cont ul li span{width: 34px;line-height: 34px;margin-left: 16px;text-align:  center;height: 34px;margin-top: 17px;border-radius: 50%;background: #000;display:  block;color: #fff;}
  .wzdt .left .title a{color: #fff;}
  
  .wzdt .right{width: 50%;float: right;margin-right: -8%;margin-top: -7%;}
  .wzdt .right .title{width: 200px;height: 60px;text-align:  center;font-size: 16px;margin-top: 190px;margin-left: 4%;line-height: 60px;color: #fff;background: #b60307;}
  .wzdt .right .cont ul li{width: 43%;float: left;margin-left: 38px;overflow:  hidden;height: 61px;background: #d8d8d8a1;margin-top: 41px;}
  .wzdt .right .cont ul li p{line-height: 65px;height: 20px;margin-top: -49px;/* text-align:  center; */margin-left: 62px;}
  .wzdt .right .cont ul li span{width: 34px;line-height: 34px;margin-left: 16px;text-align:  center;height: 34px;margin-top: 17px;border-radius: 50%;background: #000;display:  block;color: #fff;}
  .wzdt .right .title a{color: #fff;}
  .wzdt .inner-place{margin-top: 131px;margin-left: 6%;}
  .wzdt .inner-place .inner-position{background: #dadada;height: 39px;line-height: 38px;width: 22%;}




  .product-list{background:#fafafa;padding-top:20px;margin-top:20px;margin-bottom: 105px;padding-bottom:20px;}

  .product-list .pro-nav{overflow:hidden;margin-top:5px;}
  
  .product-list .pro-nav ul{text-align:center;}
  
  .product-list .pro-nav ul li{display: inline-block;}
  
  .product-list .pro-nav ul li a{display: inline-block;border:1px solid #ccc;padding:10px 15px;margin:5px;background:#fafafa;font-size:16px;}
  
  .product-list .pro-nav ul li a:hover{background:#c30f1c;color:#fff;}
  
  .product-list .pro-cont{overflow:hidden;margin-top:15px;}
  
  .product-list .pro-cont .left{float:left;position: relative;width:600px;}
  
  .product-list .pro-cont .left .hd{}
  
  .product-list .pro-cont .left .hd .prev{right:0;}
  
  .product-list .pro-cont .left .hd span{display: block;width:30px;height:40px;background:rgba(0,0,0,0.6);color:#fff;text-align: center;line-height:40px;position:absolute;top:45%;z-index:10;font-size:20px;}
  
  .product-list .pro-cont .left .bd ul li{position: relative;height: 497px;}
  
  .product-list .pro-cont .left .bd ul li img{width:100%;}
  
  .product-list .pro-cont .left .bd ul li .text{position:absolute;bottom:0;z-index:10;background:rgba(0,0,0,0.6);color:#fff;text-align: center;line-height:30px;width:100%;}
  
  .product-list .pro-cont .right{float:right;width:600px;}
  
  .product-list .pro-cont .right ul li{width:290px;float:left;margin-left:10px;position: relative;margin-bottom:10px;}
  
  .product-list .pro-cont .right ul li img{width:100%;}
  
  .product-list .pro-cont .right ul li .text{position:absolute;bottom:0;z-index:10;background:rgba(0,0,0,0.6);color:#fff;text-align: center;line-height:30px;width:100%;}
  
  .product-list .pro-cont .bottom{overflow:hidden;margin-top:10px;clear:both;}
  
  .product-list .pro-cont .bottom ul li{width:290px;float:left;margin-left:10px;position: relative;margin-bottom:10px;}
  
  .product-list .pro-cont .bottom ul li:first-child{margin-left:0;}
  
  .product-list .pro-cont .bottom ul .li-1{width:295px;}
  
  .product-list .pro-cont .bottom ul li img{width:100%;}
  
  .product-list .pro-cont .bottom ul li .text{position:absolute;bottom:0;z-index:10;background:rgba(0,0,0,0.6);color:#fff;text-align: center;line-height:30px;width:100%;}
  .product-list .pro-cont .right ul li span{display: block;width: 142px;text-align: center;color: #d22121;margin-top: 15px; margin-left: 6%; height: 50px;line-height: 53px;font-size: 21px; font-weight: 700;}
  .product-list .pro-cont .right ul li:nth-child(2){width: 81px;height: 3px;clear: both; margin-top: -10px; margin-left: 57px;background: #ffa916;}
  .product-list .pro-cont .right ul li:nth-child(3){clear: both;width: 50%;text-align: center; height: 35px; margin-top: 10px; color: #fff; margin-left: 43px;line-height: 37px; background: #565656;}
  .product-list .pro-cont .right ul li:nth-child(4){margin-left: 43px;clear: both; font-size: 14px;line-height: 25px;width: 89%;}

.navbar-example { position: fixed; top: 20%; left: 0; width: 50px; z-index: 80; }
.navbar-example .nav { background: none; }
.navbar-example .nav img{height:40px;}
.navbar-example .navbar-collapse { padding: 0; }
.navbar-example .navbar-nav>li {display: block;float: none;height: 40px;width: 80px;border-top: 1px solid #fff;text-align: center;line-height: 40px;background: #c70307;border-right: 1px solid #fff;}
.navbar-example .navbar-nav>li:last-child{border-bottom: 1px solid #fff;}
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px; color: #fff; }
.navbar-example .navbar-nav>li>a:hover { background: #fff; color: #008744; }
.navbar-example .navbar-nav>li.active>a { color: #008744; cursor: default; background-color: #fff; border: 0; line-height: 40px; }
