@charset "utf-8";
@import url(/home/css/kefu.css);
* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
body {font-family:"Microsoft Yahei","Yahei";background: #fff;background: #fff;}
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
a {text-decoration: none;}
a:focus{outline:none;}
i,em {font-style: normal;}
@font-face {font-family: 'Yahei';src: url('../other/msyh.ttf')}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
img {vertical-align: middle;}
input {border:none;outline: none;font-family:"Microsoft Yahei"}
.wrap{ width:100%;}
#tips{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); z-index: 9999; display: none;}
#tips div{position: absolute; top: 30%; left: 50%; padding: 10px; width: 90px; margin-left: -45px; background: rgba(0,0,0,0.6); background: url(../images/blank.png)\9; color: #fff; text-align: center; font-size: 14px; border-radius: 4px; word-wrap: break-word;}
#tips .loading{padding-top: 38px; background: url(../images/loading.gif) center top no-repeat;}

#header {width: 100%;background: #fff;}
#header .top {width: 100%;height: 32px;background:#f5f5f5;}
#header .top h1 {display: inline;color: #555;font-size: 16px;line-height: 32px;}
#header .top #main_right {float: right;}
#header .top #main_right ul li {float: left;height: 32px;font-size: 12px;color: #666;margin-left: 15px;position: relative;cursor: pointer;}
#header .top #main_right ul li a {color: #666;font-size: 13px;padding: 0 5px;line-height: 30px;}
#header .top #main_right ul li a:hover {color: #d46600;}
#header .top #main_right ul li#tel{ width:257px; height:28px;background: url(../images/tel_bg.png) no-repeat;text-align: center;}
#header .top #main_right ul li#tel span {display: inline-block;vertical-align: middle;line-height: 26px;color: #333;}
#header .top #main_right ul li#tel h2 {display: inline-block;vertical-align: middle;color: #242424;font-size: 15px;font-weight: 600;}
.header {width: 100%;height: 86px;}
.header .logo {height: 70px;margin-top: 7px;}
.header .logo a {display: block;}
.header .logo a img {height: 70px;}
.header .menu {margin-top: 45px;}
.header .menu ul li {float: left;width: 100px;text-align: center;position: relative;}
.header .menu ul li a {display: block;color: #2b2b2b;font-size: 15px;width: 99px;}
.header .menu ul li:after {content: '';display: block;width: 1px;height: 18px;background: #666;position: absolute;top: 2px;right: 0px;}
.header .menu ul li:last-child:after {width: 0;}
.header .menu ul li:hover a,.header .menu ul .cur a{color: #1d4392;}
/*.nav{width: 100%;height: 70px;background:#242424;}
.nav ul li {float: left;width: 150px;height: 70px;line-height: 70px;text-align: center;position: relative; z-index:1000}
.nav ul li .sub{width:100%;background-color: red;height: 500px;}
.nav ul li .sub ul li{ width:275px; float:left;}
.nav ul li .sub ul li img{ max-width:100%;}
.nav ul li a {display: block;color: #fff;font-size: 16px;}
.nav ul li:hover a, .nav ul li.cur a {background: #d41f00;color: #024580;}
*/
.cbp-hrmenu {width: 100%;height: 50px;background:#242424;position:relative; }
/* general ul style */
.cbp-hrmenu ul{margin: 0;padding: 0;list-style-type: none; padding-left:15px;}
/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {   width: 1200px;margin: auto;}
.cbp-hrmenu > ul > li {display: inline-block;}
.cbp-hrmenu > ul > li > a {padding:15px 22px;color: #fff;display: inline-block;}
.cbp-hrmenu > ul > li > a:hover {background: #d41f00;color: #fff;}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color: #fff;}
/* sub-menu */
.cbp-hrmenu > ul > li .sub {position: absolute;width:100%;top:50px;left:0px;z-index:9; /*background: rgba(254,0,0,0.8)*/ background:#fff;display:none;}
.cbp-hrmenu > ul > li .sub ul{width:1200px;margin:0 auto;padding:20px 0;}
.cbp-hrmenu > ul > li .sub ul .right{ width:100%;}
.cbp-hrmenu > ul > li .sub ul li {float: left; width:226px; margin:10px 10px 50px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.cbp-hrmenu > ul > li .sub ul li img{ width:228px; height:150px}
.cbp-hrmenu > ul > li .sub ul li:hover a{ text-decoration:underline;}
.cbp-hrmenu > ul > li .sub1{ float:right;}
.cbp-hrmenu > ul > li .sub ul li a{ color:#242424; font-size:14px;}
.cbp-hrmenu > ul > li .sub ul li i{display:block; margin:auto; line-height:60px; text-align:center;}
.cbp-hrmenu > ul > li .sub ul .right i{}
/* Examples for media queries */
@media screen and (max-width: 52.75em) { .cbp-hrmenu {font-size: 80%;}}
@media screen and (max-width: 43em) { 
.cbp-hrmenu {font-size: 120%;border: none;}
.cbp-hrmenu > ul,.cbp-hrmenu .cbp-hrsub-inner {width: 100%;padding: 0;}
.cbp-hrmenu .cbp-hrsub-inner {padding: 0 2em;font-size: 75%;}
.cbp-hrmenu > ul > li {display: block;border-bottom: 4px solid #47a3da;}
.cbp-hrmenu > ul > li > a { display: block;padding: 1em 3em;}
.cbp-hrmenu .cbp-hrsub { position: relative;}
.cbp-hrsub h4 {padding-top: 0.6em;}
}
@media screen and (max-width: 36em) { .cbp-hrmenu .cbp-hrsub-inner > div {width: 100%;float: none;padding: 0 2em;}}
.cbp-hrmenu > ul > li .on{background: #d41f00;color: #024580;}
.cbp-hrmenu > ul > li {color: #fff; background-image:url(../images/bj1.png); background-repeat:no-repeat; background-position:right center; margin-left:-4px;}
/**/
/*banner*/
#banner {width: 100%;height: 590px;overflow: hidden;position: relative;}
.banner {width: 1920px;height: 590px;position: absolute;left: 50%;margin-left: -960px;}
.banner .bd ul li a img {display: block;height: 590px;}
.banner .hd {width: 100%;text-align: center;position: absolute;bottom: 15px;left: 0px;z-index: 5;}
.banner .hd ul li {display: inline-block;width: 50px;height: 8px;background: #fff;margin: 0 5px;cursor: pointer;}
.banner .hd ul li.on {background: #d41f00;}
.container {padding:50px 0 0px;}
.container .title {text-align: center;background: url(../images/title_bg.png) no-repeat center center;}
.container .title h4 {color: #242424;font-size: 24px;}
.container .title p {color: #999;font-size: 16px;line-height: 1.8;text-transform: uppercase;}
.application{background:#fff; margin-top:30px; overflow:hidden;}
.application_left{width:288px; float:left;}
.application_left li{width: 282px;height:165px;background:#fff;padding: 3px;text-align:center;float:left;border-radius: 3px;cursor:pointer;margin-bottom:13px;position:relative;}
.application_left li:hover, .application_left li.act{background:#36478c;}
.application_left li .name {position: absolute;bottom:3px;left: 3px;background: url(../images/tmbg.png);width: 282px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 16px;}
.application_left li.act{background:#36478c;}
.application_left li em{position:absolute; left:100%; top:50%; margin-top:-6px; border-left:6px solid #36478c; border-top:6px solid transparent; border-bottom:6px solid transparent; display:none;}
.application_left li.act em{display:block;}
.application_left li a.more {display: block;line-height: 165px;color: #1455a0;font-size: 18px;background: #eee;}
.application_left li.act a.more {color: #fff;background: #36478c;}
.application_left.application_right{float:right;}
.application_left.application_right li em{position:absolute; left:auto; right:100%; top:50%; margin-top:-6px; border-right:6px solid #36478c; border-left:0; border-top:6px solid transparent; border-bottom:6px solid transparent;}
.application_box_con{width:608px; height:523px; float:left; margin-left:8px;}
.application_con{width:608px;}
.application_con a{display:block; height:100%;}
.application_con .img{width:608px; height:345px; overflow:hidden;}
.application_con .img img{width:100%; display:block;}
.application_con .txt{width: 568px;height: 168px;padding:12px 20px;background:#dedede; overflow:hidden;}
.application_con .txt ul li {margin:10px 0 15px;}
.application_con .txt ul li h2 {color: #242424;font-size: 16px;}
.application_con .txt ul li .des {color: #383838;font-size: 14px;line-height: 1.8;}
.wrap_adv {width: 100%;height: 115px;background: url(../images/adv_bg.jpg) no-repeat center center;}
.wrap_adv .left {float: left;margin-top: 34px;}
.wrap_adv .left p{color: #fff;font-size: 24px;font-weight: 600;}
.wrap_adv .left p i {color: #ff9900;}
.wrap_adv .left span {color: #c5e7ff;font-size: 16px;}
.wrap_adv .right {float: right;margin-top: 10px;}
.wrap_adv .right .ico {display: inline-block;vertical-align: middle;width: 58px;height: 44px;background: url(../images/icons.png) no-repeat 0px 0px;}
.wrap_adv .right .txt {display: inline-block;vertical-align: middle;}
.wrap_adv .right .txt p {margin-left: 20px;margin-bottom: 5px;color: #fff;font-size: 18px;}
.wrap_adv .right .txt h3 {display: inline;color: #fff;font-size: 18px;margin-left: 20px;}
.wrap_adv .right .txt a {display:block;margin-left: 20px;width: 72px;height: 28px;line-height:28px;padding:2px 0 2px 30px;background: url(../images/icons.png) no-repeat -470px 5px;background-color:#1d8beb;color: #fff;font-size: 14px;text-indent: 0.5em;margin-top: 7px;}
.wrap_adv .right .txt a:hover {background-color:#1f78c6;}
.cases {background: url(../images/case_bg.jpg) no-repeat center center;background-color: #f4f4f4;}
.cases_con {padding: 20px 0px 0px 0px;background: #fff;margin-top: 30px;}
.cases_con .cases_hd{height: 100px;}
.cases_con .cases_hd ul li {float: left;width: 149px;text-align: center;border-right: 1px solid #ccc;}
.cases_con .cases_hd ul li .con {width: 110px;margin: 0 auto;cursor: pointer;}
.cases_con .cases_hd ul li .con .ico {width: 60px;height: 40px;background: url(../images/icons.png) no-repeat;margin: 0 auto;}
.cases_con .cases_hd ul li .con .ico1 {background-position: 0px -50px;}
.cases_con .cases_hd ul li .con .ico2 {background-position: -60px -50px;}
.cases_con .cases_hd ul li .con .ico3 {background-position: -120px -50px;}
.cases_con .cases_hd ul li .con .ico4 {background-position: -180px -50px;}
.cases_con .cases_hd ul li .con .ico5 {background-position: -240px -50px;}
.cases_con .cases_hd ul li .con .ico6 {background-position: -300px -50px;}
.cases_con .cases_hd ul li .con p {height: 28px;line-height: 28px;}
.cases_con .cases_hd ul li .con .txt {height: 68px;line-height: 68px;}
.cases_con .cases_hd ul li .con .txt a {display: block;color: #333;font-size: 16px;}
.cases_con .cases_hd ul li.on .con {width: 110px;margin: 0 auto;}
.cases_con .cases_hd ul li.on .con .ico {background: url(../images/icons.png) no-repeat;margin: 0 auto;}
.cases_con .cases_hd ul li.on .con .ico1 {background-position: 0px -90px;}
.cases_con .cases_hd ul li.on .con .ico2 {background-position: -60px -90px;}
.cases_con .cases_hd ul li.on .con .ico3 {background-position: -120px -90px;}
.cases_con .cases_hd ul li.on .con .ico4 {background-position: -180px -90px;}
.cases_con .cases_hd ul li.on .con .ico5 {background-position: -240px -90px;}
.cases_con .cases_hd ul li.on .con .ico6 {background-position: -300px -90px;}
.cases_con .cases_hd ul li.on .con p {color: #242424;}
.cases_con .cases_hd ul li.on .con .txt {height: 68px;line-height: 68px;}
.cases_con .cases_hd ul li.on .con .txt a {color: #242424;}
.cases_con .cases_bd {width: 100%;height: 420px;overflow: hidden;}
.cases_con .cases_bd .row {font-size: 0px;}
.cases_con .cases_bd .row .left, .cases_con .cases_bd .row .right {display: inline-block;vertical-align: middle;font-size: 16px;}
.cases_con .cases_bd .row .left {width: 450px;margin: 0 29px 0 20px;}
.cases_con .cases_bd .row .left .item {border-bottom: 1px dashed #ccc;line-height: 24px;padding: 15px 0px 8px 0px;}
.cases_con .cases_bd .row .left .item label {color: #333;font-size: 15px;font-weight: 600;}
.cases_con .cases_bd .row .left .item span {color: #555;font-size: 15px;}
.cases_con .cases_bd .row .left .more {margin-top: 45px;}
.cases_con .cases_bd .row .left .more a {display: inline-block;width: 110px;height: 34px;line-height: 34px;text-align: center;background: #d41f00;border-radius: 5px;font-size: 15px;color: #fff;transition: all 0.4s;}
.cases_con .cases_bd .row .left .more a.m1 {margin-right: 15px;}
.cases_con .cases_bd .row .left .more a.m1:hover {background: #f20000;}
.cases_con .cases_bd .row .left .more a.m2 {background: #bfbfbf;}
.cases_con .cases_bd .row .left .more a.m2:hover {background: #858585;}
.about_con .video1{width: 375px;margin-right: 35px;}
.about_con .about_txt {width: 540px;}
.about_con .about_txt h4 {color: #2f2f2f;font-size:20px;line-height: 2;margin: 0 0 10px;}
.about_con .about_txt p {color: #333;font-size: 14px;line-height: 24px;text-align: justify;}
.about_con .about_txt a {display: block;width: 110px;height: 34px;line-height: 34px;text-align: center;background: #d41f00;border-radius: 5px;font-size: 15px;color: #fff;transition: all 0.4s;margin-top: 30px;}
.about_con .about_txt a:hover {background: #f20000;}
.about_con .about_img {width: 220px;text-align: center;position: relative;}
.about_con .about_img .hd a {display: block;width: 12px;height: 22px;background: url(../images/icons.png) no-repeat;position: absolute;top: 50%;margin-top: -11px;}
.about_con .about_img .hd a.prev {left: 0px;background-position: -120px 0px;}
.about_con .about_img .hd a.next {right: 0px;background-position: -156px 0px;}
.about_con .about_img .hd a.prev:hover {background-position: -132px 0px;}
.about_con .about_img .hd a.next:hover {background-position: -144px 0px;}
.about_con .about_img .bd {width: 165px;margin: 0 auto;}
.about_con .about_img .bd ul li {width: 165px;}
.about_con .about_img .bd ul li img {width: 165px;height: 218px;}
.about_con .about_img .bd ul li p {width: 165px;height: 30px;line-height: 30px;text-align: center;background: #1455a0;color: #fff;font-size: 14px;}
.fengcai {margin-top: 30px;}
.fengcai .heading {margin-bottom: 20px;background: url(../images/fengcai_tit.jpg) no-repeat right center;}
.fengcai .heading h4 {color: #2f2f2f;font-size: 20px;}
.fengcai .fengcai_con {position: relative;background: url(../images/fengcai_bg.jpg) no-repeat center bottom;padding-bottom: 47px;}
.fengcai .fengcai_con .hd a {display: block;width: 28px;height: 56px;background: url(../images/icons.png) no-repeat;background-color:#e5e5e5;position: absolute;top: 50%;margin-top: -50px;}
.fengcai .fengcai_con .hd a.prev {left: 0px;background-position: -180px 3px;}
.fengcai .fengcai_con .hd a.next {right: 0px;background-position: -208px 3px;}
.fengcai .fengcai_con .hd a.prev:hover {background-color: #1455a0;background-position: -236px 3px;}
.fengcai .fengcai_con .hd a.next:hover {background-color: #1455a0;background-position: -264px 3px;}
.fengcai .fengcai_con .bd {width: 1100px;margin: 0 auto;overflow: hidden;}
.fengcai .fengcai_con .bd ul li {width: 258px;float: left;text-align: center;margin-right: 22px;}
.fengcai .fengcai_con .bd ul li .img {width: 248px;height: 165px;padding: 4px;border:1px solid #ccc;}
.fengcai .fengcai_con .bd ul li p {color: #333;font-size: 16px;line-height:24px;margin-top: 5px;}
.news {background: url(../images/case_bg.jpg) no-repeat center center;background-color: #f4f4f4;}
.news_con .item {width: 430px;float: left;margin-right: 35px;}
.news_con .item.faq {width: 270px;float: right;margin-right: 0px;}
.news_con .item .t {height: 20px;}
.news_con .item .t h4 {height: 20px;width: 90px;border-left: 4px solid #242424;padding-left: 6px;color: #2f2f2f;font-size: 20px;line-height: 19px;float: left;}
.news_con .item .t .more {border-bottom: 1px solid #242424;float: right;width: 330px;height: 19px;}
.news_con .item.faq .t .more {border-bottom: 1px solid #242424;float: right;width: 170px;height: 19px;}
.news_con .item .t .more a {display:block;float: right;color: #676767;font-size: 13px;line-height: 16px;padding-right: 20px;background:url(../images/icons.png) no-repeat -440px -48px;}
.news_con .item .t .more a:hover {color: #242424;}
.news_con .news_row {margin-top: 30px;}
.news_con .news_row .news_top {width: 430px;height: 120px;margin-bottom: 15px;}
.news_con .news_row .news_top .img {display: block;width: 190px;height: 120px;float: left;}
.news_con .news_row .news_top .txt {width: 225px;height: 120px;float: right;}
.news_con .news_row .news_top .txt h4 {margin:6px 0 10px 0;}
.news_con .news_row .news_top .txt h4 a {display: block;color: #333;font-size: 16px;font-weight: 600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_con .news_row .news_top .txt h4 a:hover {color: #242424;}
.news_con .news_row .news_top .txt p {color: #555;font-size: 14px;line-height: 21px;}
.news_con .news_row .news_top .txt p a {color: #242424;}
.news_con .news_row .news_top .txt p a:hover {text-decoration: underline;}
.news_con .news_row ul li {border-bottom: 1px dashed #d0d0d0;height: 35px;line-height: 35px;margin-top: 5px;padding-left: 15px;background: url(../images/li_bg.png) no-repeat left center;}
.news_con .news_row ul li a {display: block;width: 100%;height: 35px;line-height: 35px;color: #333;font-size: 15px;}
.news_con .news_row ul li a:hover {color: #242424;}
.news_con .news_row ul li a label {float: left;cursor: pointer;}
.news_con .news_row ul li a span {float: right;}
.faq_con {margin-top: 30px;}
.faq_con .list {margin-bottom: 10px;}
.faq_con .list .q {height: 21px;margin-bottom: 5px;}
.faq_con .list .q i, .faq_con .list .a i {display:block;float: left;width: 21px;height: 21px;line-height: 18px;text-align: center;color: #fff;font-size: 15px;background: #f07318;border-radius: 3px;margin-right: 12px;}
.faq_con .list .a:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.faq_con .list .a i {background: #7e7e7e;}
.faq_con .list .q span, .faq_con .list .a span {display: block;float: left;width: 235px;line-height: 21px;color: #333;font-size: 15px;text-align: justify;}
.faq_con .list .a span {color: #797979;font-size: 14px;line-height: 20px;}
.partner_con {position: relative;margin-top: 30px;}
.partner_con .hd a {display:block;width: 26px;height: 50px;background: url(../images/icons.png) no-repeat;position: absolute;top: 50%;margin-top: -25px;}
.partner_con .hd a.prev {background-position: -300px 0px;left: 0px;}
.partner_con .hd a.next {background-position: -326px 0px;right: 0px;}
.partner_con .bd {width: 1056px;margin: 0 auto;}
.partner_con .bd .tempWrap, .partner_con .bd .tempWrap ul {padding-right: 1px !important;}
.partner_con .bd ul li {float: left;width: 210px;height: 120px;border:1px solid #ccc;margin-right: -1px;}
.partner_con .bd ul li:hover {border-color: #242424;z-index: 1;position: relative;}
.links {width: 100%;line-height: 40px;background:#313131;color: #ccc;font-size: 14px;text-align: center;}
.links_con span {color: #fff;font-size: 15px;}
.links_con a {color: #ccc;font-size: 15px;margin:0 5px;}
.links_con a:hover {color: #fff;}
.footer {background: #202020;padding: 30px 0;text-align: center;}
.footer .footer_logo, .footer .footer_info, .footer .footer_ewm {display: inline-block;vertical-align: middle;}
.footer .footer_info {margin:0 210px 0 80px;text-align: left;}
.footer .footer_info h4{color: #ccc;font-size: 15px;line-height: 24px;}
.footer .footer_info p {color: #7e7e7e;font-size: 14px;line-height: 21px;}
.footer .footer_info p a {color: #7e7e7e;}
.footer .footer_info p a:hover {color: #ccc;}
.footer .footer_ewm {text-align: center;}
.footer .footer_ewm p {color: #ccc;font-size: 14px;line-height: 24px;}