@charset "utf-8";

@font-face{
    font-family: 'Oswald';
    src : url('Oswald-Medium.ttf');
}


/* 公共css部分 */
body{font-family: "Microsoft Yahei", Tahoma, Arial, serif;-webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;}
a:hover{text-decoration: none;}
a:active,a:link{text-decoration: none;}
.container{padding-left: 0;padding-right: 0; width:1200px;}

.ft12{ font-size:12px;}
.ft13{ font-size:13px;}
.ft14{ font-size:14px;}
.ft20{ font-size: 20px;}
.ft18{ font-size: 18px;}
.mt10{ margin-top:10px;}
.mt16{ margin-top:16px;}
.mt20{ margin-top:20px;}
.mt22{ margin-top:22px;}
.mt28{ margin-top:28px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.ml10{margin-left: 10px;}
.pt10{padding-top: 10px;}
.mt8{ margin-top:8px;}
.mt6{ margin-top:6px;}
.fb{ font-weight:bold;}
.tx_l{ text-align:left;}
.tx_r{ text-align:right;}
.tx_c{ text-align:center;}
.red{ color:#F00;}
.yellow{color: #ffff00;}
.b_b{ border-bottom:solid 1px #ccc;}
.pt6{ padding-top:6px;}
.pr6{ padding-right:6px;}
.pl5{padding-left: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.dis{ display:block;}
.udis{ display:none;}
.fl{ float:left;}
.ft0{ font-size:0;}
.ml3{ margin-left:3px;}
.box_center{ margin:20px auto 0 auto;}
.img-block img{ display:block;}

.topbg{height: 40px;background: #f2f2f2;}
.top{padding: 0 0;color: #b3b3b3;}

.top div{float: right;line-height: 40px; }
.top div.top_welcome{width: 610px;font-size: 13px;color: #aeaeae;float: left;}
.top a{color: #b3b3b3;}
.top div.tx_r{color: #b3b3b3;width: 380px;text-align: right;}
.cn,.en{cursor: pointer;}
.top div.tx_r a{display: inline-block;font-size: 13px;padding-left: 15px;}
.top div.tx_r a i{font-size: 16px;}
.top div.tx_r a:hover{color: #999;}
.top div.tx_r a:hover i{color: #0076c3;}

.sczhyt_qr{position: relative;}
.sczhyt_qr span{position: absolute;top: 35px;left: 0;display: none;}
.sczhyt_qr span img{width: 120px;border: solid 1px #CCCCCC;padding: 4px;background: #ffffff;}
.sczhyt_qr:hover span{display: block;}

.header_centent{height: 135px;}
.header{padding: 30px 0 17px 0;}
.header div{float: left;}
.header .logo{width: 228px;position: relative;}
.header .logo:after{content: '';position: absolute;right: 0;width: 1px;height: 37px;top: 26px;background: #dcdcdc;}
.header .logo_text{width: 270px;padding-top: 12px;padding-left: 19px;font-size: 19px;}
.header .logo_text *{display: block;}
.header .logo_text strong{color: #0076c3;}
.header .logo_text span{color: #333333;padding-top: 13px;}

.rzbs{padding-top: 13px;color: #a8a8a8;width: 385px;margin-left: 34px;}
.rzbs ul li{float: left;margin-right: 20px;}
.rzbs ul li:last-child{margin-right: 0;}
.rzbs ul li span,.rzbs ul li strong{display: block;width: 115px;text-align: center;height: 32px;}
.rzbs ul li span img{height: 32px;}
.rzbs ul li:last-child span{padding-top: 2px;}
.rzbs ul li:last-child span img{height: 30px;}
.rzbs ul li strong{font-weight: normal;font-size: 12px;padding-top: 5px;}

div.contact{float: right;width: 249px;text-align: right;padding-top: 10px;}
div.contact div{height: 35px;overflow: hidden;}
div.contact div i{font-size: 15px;width: 16px;height: 16px;float: left;padding-top: 5px;color: #c7c7c7;}
div.contact div span{font-size: 14px;display: block;float: left;width: 93px;text-align: justify;text-align-last: justify;padding-left: 8px;padding-top: 5px;color: #333333;text-justify:inter-ideograph;}
div.contact div strong{
    display: block;
    font-family:"Oswald", serif;
    font-size: 20px;
    font-weight: normal;
    width: 135px;
    color: #0076c3;
    margin-left: 5px;
    height: 35px;
    float: right;
    text-align-last: justify;
    /*  这行必加，兼容ie浏览器 */
    text-justify: distribute-all-lines;
    text-align: justify;
}

div.contact div:first-child strong{text-align: right;letter-spacing: 1px;}
div.contact div:last-child{margin-top:10px;letter-spacing: 1px;}

.nav_bg{height: 64px;border-bottom: solid 1px #e5e5e5;border-top: solid 1px #e5e5e5;}
.nav{}
.nav ul li{float: left;height: 62px;line-height: 62px;text-align: center;position: relative;}
.nav ul li a{color: #333;font-size: 15px;display: block;text-decoration: none;position: relative;}
.nav ul li a:after{content: '';position: absolute;height: 3px;width: 100px;left: 50%;margin-left:-50px;bottom: -1px;display: none;background: #ccc;z-index: 1000;}
.nav ul li:hover a,.nav ul li.active a{color: #0076c3;font-weight: bold;}
.nav ul li:hover a:after,.nav ul li a.active:after{
    display: none;
}

/* ============================================================
flex：定义布局为盒模型
flex-v：盒模型垂直布局
flex-1：子元素占据剩余的空间
flex-align-center：子元素垂直居中
flex-pack-center：子元素水平居中
flex-pack-justify：子元素两端对齐
兼容性：ios 4+、android 2.3+、winphone8+
============================================================ */
.nav ul.flex{display: flex;justify-content: space-between;}
.nav ul.flex .nav_li{width:60px;}


.nav .nav_fir_bg{position: absolute;left: 0;width: 250px;background-color: hsla(0,0%,100%,.9);z-index: 999;display: none;margin-top: 0;border-top: solid 1px #c7c7c7;padding-bottom:-1px;}
.nav .nav_fir_bg:before{content: '';width: 100%;height: 3px;left: 0;bottom: -2px;background: #0076c3;position: absolute;}

.nav_fir{width: 100%;}
.nav_fir_list ul li{position: relative;line-height: 37px;text-align: center;width: 165px;height: 37px;}
.nav_fir_list ul li:last-child{}

/*导航动画*/
.nav li .fadein-left,.nav li .fadein-right{-webkit-animation:.5s ease-out backwards;animation:.5s ease-out backwards}
.nav li .fadein-left{-webkit-animation-name:navfadeinL;animation-name:navfadeinL}
.nav li .fadein-right{-webkit-animation-name:navfadeinR;animation-name:navfadeinR}

@-webkit-keyframes navfadeinL{0%{opacity:0;-webkit-transform:translateX(-20px)}
    to{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes navfadeinL{0%{opacity:0;transform:translateX(-20px)}
    to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes navfadeinR{0%{opacity:0;-webkit-transform:translateX(20px)}
    to{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes navfadeinR{0%{opacity:0;transform:translateX(20px)}
    to{opacity:1;transform:translateX(0)}
}

.nav li .nav_fir_list ul li a{
    color: #666;font-weight: normal;font-size: 14px;width: 100%;display: block;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.nav li .nav_fir_list ul li a:hover{
    color: #fff;background: #0076c3;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.nav li:hover .nav_fir_list ul li a:after{display: none;}

/*服务项目*/
.nav .nav_customer{left: -85px;}
.pro_nav_fir_list2 ul li{width: 250px;}


/*工程案例*/
.nav .art_nav_fir{width: 120px;left: -35px;}
.art_nav_fir_list{width: 120px;}
.art_nav_fir_list ul li{width: 120px;}

/*工程案例*/
.nav .nav_pro.nav_fir_bg{width: 165px;left: -60px;}
.nav_pro_list{width: 165px;}
.nav_pro_list ul li{width: 165px;}


.banner{width: 100%;margin: 0px auto;overflow: hidden;}
.banner img{width: 100%;}

.banner_nav{position: relative;height: 2px;}
.banner_nav a{position: absolute;left: -120px;top: -350px;display: none;width: 40px;height: 69px;border-radius: 10px;z-index: 99;text-align: center;line-height:69px;background-color: hsla(0,0%,100%,.4);}
.banner_nav a i{font-size: 40px;color: #9a9a9a;padding-top: 15px;}
.banner_nav a:last-child{position: absolute;left:auto;right: -120px;}
.banner_nav a:hover{border-color: #db1715;background-color: hsla(0,0%,100%,.9); }
.banner_nav a:hover i{color: #6b94ba;}

.banner_box:hover .banner_nav a{display: block;}


.search_box{height:76px;padding: 18px 0;position: relative;}
.search_box div{float: left;}

.search_key{width: 760px;line-height: 40px;color: #333333;}
.search_key a{display: inline-block;color: #666;font-size: 14px;margin-right: 20px;}

.search_form{background:#EFEFEF;height: 40px;width: 342px;border-radius: 4px;position: absolute;right: 0;top: 18px;}
.search_form .search_text{width: 275px;height: 26px;border: none;outline: none;float: left;margin-top:7px;margin-left: 7px;background: none; }
.search_form .search_btn{width: 56px;height: 40px;border: none;outline: none;padding: 0;background: #cbcbcb;float: right;border-radius: 0 4px 4px 0;}
.search_form .search_btn i{font-size: 22px;color: #ffffff;}

.x_bannerbg{background: url("../images/x_bg.jpg") no-repeat center top;background-size: 100% 100%;height: 608px;}
.x_banner{padding-top: 50px;}
.x_title {text-align: center;color: #ffffff;}
.x_title h1{font-size: 36px;}
.x_title h3{font-size: 24px;}

.x_list{margin-top: 78px;}
.x_list li{float: left;width: 289px;margin-right: 14px;position: relative;padding-top: 50px;}
.x_list li:last-child{margin-right: 0;}

.x_list li img{width:285px; }
.x_list li span{width: 289px;height: 195px;border: solid 2px #0188e0;border-radius: 10px;display: block;background: #dadbd5;overflow: hidden;}
.x_list li strong{font-size: 14px;color: #ffffff;font-weight: normal;margin-top: 24px;display: block;}
.x_list li em{display: block;width: 230px;height: 48px;background: #0874cc;border-radius: 30px;position: absolute;left: 50%;top: -30px;color: #ffffff;text-align: center;line-height: 48px;font-size: 20px;font-style: normal;margin-left: -115px;}


.index_title1{width: 750px;text-align: center;height: 86px;margin-top: 87px;position: relative;}
.index_title1 h3{font-size: 36px;font-weight: normal;margin: 0;}
.index_title1 h3 strong{font-weight: normal;color: #0076c3;}
.index_title1 span{font-size: 14px;color: #333333;padding-top: 11px;display: block;}
.index_title1:after{content: '';width: 150px;height: 6px;background: #EFEFEF;left: 50%;margin-left: -75px;bottom: 0;position: absolute;}

.area_list{margin-top: 85px;width: 1200px;}
.area_list ul li{float: left;width: 300px;height: 400px;padding-top: 25px;}
.area_list ul li a{display: block;height: 350px;color: #ffffff;text-align: center;position: relative;}
.area_list ul li a:after{content: '';height: 100%;width: 100%;display: block;position: absolute;background-color: rgba(0,0,0,.8);left: 0;top: 0;z-index: 2;}
.area_list ul li a div{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.area_list ul li a div:first-child{z-index: 3;}
.area_list ul li a div:last-child{z-index: 1;background-repeat: no-repeat;background-position: center;}
.area_list ul li a i{font-size: 78px;}
.area_list ul li a em{font-size: 14px;color: #92d4ff;display: none;width: 120px;height: 31px;margin: 20px auto 0 auto;font-style: normal;line-height: 29px;border: solid 1px #ffffff;border-radius: 4px;}
.area_list ul li a span{display: block;padding-top: 86px;transition:all 1s;filter:contrast(0%) brightness(200%)}
.area_list ul li a strong{display: block;font-size: 14px;font-weight: normal;margin-top: 60px;}

.area_list ul li:nth-child(1) a div:last-child{background-image: url("../images/a1.jpg");}
.area_list ul li:nth-child(2) a div:last-child{background-image: url("../images/a2.jpg");}
.area_list ul li:nth-child(3) a div:last-child{background-image: url("../images/a3.jpg");}
.area_list ul li:nth-child(4) a div:last-child{background-image: url("../images/a4.jpg");}

.area_list ul li a:hover:after,.area_list ul li a.active:after{height: 400px;background-color: #0076c3;left: 0;top: -25px;z-index: 2;border-radius: 4px;}
.area_list ul li a:hover i,.area_list ul li a.active i{font-size: 100px;}
.area_list ul li a:hover strong,.area_list ul li a.active strong{margin-top: 10px;}
.area_list ul li a:hover span,.area_list ul li a.active span{padding-top: 46px;filter:none}
.area_list ul li a:hover em,.area_list ul li a.active em{display: block;}

.more_line{padding-top: 73px;padding-bottom: 68px;}
.more_line span{display: block;position: relative;width: 100%;height: 40px;}
.more_line span:before{content: '';position: absolute;height: 2px;background: #EFEFEF;top: 50%;left: 0;width: 100%;z-index: 0;}
.more_line span:after{content: '';position: absolute;width: 184px;left: 50%;margin-left: -92px;height: 40px;background: #f5f5f5;top: 0;z-index: 1;}
.more_line.area_more span:after{background: #f5f5f5;border-radius: 4px;}

.more_line span a{display: block;width: 184px;margin: 0 auto;background: #ffffff;height: 40px;line-height: 40px;text-align: center;color: #666666;border-radius: 4px;position: relative;z-index: 2;}
.more_line.area_more span a{background: #f5f5f5;border-radius: 4px;}
.more_line a:hover span{color: #ffffff;}


.index_product_bg{background: #f5f5f5;padding-top: 10px;padding-bottom: 50px;}
.index_product{margin-top: 80px;}

.product_index_title{background: url("../images/ptitle_bg.png") no-repeat left center;text-align: center;padding-top: 10px;padding-bottom: 9px;width: 260px;height: 66px;position: relative;}
.product_index_title:before{content: '';background: url("../images/ptitle_ico.png") no-repeat left center;position: absolute;left: 20px;top: 23px;width: 21px;height: 21px;}
.product_index_title span,.product_index_title strong{font-size: 22px;display: block;color: #ffffff;font-weight: normal;}
.product_index_title span{font-size: 16px;color: #72bbea;}

.product_index_nav ul{background: #ffffff;margin-bottom: 0;padding-bottom: 7px;padding-top: 5px;}
.product_index_nav ul li{height: 58px;width: 260px;}
.product_index_nav ul li a{display: block;height: 58px;line-height: 58px;padding-left: 62px;font-size: 15px;color: #333333;position: relative;}
.product_index_nav ul li a:hover{color: #ffffff;background: #56ace4;}
.product_index_nav ul li a:before{content:'';height: 1px;width: 212px;position: absolute;bottom: -1px;left: 25px;background:url("../images/line_bg.png") repeat-x left bottom;}
.product_index_nav ul li a:hover:before,.product_index_nav ul li:last-child a:before{display: none;}
.product_index_nav ul li a:after{content:'';width:0;height:0;border-left:4px solid #d0d0d0;border-bottom:4px solid transparent;border-top:4px solid transparent;position: absolute;left: 32px;top: 24px;}
.product_index_nav ul li a:hover:after{border-left:6px solid #ffffff;}

.p_contact_ico{}
.p_contact{background: url("../images/p_contact.png") no-repeat left top;height: 121px;padding-top: 11px;color: #ffffff;text-align: center;}
.p_contact span,.p_contact strong{display: block;}
.p_contact span{line-height: 28px;}
.p_contact strong{padding-top: 5px;font-size: 24px;}


.product_index_list{width: 915px;margin-left: 25px;}
.product_index_list ul li{float: left;width: 450px;height: 450px;margin-right:15px;background: #ffffff;margin-bottom: 15px;}
.product_index_list ul li:nth-child(2n){margin-right: 0;}

.product_index_list ul li a{text-decoration: none;border: solid 1px #ffffff;display: block;}
.product_index_list ul li a span{display: block;width: 448px;height: 398px;overflow: hidden;}
.product_index_list ul li a strong{display: block;line-height: 50px;text-align: center;font-size: 16px;font-weight: normal;color: #494949;border-top: 1px #ececec solid;height: 50px;overflow: hidden;}
.product_index_list ul li a span img{width: 448px;height: 398px;}

.product_index_list ul li:hover a{border-color: #0076c3;}
.product_index_list ul li:hover a strong{border-color:#0076c3;background: #0076c3;color: #ffffff;}

.index_product_more{text-align: center;margin-top: 50px;}
.index_product_more a{display: block;width: 160px;line-height: 38px;color: #333333;border-radius: 4px;background: #ffffff;margin: 0 auto;position: relative;height: 38px;}
.index_product_more a:hover{color: #ffffff;}

.container .slide_more a{position: relative;}
.container .slide_more a:before{content:'';position:absolute;height:100%;width:0;background:#017cb8;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; z-index: 3;border-radius: 4px;}
.container .slide_more a:hover{color: #ffffff;}
.container .slide_more a:hover:before{width:100%;z-index: 3;}
.container .slide_more a i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-style:normal;z-index: 5;}

.case_index_nav{text-align: center;padding: 60px 0 0 0;}
.case_index_nav a{display: inline-block;color: #616161;}
.case_index_nav a{width: 168px;height: 40px;border: solid 1px #dbdbdb;border-radius: 4px;margin-right: 15px;line-height: 38px;}
.case_index_nav a:last-child{margin-right: 0;}
.case_index_nav a:hover,.case_index_nav a.active{text-decoration: none;color: #ffffff;}

.case_index_nav a{position: relative;}
.case_index_nav a:before{content:'';position:absolute;height:100%;width:0;background:#017cb8;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; z-index: 3;border-radius: 4px;}
.case_index_nav a:hover,.case_index_nav a.active{color: #ffffff;}
.case_index_nav a:hover:before,.case_index_nav a.active:before{width:100%;z-index: 3;}
.case_index_nav a i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-style:normal;z-index: 5;}


.articel_list{padding-top: 84px;}
.articel_list ul li{float: left;background: #ffffff;width: 381px;margin-right: 28px;}
.articel_list ul li:last-child{margin-right: 0;}
.articel_list ul li a{display: block;position: relative;}
.articel_list ul li a span{width: 381px;height: 286px;display: block;overflow: hidden;}
.articel_list ul li a img{width: 381px;height: 286px;}
.articel_list ul li a strong{display:block;width: 381px;height: 72px;line-height: 72px;text-align: center;color: #333333;font-weight: normal;font-size: 16px;}
.articel_list ul li a:hover strong{color: #ffffff;background: #0076c3;}
.articel_list ul li a:hover i{display: block;}
.articel_list ul li a i{font-size: 22px;width: 61px;height: 61px;background: #0076c3;color: #ffffff;display: none;border-radius: 50%;text-align: center;position: absolute;left: 50%;top:114px;margin-left: -30px;padding-top: 18px;}

.video_list{padding-top: 84px;height: 442px;}
.video_list ul li{float: left;width: 381px;margin-right: 28px;}
.video_list ul li:last-child{margin-right: 0;}
.video_list ul li a{display: block;position: relative;}
.video_list ul li a span{width: 381px;height: 286px;display: block;overflow: hidden;}
.video_list ul li a img{width: 381px;height: 286px;}
.video_list ul li a strong{display:block;width: 381px;height: 72px;line-height: 72px;text-align: center;color: #333333;font-weight: normal;font-size: 16px;}
.video_list ul li a:hover strong{color: #0076c3;}
.video_list ul li a:hover i{display: block;}
.video_list ul li a i{font-size: 42px;width: 61px;height: 61px;color: #ffffff;display: none;border-radius: 50%;text-align: center;position: absolute;left: 50%;top:98px;margin-left: -30px;padding-top: 10px;}

.index_product_bg .more_line{padding-bottom: 0;padding-top: 50px;}
.index_product_bg .more_line a:after{display: none;}

/*项目案例*/
.index_case_bg{padding-top: 80px;}

.case_box{margin-top: 10px;position: relative;}
.case_content{height:458px;overflow: hidden;margin: 0 10px;}
.case_content .swiper-slide {
    width: 683px;
    height: 458px;
    background: #ffffff;
    padding: 10px;
    position: relative;
}

.case_content .swiper-slide img{width: 663px;height: 438px;}
.case_content .swiper-slide a i{font-size: 60px;position: absolute;left: 50%;width: 72px;height: 72px;margin-left: -36px;top:40%;color: #0076c3;display: none;}
.case_content .swiper-slide a:hover i{color: #ffffff;}
.case_box .swiper-pagination {width: 100% bottom: 20px;display: none;}

.case_content .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.case_content .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
    border-radius: 4px;
    box-shadow:0 2px 14px #0076c3;
}

.case_content .swiper-slide-active a i{display: block;}

.case_box_nav{text-align: center;position: relative;margin-top: 36px;}
.case_box_nav a{font-size: 40px;background: #b6b6b6;display: inline-block;width: 40px;height: 67px;color: #ffffff;border-radius: 5px;margin-right: 30px;outline: none;position: absolute;top: -300px;line-height: 50px;text-align: center;}
.case_box_nav a:after{font-size: 28px;vertical-align: top;top: 8px;position: absolute;left: 12px;}
.case_box_nav a:hover{background: #0076c3;}
.case_box_nav a:first-child{left: -50px;}
.case_box_nav a:last-child{right: -100px;}


.youshi_box{margin-top: 75px;}
.youshi_box .youshi_list{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;}
.youshi_box .youshi_list .youshi_img,.youshi_box .youshi_list .youshi_text{width: 50%;height: 400px;float: left;}
.youshi_box .youshi_list .youshi_img{overflow: hidden;width: 50%;}

.youshi_box .youshi_list:before{content: '';background: url("../images/youshi_line.png") no-repeat left top;height: 20px;width: 891px;position: absolute;left: -15%;bottom: 0;}
.youshi_box .youshi_list:nth-child(2n):before{left: 35%;}

.youshi_box .youshi_list .youshi_img span{display: block;width: 100%;height: 400px;}

.youshi_box .youshi_list:nth-child(1) .youshi_img span{background: url("../images/c1.jpg") left top no-repeat;background-size: 100%;}
.youshi_box .youshi_list:nth-child(2) .youshi_img span{background: url("../images/c2.jpg") left top no-repeat;}
.youshi_box .youshi_list:nth-child(3) .youshi_img span{background: url("../images/c3.jpg") left top no-repeat;}
.youshi_box .youshi_list:nth-child(4) .youshi_img span{background: url("../images/c4.jpg") left top no-repeat;}

.youshi_img span{transition: all 0.5s ease 0s;}
.youshi_img:hover span{transform:scale(1.12,1.12);-webkit-transform:scale(1.12,1.12)}



.youshi_box .youshi_list .youshi_text{background: #f5f5f5;padding-left: 40px;}
.youshi_box .youshi_list:nth-child(2n) .youshi_text{padding-left: 40px;}
.youshi_box .youshi_list .youshi_text div{height: 202px;}
.youshi_box .youshi_list .youshi_text:hover{}
.youshi_box .youshi_list .youshi_text div{width: 600px;padding-right: 80px;}

.youshi_box .youshi_list .youshi_text div:first-child{position: relative;padding-top: 132px;}
.youshi_box .youshi_list .youshi_text div:first-child *{display: block;float: left;}
.youshi_box .youshi_list .youshi_text div:first-child strong{font-size: 80px;line-height: 80px;color: #2b8dcd;font-family: Oswald,serif;font-weight: normal;width: 82px;height: 82px;margin-right: 15px;}
.youshi_box .youshi_list .youshi_text div:first-child span{font-size: 24px;color: #2b8dcd;width: 250px;}
.youshi_box .youshi_list .youshi_text div:first-child em{font-size: 12px;color: #b6b6b6;font-style: normal;width: 280px;padding-top: 6px;}
.youshi_box .youshi_list .youshi_text div:first-child:before{content: '';width: 280px;height: 2px;background: #7e7e7e;position: absolute;left: 97px;bottom: 0;}

.youshi_box .youshi_list .youshi_text div:last-child{padding-top: 16px;font-size: 16px;line-height: 30px;}
.youshi_box .youshi_list .youshi_text:hover div span:before{background: #ffffff;}
.youshi_box .youshi_list .youshi_text div i{font-size: 14px;display: block;font-style: normal;margin-top: 22px;line-height: 28px;}

.brand_box{margin-top: 49px;background: rgba(255,255,255,.18);width: 1200px;}
.brand_box ul li{width: 197px;height: 146px;float: left;background: #ffffff;margin-right: 3px;margin-bottom: 3px;}
.brand_box ul li a{display: block;text-align: center;width: 197px;height: 146px;position: relative;}
.brand_box ul{}

.brand_box ul li a span img{max-width: 197px;max-height: 146px;}
.brand_box ul li a span{width: 197px;height: 146px;margin: 0 auto;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.brand_box ul li a strong{display: none;}
.brand_box ul a:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transition: all .3s ease-in-out;-webkit-transition: all .6s ease-in-out;}

.index_about_bg{background: url("../images/bg_02.jpg") no-repeat center top;height: 662px;}
.index_about_box{}
.index_about_content{padding: 60px 68px 40px 50px;float: left;width:839px;background: #ffffff;height: 609px;background: url("../images/about_bg.jpg") no-repeat left bottom;position: relative;}

.i_atitle{color: #ffffff;position: relative;padding-bottom: 20px;}
.i_atitle:before{content: '';position: absolute;height: 5px;width: 190px;left: 0;bottom: 0;background: #ffffff;}
.i_atitle *{display: block;}
.i_atitle strong{font-size: 36px;}
.i_atitle span{font-size: 14px;padding-top: 4px;}

.i_acontent{padding-top: 40px;color: #ffffff;line-height: 24px;}
.i_ablum{margin-left: 32px;margin-top: 19px;}
.i_ablum ul li{float: left;width: 232px;}
.i_ablum ul li img{width: 224px;height: 168px;}

.i_nav{position: relative;width: 100%;height: 1px;}
.i_nav a{position: absolute;text-align: center;line-height: 67px;font-size: 25px;color: #0088d5;top: -105px;}
.i_nav a{
    display: block;
    width: 34px;
    height: 67px;
    background: #80bfe4;
    border-radius: 100% 0 0 100%/50%;
    left: -50px;
}

.i_nav a:last-child{
    display: block;
    width: 34px;
    height: 67px;
    background: #80bfe4;
    border-radius: 0 100% 100% 0/50%;
    right: -50px;
    left: auto;
}

.i_ico{margin-top: 44px;}
.i_ico a{display: inline-block;position: relative;width: 95px;height: 42px;background: #ffffff;border-radius: 10px;margin-left: 15px;text-align: center;line-height: 42px;font-size: 14px;color: #333333;margin-right: 24px;
    transition: all .4s ease
}
.i_ico a:hover{transform: translate(0, -10px);}

.i_ico a i{width: 30px;height: 30px;position: absolute;left: -15px;top:6px;background: #f26a20;text-align: center;line-height: 30px;border-radius: 50px;color: #ffffff; }

.index_about_text{padding-left: 37px;padding-top: 166px;}
.index_about_text div{margin-bottom: 100px;height: 65px;}
.index_about_text div *{display: block;float: left;height:80px;line-height: 0;}
.index_about_text div strong{font-size: 80px;font-family: "Oswald", serif;color: #ffffff;}

.index_about_text div span{font-size: 16px;color: #ffffff;padding-top: 25px;padding-left: 10px;position: relative;}
.index_about_text div span:before{content: '';width: 81px;height: 1px;background: #ffffff;position: absolute;left: 10px;bottom: 70px;}
.index_about_text div:last-child span:after{content: '+';position: absolute;left: 10px;top: -10px;font-family: "Oswald-DemiBold", serif;font-size: 40px;font-weight: bold;}

.index_honor_nav_bg{background: url("../images/honor_bg.png") no-repeat center 247px;height: 384px;}

.index_alb_list{margin-top: 40px;width: 1200px;}
.index_alb_list ul li{float: left;width: 240px;height: 320px;}
.index_alb_list ul li a{display: block;width: 209px;height: 279px;background: #ffffff;border: solid 6px #e1e1e1;}
.index_alb_list ul li a:hover{}
.index_alb_list ul li span{
    overflow: hidden;
    width: 197px;
    height: 266px;
    margin: 0 auto;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.index_alb_list ul li span img{max-width: 197px;max-height: 266px;}
.index_alb_list ul li strong{display: block;height: 48px;vertical-align: middle;line-height: 48px;text-align: center;width: 209px;font-weight: normal;color: #333;font-size: 14px;}
.index_alb_list ul li a:hover strong{}


.index_honor_next{text-align: center;height: 164px;padding-top: 85px;}
.index_honor_next a{display: inline-block;width: 161px;height: 50px;border-radius: 10px;background: #b6b6b6;position: relative;text-align: left;}
.index_honor_next a i{font-size: 10px;line-height: 0;color: #ffffff;position: absolute;left: 26px;top: 50%;display: block;width: 10px;height: 10px;}
.index_honor_next a:last-child i{left: auto;right: 26px;}
.index_honor_next a strong{font-size: 14px;color: #ffffff;font-weight: normal;display: block;}
.index_honor_next a span{font-size: 12px;color: #ffffff;display: block;}
.index_honor_next a:first-child{margin-right: 20px;}

.index_honor_next a{position: relative;}
.index_honor_next a:before{content:'';position:absolute;height:100%;width:0;background:#017cb8;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; z-index: 3;border-radius: 10px;}
.index_honor_next a:hover{color: #ffffff;}
.index_honor_next a:hover:before{width:100%;z-index: 3;}
.index_honor_next a div{display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-style:normal;z-index: 5;padding-left: 60px;padding-top: 8px;}


.fwkh_bg{background: url("../images/lbjj.png") no-repeat center bottom;}

.fwlc_list{position: relative;width: 1080px;padding-top: 96px;height: 308px;}
.fwlc_list:after{content: '';width: 100%;position: absolute;height: 1px;background: #e4e4e4;left: 0;top: 95px;z-index: -1;}
.fwlc_list ul{width: 924px;margin: 0 auto;}
.fwlc_list ul li{float: left;width: 154px;height: 146px;}
.fwlc_list ul li:last-child{margin-right: 0;}

.fwlc_list ul li a{width: 118px;height: 130px;background: url("../images/buzhou.png") no-repeat left bottom;display: block;position: relative;color: #333333;}
.fwlc_list ul li a:hover{width: 118px;height: 130px;background: url("../images/buzhou_a.png") no-repeat left bottom;color: #ffffff;}

.fwlc_list ul li a span,.fwlc_list ul li a strong{display: block;text-align: center;}
.fwlc_list ul li a span{width: 36px;height: 36px;border-radius: 50%;position: absolute;left: 50%;margin-left: -18px;background: #eceaea;line-height: 36px;top: -18px;z-index: 5;}
.fwlc_list ul li a:before{content: '';width: 62px;position: absolute;height: 2px;background: #ffffff;left: 26px;top: -1px;z-index: 4;}
.fwlc_list ul li a strong{height: 130px;line-height: 130px;font-weight: normal;}

.fwlc_list ul li a:hover span{background: #0077c4;}


.index_news_bg{padding: 0 0 46px 0;background:#f6f6f6;}
.inews_box{width: 812px;}

.inews_nav{width: 100%;height: 42px;line-height: 42px;border-bottom: solid 1px #d3d3d3;}
.inews_nav a{display: block;float: left;font-size: 16px;color: #8a8a8a;position: relative;}
.inews_nav span:nth-child(-n+2){width: 120px;text-align: center;display: block;float: left;}
.inews_nav span:nth-child(-n+2) a{width: 120px;text-align: center;display: block;}
.inews_nav span:nth-child(-n+2) a.active{color: #333333;font-weight: bold;}
.inews_nav span:nth-child(-n+2) a.active:before{position:absolute;content: '';width: 120px;height: 4px;background: #0077c4;left: 0;bottom: 0;}
.inews_nav a:last-child{float: right;}

.ask_nav{width: 100%;height: 42px;line-height: 42px;border-bottom: solid 1px #d3d3d3;margin-bottom: 20px;}
.ask_nav a{display: block;float: left;font-size: 16px;color: #8a8a8a;position: relative;}
.ask_nav a:last-child{float: right;}


.inews_content{padding-top: 20px;}
.inews_content ul li{float: left;width: 383px;height: 77px;margin-bottom: 48px;margin-left: 29px;}
.inews_content ul li:last-child{margin-bottom: 0;}
.inews_content ul li .time{width:77px;height: 77px;padding-top: 12px;text-align: center;float: left;color: #333;border: solid 1px #c4c4c4;border-radius: 4px;}
.inews_content ul li:hover .time{background: #0076c3;color: #ffffff;border-color:#0076c3;}
.inews_content ul li .time strong,.index_news ul li .time span{display: block;}
.inews_content ul li .time strong{font-size: 30px;line-height: 30px;}
.inews_content ul li .time span{font-size: 14px;line-height: 24px;}

.inews_content ul li .text{width:306px;padding-left: 30px;float: left;line-height: 30px;}
.inews_content ul li .text a,.inews_content ul li .text span{display: block;line-height: 24px;}

.inews_content ul li .text a{color: #333;font-size: 16px;font-weight: bold;}
.inews_content ul li .text span{color: #a4a4a4;font-size: 14px;padding-top: 5px;}
.inews_content ul li:hover .text a{color: #0076c3;}

.inews_content ul li.img_box{width: 400px;float: left;height: 450px;border: none;background: none;margin: 0;background: #ffffff;}

.inews_content ul li.img_box img{width: 400px;height: 240px;}
.inews_content ul li.img_box span{width: 400px;height: 240px;overflow: hidden;display: block;}
.inews_content ul li.img_box .text{width:400px;margin-top: 24px;float: left;line-height: 24px;font-size: 14px;color: #a4a4a4;padding:0 10px;}
.inews_content ul li.img_box .text a{line-height: 24px;}
.inews_content ul li.img_box .text span{width: 100%;}
.inews_content ul li.img_box .text strong{line-height: 65px;font-weight: normal;font-size: 14px;color: #777777;}

.inews_content ul li.img_box:hover{background:#0076c3;color: #ffffff;}
.inews_content ul li.img_box:hover a,.inews_content ul li.img_box:hover *,.inews_content ul li.img_box:hover .text strong{color: #ffffff;}


.index_ask_list{width: 355px;}
.index_ask_list ul{margin: 0;padding: 0;}
.index_ask_list ul li{overflow: hidden;padding: 15px 12px 5px 45px;width: 100%;margin-bottom: 18px;background: #ffffff;}
.index_ask_list ul li a{text-decoration: none;}
.index_ask_list ul li a strong,.index_ask_list ul li a span{display: block;position: relative;}
.index_ask_list ul li a strong{height: 30px;line-height: 30px;color: #333;font-weight: normal;}
.index_ask_list ul li a:hover strong{font-weight: bold;}
.index_ask_list ul li a strong:after{content: "Q";position: absolute;left: -35px;top: 3px;background: #0076c3;width: 24px;height: 25px;color: #ffffff;font-size: 14px;line-height: 25px;text-align: center;border-radius: 50%;font-weight: normal;}

.index_ask_list ul li a span{color: #646464;line-height: 24px;margin-top: 6px;}
.index_ask_list ul li a span:after{content: "A";position: absolute;left: -35px;top: 3px;background: #fd6613;width: 24px;height: 25px;color: #ffffff;font-size: 14px;line-height: 25px;text-align: center;border-radius:50%;}

.feedback_bg{background: #0076c3;padding: 47px 0;}
.feedback_box{background:url("../images/feedback.jpg") no-repeat right top #ffffff;height: 392px;position: relative;}
.feedback_form{width: 626px;padding: 73px 26px 0 31px;}

.feedback_form table tr td{border-top: 0;height: 35px;padding: 0 0 23px 0;font-size: 14px;line-height: 35px;}
.feedback_form table tr td:first-child{width: 83px;}
.feedback_form table tr td:nth-child(3){width: 101px;}
.feedback_form table tr td select{width: 188px;height: 35px;border: solid 1px #b4b4b4;}
.feedback_form table tr td label{font-weight: normal;}
.feedback_form table tr td input{height: 35px;border: solid 1px #b4b4b4;width: 188px;}
.feedback_form table tr:first-child td select{width: 238px;}

.feedback_form table tr:nth-child(n+1) td:nth-child(2n+1){text-align: right;padding-right: 10px;position: relative;}
.feedback_form table tr:nth-child(4) td:nth-child(2n+1):before{content: '*';position: absolute;right: 4px;top: 3px;color: #f26a20;}
.feedback_form table tr:nth-child(4) td{padding-bottom: 0px;}

.feedback_form table tr:last-child td:nth-child(2n+1){text-align: center;padding: 0;}
.feedback_form table tr:last-child td:nth-child(2n+1) span{display: block;color: #f26a20;}
.feedback_form table tr:last-child td:nth-child(2n+1) button{width: 184px;height: 40px;background: #ff7e00;color: #ffffff;font-size: 16px;border: none;}
.feedback_form table tr:last-child td:nth-child(2n+1) button:hover{background: #ff8e00;}

.feedback_contact{position: absolute;width: 402px;height: 63px;background-color: #0076c3;border-radius: 4px;right: 76px;bottom: 15px;text-align: center;line-height: 63px;color: #ffffff;font-size: 14px;}
.feedback_contact i{width: 30px;height: 30px;border: solid 2px #ffffff;border-radius: 50%;color: #ffffff;line-height: 30px;text-align: center;display: inline-block;vertical-align: top;margin-top: 18px;}
.feedback_contact span{display: inline-block;vertical-align: top}
.feedback_contact strong{font-family: Oswald-DemiBold,sans-serif;font-size: 28px;line-height: 63px;}


.footer_bg{background: #001e32;border-top: solid 1px #829099;}
.footer_bg2{color: #4c6778;text-align: center;line-height: 63px;font-size: 14px;background: #001522;}
.footer_bg2 a{color: #4c6778;}
.footer_bg2 a:hover{color: #32a9f6;}

.link_box{border-bottom: solid 1px #1b2f3b;color: #4c6778;}
.link_box{height: 52px;line-height: 52px;color: #4c6778;}
.link_box a{color: #4c6778;}
.link_box a:hover{color: #4c6778;}
.link_box span{display: inline-block;margin-left: 10px;margin-right: 10px;}
.link_box strong{display: inline-block;font-weight: normal;margin-right: 10px;}

.footer_box{padding-top: 36px;padding-bottom: 31px;}

.footer_nav{padding-top: 0;}
.footer_nav ul{display: block;float: left;padding-left: 28px;position: relative;}
.footer_nav ul:before{content:'';position: absolute;width: 1px;height: 322px;top:41px;left: 0;background: #1d2f3b;}
.footer_nav ul:nth-child(1){width: 118px;}
.footer_nav ul:nth-child(2){width: 308px;}
.footer_nav ul:nth-child(3){width: 214px;}
.footer_nav ul:nth-child(4){width: 123px;}
.footer_nav ul:nth-child(4):after{content:'';position: absolute;width: 1px;height: 322px;top:41px;left:auto;right: 0;background: #1d2f3b;}

.footer_nav ul li{line-height: 34px;}
.footer_nav ul li.footer_title{position: relative;font-size: 16px;}
.footer_nav ul li a{font-size: 14px;line-height: 36px;color: #4c6778;}
.footer_nav ul li a:hover{color: #32a9f6;}
.footer_nav ul li.footer_title a{font-size: 16px;line-height: 42px;color: #4c6778;}
.footer_nav ul li.footer_title a:hover{color: #32a9f6;}

.footer_nav div.footer_logo{float: right;height: 180px;padding-left: 38px;color: #3d3d3d;width: 437px;position: relative;}
.footer_text{font-size: 24px;color: #6b90a8;width: 100%;text-align: center;}
.footer_company{padding-top: 10px;}
.footer_company span,.footer_company strong{display: block;float: left;font-weight: normal;line-height: 17px;margin-top: 15px;color: #4c6778;}
.footer_company span{font-size: 14px;width: 50%;}
.footer_company i{display: inline-block;width: 23px;}

.footer_bg a:hover{color: #32a9f6;}

.footer_qr_box{padding-left: 22px;padding-top: 70px;}
.footer_qr{width:114px;float: left;transition: all .4s ease}
.footer_qr:hover{transform: translate(0, -10px);}
.footer_qr:last-child{margin-left: 88px;}
.footer_qr img{width: 114px;height: 114px; }
.footer_qr span{width:114px;text-align: center;display: block;padding-top: 10px;position: relative;color: #4c6778;font-size: 14px;}


/*首页banner切换*/
.cxslide_y{overflow:hidden;position:relative;width:100%;max-width:1920px;height:600px;}
.cxslide_y .box{overflow:hidden;position:relative;width:100%;max-width:1920px;height:600px;}
.cxslide_y .list{overflow:hidden;height:9999px;position: relative;}
.cxslide_y .list li{overflow:hidden;position:relative;width:100%;height:600px;_vertical-align:top;}

.cxslide_y .list img{_vertical-align:top;}
.cxslide_y .list:hover img{opacity:0.7;}
.cxslide_y .list:hover img:hover{opacity:1;}

.cxslide_y .btn2{overflow:hidden;position:absolute;bottom:23px;left:50%;width:auto;height:20px;padding:0;list-style: none;z-index: 100;}
.cxslide_y .btn2:focus{border: none;}
.cxslide_y .btn2 li{float:left;width:13px;height:13px;margin:0 0 0 10px;border-radius:13px;text-align:center;cursor:pointer;font-size: 0;background: #0176c3;}
.cxslide_y .btn2 li.selected{background:#ffff00;color:#ffff00;}

/*滚动插件样式*/
.cxscroll{}
.cxscroll .box{overflow:hidden;}
.cxscroll .list{overflow:hidden;width:9999px;margin-bottom: 0;}
.cxscroll .list li{float:left;}

/*二级页面开始*/
.box_bg{background: #f4f4f4;padding-top: 35px;padding-bottom: 55px;}
.page_box{}
.page_left{width: 260px;}
.page_right{width: 914px;float: right;}
.page_bg{border-radius: 4px;background: #ffffff;padding-bottom: 40px;min-height: 950px;}
.page_bg_none{border-radius: 4px;padding-bottom: 40px;min-height: 950px;}

.page_title{}
.page_title{background: url("../images/ptitle_bg.png") no-repeat left center;text-align: center;padding-top: 10px;padding-bottom: 9px;width: 260px;height: 66px;position: relative;}
.page_title:before{content: '';background: url("../images/ptitle_ico.png") no-repeat left center;position: absolute;left: 20px;top: 23px;width: 21px;height: 21px;}
.page_title span,.page_title strong{font-size: 22px;display: block;color: #ffffff;font-weight: normal;}
.page_title span{font-size: 16px;color: #72bbea;}

ul.page_nav{background: #ffffff;margin-bottom: 0;}
ul.page_nav li{height: 53px;width: 260px;text-align: center;}
ul.page_nav.custormer_nav li{text-align: left;}
ul.page_nav li a{display: block;height: 53px;line-height: 49px;padding-left: 21px;font-size: 15px;color: #333333;position: relative;}
ul.page_nav li a:before{content:'';height: 1px;width: 212px;position: absolute;bottom: -1px;left: 25px;background: url("../images/line_bg.png") repeat-x left bottom;}

ul.page_nav li a:hover,ul.page_nav li a.active{color: #ffffff;background: #56ace4;}
ul.page_nav li a:hover:before,ul.page_nav li:last-child a:before,ul.page_nav li a.active:before{display: none;}
ul.page_nav li a:after{content:'';width:0;height:0;border-left:4px solid #d0d0d0;border-bottom:4px solid transparent;border-top:4px solid transparent;position: absolute;left: 8px;top: 20px;}
ul.page_nav li a:hover:after{border-left:4px solid #ffffff;}

.contact_box{width: 260px;background: #ffffff;color: #6d6d6d;}
.contact_box i{color: #c6c6c6;}
.contact_box div:nth-child(2){padding: 20px 20px 20px 41px;}
.contact_box div:nth-child(2) span{display: block;position: relative;line-height: 33px;}
.contact_box div:nth-child(2) span i{display: block;position: absolute;left: -25px;top: 1px;font-size: 18px;}
.contact_box div:nth-child(2) span:nth-child(4) i{font-size: 14px;}

.contact_box div:nth-child(2) strong{display: block;position: relative;line-height: 26px;}
.contact_box div:nth-child(2) strong i{display: block;position: absolute;left: -25px;top: 1px;font-size: 18px;}

.contact_box div span,.contact_box div strong{display: block;font-weight: normal;}
.contact_box div:last-child a{display: block;background: url("../images/online_pic.jpg") no-repeat left top;height: 81px;text-indent: -9999px;}

.link_map_bg{width: 914px;height:66px;border-bottom: solid 1px #E5E5E5;color: #999;line-height: 65px;padding-left: 51px;position: relative;overflow: hidden;}
.link_map_bg a,.link_map_bg span{color: #999;text-decoration: none;padding: 0 4px;}
.link_map_bg i{font-size: 16px;position: absolute;top: 24px;left: 28px;color: #0074bf;}
.link_map_bg.about_link_map_bg{margin-left: 0;width: 1200px;}

.customer_title{text-align: center;height: 115px;line-height: 115px;font-size: 22px;color: #333333;}
.customer_view{line-height: 28px;font-size: 14px;padding: 24px 41px;color: #333;}
.customer_view img{max-width: 100%;}

.service_view{line-height: 28px;font-size: 14px;padding: 24px 41px;color: #333;}
.service_view img{max-width: 100%;}

.pro_title{margin-top: 20px;height: 32px;font-size: 15px;color: #666666;padding-left: 28px;border-bottom: solid 1px #dddddd;position: relative;}
.pro_title:before{content:'';position: absolute;width: 130px;height: 1px;background: #0071bb;left: 0;bottom: -1px;}

.realproduct{width: 928px;padding-top: 21px;margin-left: -14px;}
.realproduct ul li{width: 311px;height: 337px;float: left;padding-top: 14px;padding-left: 14px;padding-right: 14px;}
.realproduct ul li img{width: 283px;height: 283px;}
.realproduct ul li a{display: block;text-decoration: none;}
.realproduct ul li a:hover img{box-shadow:0 2px 14px #666; }
.realproduct ul li a strong{display:block;height:40px;color: #333;font-size: 14px;font-weight: normal;line-height: 40px;overflow: hidden;text-align: center;width: 290px;}
.realproduct ul li a:hover strong{font-weight: bold;}

.customer_real{width: 933px;padding-top: 21px;margin-left: -14px;}
.customer_real ul li{width: 311px;height: 337px;float: left;padding-top: 14px;padding-left: 14px;padding-right: 14px;}
.customer_real ul li img{width: 290px;height: 218px;}
.customer_real ul li a{display: block;text-decoration: none;}
.customer_real ul li a:hover img{box-shadow:0 2px 14px #666; }
.customer_real ul li a strong{display:block;height:40px;color: #333;font-size: 14px;font-weight: normal;line-height: 40px;overflow: hidden;text-align: center;width: 290px;}
.customer_real ul li a:hover strong{font-weight: bold;}

.page{text-align: center;padding-bottom: 10px;width: 914px;}
.page_list{display: inline-block;}
.page div.page_list{padding: 10px;line-height: 25px;}
.page div.page_list a,.page div.page_list span{display: inline-block;min-width: 30px;height: 30px;text-align: center;line-height: 30px;color: #666;border: solid 1px #e7e7e7;margin: 0 3px;padding: 0 5px;}
.page div.page_list a.active,.page div.page_list a:hover,.page div.page_list span.active{background: #0072b8;color: #fff;border-color:#0072b8; }
.page div.page_list span.none{border: none;background: none;}
.page div.page_list .prea,.page div.page_list .end,.page div.page_list .next{padding: 0 20px;}

.page_count{display: inline-block;border: solid 1px #e7e7e7;color: #606060;height: 30px;line-height: 30px;width: 150px;}

.article_box{padding: 30px;}
.article_box ul li{height: 293px;background: url("../images/kfal_line.jpg") repeat-x left bottom;margin-bottom: 30px;position: relative;}
.article_box ul li span{width: 350px;height: 263px;display: block;float: left;overflow: hidden;}
.article_box ul li img{width: 350px;height: 263px;}
.article_box ul li strong,.article_box ul li p{display: block;float: left;margin-left: 30px;width: 474px;}

.article_box ul li strong{font-size: 16px;height: 24px;line-height: 24px;}
.article_box ul li strong a{color: #333333;}
.article_box ul li p{line-height: 26px;color: #999999;font-size: 15px;margin-top: 14px;}

.article_box ul li div:last-child{position: absolute;width: 474px;left: 380px;bottom: 30px;}
.article_box ul li div a{width:137px;height: 40px;color: #ffffff;text-align: center;line-height: 40px;display: block;float: left;margin-right: 30px;}
.article_box ul li div a:first-child{background: #0074bf;}
.article_box ul li div a:first-child:hover{background: #0084bf;}
.article_box ul li div a:last-child{background: #fd6613; }
.article_box ul li div a:last-child:hover{background: #fd7613; }

ul.pro_nav li a{padding-left: 60px;text-align: left;}
ul.pro_nav li a:after{left: 43px;top: 20px;}

ul.art_nav li a{padding-left: 90px;text-align: left;}
ul.art_nav li a:after{left: 68px;top: 20px;}

.nextprea_bg2{width: 100%;margin: 0 auto;}
.nextprea_bg2 .nextprea{height: 33px;line-height: 33px;text-align: center;width: 100%;margin: 0 auto;background: #e3e3e3;}
.nextprea_bg2 .nextprea div{display:inline-block;font-size: 14px;color: #7a7a7a;height: 35px;margin-right: 20px;line-height: 35px;background: none;overflow: hidden;width: 45%;}
.nextprea_bg2 .nextprea div:last-child{margin-right: 0;}
.nextprea_bg2 .nextprea div a{font-size: 14px;color: #7a7a7a;}
.nextprea_bg2 .nextprea div a:hover{color:#0074bf; }

/*发展历程*/
.course_content{padding-top: 30px;overflow: hidden;}
.de_pross { width: 914px; margin: 0 auto; padding-top: 20px; position: relative;padding-bottom: 40px; }
.de_pross h1 {padding-bottom: 20px; }
.p_cont { width: 914px; height: 100%;  }
.p_cont .pross_box { border-left: 3px solid #E4E8EC; left: 208px; padding: 0 0 35px 0; position: relative; z-index: 0; float: left; }
.p_cont .pross_box:after {content: '';display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #E4E8EC;
    position: absolute;
    left: -10px;
    bottom: -8px;
}
.p_cont .prossUl { left: -117px; list-style: none outside none; position: relative; }
.p_cont .prossUl li {clear: both;position: relative; padding-bottom: 60px;float: left;}
.p_cont .prossUl li .date {display: block; float: left;font-weight: bold;color: #666666; font-size: 16px; left: 0; position: relative; text-align: right; width: 120px;margin: 0 0 0 -30px; }
.p_cont .prossUl li i{width: 18px;height: 18px;background: #ffffff;border: solid 3px #CCCCCC;border-radius: 19px; left: 106px;position: absolute;top:0;}
.p_cont .prossUl li:hover i{background: #0072b8;}
.p_cont .prossUl li .represent { float: left; position: relative; width: 700px;margin-top: -6px;min-height: 70px; }
.p_cont .prossUl li .represent .content { padding-left: 170px; }
.p_cont .prossUl li .represent .content a{ display: block;}
.p_cont .prossUl li .represent h3{font-size: 14px; padding-bottom: 15px;margin: 0;font-weight: normal;line-height: 28px;color: #666666 }
.p_cont .prossUl li .represent img {border: 1px solid #e4e8ec; padding: 2px;max-width: 530px;}

.article_view_img{padding-top: 37px;}

.structure_box{}
.structure_box ul li{position: relative;padding: 43px 0 42px 164px;background: url("../images/kfal_line.jpg") repeat-x left bottom;margin: 0 10px;}
.structure_box ul li:last-child{background: none;}
.structure_box ul li i{font-size: 66px;color: #e2e2e2;position: absolute;left: 62px;top: 33px;}
.structure_box ul li strong{font-size: 24px;color: #333;display: block;font-weight: normal;}
.structure_box ul li span{font-size: 14px;color: #666;display: block;margin-top: 15px;line-height: 26px;}

.album_box{padding: 42px;}
.album_ul{}
.album_ul li{float: left;margin-right: 28px;width: 258px;height:253px;text-align: center; }
.album_ul li:nth-child(3n){margin-right: 0;}
.album_ul li a span{display: block;width: 258px;height: 193px;overflow: hidden;}
.album_ul li img{width: 258px;height: 193px;}
.album_ul li a strong{font-size: 15px;color: #3b3b3b;font-weight: normal;height: 60px;line-height:60px;overflow: hidden;display: block;}
.album_ul li div{display: none;}
.album_title{text-align: center;line-height: 40px;}

.honor_box{background: url("../images/honor_1_03.jpg") repeat-y center top;padding: 0 36px 0 36px;margin-top: 28px;}
.honor_box ul li{height:438px;width: 260px;margin-right: 31px;float: left; }
.honor_box ul li:nth-child(3n){margin-right: 0;}

.honor_box ul li span img{max-width: 240px;max-height:342px; }
.honor_box ul li a span{width: 260px;height: 362px;border: solid 1px #E5E5E5;padding: 9px;margin: 0 auto;
    background: #ffffff;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    position: relative;
    line-height: 0;
    overflow: hidden;
}

.honor_box ul li a strong{display: block;font-size: 14px;color: #333333;text-align: center;font-weight: normal;line-height: 62px;overflow: hidden;height: 62px;margin-top: 5px;}



.news_search_title{background: #0076c3;text-align: center;width: 260px;height: 36px;position: relative;margin-top: 20px;border-radius: 4px 4px 0 0;line-height: 36px;}
.news_search_title span,.news_search_title strong{font-size: 18px;display: inline-block;color: #ffffff;font-weight: normal;}
.news_search_title span{font-size: 16px;color: #72bbea;}

.news_search_box{background: #ffffff;padding-top: 23px;text-align: center;padding-bottom: 23px;}
.news_search_box strong{font-size: 15px;color: #333333;font-weight: normal;}
.news_search_box label input{width: 165px;height: 30px;font-weight: normal;}
.news_search_box button{width: 100px;height: 30px;border: none;margin-top: 17px;background: #0076c3;border-radius: 4px;color: #ffffff;}

/*新闻资讯内容*/
.news_img_box{padding: 28px 26px 28px 26px;width: 100%;}
.news_img_box ul li{margin-bottom: 36px;background: #ffffff;width: 100%;height: 143px;background: url("../images/kfal_line.jpg") repeat-x left bottom;}
.news_img_box ul li:hover{}
.news_img_box ul li .time{width:97px;height: 97px;text-align: center;float: left;color: #bdbdbd;border: solid 1px #ECECEC;border-radius: 4px;padding-top: 15px;}
.news_img_box ul li:hover .time{background: #0076c3;border-color:#0076c3;color: #ffffff; }
.news_img_box ul li .time strong,.news_img_box ul li .time span{display: block;width: 97px;}
.news_img_box ul li .time strong{height: 35px;line-height: 35px;font-size: 30px;}
.news_img_box ul li .time span{height: 30px;line-height: 30px;font-size: 14px;}

.news_img_box ul li .text{width:735px;float: left;line-height: 24px;margin-left: 30px;position: relative;}
.news_img_box ul li .text a,.news_img_box ul li .text span{display: block;}
.news_img_box ul li .text a.news_title{color: #333;font-size: 16px;font-weight: bold;}
.news_img_box ul li .text a.news_more{display: block;width: 100px;height: 38px;line-height: 38px;background: #d8d8d8;text-align: center;font-size: 14px;color: #ffffff;float: right;border-radius: 4px}
.news_img_box ul li .text a.news_more:hover{}
.news_img_box ul li .text span{color: #989898;height: 48px;line-height: 24px;overflow: hidden;margin-top: 10px;}

.news_img_box ul li .text .tag{position: absolute;left: 0;bottom: 0px;}
.news_img_box ul li .text .tag a{display: inline;font-size: 12px;color: #bdbdbd;margin-right: 15px;}
.news_img_box ul li .text .tag i{font-size: 12px;color: #bdbdbd;}


.news_img_box ul li.img_box{height: 238px;}

.news_img_box ul li.img_box .img_bg{float: left;width: 280px;}
.news_img_box ul li.img_box .img{width: 280px;height: 210px;display: table-cell;text-align: center;vertical-align: middle;}
.news_img_box ul li.img_box .img span{width:280px;height:210px;display: block;overflow: hidden;}
.news_img_box ul li.img_box .img img{width:280px;height:210px;  }

.news_img_box ul li.img_box strong.pic_time{font-size: 24px;font-weight: normal;line-height: 45px;color: #dcdcdc;width: 139px;height: 22px;}
.news_img_box ul li.img_box .text{width:515px;margin-left: 67px;float: left;line-height: 24px;padding-top: 0;}
.news_img_box ul li.img_box .text a.news_title{height: 53px;overflow: hidden;line-height: 53px;font-size: 18px;font-weight: bold;}
.news_img_box ul li.img_box .text span{display: block;height: 108px;overflow: hidden;font-size: 15px;color: #999999;}
.news_img_box ul li.img_box .text a.news_more{display: block;width: 100px;height: 38px;line-height: 38px;background: #d8d8d8;text-align: center;font-size: 14px;color: #ffffff;float: right;border-radius: 4px;}

.news_img_box ul li:hover a.news_title{color:#0076c3; }
.news_img_box ul li:hover a.news_more,.news_img_box ul li.img_box:hover .text a.news_more{background:#0076c3;}

.news_content{padding:50px 30px;}
.newsviewauthor{border-bottom: solid 1px #CCCCCC;color: #939393;line-height: 50px;text-align: center;}
.vauthor a,.vauthor span{margin-right: 20px;}
.newsviewtitle h1{font-size: 16px;text-align: center;color: #333;font-weight: bold;}

.newsviewauthor a{color: #939393;}
.newsviewcontent{padding: 20px;line-height: 24px;color: #333;}
.newsviewcontent img{max-width: 100%;}

.contact_bg{background: #ffffff;}
.contactus_box{padding: 72px;}

.contact_img_box{}
.contact_img,.contact_text{float: left;}
.contact_img{width: 411px;}
.contact_img img{width: 411px;height: 202px;}
.contact_text{width:623px;margin-left: 22px; }
.contact_text h3{font-size: 24px;color: #383838;font-weight: bold;margin-top: 10px;}
.contact_text p{font-size: 14px;color: #686868;line-height: 28px;}

.contact_title{font-size: 24px;color: #383838;text-align: center;margin-top: 50px;}
.contact_line{width: 216px;height: 4px;margin: 0 auto;}
.contact_line span,.contact_line strong{display: block;width: 50%;height: 4px;float: left;}
.contact_line strong{background: #efe700;}
.contact_line span{background: #0072b8;}

.contact_stitle{color: #686868;font-size: 14px;text-align: center;line-height: 28px;}

.contact_ico{margin-top: 40px;}
.contact_ico span{display: inline-block;width: 44px;height: 44px;background: #017cb8;border-radius: 10px;text-align: center;margin-right: 60px;vertical-align: middle;margin-left: 10px;}
.contact_ico span i{font-size: 30px;line-height: 44px;color: #ffffff;}
.contact_ico strong{height: 44px;display: inline-block;line-height: 44px;vertical-align: middle;font-weight: normal;}
.contact_ico table>tbody>tr>td{padding: 20px;vertical-align: middle;line-height: 42px;}

.table tr td.no-padding{padding: 0;}

.table-bordered>tbody>tr>td.no-border{border: none;}
.table.table-bordered.no-border{border: none;}

.table .banshichu{margin: 0;}
.table .banshichu table{margin: 0;border-bottom: none;}

.banshichu table table tr:first-child td{border-top: none;}
.banshichu table table tr td:last-child{border-right: none;}
.banshichu table table tr:last-child td{border-bottom: none;}

.contact_ico table>tbody>tr>td.banshichu_ico{width: 104px;vertical-align: middle;}
.banshichu_ico span{margin-right: 0;}

.contact_map_title{font-size: 14px;color: #383838;text-align: center;padding: 20px;}
.contact_map_title span{color: #0072b8;}
.contact_map img{border: solid 1px #CCCCCC;padding: 4px;}
.contact_html{width: 1054px;height: 470px;overflow: hidden;border: solid 1px #cbcbcb;}

/*产品部分开始*/
.pro_map{}
.pro_map.link_map_bg {width:914px;height: 46px;line-height: 46px;background: #ffffff;padding-right: 10px; }
.pro_map.link_map_bg i {top:14px;}


.pro_bg{width: 914px;padding-top: 21px;}
.pro_bg ul li{float: left;margin-right: 14px;width: 295px;margin-bottom: 20px;background: #ffffff;}
.pro_bg ul li:nth-child(3n){margin-right: 0;}
.pro_bg ul li a{text-decoration: none;}
.pro_bg ul li a span{display: block;width: 294px;height: 294px;overflow: hidden;padding: 1px;margin-top: 1px;}
.pro_bg ul li a strong{display: block;line-height: 50px;text-align: center;font-size: 14px;font-weight: normal;color: #494949;height: 50px;overflow: hidden;border-top: solid 1px #ECECEC;}
.pro_bg ul li a span img{width: 292px;height: 292px;}

/*产品详情*/
.productlistcontent_top{padding: 45px 26px 16px 26px;background: #ffffff;}
.productlistcontent_left{width: 400px;}
.productlistcontent_right{width: 435px;}
.productlistcontent_right_title{font-size: 17px;font-weight: bold;color: #333;height: 50px;overflow: hidden;}

.productlistcontent_right_info{margin-top: 10px;}
.product_info{line-height: 32px;font-size: 14px;height: 292px;overflow: hidden;}
.product_info *{display:block;}
.product_info strong{width: 80px;font-weight: normal;color: #666;float: left;}
.product_info span{color: #999;width:355px;float: left; }

.product_contact_bg{padding-top: 10px;}
.product_contact_bg *{display: inline-block;line-height: 48px;height: 48px;color: #ffffff;}
.product_contact_bg a{width: 174px;text-align: center;background: #017cb8;font-size: 14px;}
.product_contact_bg a:hover{color: #ffffff;}
.product_contact_bg strong{width: 174px;padding-left: 15px;margin-left: 10px;color: #ffffff;background: #fd6613;font-weight: normal;font-size: 14px;}
.product_contact_bg strong i{width: 20px;height: 20px;border: solid 1px #fff;border-radius: 50%;line-height: 18px;font-size: 12px;text-align: center;}

.renews{margin-top: 18px;background: #ffffff;height: 44px;border-bottom: solid 1px #E5E5E5;line-height: 43px;position: relative;padding-left: 33px;color: #666666;width: 100%;}
.renews:before{content: '';height: 1px;background: #0071bb;width: 130px;left: 0;bottom: -1px;position: absolute;}
.view_content{background: #ffffff;padding: 24px 34px;line-height: 26px;}

.renews div:first-child{width:700px;height: 44px;overflow: hidden;}
.renews div:last-child{padding-right: 30px;width: 140px;text-align: right;}

.feedback{width: 914px;padding: 30px;background: url("../images/feed_bg.jpg") no-repeat right bottom #ffffff;margin-bottom: 40px;}
.feedback tr td:first-child{width: 516px;}
.feedback tr td:first-child label{margin-bottom: 10px;}
.feedback tr td:first-child label *{display: block;margin: 0;float: left;font-weight: normal;}
.feedback tr td:first-child label span{width: 98px;text-align: justify;text-align-last: justify;height: 35px;font-weight: normal;line-height: 35px;padding-right:36px;position: relative; }
.feedback tr td:first-child label input{vertical-align:top;height: 35px;width: 400px;padding: 5px 10px;outline: none;border: solid 1px #C8C8C8;border-radius: 4px;}

.feedback tr:nth-child(1) td label span:before{content: '*';color: #ff7e00;left: -12px;top: 3px;position: absolute;}
.feedback tr:nth-child(2) td label span:before{content: '*';color: #ff7e00;left: -12px;top: 3px;position: absolute;}
.feedback tr:nth-child(4) td label span:before{content: '*';color: #ff7e00;left: -12px;top: 3px;position: absolute;}

.feedback tr td:first-child label input.code{vertical-align:top;height: 43px;width: 130px;}
.feedback tr td.input_textarea textarea{width: 400px;height: 110px;outline: none;border: solid 1px #C8C8C8;padding: 5px 10px;border-radius: 4px;}
.feedback tr td input.input_submit{width: 400px;height: 44px;background: #ff7e00;border:none;font-size: 15px;color: #ffffff;border-radius: 4px;}
.feedback tr td input.input_submit:hover{font-weight:bold;background: #ff8e00;}

.input_submit_td{padding-left: 98px;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,{
    color:#cbcbcb;
}
input::-moz-placeholder,textarea::-moz-placeholder,{   /* Mozilla Firefox 19+ */
    color:#cbcbcb;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#cbcbcb;
}


.video_box{padding: 19px 0;}
.video_box ul li{width: 293px;margin-right: 17px;float: left;height: 226px;}
.video_box ul li:nth-child(3n){margin-right: 0;}
.video_box ul li img{width: 293px;height: 167px;}
.video_box ul li span{width: 293px;height: 167px;overflow: hidden;position: relative;display: block;}
.video_box ul li span i{width: 30px;height: 30px;position: absolute;left: 50%;margin-left: -15px;top: 30%;font-size: 35px;display: none;color: #fff;}

.video_box ul li a:hover span i{display: block;}

.video_box ul li strong{display: block;height: 57px;line-height: 57px;color: #333333;font-weight: normal;text-align: center;}

.video_content{padding-top: 30px;}
.page_keywords{font-size: 13px;line-height: 38px;color: #666666;height: 38px;margin-top: 0;background: url("../images/line_bg.png") repeat-x left top #ffffff;}
.page_keywords_right{float: right;width: 100px;text-align: right;padding-right: 20px;}
.page_keywords_left{float: left;width: 750px;padding-left: 33px;}
.page_keywords_left span{}

.khal_bg{background: url("../images/fwkh_bg.jpg") no-repeat center top;padding-top: 0;}
.khal_bg .about_link_map_bg,.khal_bg .about_link_map_bg a,.khal_bg .about_link_map_bg span,.khal_bg .about_link_map_bg i{color: #ffffff;}

.khal_bg .link_map_bg.about_link_map_bg{height: 58px;}

.brand_nav{text-align: center;padding: 60px 0 0 0;}
.brand_nav a{display: inline-block;color: #616161;background: #ffffff;}
.brand_nav a{width: 168px;height: 40px;border: solid 1px #ffffff;border-radius: 4px;margin-right: 15px;line-height: 38px;}
.brand_nav a:last-child{margin-right: 0;}
.brand_nav a:hover,.brand_nav a.active{text-decoration: none;background: #ffffff;color: #017cb8;}



.sitemap{border: 5px solid #ccc;width: 1100px;padding: 50px;margin-bottom: 30px;}

.sitemaptitle{font-size: 13px;font-weight: bold;color: #333333;line-height: 42px;}
.sitemaplist,.sitemaplist2{border: solid 1px #ccc;min-height: 10px;height: 1%;}
.sitemaplist ul{position: relative;padding: 10px 10px 10px 130px;}
.sitemaplist ul li{text-align: left;line-height: 28px;display: inline-block;margin-right: 20px;}
.sitemaplist ul li a,.linkmap a,.linkmap,.sitemaplist2 li a{color: #686868}

.sitemaplist1 ul li{}
.sitemaplist1 ul li ul li{font-weight: normal;}
.sitemaplist ul li.footer_title{width: 105px;position: absolute;left: 0;top: 10px;font-weight: bold;text-align: center;}

.sitemaplist2 ul{display: block;}
.sitemaplist2 ul li{line-height: 28px;width: 240px;}
.sitemaplist2 ul li.footer_title{font-weight: bold;}

.sitemaplist_product ul li{width: 240px;}
.sitemaplist_product ul li.footer_title{width: 105px;}
.sitemaplist_product ul li ul{padding: 0;list-style: none;}

.franchisee_box{width: 100%;padding: 28px 26px;background: #ffffff;}
.franchisee_box ul li{margin-right: 18px;float: left;width: 202px;height:151px;margin-bottom: 18px;}
.franchisee_box ul li:nth-child(4n){margin-right: 0;}
.franchisee_box ul li a span{
    display: table-cell;
    text-align: center;
    border: solid 1px #eeeeee;
    width: 202px;
    height: 151px;
    position: relative;
    vertical-align:middle;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    line-height: 0;
    overflow: hidden;
}
.franchisee_box ul li a:hover span:after{content:'';display: block;width: 202px;left: -1px;bottom: 0;height: 2px;background: #0072b8;position: absolute;}
.franchisee_box ul li a img{max-width: 200px;max-height: 151px;}
.franchisee_box ul li a strong{line-height: 52px;text-align: center;display: none;font-size: 14px;font-weight: normal;color: #3b3b3b;}

.dnews_bg{padding: 30px 0;}
.dnews_box{width: 100%;}
.dnews_box ul li{float: left;width: 380px;height: 111px;margin-right: 30px;margin-bottom: 43px;}
.dnews_box ul li:nth-child(3n){margin-right: 0;}
.dnews_box ul li a{display: block;height: 111px;border: solid 1px #CCCCCC;background: #fff;}
.dnews_box ul li a span{display: block;font-size: 15px;color: #333333;}
.dnews_box ul li a:hover span{color: #fff;}
.dnews_box ul li a i{font-size: 12px;}
.dnews_box ul li a strong{display: block;float: left;padding: 30px 18px;font-weight: normal;color: #a4a4a4;}
.dnews_box ul li a:hover strong.dnews_left i{color: #ddd;}
.dnews_box ul li a strong.dnews_left{width: 328px;height: 110px;border-right: solid 1px #CCCCCC;}
.dnews_box ul li a strong.dnews_right{width: 49px;padding: 30px 12px;line-height: 51px;text-align: center;}
.dnews_box ul li a strong.dnews_right i{font-size: 20px;}
.dnews_box ul li a strong i{font-style: normal;}

.dnews_box ul li a:hover strong.dnews_left{background: #0072b8;color: #ffffff;}
.dnews_box ul li a:hover strong.dnews_right{background: #ffae00;color: #ffffff;}

.dnews_title{font-size: 18px;padding: 0px 0 20px 0;color: #666;text-align: left;}


.honor_box .article_view{display: none;height:100%;width: 100%;}
.article_img{width: 100%;height: 450px;position:relative;z-index:1;}
.article_img img{max-height: 450px;position:relative;z-index:1;}

.contact_qq a img{width: 32px;}

.contact_ico .sczhyt_qr{position: relative;}
.contact_ico .sczhyt_qr span{position: absolute;top: 35px;left: 0;display: none;}
.contact_ico .sczhyt_qr span img{width: 120px;border: solid 1px #CCCCCC;padding: 4px;background: #ffffff;}
.contact_ico .sczhyt_qr:hover span{display: block;}

.chat_top{position: fixed;right: 4px;width: 52px;height: 232px;top:50%;z-index: 100000;margin-top: -116px;}
.chat_top ul li{padding-bottom: 6px;position: relative;}
.chat_top ul li:last-child{padding-bottom: 0;}
.chat_top ul li a{display: block;height: 52px;width: 52px;position: relative;background: #ffffff;border-radius: 4px;text-align: center;padding-top:12px;z-index: 2;box-shadow:0 2px 14px #666; }
.chat_top ul li a i{font-size: 24px;color: #0066cc;z-index: 99;}
.chat_top ul li strong,.chat_top ul li div{
    transition:all .5s ease-in-out;
    -wekbit-transition:all .5s ease-in-out;
    left: 84px;
    box-shadow:0 2px 14px #666;
}

.chat_top ul li:hover strong{
    left: -174px;
}
.chat_top ul li:hover div{
    left: -148px;
}

.chat_top ul li strong{position: absolute;width: 158px;height: 66px;background: #ffffff;top: 0;border-radius: 4px;line-height: 66px;color: #333;font-size: 21px;text-align: center;}
.chat_top ul li strong:before{content:'';width:0;height:0;border-left:6px solid #ffffff;border-bottom:6px solid transparent;border-top:6px solid transparent;position: absolute;right: -6px;top: 20px;}

.chat_top ul li div{position: absolute;width: 132px;height: 142px;background: #ffffff;top: 0;border-radius: 4px;line-height: 24px;color: #333;padding-top: 14px;text-align: center;font-size: 13px;z-index: 1;}
.chat_top ul li div img{width: 97px;display: block;margin: 0 auto;}
.chat_top ul li div:before{content:'';width:0;height:0;border-left:6px solid #ffffff;border-bottom:6px solid transparent;border-top:6px solid transparent;position: absolute;right: -6px;top: 20px;}