@charset "utf-8";
/**
 * stlye.css v1.0
 * date:2018.03.30
 * Created & Modified by Estone(QQ2278388)
 */

/**
 * ===============================================
 * 重置样式
 * ===============================================
 */
.container{ width: 1170px; max-width: none !important; }
body {font-family: 微软雅黑, 'Microsoft Yahei', Arial; font-size: 14px;background-color: #eee; color: #333;}
@media screen and (max-width: 1300px) { 
body{ 
width: 1300px; 
} 
} 
ul,li{list-style: none;padding: 0;margin: 0;}
a:focus, a:hover { color: #666;text-decoration: none; }
a { color: #333; }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
.bg-white{background-color: #fff;}
.blank15 { height: 15px; clear: both; }
.blank30 { height: 30px; clear: both; }
.blank50 { height: 50px; clear: both;}
.blank60 { height: 80px; clear: both;}
.blank100 { height: 100px; clear: both;}
.p-l-30 {padding-left: 30px;}
.p-l-50 {padding-left: 50px;}
.btn-danger{background-color: #dc3545;border-color: #dc3545;}
.btn-danger:hover{background-color: #b71d2c;border-color: #b71d2c;}
.w25,.w75{float: left;min-height:1;}
.bg-primary{background-color: #dc3545;}
.w25{width: 25%;}
.w75{width: 75%;}
.pagination>li>a, .pagination>li>span {color: #555;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #dc3545;
    border-color: #b71d2c;
}
/**
 * ===============================================
 * 公共样式
 * ===============================================
 */
.toTop { padding: 5px 15px; background-color: #dc3545; color: #fff; }
.toTop:hover { background-color: #b71d2c; }

.header {position: relative;min-height: 350px;}
.header-top {width: 100%;height: 100px; position: absolute;top:0;left:0;z-index: 99;}
.header-top-bg {background-color: #fff;-moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.header-top .logo{height: 100px;line-height: 100px; text-align: center;background-color: #fff;}
.header-top .logo img{display: inline-block; vertical-align: middle;}
.header-top .webcome{position: relative; height: 50px;line-height: 50px; background-color: #555;color: #999;padding: 0 15px;}
.header-top .share{position: absolute;right:15px;top:0;}
.header-top .share a{display: inline-block;margin: 0 2px; width: 30px;height: 30px;line-height: 30px;text-align: center;color: #555;background-color: #999; border-radius:15px;-moz-border-radius: 15px; -webkit-border-radius: 15px;font-size: 18px; }
.header-top .share a:hover{background-color: #dc3545;color: #fff;}
.header-top .menu{height: 50px;line-height: 50px; background-color: #fff;}
.header-top .menu li{float: left;width: 12.5%;text-align: center;font-weight: bold;}
.header-top .menu li a{display: inline-block;width: 100%;height: 100%;}
.header-top .menu li a:hover,.header-top .menu li.on a{background-color: #dc3545;color: #fff;}
.header-top .menu .parent{}
.header-top .menu .sub{width:1140px;background-color: #dc3545;position: absolute;top:100px;left:15px;text-align: center; display: none}
.header-top .menu .sub a{display: inline;padding: 5px 15px; color: #fff;font-weight: 100;border-radius: 4px;}
.header-top .menu .sub a:hover{background-color: #b71d2c;color: #fff;}
.slide .hd{position: absolute;bottom: 15px;right:15px;z-index: 99;}
.slide .hd li{margin: 0 2px; display: inline-block;width: 20px;height: 4px;background-color: #555;cursor: pointer;}
.slide .hd li.on{background-color: #dc3545;}
.slide .bd{min-height: 400px;}
.slide .bd img{min-height: 400px;}
.slide .next,.slide .prev{position: absolute;top:50%;width: 30px; height: 100px;line-height: 100px;text-align: center; background:rgba(0,0,0,0.2); font-size: 24px;color:rgba(255,255,255,0.5);z-index: 99;margin-top: -50px;}
.slide .next:hover,.slide .prev:hover{color:rgba(255,255,255,1);}
.slide .next{left:15px;}
.slide .prev{right:15px;}
.services{width: 100%;height: 148px; position: absolute;bottom:0;left:0;z-index: 98;}
.services-title{float: left;width:180px;height: 148px;line-height: 148px; background-color: #dc3545;text-align: center;}
.services-title img{display: inline-block; vertical-align: middle;}
.services-list{float: left;width:930px;height: 148px;background:rgba(0,0,0,0.3);}
.services-list li{float: left;width: 16.6666%; text-align: center;}
.services-list li:hover{background:rgba(0,0,0,0.5);}
.services-list li a{display:block;height:148px;padding-top: 50px; /*border-left:#ddd 1px solid;*/color: #fff;}
/*.services-list li a.first{border-left:none;}*/
.services-pagination{float: right;width:30px;height: 148px;border: #999 solid 1px;border-top:none;background:rgba(0,0,0,0.5);}
.services-pagination a{display: block;height: 74px;line-height: 74px; border-top: #999 solid 1px;text-align: center;color: #999;}
.services-pagination a:hover{color: #fff;}
.footer{height: 400px;padding: 20px 0; background-color: #555;color: #999;}
.footer .queryCenter{padding-left: 120px;background: url(../imgs/queryCenter.png) left center no-repeat;}
.footer .queryCenter a{display: inline-block;margin: 0 3px;}
.footer hr{border-top: #666 solid 1px;}
.footer .contact h4,.footer .message h4{font-weight: bold;font-size: 16px; color: #fff;margin-bottom: 30px;}
.footer .weixinCode{text-align: center;margin-top: 60px;line-height: 40px;}
.footer .message .form-control{background-color: #555;box-shadow:none;border: 1px solid #999;color: #fff;}
.footer .message .form-control:focus{border: 1px solid #dc3545;}
.footer .message .userName{background: url(../imgs/user.png) 15px center no-repeat;}
.footer .message .telephone{background: url(../imgs/tel.png) 15px center no-repeat;}
.footer .beian span{padding: 0 5px;color: #777;}
.footer .beian a{color: #999;}
.footer .beian a:hover{color: #fff;}
/**
 * ===============================================
 * 首页样式
 * ===============================================
 */

.index-main .about{height: 400px;background-color: #fff;}
.index-main .about-title{height: 400px;background-image:url(../imgs/about-title-bg.png);padding: 100px 0 0 30px; }
.index-main .about-title h1,.index-main .about-title h2{margin: 0;font-weight: bold;text-transform:uppercase}
.index-main .about-title h1{color: #999;}
.index-main .about-line{display: block;width: 60px;height: 5px;background-color: #dc3545;margin: 30px 0;}
.index-main .about-content{padding: 15px 30px 15px 0 ;}
.index-main .about-content h4{font-weight: bold;margin-top: 50px;}
.index-main .about-content p{line-height: 24px;}
.index-main .strengths .bd li{height: 350px;background-color: #fff;}
.index-main .strengths .hd{height: 50px;line-height: 50px; background-color: #ddd;}
.index-main .strengths .hd li{float: left;width: 12.5%;text-align: center;}
.index-main .strengths .hd li.on{background-color: #dc3545;color: #fff;font-weight: bold;cursor: pointer;}
.index-main .strengths-left{margin-top: 100px; text-align: center;}
.index-main .strengths-left h1{font-weight: bold;}
.index-main .strengths-left .btn{width: 160px;}
.index-main .strengths-right{text-align: right;padding-top: 30px;}
.index-main .strengths-right img{height: 300px;}
.index-main .case{height: 400px;background-color: #dc3545;}
.index-main .case-list{position: relative;width: 1140px; height: 400px;padding: 50px 0;}
.index-main .case-list li{float: left;width: 228px; text-align: center;color: #fff;}
.index-main .case-list li img{width: 180px;height: 260px;}
.index-main .procedure,.index-main .partner{height: 555px;background-color: #fff;}
.index-main .procedure .title{height: 75px;background-color: #ddd;text-align: center;}
.index-main .partner .title{height: 75px;background-color: #dc3545;color: #fff;text-align: center;}
.index-main .procedure .title h3,.index-main .partner .title h3{padding-top: 15px;margin: 0; text-transform:uppercase}
.index-main .procedure .title p,.index-main .partner .title p{font-weight: bold;font-size: 16px;}
.index-main .procedure .container-fluid{margin: 30px 15px;}
.index-main .procedure .flow{padding-top: 100px; background-color: #999;height: 120px;position: relative;color: #fff;}
.index-main .procedure .flow .num{position: absolute;top:5px;left: 10px;color: #b0b0b0;font-family: Impact;font-size: 24px;}
.index-main .procedure .flow:hover,.index-main .procedure .flow:hover .num{background-color: #dc3545;color: #fff;}
.index-main .procedure .flow:hover{animation:bounce 1s;-webkit-animation:bounce 1s;}
.index-main .procedure .flow h5{text-align: center;font-size: 12px; margin: 0; }
.index-main .procedure .flow00{background-color: #dc3545;color: #fff;text-align: center;padding-top: 40px;}
.index-main .procedure .flow00 h4{margin: 0;font-weight: bold;}
.index-main .procedure .flow01{background:#999 url(../imgs/flow01.png) center center no-repeat;}
.index-main .procedure .flow02{background:#999 url(../imgs/flow02.png) center center no-repeat;}
.index-main .procedure .flow03{background:#999 url(../imgs/flow03.png) center center no-repeat;}
.index-main .procedure .flow04{background:#999 url(../imgs/flow04.png) center center no-repeat;}
.index-main .procedure .flow05{background:#999 url(../imgs/flow05.png) center center no-repeat;}
.index-main .procedure .flow06{background:#999 url(../imgs/flow06.png) center center no-repeat;}
.index-main .procedure .flow07{background:#999 url(../imgs/flow07.png) center center no-repeat;}
.index-main .procedure .flow08{background:#999 url(../imgs/flow08.png) center center no-repeat;}
.index-main .procedure .flow09{background:#999 url(../imgs/flow09.png) center center no-repeat;}
.index-main .partner .container-fluid{margin: 15px 15px 30px 15px;}
.index-main .partner .item{border: #ddd solid 1px;margin:15px 0; }
.index-main .partner .item img{width: 233px;height: 83px;}
.index-main .newsFaq{height: 400px;background-color: #fff;}
.index-main .news{padding: 20px 30px;}
.index-main .news .hd{border-bottom: #ddd solid 1px;}
.index-main .news .hd li{float: left;width: 100px;height: 50px;line-height: 50px;font-weight: bold; text-align: center;cursor: pointer;}
.index-main .news .hd li.on{float: left;width: 100px;height: 50px;line-height: 50px;border-bottom: #dc3545 solid 3px;color: #dc3545;}
.index-main .news .bd{padding: 30px 0;}
.index-main .news .news-list td{border-top:none;border-bottom: #ddd dotted 1px;line-height: 30px;}
.index-main .news .news-list .title{color: #ddd;font-weight: bold;}
.index-main .news .news-list .class {width: 150px; text-align: right;}
.index-main .news .news-list .class span{padding-left: 15px;color: #ddd;font-size: 12px;}
.index-main .news .news-list .date{width: 100px; text-align: right;color: #999;}
.index-main .news .case-list .item{margin-bottom: 30px;background-color: #fff;padding: 15px;text-align: center;}
.index-main .news .case-list .item:hover{-moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.index-main .news .case-list .item h5{font-weight: bold}
.index-main .news .case-list .item img{width: 230px;height: 320px;}
.index-main .faq{height: 400px;background-color: #dc3545;color: #fff;padding: 30px;}
.index-main .faq .list li{padding: 15px 0;}
.index-main .faq .list{margin: 15px 0 0 0;line-height: 24px;}
.index-main .faq .list span{margin-right: 5px;}
.index-main .faq .list p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-main .faq .list a{color: #fff;}
.index-main .faq .list a:hover{color: #f0ad4e;}

/**
 * ===============================================
 * 内页样式
 * ===============================================
 */
.topClass{width: 100%;height: 140px; position: absolute;bottom:0;left:0;z-index: 98;}
.topClass-name{padding-top:30px;padding-left: 70px; width: 262px; height: 140px;background: url(../imgs/topClass-name-bg.png) top left no-repeat; color: #fff;}
.topClass-name .topClassName{font-size: 24px;font-weight: bold;}
.topClass-name .line{display: inline-block; width: 30px; height: 5px;background-color: #fff;}
.topClass-name .topClassEName{line-height:30px;text-transform:uppercase}
.main{position: relative;}
.main .content{min-height: 500px;background-color: #fff;padding:15px 30px 30px 30px;position: relative;}
.main .content .className{position: absolute;height:40px;line-height:40px;font-size: 18px;font-weight: bold;}
.main .content .nav{height:40px;line-height:40px;font-size: 12px;border-bottom: #ddd solid 1px;color: #999;text-align: right}
.main .content .nav a{color: #999;}
.main .content .nav a:hover{color: #555}
.main .content .nav .fa{font-size: 14px;}
.main .left-subMenu{padding: 15px 0 20px 0; background-color: #fff;-moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.main .left-subMenu li{height:50px;line-height:50px;margin:0 30px; border-bottom: #ddd solid 1px;}
.main .left-subMenu li a{display: block;width: 100%;height:50px;;font-weight: bold;padding-left: 40px;}
.main .left-subMenu li a:hover{color: #fff;background-color: #555}
.main .left-subMenu li.currclass a{color: #fff;background-color: #dc3545}
.main .left-subMenu li .fa{margin-right: 10px;font-weight: 100;font-size: 16px;}
.main .subMenu li{float: left;width: 25%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.main .subMenu .btn{margin-bottom: 15px; border-radius:0;color: #fff;background-color: #555;font-size: 14px;text-align: left;font-weight: bold; padding-left: 50px;}
.main .subMenu .btn:hover,.main .subMenu li.currclass .btn{background-color: #dc3545;}
.main .zizhi-list .item{margin-bottom: 30px; height: 230px;padding: 30px 15px;background-color: #fff;}
.main .zizhi-list .item:hover{-moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.main .zizhi-list .item h3{margin: 0px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .zizhi-list .item .line{margin: 15px auto; display: block; width: 50px; height: 5px;background-color: #555;}
.main .zizhi-list .item p{height: 60px;overflow: hidden;text-overflow:ellipsis;color: #999;}
.main .news-list td{border-bottom: #ddd solid 1px;border-top:none;}
.main .news-list .title{color: #ddd;font-weight: bold;}
.main .news-list .class {width: 150px; text-align: right;}
.main .news-list .class span{padding-left: 15px;color: #ddd;font-size: 12px;}
.main .news-list .date{width: 100px; text-align: right;color: #999;}
.main .case-list .item{margin-bottom: 30px;background-color: #fff;padding: 15px;text-align: center;}
.main .case-list .item:hover{-moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.main .case-list .item h5{font-weight: bold}
.main .case-list .item img{width: 230px;height: 320px;}
.main-show .zizhi-header{}
.main-show .zizhi-class{width: 262px;height: 40px;line-height: 40px;padding-left: 30px; font-weight: bold;background-color:#dc3545;color: #fff;}
.main-show .zizhi-info{background-color: #fff;padding: 30px;}
.main-show .zizhi-info .name{font-size: 24px;font-weight: bold;}
.main-show .zizhi-info .line{display: inline-block;width: 30px;height: 5px;background-color: #333;margin: 15px 0;}
.main-show .zizhi-info i,.main-show .zizhi-class i{margin-right: 10px;}
.main-show .zizhi-main .hd{height: 40px;}
.main-show .zizhi-main .hd li{float: left;width: 25%;height: 40px;line-height: 40px;border: #fff solid 2px;text-align: center;background-color: #555;color:#fff;cursor: pointer;}
.main-show .zizhi-main .hd li:hover,.main-show .zizhi-main .hd li.on{background-color: #dc3545;border: #dc3545 solid 2px;font-weight: bold;}
.main-show .zizhi-main .bd{background-color: #fff;padding: 30px;border: #dc3545 solid 2px;}
.main-show .zizhi-main .bd li{}