/*公共样式开始*/
html, body {
-ms-overflow: scrollbar;
overflow: scroll;
}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {margin: 0; padding: 0;font-family:Microsoft YaHei;}
.logo li{ float:left; padding-top:20px; padding-bottom:20px;}
.lo:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.yy{ margin-top:5px; margin-left:15px;color:#333; font-size:22px; line-height:24px; font-weight:bold;}
.yy i{color:#999; font-size:14px;font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.navbar-default .navbar-toggle .icon-bar {background-color: #e56f01;}
li{list-style:none;}
a,a:hover{ text-decoration:none;}
p{ margin:0; padding:2px 0;}
img{max-width:100%; height:auto;}
.sizeCover{background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.baidu-maps label { max-width: none; vertical-align: bottom;}
.hr0 { margin-top:10px; margin-bottom: 10px; border: 0;height: 1px;background: #dedede;}
.hr1 { margin-top:18px; margin-bottom: 18px; border: 0;height: 1px;background: #dedede; opacity:0.2;}
h3{ font-size:18px; line-height:20px;}
h4{ line-height:36px; text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.fudaohang{ color:#454545; font-size:14px;}
.fudaohang:hover{ color:#e56f01;}
.content{ color:#666;line-height:28px; font-size:16px;}
.ying{ text-align:center; font-size:17px; color:#666; text-transform:uppercase;}
@media (min-width: 1200px) {
.navbar-default .navbar-nav > li{ margin-left:1px; margin-right:1px;}
.navbar-default .navbar-nav > li > a {font-size:16px; color: #333;padding-left:40px; padding-right:40px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #fff; background-color: #e56f01;}
.navbar-brand {float: left; height: 80px; padding: 20px 10px;}
.banner_service{margin:0 ;height:420px; background:url(../images/banner_free.jpg) center center no-repeat;background-size:cover; width:100%;}
.banner_case{margin:0 ;height:420px; background:url(../images/banner_case.jpg) center center no-repeat;background-size:cover; width:100%;}
.banner_pro{margin:0 ;height:420px; background:url(../images/banner_pro.jpg) center center no-repeat;background-size:cover; width:100%;}
.banner_news{margin:0 ; height:420px; background:url(../images/banner_news.jpg) center center no-repeat;background-size:cover; width:100%;}
.banner_about{margin:0 ;height:420px; background:url(../images/banner_about.jpg) center center no-repeat;background-size:cover; width:100%;}
.banner_contact{margin:0 ;height:420px; background:url(../images/banner_contact.jpg) center center no-repeat;background-size:cover; width:100%;}
.banner_wz{color:#fff; font-size:42px; line-height:60px; font-weight:bold;letter-spacing:5px;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:140px;}
.banner_wz span{ color:#e56f01;}
.banner_wzx{color:#fff; font-size:28px; line-height:40px;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:30px;}
.order {height:36px; line-height:36px;text-align: center; margin-top:40px; margin-bottom:10px;}
.order .line {display: inline-block; width:25px; border-top: 2px solid #e56f01 ;}
.order .txt { color: #e56f01; font-size:32px; padding-left:10px;padding-right:10px;vertical-align: middle;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-default .navbar-nav > li{ margin-left:1px; margin-right:1px;}
.navbar-default .navbar-nav > li > a {font-size:15px; color: #333; padding-left:30px; padding-right:30px; margin-right:2px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #fff; font-weight:bold;background-color: #e56f01;}
.navbar-brand {float: left; height: 80px; padding: 20px 10px;}
.banner_service{margin:0 ; height:320px; background:url(../images/banner_free.jpg) center center no-repeat;}
.banner_case{margin:0 ; height:320px; background:url(../images/banner_case.jpg) center center no-repeat;}
.banner_pro{margin:0 ; height:320px; background:url(../images/banner_pro.jpg) center center no-repeat;}
.banner_news{margin:0 ; height:320px; background:url(../images/banner_news.jpg) center center no-repeat;}
.banner_about{margin:0 ;height:320px; background:url(../images/banner_about.jpg) center center no-repeat;}
.banner_contact{margin:0 ;height:320px; background:url(../images/banner_contact.jpg) center center no-repeat;}
.banner_wz{color:#fff; font-size:36px;line-height:50px;font-weight:bold; letter-spacing:5px;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:100px;}
.banner_wz span{ color:#e56f01;}
.banner_wzx{color:#fff; font-size:24px; line-height:36px;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:20px;}
.order {height:32px; line-height:32px;text-align: center; margin-top:30px; margin-bottom:10px;}
.order .line {display: inline-block; width:25px; border-top: 2px solid #e56f01 ;}
.order .txt { color: #e56f01; font-size:30px; padding-left:10px;padding-right:10px;vertical-align: middle;}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-default .navbar-nav > li > a {font-size:14px; color: #333; padding-left:20px; padding-right:20px; margin-right:2px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #fff; font-weight:bold;background-color:#e56f01;}
.navbar-brand {float: left; height: 80px; padding: 20px 10px;}
.banner_service{margin:0 ; height:240px; background:url(../images/banner_free.jpg) center center no-repeat;}
.banner_case{margin:0 ; height:240px; background:url(../images/banner_case.jpg) center center no-repeat;}
.banner_solution{margin:0 ; height:240px; background:url(../images/banner_solution.jpg) center center no-repeat;}
.banner_pro{margin:0 ;height:240px; background:url(../images/banner_pro.jpg) center center no-repeat;}
.banner_news{margin:0 ; height:240px; background:url(../images/banner_news.jpg) center center no-repeat;}
.banner_about{margin:0 ;height:240px; background:url(../images/banner_about.jpg) center center no-repeat;}
.banner_contact{margin:0 ;height:240px; background:url(../images/banner_contact.jpg) center center no-repeat;}
.banner_wz{color:#fff; font-size:32px;line-height:42px;font-weight:bold;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:60px;}
.banner_wz span{ color:#e56f01;}
.banner_wzx{color:#fff; font-size:24px; line-height:32px;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:20px;}
.order {height:28px; line-height:28px;text-align: center; margin-top:20px; margin-bottom:10px;}
.order .line {display: inline-block; width:25px; border-top: 2px solid #e56f01 ;}
.order .txt { color: #e56f01; font-size:28px; padding-left:10px;padding-right:10px;vertical-align: middle;}
}
@media (max-width: 767px) {
.navbar-brand {float: left; height: 50px;padding: 10px 10px;}
.navbar-default .navbar-nav > li > a {font-size:14px; color: #333; padding-left:12px; padding-right:12px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #333; font-weight:bold;background-color:#e56f01;}
.banner_service{margin:0; height:160px; background:url(../images/banner_free.jpg) center top no-repeat; background-size: 100% 160px;}
.banner_case{margin:0; height:160px;background:url(../images/banner_case.jpg) center top no-repeat; background-size: 100% 160px;}
.banner_solution{margin:0;height:160px; background:url(../images/banner_solution.jpg) center top no-repeat; background-size: 100% 160px;}
.banner_pro{margin:0;height:160px; background:url(../images/banner_pro.jpg) center center no-repeat; background-size: 100% 160px;}
.banner_news{margin:0;height:160px; background:url(../images/banner_news.jpg) center top no-repeat; background-size: 100% 160px;}
.banner_about{margin:0; height:160px;background:url(../images/banner_about.jpg) center center no-repeat;background-size: 100% 260px;}
.banner_contact{margin:0;height:160px;background:url(../images/banner_contact.jpg) center center no-repeat; background-size: 100% 160px;}
.banner_wz{color:#fff; font-size:20px;line-height:32px;font-weight:bold;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:40px; }
.banner_wz span{ color:#e56f01;}
.banner_wzx{color:#fff; font-size:16px; line-height:24px;text-shadow: 0px 5px 33px rgba(60, 60, 65, 0.3); margin-top:20px;}
.fudao{ height:40px;line-height:20px; padding-top:10px; font-size:14px; color:#333;}
.fudao span{color:#e56f01;}
.fudao a{line-height:20px; padding-top:10px; font-size:14px;color:#333;}
.order {line-height:30px;text-align: center; margin-top:20px; margin-bottom:10px;}
.order .line {display: inline-block; width:12px; border-top: 2px solid #e56f01 ;}
.order .txt { color: #e56f01; font-size:24px; padding-left:5px;padding-right:5px; vertical-align: middle;}
}
.youshi{margin:15px auto; height:80px; overflow:hidden; font-size:14px; line-height:20px;}
.youshi span{ display:block; text-align:center; font-size:18px; line-height:40px; font-weight:bold;}
.zxin{ border-radius:3px;box-shadow:0px 0px 8px #ccc; padding:0px; color:#666;}
.zxin:hover{ border-radius:3px;box-shadow:0px 0px 8px #abb4c1; padding:0px; background:#f3f3f3; color:#e56f01;}
#div1{overflow: hidden; border-top-left-radius:3px;border-top-right-radius:3px;}
#div1 img{cursor: pointer; transition: all 0.4s;}
#div1 img:hover{transform: scale(1.05);}
.pro1{line-height:30px; text-align:center; height:40px; font-size:16px; padding:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.carousel-indicators {position: absolute;bottom: 40px;left: 50%;z-index: 15; width: 60%; padding-left: 0; margin-left: -30%;text-align: center; list-style: none;}
.carousel-indicators li { display: inline-block; width: 30px; height: 4px; margin: 0px 14px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(255, 255, 255, 0.5); border: 0px solid #fff; border-radius: 0px;}
.carousel-indicators .active {width: 30px; height: 4px; margin: 0px 10px; background-color: #e56f01;}
.inimg{box-shadow:0px 0px 7px #ccc; background:#fff; border-radius:8px;}
.inimg:hover{box-shadow:0px 0px 7px #ccc; border-radius:8px;background:#fff;}
.inimg1{box-shadow:0px 0px 7px #ccc;}
.inimg1:hover{box-shadow:0px 0px 7px #ccc;}
.shou{background:#fff; font-size:28px;color:#e56f01; height:60px;line-height:60px; text-align:center; display:block; border-radius:30px;box-shadow:0px 0px 7px #ccc;}
.shou:hover{color:#fff;background:#e56f01;}
.indexlink1{ padding:10px 50px; margin-top:10px; line-height:20px; border:1px solid #333; text-align: center; display:block; max-width:170px; font-size: 14px;color:#333;border-radius:20px; transition: all .2s;}
.indexlink1:hover{ border:1px solid #e56f01; color:#fff;background:#e56f01;}
.indexlink8{ padding:10px 50px; margin:30px auto; line-height:20px; border:1px solid #333; text-align: center; display:block; max-width:170px; font-size: 14px;color:#333;border-radius:20px; transition: all .2s;}
.indexlink8:hover{ border:1px solid #e56f01; color:#fff;background:#e56f01;}
.nxx{ font-size:14px; color:#666; line-height:20px; height:40px; overflow:hidden; margin-top:5px;}
.indexlink2{line-height:24px; margin-top:5px; margin-bottom:5px; display:block;font-size: 16px; color:#333; transition: all .2s;}
.indexlink2:hover{color:#e56f01;}
.sjian{color:#999; font-size:15px;}
.fu{ width:80px; height:80px; text-align:center; background: #3C3C41;opacity: 0.3;filter:alpha(Opacity=30); padding-left:5px;}
.fu01{ color:#fff; font-size:22px; font-weight:bold; text-align:center; margin-top:10px;}
.fu02{ color:#fff; font-size:16px; text-align:center;}
.indexlink3{line-height:28px;height:28px;display:block;font-size: 18px; overflow:hidden;color:#333; transition: all .2s;}
.indexlink3:hover{color:#e56f01;}
.yc{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:24px;}
.dabiao{ text-align:center; line-height:40px; font-size:30px; color:#fff; margin-top:30px; margin-bottom:5px;}
.xiaobiao{ text-align:center; line-height:40px; font-size:24px; color:#fff;}
.fubiao{ text-align:center; padding-top:6px;font-size:16px; color:#fff;}
.b02{color: #fff;line-height: 30px;opacity:0.6;filter:Alpha(opacity=60);}
.blink02{color: #fff;line-height: 30px;opacity:0.6;filter:Alpha(opacity=60);}
.blink02:hover{color: #fff; text-decoration:none; opacity:1.0;filter:Alpha(opacity=100);}
.youdian:hover a{ color:#e56f01;}
#div1{overflow: hidden; border-top-left-radius:3px;border-top-right-radius:3px;}
#div1 img{cursor: pointer; transition: all 0.4s;}
#div1 img:hover{transform: scale(1.05);}
.fudao{ height:50px;line-height:30px; padding-top:10px; font-size:16px; color:#333;}
.fudao span{color:#e56f01;}
.fudao a{line-height:30px; padding-top:10px; font-size:16px;color:#333;}
/*公共样式结束*/
/*新闻开始*/
.link1{padding:10px 15px; border-radius:20px; text-align:center;font-size:16px;color:#e56f01; line-height:20px; display:inline-block; border:1px solid #e56f01;}
.link1:hover{ background:#fff; color:#e56f01; text-decoration:none; border:1px solid #e56f01;}
.link2{padding:10px 15px; border-radius:20px; text-align:center;font-size:16px;color:#333; line-height:20px; display:inline-block; border:1px solid #fff;}
.link2:hover{ background:#fff; color:#e56f01; text-decoration:none; border:1px solid #e56f01;}
.link3{padding:10px 25px; margin:30px auto; border-radius:20px; text-align:center;font-size:16px;color:#333; border:1px solid #f7f7f7; line-height:20px; display:block; max-width:170px;}
.link3:hover{ color:#e56f01; text-decoration:none; border:1px solid #f7f7f7;}
.sj_biao{ position:absolute; top:0; left:0; font-family:Arial; padding:0 15px; height:36px; line-height:36px; background:#e56f01; border-bottom-right-radius:10px; font-size:14px; text-align:center; color:#fff; z-index:100;}
.indexlink4{line-height:28px; height:28px; overflow:hidden;display:block;font-size:20px;color:#333; margin-top:15px; margin-bottom:15px; display:block; transition: all .2s;}
.indexlink4:hover{color:#e56f01;}
.indexlink44{line-height:28px;display:block;font-size:16px;color:#666; transition: all .2s;}
.indexlink44:hover{color:#e56f01;}
.nxx1{ font-size:16px; color:#666; line-height:24px; height:48px; overflow:hidden; }
.nlist{ height:24px; font-size:15px; color:#999; line-height:24px;overflow: hidden; margin-top:10px;white-space: nowrap;text-overflow: ellipsis;}
.ndabiao{font-size: 30px;color: #e56f01;line-height: 32px; margin-top:15px; margin-bottom:15px;}
.sndabiao{font-size:18px;color: #e56f01;line-height: 24px; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #e56f01;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #e56f01;
border-color: #e56f01;
}
.stick { position: fixed; top: 0;left: 0;right: 0; z-index:1000;margin:0 auto;width:100%; }
.kaitou{
transition: all 0.3s;
-ms-transition:all 0.3s; /* IE 9 */
-moz-transition:all 0.3s; /* Firefox */
-webkit-transition:all 0.3s; /* Safari 和 Chrome */
-o-transition:all 0.3s; /* Opera */
transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-webkit-transform: translateY(0px); color:#666;}
.kaitou:hover{
transform: translateY(-3px);
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-webkit-transform: translateY(-3px);color:#e56f01;}
.xg{ position:relative;}
.xgbiao{ position:absolute; background:rgba(0,0,0,0.3); padding:5px; text-align:center; bottom:0; width:80%; left:50%; transform:translate(-50%,-50%); font-size: 18px;color: #FFFFFF;line-height: 28px; z-index:100;}
.xgbiao:hover{color: #f60;}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
margin:15px auto;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*悬浮链接开始*/
.suspension{position:fixed;z-index:9955;right:0px;bottom:200px;width:60px;height:300px;}
.suspension-box{position:relative;float:right;width:50px;height:298px;background: #FFFFFF;box-shadow: 0px 0px 0px 0px #707074, 0px 7px 13px 0px rgba(72, 73, 77, 0.32);border-radius:5px;}
.suspension .a{display:block;width:30px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{}
.suspension .a .i{float:left;width:30px;height:25px;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:30px;height:25px; margin-left:11px;background:url(../kf/r_icon_01.png) no-repeat;}
.suspension .a-service{width:50px;height:25px;text-align:center;font-size: 13px;color: #3E3A39;line-height: 18px;}
.suspension .a-service-phone .i{width:30px;height:25px;margin-left:11px;background:url(../kf/r_icon_02.png) no-repeat;}
.suspension .a-service-phone{width:50px;height:25px;text-align:center;font-size: 13px;color: #3E3A39;line-height: 18px;}
.suspension .a-qrcode .i{width:30px;height:25px;margin-left:11px;background:url(../kf/r_icon_03.png) no-repeat;}
.suspension .a-qrcode{width:50px;height:25px;text-align:center;font-size: 13px;color: #3E3A39;line-height: 18px;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../kf/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:20px;}
.suspension .d-service-phone{top:115px;}
.suspension .d-qrcode{top:207px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../kf/side_con_icon03.png) no-repeat center 0px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../kf/r_icon_04.png) no-repeat center 0px;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#333;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#333;}
/*悬浮链接结束*/