/*panel*/
.panel{margin-bottom:30px;box-shadow: 0 0 3px rgba(0,0,0,.05);}
.panel-title{padding-left:30px; height: 48px;background: #fff;border-bottom:1px solid #f5f5f5;}
.panel-title h2 { font-weight: bold; font-size: 18px; color: #555; line-height: 48px;}
.panel-body {background: #fff;}
/**slide*/
.container-slide{padding: 0;}
.flexslider{max-height:420px;overflow:hidden;border:none; margin:0; background: #020f26;}
.flexslider .item {background-repeat: no-repeat;background-position: center bottom;}
.flexslider .item .container{position: relative;height: 420px;text-align: center;}
.flexslider img {display: inline-block;}
.flexslider .flex-caption {width:670px;text-align: right;}
.flexslider .subtitle {font-size:36px;color: #333;}
.flexslider .maintitle {font-size:48px;font-weight:700;color: #e7161a;}
.flexslider .container-inverse .subtitle,.flexslider .container-inverse .maintitle{color: #fff;}
.flexslider .btn{padding:0;width:160px;height:60px;border:none ;line-height:60px;text-align:center;background: #e7161a;color: #fff;font-size: 24px;}
.flexslider .btn:hover{background: #c32139;}
.flexslider .container-inverse .btn{background:#eae073;color:#333; }
.flexslider .container-inverse .btn:hover {background:#fff583;}
.flex-direction-nav {display: none;}
/**product**/
.container-products .col-md-3,.container-products .col-md-4  {height:240px;border-right: 1px solid #f5f5f5;}
@media screen and (max-width: 767px) {
    .container-products .col-md-3 ,.container-products .col-md-4 {height:auto;padding:30px 0;border-right: 0 none;border-bottom: 1px solid #f5f5f5;}
}
.container-products .col-md-3 span,.container-products .col-md-4 span{display: block;}
.container-products .h3{margin-top:30px;font-size: 20px;font-weight: 600;}
.container-products .icon {margin:20px auto 15px;width:90px;height:90px;color: #c1c1c1;transition:all 0.25s ease 0s;}
.container-products .icon .fa {font-size: 80px;line-height:90px;display: none;}
.container-products .caption {width:90%;margin:0 auto;color: #444;}
.container-products a:hover .caption {color: #333;}
.container-products a:hover .h3{color: #c32139;}
.container-products .mod-hr .icon {background: url(../images/icon.png) no-repeat 0 0;}
.container-products .mod-hr a:hover .icon {background: url(../images/icon.png) no-repeat 0 -90px;}
.container-products .mod-make .icon {background: url(../images/icon.png) no-repeat -90px 0;}
.container-products .mod-make a:hover .icon {background: url(../images/icon.png) no-repeat -90px -90px;}
.container-products .mod-manage .icon {background: url(../images/icon.png) no-repeat -180px 0;}
.container-products .mod-manage a:hover .icon {background: url(../images/icon.png) no-repeat -180px -90px;}
.container-products .mod-cooperation .icon {background: url(../images/icon.png) no-repeat -270px 0;}
.container-products .mod-cooperation a:hover .icon {background: url(../images/icon.png) no-repeat -270px -90px;}
.container-products .mod-shebao .icon {background: url(../images/icon.png) no-repeat -360px 0;}
.container-products .mod-shebao a:hover .icon {background: url(../images/icon.png) no-repeat -360px -90px;}
.container-products .mod-caiwu .icon {background: url(../images/icon.png) no-repeat -450px 0;}
.container-products .mod-caiwu a:hover .icon {background: url(../images/icon.png) no-repeat -450px -90px;}
.container-products .mod-property .icon {background: url(../images/icon.png) no-repeat -540px 0;}
.container-products .mod-property a:hover .icon {background: url(../images/icon.png) no-repeat -540px -90px;}
.container-products .mod-permit .icon {background: url(../images/icon.png) no-repeat -630px 0;}
.container-products .mod-permit a:hover .icon {background: url(../images/icon.png) no-repeat -630px -90px;}
/**news**/
.nav-tabs {padding:30px 0;height:240px;background: #c32139;text-align: right;font-size:16px;}
.nav-tabs li {float:none;display: block;}
.nav-tabs li a {float:right;border-radius:4px 0 0 4px;margin:0 0 15px;border:0 none;width:90%;color: #fff;}
.nav-tabs li a:active,.nav-tabs a:hover {color: #333;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-right:0 none ;}
.tab-pane .news-recommend {position: relative;}
.tab-pane .news-recommend img{display: block;width: 100%;}
.tab-pane .news-recommend .h3 {position:absolute;display: block;left:15px;right:15px;bottom:-10px;padding-left:10px;height:36px;line-height:36px;font-size:14px;background: #333;background: rgba(0,0,0,0.6);;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;}
.tab-pane .news-list {margin-top:-10px;}
.tab-pane .news-list li {padding:10px 0;border-bottom: 1px dashed #f5f5f5;}

@media (max-width: 991px){
    .nav-tabs{height:auto;}
    .tab-pane .news-list {margin-top:30px;}
}
/*footer*/
.panel-partner .panel-body {border-bottom:1px solid #f5f5f5;}
.panel-partner .panel-body .list-inline li a{display:inline-block;margin-top:14px;width:100%;height:72px;line-height:70px;border:1px solid #c1c1c1;text-align: center;}
.panel-partner .panel-body .list-inline li a:hover{border-color:#e7161a;}
.panel-partner .panel-body .list-inline li img {margin:3px auto;display: block;width:128px;height:64px;}
.panel-partner .panel-body .more{line-height: 100px;text-align: right;}
.productshow{position:relative;padding:0 15px 0 30px;}
.productshow .scrollcontainer{height:100px;overflow:hidden;position:relative;}
.productshow .scrollcontainer ul{width:20000px;position:absolute;left:0;top:0;}
.productshow .scrollcontainer li{width:160px;}
.productshow a.abtn{ position:absolute;top:35px;display:block;overflow:hidden;width:30px;height:30px;background:#000; line-height:30px;filter:alpha(opacity=70); opacity:0.7;box-shadow: 0 0 3px #ddd;border-radius:100%;}
.productshow a.aleft{left:-10px;padding-left:14px;}
.productshow a.aright{right:-10px;padding-left:9px;}
.productshow a.abtn i{position: relative;font-size:20px;color: #fff;}
.productshow a.abtn:hover i{filter:alpha(opacity=80); opacity:0.8;}
.productshow a.more{ position: absolute; top: 0; right: 0;}

.panel-link .panel-body{ position: relative; padding:15px;}
.panel-link .panel-body ul{margin-bottom:0;}
.panel-link .panel-body .more{ position: absolute; top: 17px; right: 0; float:right;text-align: right;}
@media (max-width: 991px){
    .panel-partner .panel-body,.container-link .panel-body{height:auto;}
}
@media (max-width: 767px) {
    .panel-partner .panel-body,.container-link .panel-body{height:auto;line-height: 2;}
    .panel-partner .panel-body .list-inline li a {height:auto;margin:15px 0;}
    .panel-partner .panel-body .list-inline, .container-link .panel-body li,.more {padding:15px 30px;}
}

/*新版慧恩首页*/
.wqh-main{ margin-top: 47px;}
.wqh-main-left{ float: left; background-color: white; padding-bottom: 18px;}
.wqh-main-left .panel-title{ border-bottom: 0; height: 60px;}
.wqh-main-left h2{ font-weight: bold; font-size: 18px; color: #555; line-height: 60px;}
.wqh-main-left h2 small{ font-size: 12px; color: #888;}
.wqh-main-left .wqh-solution-wrap{ width: 100%; padding: 0 24px 25px; box-sizing: border-box;}
.wqh-main-left .wqh-solution-ul{ width: 100%; float: left; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.wqh-main-left .wqh-solution-block{ height: 149px; float: left; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.wqh-main-left .wqh-solution-block .img{ display: inline-block; width: 100%; height: 80px; background-repeat: no-repeat; background-position: center 25px;}
.wqh-main-left .wqh-solution-block .img1{ background-image: url("../images/wqh-icon-1.png")}
.wqh-main-left .wqh-solution-block .img1:hover{ background-image: url("../images/wqh-icon-1-h.png");}
.wqh-main-left .wqh-solution-block .img2{ background-image: url("../images/wqh-icon-2.png")}
.wqh-main-left .wqh-solution-block .img2:hover{ background-image: url("../images/wqh-icon-2-h.png");}
.wqh-main-left .wqh-solution-block .img3{ background-image: url("../images/wqh-icon-3.png")}
.wqh-main-left .wqh-solution-block .img3:hover{ background-image: url("../images/wqh-icon-3-h.png");}
.wqh-main-left .wqh-solution-block .img4{ background-image: url("../images/wqh-icon-4.png")}
.wqh-main-left .wqh-solution-block .img4:hover{ background-image: url("../images/wqh-icon-4-h.png");}
.wqh-main-left .wqh-solution-block .img5{ background-image: url("../images/wqh-icon-5.png")}
.wqh-main-left .wqh-solution-block .img5:hover{ background-image: url("../images/wqh-icon-5-h.png");}
.wqh-main-left .wqh-solution-block .img6{ background-image: url("../images/wqh-icon-6.png")}
.wqh-main-left .wqh-solution-block .img6:hover{ background-image: url("../images/wqh-icon-6-h.png");}
.wqh-main-left .wqh-solution-block .img7{ background-image: url("../images/wqh-icon-7.png")}
.wqh-main-left .wqh-solution-block .img7:hover{ background-image: url("../images/wqh-icon-7-h.png");}
.wqh-main-left .wqh-solution-block .img8{ background-image: url("../images/wqh-icon-8.png")}
.wqh-main-left .wqh-solution-block .img8:hover{ background-image: url("../images/wqh-icon-8-h.png");}
.wqh-main-left .wqh-solution-block h5{ text-align: center; font-size: 16px; color: #333; margin: 0 0 6px 0;}
.wqh-main-left .wqh-solution-block p{ text-align: center; margin: 0; line-height: 1.2; word-break: keep-all; word-wrap: break-word;}
.wqh-main-left .wqh-solution-block p a{ display: inline-block; width: 85px; text-align: center; font-size: 12px; color: #666;}
.wqh-main-left .wqh-solution-block p a:hover{ color: #c32139;}

.wqh-main-right{ width: 281px; float: right; background-color: white; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.wqh-main-right .panel-title{ border-bottom: 0; height: 60px;}
.wqh-main-right h2{ font-weight: bold; font-size: 18px; color: #555; line-height: 60px;}
.wqh-main-right h2 small{ font-size: 12px; color: #888;}
.wqh-main-right .wqh-news{ width: 100%; padding: 0 24px;}
.wqh-main-right .wqh-news .line{ width: 100%; height: 0; border-top: 1px solid #e8e8e8;}
.wqh-main-right .wqh-news img{ width: 100%; height: 65px; margin-top: 16px;}
.wqh-main-right .wqh-news h3{ font-size: 14px; color: #555; font-weight: bold; margin: 10px 0;}
.wqh-main-right .wqh-news p{ font-size: 12px; color: #999; line-height: 17px; padding-bottom: 12px; border-bottom: 1px solid #e8e8e8; margin: 0;}
.wqh-main-right .wqh-news ul{ width: 100%; margin: 0; padding: 0 0 10px 0;}
.wqh-main-right .wqh-news ul li{ width: 100%; height: 36px; line-height: 36px; border-bottom: 1px dashed #e8e8e8; font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}

.wqh-content{ margin-top: 18px; margin-bottom: 20px; background-color: white; padding-bottom: 12px;}
.wqh-content .panel-title{ height: 60px; margin-bottom: 12px; padding: 0;}
.wqh-content h2{ font-weight: bold; font-size: 18px; color: #555; line-height: 60px;}
.wqh-content h2 small{ font-size: 12px; color: #888;}
.wqh-content-left{ width: 343px; float: left; margin-left: 15px;}
.wqh-content-left .list{ width: 100%; padding: 8px 0; border-bottom: 1px solid #e8e8e8;}
.wqh-content-left .list:last-child{ border-bottom: 0 none;}
.wqh-content-left .list img{ display: inline-block; width: 110px; height: 66px; float: left; border: 1px solid #e8e8e8; margin-right: 20px; padding: 8px; box-sizing: content-box; margin-top: 5px;}
.wqh-content-left .list h6{ font-size: 16px; line-height: 20px; font-weight: bold;}
.wqh-content-left .list h6 a{ color: #555;}
.wqh-content-left .list h6 a:hover{ color: #c32139;}
.wqh-content-left .list p{ font-size: 14px; line-height: 22px;}
.wqh-content-left .list p a{ color: #888;}
.wqh-content-left .list p a:hover{ color: #c32139;}

.wqh-content-middle{ width: 354px; height: 400px; float: left; margin-left: 25px;}
.wqh-content-middle img{ display: inline-block; width: 100%; height: 144px; margin: 10px 0;}
.wqh-content-middle p{ font-size: 14px; line-height: 25px; margin: 6px 0 0 0; color: #888;}
.wqh-content-middle a.right{ float: right;}

.wqh-content-right{ height: 400px; float: left; margin-left: 30px;}
.wqh-content-right ul{ width: 100%; float: left; padding: 0;}
.wqh-content-right ul li{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px dashed #e8e8e8;}
.wqh-content-right ul li a{ font-size: 14px; color: #555;}
.wqh-content-right ul li a:hover{ color: #c32139;}
.wqh-content-right ul li span{ float: right; font-size: 14px; color: #888;}

.wqh-panel-city a{ display: inline-block; padding-left: 15px;}

/*新版首页*/
.index-header{ height: 88px;}
.index-header img{ margin-top: 20px;}
.index-header .firstmenu{ position: relative; float: right; margin: 0;}
.index-header .firstmenu>li{ position: relative; float: left;}
.index-header .firstmenu>li>a{ display: inline-block; height: 88px; line-height: 88px; padding: 0 22px; border-bottom: 2px solid transparent; font-size: 16px; color: #1d2025; font-weight: bold;}
.index-header .firstmenu>li:hover>ul{ display: block;}
.index-header .firstmenu>li>a.cur{ border-color: #d72d40; color: #d72d40;}
.index-header .firstmenu>li>a:hover{ border-color: #d72d40; color: #d72d40;}
.index-header .firstmenu>li>ul{ position: absolute; left: 0; top: 88px; display: none; width: 100%; padding: 0; box-shadow: 2px 0 4px #e3dfdc; z-index: 99;}
.index-header .firstmenu>li>ul>li{ width: 100%; background-color: white;}
.index-header .firstmenu>li>ul>li a{ display: inline-block; width: 100%; height: 45px; line-height: 45px; text-align: center; background-color: #fff; border-bottom: 1px solid #ebebeb; color: #555; padding: 0 15px; font-size: 13px;}
.index-header .firstmenu>li>ul>li a:hover{ background-color: #f7f7f7; color: #1d2025;}
.index-header .firstmenu .fixed-menu{ position: absolute; left: 224px; top: 0; width: 108px; height: 88px; cursor: pointer;}
.index-header .firstmenu .fixed-menu .fixed-menu-wrap{ position: absolute; left: -115px; bottom: -135px; display: none; width: 343px; height: 137px; background-color: white; border-top: 2px solid #d72d40; z-index: 9; padding-left: 5px;}
.index-header .firstmenu .fixed-menu .fixed-menu-wrap p{ margin: 0; }
.index-header .firstmenu .fixed-menu .fixed-menu-wrap a{ display: inline-block; width: 88px; height: 45px; line-height: 45px; font-size: 14px; color: #555; margin: 0 10px; border-bottom: 1px solid #ebebeb; text-align: center;}
.index-header .firstmenu .fixed-menu .fixed-menu-wrap a:hover{ color: #1d2025; background-color: #f7f7f7; }
.index-header .firstmenu .fixed-menu .fixed-menu-wrap p:last-child a{ border: 0 none; }
.index-header .firstmenu .fixed-menu:hover .fixed-menu-wrap{ display: block; }
.index-wrap{ width: 1200px; margin: 0 auto;}
.index-white{ background-color: white;}

#banner{ position:relative; overflow:hidden; padding-top:33.85416666666667%; -webkit-animation:gfadeIn 1s 0.4s both; -moz-animation:gfadeIn 1s 0.4s both; animation:gfadeIn 1s 0.4s both;}
#progress{ width:0; height:2px; position:absolute; bottom:0; left:0; background:#ddd; background:rgba(0,0,0,.05);}

#banner .pic{ width:100%; vertical-align:top; pointer-events:none; -moz-user-select:none; -webkit-user-select:none; user-select:none;}
#focus_main{ width:100%; overflow:hidden; position:absolute; top:0; left:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); padding: 0; margin: 0;}
#focus_main li{ width:100%; float:left;}
#focus_main li a{ display:block; height:100%;}

#focus_main img{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}


#focus_info{ width:1200px; height:8rem; height:120px\9; position:absolute; bottom:50px; left:50%; margin-left:-600px; transform-style:preserve-3d;}
#focus_info article{display:none; position:absolute; top:0; left:0; width:100%; height:88%; padding:10px 0; background:#fff; -webkit-perspective-origin:50% 50%;  -moz-perspective-origin:50% 50%; perspective-origin:50% 50%;}
#focus_info p{ float:left; width:930px; min-height:60px; padding:0 0 0 85px; background:url(../images/quote.png) no-repeat 30px 15px; font-size:0.7rem;}
#focus_info .client_logo{float:right; width:229px; height:100%; border-left:1px dotted #d1d1d1; text-align:center; overflow:hidden;}
#focus_info .client_logo span{display:inline-block; width:0; height:100%; vertical-align:middle;}
#focus_info .client_logo img{max-width:100%; display:inline-block; vertical-align:middle;}


#focus_dot{position:absolute; bottom:15px; left:50%; margin-left: -50px; overflow:hidden; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-animation:grightIn 1s 0.5s both; -moz-animation:grightIn 1s 0.5s both; animation:grightIn 1s 0.5s both; z-index: 99;}
#focus_dot li{ width:10px; height:10px; float:left; margin:4px 6px; border:2px solid transparent; border-radius:50%; cursor:pointer; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; background-color: white;}
#focus_dot li b{width:100%; height:100%; border-radius:50%; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#focus_dot li.cur, #focus_dot li:hover{ border-color:#fff; background-color: transparent;}
#focus_dot li.cur b, #focus_dot li:hover b{-webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);}



.flip_front{-webkit-animation:flipOutX 0.4s linear both; -moz-animation:flipOutX 0.4s linear both; animation:flipOutX 0.4s linear both;}
@-webkit-keyframes flipOutX{
	0%{-webkit-transform:perspective(800px) rotateX(0deg) scale(1);}
	100%{-webkit-transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}
@-moz-keyframes flipOutX{
	0%{-moz-transform:perspective(800px) rotateX(0deg) scale(1)}
	100%{-moz-transform:perspective(800px) rotateX(-90deg) scale(0.86)}
}
@keyframes flipOutX{
	0%{transform:perspective(800px) rotateX(0deg) scale(1);}
	100%{transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}

.flip_back{-webkit-animation:flipInX 0.8s ease both; -moz-animation:flipInX 0.8s ease both; animation:flipInX 0.8s ease both;}
@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(800px) rotateX(90deg) scale(0.86);}
	40%{-webkit-transform:perspective(800px) rotateX(-10deg);}
	70%{-webkit-transform:perspective(800px) rotateX(10deg);}
	100%{-webkit-transform:perspective(800px) rotateX(0deg) scale(1);}
}
@-moz-keyframes flipInX{
	0%{-moz-transform:perspective(800px) rotateX(90deg) scale(0.86);}
	40%{-moz-transform:perspective(800px) rotateX(-10deg);}
	70%{-moz-transform:perspective(800px) rotateX(10deg);}
	100%{-moz-transform:perspective(800px) rotateX(0deg) scale(1);}
}
@keyframes flipInX{
	0%{transform:perspective(800px) rotateX(90deg) scale(0.86);}
	40%{transform:perspective(800px) rotateX(-10deg);}
	70%{transform:perspective(800px) rotateX(10deg);}
	100%{transform:perspective(800px) rotateX(0deg) scale(1);}
}

.index-title-h2{ font-size: 30px; color: #333; padding-top: 70px; font-weight: bold; text-align: center;}
.index-title-h2 a{ color: #333;}
.index-title-h4{ font-size: 16px; color: #333; text-align: center; padding-top: 15px; font-weight: bold;}
.index-title-line{ display: inline-block; width: 42px; height: 1px; background-color: #bbb; margin-top: 20px; margin-left: 48%;}
.index-data-img{ position: relative; width: 100%; height: 60px; background: url(../images/index-data-img.png?20170221) 117px bottom no-repeat;}
.index-data-img .data{ position: relative; width: 244px; height: 80px; float: left; overflow: hidden;}
.index-data-img .data a{ position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; height: 80px; line-height: 100px; letter-spacing: -4px; font-weight: bold; background-position: left bottom; background-repeat: no-repeat; font-size: 52px; color: #D72D40;}
.index-data-img .data1{ margin-left: 117px;}
.index-data-img .data2{ margin-left: 6px;}
.index-data-img .data3{ margin-left: 40px;}
.index-data-img .data4{ margin-left: 12px;}

.index-data-img2{ position: relative; width: 100%; height: 117px; background: url(../images/index-data-img.png?20170221) 117px bottom no-repeat;}
.index-data-img2 .data{ position: relative; width: 244px; height: 80px; float: left; overflow: hidden;}
.index-data-img2 .data a{ position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; height: 80px; font-weight: bold; background-position: left bottom; background-repeat: no-repeat; font-size: 24px; color: #3f3f3f;}
.index-data-img2 .data5{ margin-left: 117px;}
.index-data-img2 .data6{ margin-left: 6px;}
.index-data-img2 .data7{ margin-left: 40px;}
.index-data-img2 .data8{ margin-left: 12px;}

.index-business{ width: 1224px; margin-top: 35px; padding-bottom: 20px;}
.index-business .business-block{ position: relative; display: inline-block; width: 285px; height: 232px; margin: 0 18px 22px 0; border: 1px solid #eaeaea; box-sizing: border-box; overflow: hidden;}
.index-business .business-block img{ width: 100%; height: 182px;}
.index-business .business-block h3{ text-align: center; font-size: 16px; color: #555; margin-top: 15px;}
.index-business .business-block h3 a{ color: #555;}
.index-business .business-block h3 a:hover{ color: #c32139;}
.index-business .business-block .hidden-content{ position: absolute; left: 0; top: -100%; width: 100%; height: 182px; background-color: #d72d40; opacity: .9; filter: alpha(opacity=90); padding: 0 20px; box-sizing: border-box;}
.index-business .business-block .hidden-content .t{ position: relative; width: 100%; height: 56px; text-align: center;}
.index-business .business-block .hidden-content .t .br{ position: absolute; top: 50%; width: 100%; height: 1px; background-color: white; color: white; z-index: 8;}
.index-business .business-block .hidden-content .t h6{ position: relative; display: inline-block; margin: auto; height: 56px; line-height: 56px; font-size: 14px; color: white; padding: 0 16px; z-index: 9; background-color: #d72d40; font-weight: bold;}
.index-business .business-block .hidden-content p{ font-size: 14px; color: white;}
.index-business .business-block .hidden-content p a{ color: white;}
.index-dynamic{ width: 1224px; margin: 40px 0 30px;}
.index-dynamic-video{ width: 495px; height: 400px; float: left; border: 1px solid #e5e5e5; background-color: white; padding: 0 30px;}
.index-dynamic-video h6{ font-size: 16px; color: #555; margin: 0; line-height: 58px;}
.index-dynamic-video h6 span{ display: inline-block; width: 26px; height: 21px; background: url(../images/video-icon.png); float: right; margin-top: 20px;}
.index-dynamic-video video{ width: 100%; height: 300px;}
.index-dynamic-news{ position: relative; width: 705px; height: 400px; float: right; padding: 0 32px; border: 1px solid #e5e5e5; background-color: white;}
.index-dynamic-news .news{ width: 100%; height: 126px; border-bottom: 1px dashed #b2b2b2; padding: 27px 0;}
.index-dynamic-news .news img{ display: inline-block; float: left; width: 124px; height: 72px; margin-right: 30px;}
.index-dynamic-news .news h5{ margin: 0; line-height: 24px;}
.index-dynamic-news .news h5 a{ font-size: 14px; color: #555;}
.index-dynamic-news .news h5 a:hover{ color: #c32139;}
.index-dynamic-news .news h5 em{ color: #b2b2b2; font-size: 12px; float: right;}
.index-dynamic-news .news p{ font-size: 12px; color: #888; line-height: 20px; margin: 8px 0;}
.index-dynamic-news .more{ position: absolute; bottom: 10px; right: 34px; width: 110px; height: 26px; background-color: white;}
.index-dynamic-news .more a{ display: inline-block; width: 92px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: white; background-color: #db322e; border-radius: 3px; float: right;}
.index-dynamic-news .more a:hover{ text-decoration: underline;}

.index-more{ width: 100%; text-align: center;}
.index-more a{ display: inline-block; width: 270px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #b2b2b2; margin-top: 60px; margin-bottom: 90px; background-color: white;}
.index-more a:hover{ opacity: .8; filter: alpha(opacity=80); color: white; background-color: #d72d40; border-color: #d72d40;}

.index-wrap .index-banner{ position:relative; margin-top: 50px;}
.index-wrap .index-banner .scrollcontainer{ height:355px; overflow:hidden; position:relative;}
.index-wrap .index-banner .scrollcontainer ul{ width:20000px;position:absolute;left:0;top:0; margin: 0; padding: 0;}
.index-wrap .index-banner .scrollcontainer li{ width:386px; margin: 0 20px 0 0; padding: 0;}
.index-wrap .index-banner .scrollcontainer li img{ width: 388px; height: 265px;}
.index-wrap .index-banner .scrollcontainer li h6{ margin: 0; padding-top: 15px; padding-bottom: 10px;}
.index-wrap .index-banner .scrollcontainer li h6 a{ font-size: 14px; color: #555;}
.index-wrap .index-banner .scrollcontainer li p{ font-size: 12px; line-height: 20px;}
.index-wrap .index-banner .scrollcontainer li p a{ color: #888;}
.index-wrap .index-banner .scrollcontainer li p a:hover{ text-decoration: underline;}
.index-wrap .index-banner a.abtn{ position:absolute;top:130px;display:inline-block;width:23px;height:42px;}
.index-wrap .index-banner a.aleft{ left:-45px; background:url(../images/index-banner-left.png) no-repeat;}
.index-wrap .index-banner a.aright{ right:-45px; background:url(../images/index-banner-right.png) no-repeat;}


.index-area{ width: 1200px; font-size: 14px; margin: 0 auto; background-color: white; color: #888;}
.index-area h2{ font-size: 18px; color: #333; font-weight: bold; line-height: 48px; border-bottom: 1px solid #e7e7e7;}
.index-area p{ line-height: 36px; margin: 0; color: #333;margin-top: 5px;}
.index-area .block{ width: 100%; height: 30px;}
.index-bland p a{ color: #333; margin-right: 15px;}

.index-bland p a:hover{ 
	color: #c32139;
}

.index-footer{ 
	width: 100%; 
	background-color: white; 
	border-top: 1px solid #e7e7e7;}

.index-footer .index-footer-block{ 
	width: 100%; 
	height: 40px;
}

.index-footer .index-footer-info{ 
	width: 100%;
	margin: 10px auto;
}

.index-footer .index-footer-info .service{ 
	/* display: inline-block;  */
    width: 4%;
    height: 35px;
    /* font-size: 14px; */
    color: #222;
    line-height: 18px;
    padding-right: 15px;
    /* margin-right: 20px; */
    border-right: 1px solid #888;
    /* border-box: inheir; */
	float: left;
	margin-top: 35px;
}

.index-footer .index-footer-info b{ 
	display: inline-block; 
	font-size: 40px; 
	color: #c32139; 
	font-weight: normal;
	float: left;
	margin-top: 20px;
}

.index-footer .index-footer-info .info p{ 
	font-size: 12px; 
	color: #333; 
	margin: 0;
}

.index-footer-info{
	display: flex;
    justify-content: space-between;
}

.index-footer-info .tel{
	margin-top: 30px;
}

.index-footer-info .info{
	margin-top: 35px;
}

.index-footer .code{
	float: left;
    width: 25%;
}

.index-footer .code div:nth-child(1){
	width: 35%;
    float: left;
	margin-right: 45px;
}

.index-footer .code div:nth-child(2){
	width: 35%;
    float: left;
}

.index-footer .code div img{
	width: 100%;
}

.code2 img{
	width: 97%;
}

.index-footer .code div p{
	text-align: center;
	margin-top: 5px;
}

.index-footer .index-footer-link{ 
	width: 100%; 
	height: 70px; 
	line-height: 70px; 
	border-top: 1px solid #e7e7e7; 
	border-bottom: 1px solid #e7e7e7; 
}

.index-footer .index-footer-link p{ color: #333;}
.index-footer .index-footer-link a{ color: #333; margin-right: 15px;}
.index-footer .index-footer-link a:hover{ color: #c32139;}
.index-footer .index-footer-copyright{ width: 100%; height: 44px; line-height: 44px; text-align: center;}
.index-footer .index-footer-copyright p{ font-size: 12px; color: #333; margin: 0;}

.index-friendlink{ width: 100%;}
.index-friendlink .friendlink-ad{ width: 1044px; height: 274px; margin: 50px auto; background:url(../images/friendlink-ad-bg.png) no-repeat;}
.index-friendlink .index-links{ position: relative; width: 100%; margin-top: 35px;}
.index-friendlink .index-links ul{ position: relative; margin: 0; padding: 0; width: 100%; padding-left: 127px;}
.index-friendlink .index-links ul li{ position: absolute; width: 157px; float: left;}
.index-friendlink .index-links ul li.img1{ left: 205px; top: -137px;}
.index-friendlink .index-links ul li.img2{ left: 837px; top: -137px;}
.index-friendlink .index-links ul li.img3{ left: 127px; top: 0;}
.index-friendlink .index-links ul li.img4{ left: 285px; top: 0;}
.index-friendlink .index-links ul li.img5{ left: 443px; top: 0;}
.index-friendlink .index-links ul li.img6{ left: 601px; top: 0;}
.index-friendlink .index-links ul li.img7{ left: 759px; top: 0;}
.index-friendlink .index-links ul li.img8{ left: 917px; top: 0;}
.index-friendlink .index-links ul li.img9{ left: 206px; top: 137px;}
.index-friendlink .index-links ul li.img10{ left: 364px; top: 137px;}
.index-friendlink .index-links ul li.img11{ left: 522px; top: 137px;}
.index-friendlink .index-links ul li.img12{ left: 680px; top: 137px;}
.index-friendlink .index-links ul li.img13{ left: 838px; top: 137px;}
.index-friendlink .index-links ul li.img14{ left: 127px; top: 274px;}
.index-friendlink .index-links ul li.img15{ left: 285px; top: 274px;}
.index-friendlink .index-links ul li.img16{ left: 443px; top: 274px;}
.index-friendlink .index-links ul li.img17{ left: 601px; top: 274px;}
.index-friendlink .index-links ul li.img18{ left: 759px; top: 274px;}
.index-friendlink .index-links ul li.img19{ left: 917px; top: 274px;}
.index-friendlink .index-links ul li.img20{ left: 206px; top: 411px;}
.index-friendlink .index-links ul li.img21{ left: 364px; top: 411px;}
.index-friendlink .index-links ul li.img22{ left: 522px; top: 411px;}
.index-friendlink .index-links ul li.img23{ left: 680px; top: 411px;}
.index-friendlink .index-links ul li.img24{ left: 838px; top: 411px;}
.index-friendlink .index-links ul li a{ display: inline-block; width: 100%; height: 182px;}

.index-friendlink .index-links ul li.img1 a{ background: url(../images/friendlink-img1.png);}
.index-friendlink .index-links ul li.img1 a:hover{ background: url(../images/friendlink-img1-h.png);}
.index-friendlink .index-links ul li.img2 a{ background: url(../images/friendlink-img2.png);}
.index-friendlink .index-links ul li.img2 a:hover{ background: url(../images/friendlink-img2-h.png);}
.index-friendlink .index-links ul li.img3 a{ background: url(../images/friendlink-img3.png);}
.index-friendlink .index-links ul li.img3 a:hover{ background: url(../images/friendlink-img3-h.png);}
.index-friendlink .index-links ul li.img4 a{ background: url(../images/friendlink-img4.png);}
.index-friendlink .index-links ul li.img4 a:hover{ background: url(../images/friendlink-img4-h.png);}
.index-friendlink .index-links ul li.img5 a{ background: url(../images/friendlink-img5.png);}
.index-friendlink .index-links ul li.img5 a:hover{ background: url(../images/friendlink-img5-h.png);}
.index-friendlink .index-links ul li.img6 a{ background: url(../images/friendlink-img6.png);}
.index-friendlink .index-links ul li.img6 a:hover{ background: url(../images/friendlink-img6-h.png);}
.index-friendlink .index-links ul li.img7 a{ background: url(../images/friendlink-img7.png);}
.index-friendlink .index-links ul li.img7 a:hover{ background: url(../images/friendlink-img7-h.png);}
.index-friendlink .index-links ul li.img8 a{ background: url(../images/friendlink-img8.png);}
.index-friendlink .index-links ul li.img8 a:hover{ background: url(../images/friendlink-img8-h.png);}
.index-friendlink .index-links ul li.img9 a{ background: url(../images/friendlink-img9.png);}
.index-friendlink .index-links ul li.img9 a:hover{ background: url(../images/friendlink-img9-h.png);}
.index-friendlink .index-links ul li.img10 a{ background: url(../images/friendlink-img10.png);}
.index-friendlink .index-links ul li.img10 a:hover{ background: url(../images/friendlink-img10-h.png);}
.index-friendlink .index-links ul li.img11 a{ background: url(../images/friendlink-img11.png);}
.index-friendlink .index-links ul li.img11 a:hover{ background: url(../images/friendlink-img11-h.png);}
.index-friendlink .index-links ul li.img12 a{ background: url(../images/friendlink-img12.png);}
.index-friendlink .index-links ul li.img12 a:hover{ background: url(../images/friendlink-img12-h.png);}
.index-friendlink .index-links ul li.img13 a{ background: url(../images/friendlink-img13.png);}
.index-friendlink .index-links ul li.img13 a:hover{ background: url(../images/friendlink-img13-h.png);}
.index-friendlink .index-links ul li.img14 a{ background: url(../images/friendlink-img14.png);}
.index-friendlink .index-links ul li.img14 a:hover{ background: url(../images/friendlink-img14-h.png);}
.index-friendlink .index-links ul li.img15 a{ background: url(../images/friendlink-img15.png);}
.index-friendlink .index-links ul li.img15 a:hover{ background: url(../images/friendlink-img15-h.png);}
.index-friendlink .index-links ul li.img16 a{ background: url(../images/friendlink-img16.png);}
.index-friendlink .index-links ul li.img16 a:hover{ background: url(../images/friendlink-img16-h.png);}
.index-friendlink .index-links ul li.img17 a{ background: url(../images/friendlink-img17.png);}
.index-friendlink .index-links ul li.img17 a:hover{ background: url(../images/friendlink-img17-h.png);}
.index-friendlink .index-links ul li.img18 a{ background: url(../images/friendlink-img18.png);}
.index-friendlink .index-links ul li.img18 a:hover{ background: url(../images/friendlink-img18-h.png);}
.index-friendlink .index-links ul li.img19 a{ background: url(../images/friendlink-img19.png);}
.index-friendlink .index-links ul li.img19 a:hover{ background: url(../images/friendlink-img19-h.png);}
.index-friendlink .index-links ul li.img20 a{ background: url(../images/friendlink-img20.png);}
.index-friendlink .index-links ul li.img20 a:hover{ background: url(../images/friendlink-img20-h.png);}
.index-friendlink .index-links ul li.img21 a{ background: url(../images/friendlink-img21.png);}
.index-friendlink .index-links ul li.img21 a:hover{ background: url(../images/friendlink-img21-h.png);}
.index-friendlink .index-links ul li.img22 a{ background: url(../images/friendlink-img22.png);}
.index-friendlink .index-links ul li.img22 a:hover{ background: url(../images/friendlink-img22-h.png);}
.index-friendlink .index-links ul li.img23 a{ background: url(../images/friendlink-img23.png);}
.index-friendlink .index-links ul li.img23 a:hover{ background: url(../images/friendlink-img23-h.png);}
.index-friendlink .index-links ul li.img24 a{ background: url(../images/friendlink-img24.png);}
.index-friendlink .index-links ul li.img24 a:hover{ background: url(../images/friendlink-img24-h.png);}

.index-outsource{ width: 100%; margin: 60px 0 30px;}
.index-outsource ul{ position: relative; width: 1216px; float: left; padding: 0;}
.index-outsource ul li{ width: 286px; float: left; margin-right: 18px;}
.index-outsource ul li img{ width: 100%; height: 188px;}
.index-outsource ul li h5{ font-size: 14px; font-weight: bold; padding: 25px 0 10px 0; margin: 0;}
.index-outsource ul li h5 a{ color: #555;}
.index-outsource ul li h5 a:hover{ color: #c32139;}
.index-outsource ul li p{ font-size: 12px; color: #888; line-height: 20px;}
.index-outsource ul .more{ position: absolute; bottom: 10; right: 16px; width: 110px; height: 26px; background-color: white;}
.index-outsource ul .more a{ display: inline-block; width: 92px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: white; background-color: #db322e; border-radius: 3px; float: right;}
.index-outsource ul .more a:hover{ text-decoration: underline;}
.index-outsource .block{ width: 100%; height: 30px; float: left;}