﻿@charset "utf-8";
/* CSS Document */



a:hover {
    text-decoration: none;
}
h2.h2_title {
    padding-top: 85px;
    margin-bottom: 35px;
    text-align: center;
    font-size: 35px;
    color: #222;
}
h2.h2_title a {
    color: #222;
}
h2.h2_title i {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: url("../images/index_42.png") no-repeat center center;
}
/* banner 

.banner{ overflow:hidden; width:100%;}

#flashs{ position:relative; height:550px; overflow:hidden;}

#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 30px;text-align: center;z-index: 998;}

#flashs .btn span{display: inline-block;width: 62px;height: 4px;cursor: pointer; background:#e6dcd9;margin: 0 4px;}

#flashs .btn span.cur {background: #da251e;}

*/

.banner {
    overflow: hidden;
    width: 100%;
}
#flashs {
    position: relative;
    height: 610px;
    overflow: hidden;
}
#flashs .btn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
    z-index: 998;
}
#flashs .btn span {
    display: inline-block;
*display: inline;
*zoom: 1;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer
}
#flashs .btn span.cur {
    background: #da251d;
}
#flashs .banBtbtnl {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 90px;
    height: 90px;
    position: absolute;
    right: 90px;
    bottom: 0;
    cursor: pointer;
    z-index: 999;
    border-right: 1px solid #eee;
}
#flashs .banBtbtnl i {
    display: block;
    width: 90px;
    height: 27px;
    margin-top: 35px;
    background: url(../images/banjtl01.png) no-repeat center;
}
#flashs .banBtbtnr {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 90px;
    height: 90px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 999
}
#flashs .banBtbtnr i {
    display: block;
    width: 90px;
    height: 27px;
    margin-top: 35px;
    background: url(../images/banjtr01.png) no-repeat center;
}
#flashs .banBtbtnl:hover, #flashs .banBtbtnr:hover {
    background: #fff;
}
#flashs .banBtbtnl:hover i {
    background: url(../images/banjtl02.png) no-repeat center;
}
#flashs .banBtbtnr:hover i {
    background: url(../images/banjtr02.png) no-repeat center;
}

/*环保*/

.we_bg {
    background: url(../images/index01_bg.jpg) no-repeat center 0;
    height: 515px;
}
.we_l {
    width: 485px;
    height: 391px;
    padding-top: 60px;
}
.we_r {
    padding: 121px 0 0 0;
    width: 715px;
}
.we_bt {
    padding-left: 55px;
    height: 95px;
    font-size: 28px;
    font-weight: normal;
    color: #014590;
}
.we_bt span {
    font-size: 52px;
    font-weight: bold;
    color: #014590;
    margin-left: 25px;
}
.we_t {
    height: 120px;
}
.we_t ul li {
    width: 220px;
    height: 85px;
    float: left;
    margin-left: 27px;
    background: #014590;
    position: relative;
}
.we_t ul li.cur {
    background: #da251e;
}
.we_t ul li.cur i#icox {
    background: url("../images/index_35.png") no-repeat center bottom;
}
.we_t ul li i#icox {
    background: url("../images/index_37.png") no-repeat center bottom;
    position: absolute;
    width: 31px;
    height: 31px;
    left: 95px;
    bottom: -20px;
}
.we_t ul li:first-child {
    margin-left: 0;
}
.we_t ul li a {
    display: block;
    width: 220px;
    height: 85px;
    float: left;
}

.we_t ul li em {
    display: block;
    float: left;
    margin: 18px 0 0 35px;
}
.we_t ul li em img {
    width: 52px;
    height: 52px;
}
.we_t ul li span {
    display: block;
    float: left;
    font-size: 25px;
    color: #fff;
    width: 110px;
    text-align: left;
    padding: 20px 0 0;
    margin-left: 15px;
}
.we_t ul li i {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
}
.we_qie p {
    background: #fff;
    height: 67px;
    width: 690px;
    border: 1px dashed #eee;
    padding: 10px 10px 17px;
}
.we_qie p em {
    display: block;
    width: 116px;
    float: left;
    overflow: hidden;
    border: 1px solid #eee;
}
.we_qie p em img, .ys dl dt img, .cp_r img, .plan dl dt img {
    width: 116px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.we_qie p em img:hover, .ys dl dt img:hover, .cp_r img:hover, .plan dl dt img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.we_qie p b {
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
    padding: 0 0 0 30px;
    line-height: 30px;
    width: 540px;
    font-weight: normal;
}
.zqts {
    padding-top: 66px;
}
.zqts dl {
    float: left;
    height: 390px;
    width: 299px;
    text-align: center;
    border-left: 1px solid #e9e9e8;
}
.zqts dl:first-child {
    border-left: none;
}
.zqts dl dt {
    padding-top: 50px;
    height: 43px;
    margin-bottom: 30px;
}
.zqts dl dt img {
    display: block;
    margin: 0 auto;
    transition: all 0.5s;
    position: relative;
    top: 0;
}
.zqts dl dd.dd1 {
    margin-bottom: 40px;
}
.zqts dl dd.dd1 b {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}
.zqts dl dd.dd1 i {
    display: block;
    color: #999;
}
.zqts dl dd.dd2 {
    width: 153px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    margin: 0 auto;
    text-align: left;
    text-indent: 65px;
    background: #e3e3e2;
    border-radius: 54px;
}
.zqts dl dd.dd2 a {
    display: block;
    color: #333;
    background: url(../images/zqtsicon05.png) no-repeat 22px center;
}
.zqts dl:hover dt img {
    transform: rotateY(360deg);
    top: -15px;
}
.zqts dl:hover dd.dd2 {
    background: #da251e;
}
.zqts dl:hover dd.dd2 a {
    color: #fff;
    background: url(../images/zqtsicon06.png) no-repeat 22px center;
}
.product {
    height: 1075px;
    background: url(../images/probg.jpg) no-repeat center top;
}
.product .conleft {
    width: 260px;
}
.product .conleft .box {
    background: #fff;
    border-top: 1px solid #dfdddd;
}
.product .conleft .box:first-child {
    border-top: none;
}
.product .conleft .box h3 {
    height: 75px;
    line-height: 75px;
    text-indent: 23px;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 1px solid #dfdddd;
    background: url(../images/proicon01.png)#014590 no-repeat 200px 25px;
    color: #fff;
}
.product .conleft .box ul {
    margin: 0 5px;
    padding-top: 5px;
}
.product .conleft .box ul li {
    margin: 0 15px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    border-top: 1px dashed #e3e1e1;
}
.product .conleft .box ul li a {
    display: block;
}
.product .conleft .box ul li:first-child {
    border-top: none;
}
.product .conleft .box2 h3 a {
    background: url(../images/proicon03.png) no-repeat 200px center;
}
.product .conleft .box:hover ul {
    background: #fff;
}
.product .conleft .box ul li:hover {
    background: url(../images/index_53.png) no-repeat 180px center;
}
.product .conleft .box ul li:hover a {
    color: #da251e;
    font-weight: bold;
}
.product .conleft .zxrx {
    background: #014590;
    padding: 30px 0 30px 20px;
}
.product .conleft .zxrxtel {
    padding-left: 60px;
    background: url(../images/index_17.png) no-repeat left center;
    color: #fff;
}
.product .conleft .zxrxtel {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-family: "Times New Roman", Arial, "微软雅黑";
}
.product .conright {
    width: 930px;
}
.product .conright .r_top {
    height: 390px;
    background: #fff;
    margin-bottom: 10px;
    position: relative;
}
.product .conright .r_top .topbox {
    position: relative;
    overflow: hidden;
    height: 390px;
}
.product .conright .r_top ul {
    position: relative;
}
.product .conright .r_top ul li {
    float: left;
    width: 465px;
    height: 405px;
    padding: 30px 65px 0 400px;
    position: relative;
}
.product .conright .r_top ul li .pImg {
    display: block;
    width: 343px;
    height: 343px;
    position: absolute;
    left: 25px;
    top: 30px;
    background: #eee;
}
.product .conright .r_top ul li .pImg a {
    display: block;
    width: 338px;
    height: 338px;
    position: relative;
    top: -5px;
    left: -5px;
    border: 1px solid #dfdddd;
    overflow: hidden;
}
.product .conright .r_top ul li img {
    display: block;
    width: 338px;
    height: 338px;
    transition: all 0.5s;
}
.product .conright .r_top ul li .p1 {
    font-size: 20px;
    color: #000;
    margin-bottom: 25px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product .conright .r_top ul li .p1 em {
    display: block;
    width: 47px;
    height: 1px;
    margin-top: 20px;
    background: #da251e;
}
.product .conright .r_top ul li .p2 {
    border: 1px dashed #ddd;
    height: 150px;
    margin-bottom: 20px;
    padding: 10px 15px;
}
.product .conright .r_top ul li .item_subinfo {
    line-height: 30px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.product .conright .r_top ul li .p3 {
    overflow: hidden;
}
.product .conright .r_top ul li .p3 a {
    display: block;
    float: left;
    width: 145px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    background: #da251e;
    border-radius: 27px;
    color: #fff;
}
.product .conright .r_top ul li .p3 a:first-of-type {
    background: #014590;
}
.product .conright .r_top ul li .p3 a:hover {
    background: #222;
}
.product .conright .r_top ul li .pImg:hover img {
    transform: scale(1.1);
}
.product .conright .r_top .proBtnl {
    display: block;
    width: 61px;
    height: 61px;
    border: 1px solid #eee;
    cursor: pointer;
    position: absolute;
    right: 62px;
    bottom: 0;
    background: #fff;
}
.product .conright .r_top .proBtnl i {
    display: block;
    width: 61px;
    height: 61px;
    background: url(../images/projtl01.png) no-repeat center;
}
.product .conright .r_top .proBtnr {
    display: block;
    width: 61px;
    height: 61px;
    border: 1px solid #eee;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
}
.product .conright .r_top .proBtnr i {
    display: block;
    width: 61px;
    height: 61px;
    background: url(../images/projtr01.png) no-repeat center;
}
.product .conright .r_top .proBtnl:hover, .product .conright .r_top .proBtnr:hover {
    background: #da251e;
    border-color: #da251e;
}
.product .conright .r_top .proBtnl:hover i {
    background: url(../images/projtl02.png) no-repeat center;
}
.product .conright .r_top .proBtnr:hover i {
    background: url(../images/projtr02.png) no-repeat center;
}
.product .conright .r_top .topbg {
    width: 113px;
    height: 113px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/proxp.png) no-repeat center;
}
.product .conright .r_bot dl {
    float: left;
    width: 300px;
    margin-left: 15px;
    background: #fff;
    text-align: center;
}
.product .conright .r_bot dl:first-of-type {
    margin-left: 0;
}
.product .conright .r_bot dl dt {
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}
.product .conright .r_bot dl dt img {
    display: block;
    width: 300px;
    height: 300px;
    transition: all 0.5s;
}
.product .conright .r_bot dl dd.dd1 {
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product .conright .r_bot dl dd.dd1 a {
    color: #333;
}
.product .conright .r_bot dl dd.dd2 {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;/*display: -webkit-box;*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 39px;
    padding: 0 20px;
}
.product .conright .r_bot dl:hover dt img {
    transform: scale(1.1);
}
.product .conright .r_bot dl:hover dd.dd1 a {
    color: #014590;
}



#about .hzhb .case{padding: 0;}
#about .hzhb {padding: 80px 0;}
#about .hzhb .hzhb_con ul li p{width: 292px;}
#about .hzhb .hzhb_con ul li p img{width: 290px;}




.hzhb .hzhb_con {
    position: relative;
    overflow: hidden;
}
.hzhb .hzhb_con ul {
    position: relative;
}
.hzhb .hzhb_con ul li {
    float: left;
    width: 1200px;
    overflow: hidden;
}
.hzhb .hzhb_con ul li p {
    float: left;
    width: 192px;
    margin-left: 6px;
    overflow: hidden;
}
.hzhb .hzhb_con ul li p span {
    display: block;
    overflow: hidden;
    border: 1px solid #eeeeee;
}
.hzhb .hzhb_con ul li p img {
    display: block;
    width: 192px;
    transition: all 0.5s;
}
.hzhb .hzhb_con ul li p i {
    display: block;
    text-align: center;
    height: 36px;
    line-height: 36px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.hzhb .hzhb_con ul li p:hover span {
    border-color: #165fac;
}
.hzhb .hzhb_con ul li p:hover img {
    transform: scale(1.1);
}
.hzhb .hzhb_con ul li:first-child {
    margin-left: 0;
}
.hzhb .hzhbSwitch {
    text-align: center;
    margin-top: 30px;
}
.hzhb .hzhbSwitch span {
    display: inline-block;
*display: inline;
*zoom: 1;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #ccc;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin: 0 5px;
    cursor: pointer;
}
.hzhb .hzhbSwitch span.cur {
    background: #014590;
    width: 12px;
    height: 12px;
    border-radius: 10px;
}
.zqys {
    height: 681px;
    background: url(../images/zqysbg.jpg) no-repeat center top;
}
.zqys h2.h2_title span {
    color: #fff;
}
.zqys h2.h2_title i {
    color: #fff;
}
.zqys .zqysType {
    width: 685px;
    height: 64px;
    margin: 0 auto 61px auto;
}
.zqys .zqysType li {
    float: left;
    width: 136px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border: 1px solid #3d3c3d;
    border-left: none;
    color: #fff;
}
.zqys .zqysType li:first-child {
    border-left: 1px solid #3d3d3d;
    width: 135px;
    border-radius: 54px 0 0 54px;
}
.zqys .zqysType li:last-child {
    border-radius: 0 54px 54px 0;
}
.zqys .zqysType li.cur {
    background: #da251e;
    border-color: #da251e;
}
.zqys .zqys_con {
}
.zqys .zqys_con .conbox {
    display: none;
}
.zqys .zqys_con .conbox.cur {
    display: block;
}
.zqys .zqys_con .conbox .conleft {
    width: 710px;
    height: 407px;
}
.zqys .zqys_con .conbox .conleft img {
    display: block;
}
.zqys .zqys_con .conbox .conright {
    width: 450px;
}
.zqys .zqys_con .conbox .conright .p1 {
    font-size: 24px;
    font-weight: bold;
    color: #da251e;
    margin-bottom: 35px;
}
.zqys .zqys_con .conbox .conright .p1 em {
    display: block;
    width: 68px;
    height: 1px;
    background: #fff;
    margin-top: 30px;
}
.zqys .zqys_con .conbox .conright .p2 {
    line-height: 30px;
    color: #fff;
    font-size: 16px;
}


#about .jjfa{padding-top: 80px;}

.jjfa {
    background: #fff;
}
.jjfa .jjfa_con {
    height: 374px;
    overflow: hidden;
    position: relative;
}
.jjfa .jjfa_con .container {
    position: relative;
    height: 374px;
}
.jjfa .jjfa_con .jjfabg1 {
    width: 310px;
    height: 374px;
    position: absolute;
    left: -360px;
    top: 0;
    z-index: 5;
    background: url(../images/jjfabg.png);
}
.jjfa .jjfa_con .jjfabg2 {
    width: 310px;
    height: 374px;
    position: absolute;
    right: -360px;
    top: 0;
    z-index: 5;
    background: url(../images/jjfabg.png);
}
.jjfa .jjfa_con .btn {
    display: block;
    width: 90px;
    height: 374px;
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 4;
    cursor: pointer;
}
.jjfa .jjfa_con .btn i {
    display: block;
    width: 90px;
    height: 374px;
}
.jjfa .jjfa_con .jdal_btnl i {
    background: url(../images/jjfajtl01.png) no-repeat center;
}
.jjfa .jjfa_con .jdal_btnr i {
    background: url(../images/jjfajtr01.png) no-repeat center;
}
.jjfa .jjfa_con .jdal_btnl {
    left: -50px;
}
.jjfa .jjfa_con .jdal_btnl:hover i {
    background: url(../images/jjfajtl02.png) no-repeat center;
}
.jjfa .jjfa_con .jdal_btnr {
    right: -50px;
}
.jjfa .jjfa_con .jdal_btnr:hover i {
    background: url(../images/jjfajtr02.png) no-repeat center;
}
.jjfa .jjfa_con .btn:hover {
    background:#014590;
}
.jjfa .jjfa_con .jdal_Img {
    position: relative;
    left: -560px;
}
.jjfa .jjfa_con .jdal_Img ul {
    position: relative;
    z-index: 2;
}
.jjfa .jjfa_con .jdal_Img ul li {
    float: left;
    width: 580px;
    height: 374px;
    overflow: hidden;
    margin-left: 20px;
    background: #f1f9fc;
}
.jjfa .jjfa_con .jdal_Img ul li:first-child {
    margin-left: 0;
}
.jjfa .jjfa_con .jdal_Img ul li img {
    display: block;
    width: 580px;
    height: 374px;
}
.jjfa .jjfa_con .jdal_tit {
    position: absolute;
    right: 40px;
    top: 0;
    z-index: 3;
    background: #fff;
    width: 540px;
    height: 374px;
    overflow: hidden;
}
.jjfa .jjfa_con .jdal_tit .box {
    position: relative;
    left: -540px;
}
.jjfa .jjfa_con .jdal_tit .box ul {
    position: relative;
    height: 374px;
}
.jjfa .jjfa_con .jdal_tit .box ul li {
    float: left;
    width: 430px;
    height: 374px;
    padding: 0 70px 0 40px;
    background: #f1f9fc;
}
.jjfa .jjfa_con .jdal_tit .box ul li h3 {
    padding-top: 50px;
    font-size: 18px;
    margin-bottom: 30px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.jjfa .jjfa_con .jdal_tit .box ul li h3 a {
    color: #333;
}
.jjfa .jjfa_con .jdal_tit .box ul li h3 em {
    display: block;
    width: 55px;
    height: 1px;
    background: #da251e;
    margin-top: 20px;
}
.jjfa .jjfa_con .jdal_tit .box ul li .p1 {
    font-size: 14px;
    line-height: 28px;
    height: 120px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.jjfa .jjfa_con .jdal_tit .box ul li .p1 a {
    color: #666;
}
.jjfa .jjfa_con .jdal_tit .box ul li .ckxq {
    display: block;
    float: left;
    width: 145px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    background: #014590;
    border-radius: 54px;
    margin-right: 10px;
}
.jjfa .jjfa_con .jdal_tit .box ul li .zxzq {
    display: block;
    float: left;
    width: 145px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    background: #da251e;
    border-radius: 54px;
}
.jjfa .jjfa_con .jdal_tit .box ul li .p2 a:hover {
    background: #222;
}
.jjfa .jjfatel {
    text-align: center;
    padding-top: 40px;
}
.jjfa .jjfatel i {
    display: block;
    font-size: 14px;
    color: #999;
}
.jjfa .jjfatel span {
    display: block;
    font-size: 35px;
    color: #da251e;
    font-weight: lighter;
}
.zxzx {
    height: 455px;
    background: url(../images/zxzxbg.jpg) no-repeat center top;
    color: #fff;
}
.zxzx .conleft {
    width: 410px;
}
.zxzx .conleft .p1 {
    padding-top: 96px;
    margin-bottom: 60px
}
.zxzx .conleft .p1 b {
    display: block;
    font-size: 35px;
    margin-bottom: 5px;
}
.zxzx .conleft .p1 i {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
.zxzx .conleft .p1 em {
    display: block;
    line-height: 20px;
    color: #999;
    font-size: 7pt;
    -webkit-text-size-adjust: none;
}
.zxzx .conleft .p2 {
    font-size: 16px;
    margin-bottom: 10px;
}
.zxzx .conleft .p3 {
    width: 230px;
    height: 33px;
    line-height: 33px;
    border-radius: 27px;
    background: #dda703;
    text-align: center;
}
.zxzx .conright {
    width: 350px;
    padding-top: 50px;
}
.zxzx .conright .p4 {
    margin-bottom: 10px;
}
.zxzx .conright .p4 span {
    float: left;
}
.zxzx .conright .p4 b {
    float: right;
    color: #da251e;
}
.zxzx .conright .infoP1 {
    height: 48px;
    border: 1px solid #fff;
    margin-bottom: 5px;
}
.zxzx .conright .infoP1 input {
    display: block;
    height: 48px;
    line-height: 48px;
    border: none;
    background: none;
    width: 95%;
    text-indent: 15px;
    color: #fff;
}
.zxzx .conright .infoP2 {
    height: 110px;
    border: 1px solid #fff;
    margin-bottom: 10px;
}
.zxzx .conright .infoP2 textarea {
    display: block;
    height: 100px;
    line-height: 24px;
    border: none;
    background: none;
    width: 95%;
    text-indent: 15px;
    color: #fff;
    padding: 5px 0;
}
.zxzx .conright .ljtj {
    height: 50px;
    background: #da251e;
}
.zxzx .conright .ljtj a {
    display: block;
    height: 50px;
    text-indent: 150px;
    color: #fff;
    font-size: 18px;
    background: url(../images/zxzxicon.png) no-repeat 109px center;
    line-height: 50px;
}
.zqal {
    background: url("../images/xcbg.jpg");
    height: 440px;
}
.zqal .container {
    width: 1038px;
}
.zqal .zqalType {
    text-align: center;
    margin-bottom: 30px;
}
.zqal .zqalType li {
    display: inline-block;
*display: inline;
*zoom: 1;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    font-size: 16px;
    margin: 0 7px;
    background: url("../images/xcbg_02.png") no-repeat center center;
}
.zqal .zqalType li a {
    display: block;
    color: rgba(255,255,255,0.80);
}
.zqal .zqalType li img {
    display: block;
    margin: 25px auto 5px;
    opacity: .5
}
.zqal .zqalType li.cur {
    background: url("../images/xcbg_01.png") no-repeat center center;
}
.zqal .zqalType li.cur a {
    color: #fff;
}
.zqal .zqalType li.cur img {
    opacity: 1;
}
.zqal .zqal_con {
    position: relative;
}
.zqal .zqal_con .zqalBtnl {
    display: block!important;
    width: 60px;
    height: 70px;
    position: absolute;
    left: -90px;
    top: 85px;
    background: url("../images/index_59.png") no-repeat center;
    cursor: pointer;
}
.zqal .zqal_con .zqalBtnr {
    display: block!important;
    width: 60px;
    height: 70px;
    position: absolute;
    right: -85px;
    top: 85px;
    background: url(../images/index_58.png) no-repeat center;
    cursor: pointer;
}
/*.zqal .zqal_con .zqalBtnl:hover {background: url(../images/banjtl02.png) no-repeat center;}

.zqal .zqal_con .zqalBtnr:hover {background: url(../images/banjtr02.png) no-repeat center;}*/

.zqal .zqal_con .conbox {
    display: none;
    position: relative;
    overflow: hidden;
}
.zqal .zqal_con .conbox.cur {
    display: block;
}
.zqal .zqal_con .conbox ul {
    position: relative;
}
.zqal .zqal_con .conbox ul li {
    float: left;
    width: 326px;
    margin-left: 25px;
    display: block
}
.zqal .zqal_con .conbox ul li:first-child {
    margin-left: 0;
}
.zqal .zqal_con .conbox dl dt {
    width: 306px;
    overflow: hidden;
    border: 10px solid rgba(255,255,255,0.8);
}
.zqal .zqal_con .conbox dl dt img {
    display: block;
    width: 310px;
    transition: all 0.5s;
}
.zqal .zqal_con .conbox dl dd.dd1 {
    font-size: 16px;
    margin: 25px 0 15px 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zqal .zqal_con .conbox dl dd.dd1 a {
    color: #333;
}
.zqal .zqal_con .conbox dl dd.dd2 {
    line-height: 22px;
    text-align: center;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 66px;
}
.zqal .zqal_con .conbox dl dd.dd2 a {
    color: #999;
}
.zqal .zqal_con .conbox ul li:hover dl dt img {
    transform: scale(1.1);
}
.xzzq {
    height: 852px;
    background: url(../images/xzzqbg.jpg) no-repeat center top;
}
.xzzq .h2_title {
    margin-bottom: 70px;
}
.xzzq .conImg {
    width: 533px;
    height: 577px;
    position: relative;
    background: #dfdcdc;
}
.xzzq .conImg .box {
    width: 493px;
    height: 537px;
    position: relative;
    padding: 20px;
    border: 1px solid #d9d9d9;
    left: 20px;
    top: -20px;
    background: #fff;
}
.xzzq .conImg ul {
    position: relative;
}
.xzzq .conImg ul li {
    display: none;
    width: 493px;
    height: 537px;
}
.xzzq .conImg ul li img {
    display: block;
    width: 493px;
    height: 537px;
}
.xzzq .conImg ul li.cur {
    display: block;
}
.xzzq .conTit {
    padding-top: 70px;
    width: 515px;
}
.xzzq .conTit dl {
    position: relative;
    margin-bottom: 95px;
    cursor: pointer;
}
.xzzq .conTit dl dt {
    font-size: 16px;
    margin-bottom: 12px;
    position: relative;
}
.xzzq .conTit dl dt span {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -54px;
    top: 0;
}
.xzzq .conTit dl dd {
    line-height: 20px;
}
.xzzq .conTit dl.cur dt {
    color: #da251e;
}
.xzzq .conTit dl.dl1 dt span {
    background: url(../images/xzzqicon01.png) no-repeat center;
}
.xzzq .conTit dl.dl2 dt span {
    background: url(../images/xzzqicon03.png) no-repeat center;
}
.xzzq .conTit dl.dl3 dt span {
    background: url(../images/xzzqicon05.png) no-repeat center;
}
.xzzq .conTit dl.dl1.cur dt span {
    background: url(../images/xzzqicon02.png) no-repeat center;
}
.xzzq .conTit dl.dl2.cur dt span {
    background: url(../images/xzzqicon04.png) no-repeat center;
}
.xzzq .conTit dl.dl3.cur dt span {
    background: url(../images/xzzqicon06.png) no-repeat center;
}
.xzzq .conTit dl dt .titbg {
    display: none;
    width: 38px;
    height: 77px;
    position: absolute;
    left: -131px;
    top: -15px;
    background: url(../images/xzzqjtr.jpg) no-repeat center;
}
.xzzq .conTit dl.cur dt .titbg {
    display: block;
}
.xzzq .h2_title a {
    cursor: default;
}

/**/
#about .ppjs{
	background: none;
}
.ppjs {
    margin-top: 80px;
	padding-bottom: 50px;
    background: #f1f9fc;
}
.ppjs h2.h2_title {
    margin-bottom: 70px;
}
.ppjs h2.h2_title i {
    background: url(../images/index_43.png) no-repeat center center;
}

.ppjs .fl{
	width: 520px;
}
.ppjs .entit{
	font-weight: bold;
	font-size: 72px;
	font-family:  Arial, "微软雅黑";
	text-transform: uppercase;
	color: #dfeefa;
	line-height: 55px;
}
#about .ppjs .entit{
	color: #f1f9fc;
}


.ppjs .cntit{
	font-weight: bold;
	font-size: 25px;
	color: #222;
	margin-bottom: 35px;
}
.ppjs .p1 {
    font-size: 16px;
	color: #666;
    line-height: 28px;
    margin-bottom: 60px;
	white-space: pre-line;
}

.ppjs .more{
	font-size: 22px;
	color: #fff;
	background: #014590;
	padding: 11px 32px;
    border-radius: 30px;
	float: left;
	margin-right: 20px;
}
.ppjs .more:hover{
	background: #222;
}

.ppjs .gytel{
	background: url("../images/index_16.png") no-repeat left center;
	background-size: 51px 51px;
	height: 51px;
	display: block;
	float: left;
	padding-left: 65px;
}

.ppjs .gytel em{
	display: block;
	font-family: "Times New Roman", Arial, "微软雅黑";
	font-size: 35px;
	color: #da251d;
	font-weight: bold;
}

.ppjs .fr{border: 20px solid #d8eaf9;}
.ppjs embed{
	
}



.ppjs .ppjsNum {
    margin-top: 50px;
    background: #014590;
}
.ppjs .ppjsNum li {float: left; padding: 30px 40px 40px 90px;color: rgba(255,255,255,0.50);}
.ppjs .ppjsNum li:first-child {background: none;}
.ppjs .ppjsNum li b {display: block;font-size:80px;font-family: Arial,"微软雅黑"; font-weight: 100; color:#fff;}

.ppjs .ppjsType {text-align: center;margin-bottom: 32px;}
.ppjs .ppjsType li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 110px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;border: 1px solid #dcd9d9;background: #fff;border-radius: 54px;margin: 0 5px;}
.ppjs .ppjsType li a {display: block;height: 46px; color: rgba(255,255,255,0.50);}
.ppjs .ppjsType li.cur {background: #014590;border-color: #014590;}
.ppjs .ppjsType li.cur a {color: #fff;}
.ppjs .ppjsbox .box {display: none;}
.ppjs .ppjsbox .box.cur {display: block;}
.ppjs .ppjsbox .box ul li {float: left;width: 385px;margin-left: 22px;}
.ppjs .ppjsbox .box ul li:first-child {margin-left: 0;}
.ppjs .ppjsbox .box ul li span {display: block;width: 385px;height: 288px;overflow: hidden; border: 1px solid #f4f4f4;}
.ppjs .ppjsbox .box ul li img {display: block;width: 385px;height: 288px;transition: all 0.5s;}
.ppjs .ppjsbox .box ul li p {text-align: center;font-size: 16px;padding-top: 16px;}
.ppjs .ppjsbox .box ul li:hover img {transform: scale(1.1);}

/**/
  .tl-fdh-02 {
	height: 55px;
	background: #f1f9fc;
	margin-bottom: 20px;
}

.tl-fdh-02 li {
	width: 16.66%;
	height: 55px;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	float: left;
	border-right: 1px solid #eee;
	box-sizing:border-box;
	background: #f1f9fc;
	cursor: pointer;
	text-overflow: ellipsis;
	position: relative;
}

.tl-fdh-02 li a {
	color: #333;
	display: block;
}

.tl-fdh-02 li.sidenavcur,
.tl-fdh-02 li:hover {
	background: url(../images/p16-icon6.png) no-repeat bottom center #165fac;
	border-color: #165fac;
}

.tl-fdh-02 li.sidenavcur a,
.tl-fdh-02 li:hover a {
	color: #fff;
}

.tl-fdh-02 li .erji{ display:none; width:100%; text-align:center; position:absolute; top:55px; left:0;z-index: 10;}
.tl-fdh-02 li .erji li{width:100%; height:40px; line-height:40px;background:#eee; border-bottom:#fff 1px solid;}
.tl-fdh-02 li .erji li a{color:#333;}
/*解决方案*/
.plan_bg{ background:url(../images/plan_bg.jpg) no-repeat center 0;height: 534px; padding:45px 0 0;overflow: hidden;}
.plan_bt{ background:url(../images/cp_line.gif) no-repeat center 57px;text-align: center;line-height: 30px;height: 129px;}
.plan_bt span{display: block;font-size: 16px;font-weight: normal; padding:12px 0 0;}
.plan dl{ padding:0 0 0 154px; display:inline-block;width: 1046px;}
.plan dl dt{width: 471px;height: 294px;float: left;overflow: hidden;}
.plan dl dt img{width: 471px;height: 294px;}
.plan dl dd{width: 470px;float: left; padding:20px 0 0 70px;}
.plan dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.plan dl dd h5 a{font-size: 22px;color: #333;}
.plan dl dd h5 a:hover{color: #165fac;}
.plan .plan_desc{font-size: 14px;color: #333;line-height: 24px;height: 96px;overflow: hidden; padding:10px 0 0;}
.plan_t{position: absolute;top: 360px;left: 700px;}
.plan_t ul li{width: 180px;height: 55px;float: left; padding:0 20px 0 0;}
.plan_t ul li a{font-size: 16px;color: #fff;font-weight: bold;display: block;width: 180px;height: 55px;text-align: center;line-height: 55px;background: #165fac;border-radius:100px;}
.plan_t ul li a:hover,.plan_t ul li.on a{background: #da251d;}

/*解决方案流程*/
.liuc_bg{background: #165fac; padding:25px 0 0;height: 125px;}
.liuc_l{font-size: 30px;color: #fff;width: 200px;text-align: center;line-height: 36px; padding:20px 0 0;}
.liuc_l span{display: block;font-size: 14px;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.idesign-list{width: 935px; background:url(../images/cp_line.gif) repeat-x 0 40px;}
.idesign-list dl{width: 187px;height: 125px;float: left;text-align: center;}
.idesign-list dl dt{width: 76px;height: 76px; margin:0 auto;}
.idesign-list dl dd{font-size: 14px;color: #fff; padding:8px 0 0;}
.idesign-list dl .icon{position:relative;display:block;width: 76px;height: 76px;}
.idesign-list dl .icon i{position:absolute;width:100%;height:100%; background-image:url(../images/liuc_ico.png);top:0;left:0;}
.idesign-list dl .icon .default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.idesign-list dl .icon .hover{opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-76px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-76px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.idesign-list dl.i1 .icon .default{background-position:0 0;}
.idesign-list dl.i2 .icon .default{background-position:0 -76px;}
.idesign-list dl.i3 .icon .default{background-position:0 -152px;}
.idesign-list dl.i4 .icon .default{background-position:0 -228px;}
.idesign-list dl.i5 .icon .default{background-position:0 -304px;}
.idesign-list dl.i1 .icon .hover{background-position:-76px 0;}
.idesign-list dl.i2 .icon .hover{background-position:-76px -76px;}
.idesign-list dl.i3 .icon .hover{background-position:-76px -152px;}
.idesign-list dl.i4 .icon .hover{background-position:-76px -228px;}
.idesign-list dl.i5 .icon .hover{background-position:-76px -304px;}
.idesign-list dl:hover .hover{opacity:1;visibility:visible;}
.idesign-list dl:hover .default{opacity:0;visibility:hidden;}
.idesign-list dl:hover .default{-webkit-transform:translate3d(0,76px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,76px,0) rotate3d(1,0,0,-90deg);}
.idesign-list dl:hover .hover{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/******风采******/
.cp_bt{height: 70px;text-align: center; background:url(../images/cp_line.gif) no-repeat center 12px;}
.cp_bt a,.plan_bt a{font-size: 25px;color: #222;}
.cp_bt i,.plan_bt i{color: #165fac;}
.case{ padding:70px 0 0;}
.case .plan_bt{ background:url(../images/cp_line.gif) no-repeat center 57px;height: 95px;margin: 10px 0;}
.abtxt{
	font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    border: 1px dashed #eee;
    padding: 20px;
}

.case ul li{width: 292px;height: 188px;float: left;position: relative; margin-right:10px; margin-bottom:10px;overflow: hidden;}
.case ul li img{width: 290px;height: 188px;border: 1px solid #f5f5f5;}
.case ul li span{ width:290px; display:block; text-align:center; height:40px; line-height:40px;font-size: 14px;color: #333;position: absolute;bottom: 0;left:1px; background:rgba(0,0,0,0.5); overflow:hidden; color: #fff;}
.case ul li .a_bg{ display:none;width: 292px;height: 188px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;line-height: 260px;text-align: center;overflow: hidden;}
.case ul li:nth-of-type(4n){margin-right: 0;}
.a_bg {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.a_bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background:url(../images/case_picbg.png) no-repeat;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_bg:hover, .a_bg:focus, .a_bg:active {
  color: white;
}
.a_bg:hover:before, .a_bg:focus:before, .a_bg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/************************************************/
/*新闻百科*/

.news_bg{padding:0 0 70px;}

.news_bt{height: 88px;line-height: 88px;text-align: center; background:url(../images/news_line01.gif) no-repeat center 44px;}

.news_bt a{font-size: 30px;color: #333;}

.news_t{height: 50px;width: 100%;border-bottom: 1px solid #ddd;}

.news_t ul li{ background:url(../images/index_65.png) no-repeat 0 1px;height: 50px;float: left; padding-left:20px;margin-right: 25px;}
.news_t ul li:first-child{background:url(../images/index_62.png) no-repeat 0 1px;}

.news_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;height: 50px;overflow: hidden; padding:0 10px;}
.news_t ul li a span{ font-family: Arial, "微软雅黑";font-size: 13px; color: #999;display: block;text-transform: uppercase; font-weight: normal;margin-top: 5px;}

.news_t a.fr{
	font-size: 16px;
	color: #666;
	padding-top: 18px;
}
.news_t ul li.cur{background:url(../images/index_66.png) no-repeat 0 1px;height: 50px;}
.news_t ul li.cur:first-of-type{background:url(../images/index_63.png) no-repeat 0 1px;height: 50px;}
.news_t ul li.cur a{color: #da251d;}



.news_m{padding:20px 0 30px;}

.news_l{width: 600px;}

.news_l dl{width: 600px;height: 400px;border: 1px solid #ddd;}

.news_l dl dt{ display:inline-block;width: 600px;}

.news_l dl dt span{display: block;float: left;width: 185px;height: 180px;background:#014590;font-size: 18px;color:rgba(255,255,255,0.70); padding:0 0 0 55px;line-height: 50px; font-weight: normal;font-family:"微软雅黑",Arial;}

.news_l dl dt span i{display: block;font-size: 66px; padding:45px 0 10px; color:#fff;}

.news_l dl dt em{display: block;float: left;width: 360px;height: 180px;}

.news_l dl dt img{width: 360px;height: 180px;}

.news_l dl dd{padding: 30px;}

.news_m dl dd h5{height: 30px;line-height: 30px;font-size: 16px;color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_m dl dd h5 a{font-size: 16px;color: #000;}

.news_m dl dd h5 a:hover,.news_r ul li:hover a,.wd_l a:hover,.wd_r dl:hover dt a{color: #014590;}

.news_m .news_desc{font-size: 14px;color: #666;height: 50px;line-height: 25px;overflow: hidden; padding:10px 0 0;}

.news_l dl dd span{display: block; padding:25px 0 0;}

.news_l dl dd span a{display: block;float: left; width: 115px; height:35px;  background: url(../images/btnr01.png) no-repeat center center;border: 1px solid #014590;}

.news_l dl dd span a:hover{background: url(../images/btnr02.png)#014590 no-repeat center center;border: 1px solid #014590;}



.news_r{width: 550px;}

.news_r dl{width: 550px;height: 180px;background: #f1f1f1;}

.news_r dl dt{display: block;float: left; font-size:66px; padding:30px 40px 10px; color:#222; font-family: "微软雅黑", Arial;}

.news_r dl dt em{ display: block; font-size: 18px;color: #666; margin-top: 10px;}

.news_r dl dt em img{width: 20px;height: 20px;}

.news_r dl dd{width: 350px;float: left; padding:33px 0 0;}

.news_m .news_r .news_desc{height: 75px;}

.news_r ul{ padding:10px 0 0;}

.news_r ul li{line-height: 45px;font-size: 14px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r ul li date{float: right; color: #666; font-size: 13px;}

.news_r ul li a{font-size: 14px;color: #333; padding:0 0 0 10px;}


/*常见问答*/

.wd_l{width: 150px; padding:10px 0 0;background: url("../images/index_69.png") no-repeat left 14px; padding-left: 30px;}

.wd_l a{font-size: 20px;color: #383838;font-weight: bold;}

.wd_l span{display: block;font-size: 14px;color: #b4b4b4;text-transform: uppercase; padding:6px 0 0;}

.wd_r{width: 978px; border: 1px dashed #ddd;padding: 20px 20px 0;}
.wd_r .wd_m{  overflow: hidden;}

.wd_r dl{width: 450px;float: left;height: 135px; margin:0 40px 0 20px;}

.wd_r dl dt{ background:url("../images/index_72.png") no-repeat left;height: 45px;line-height: 40px;overflow: hidden; border-bottom: 2px solid #999;}

.wd_r dl dt a{font-size: 16px; line-height: 45px; color: #222;font-weight: bold; padding:0 0 0 35px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}

.wd_r dl dd{height: 50px;line-height: 25px;font-size: 14px;color: #606060;overflow: hidden; padding:15px 0 0 30px;width: 400px;}


#about .wenhua{padding: 50px 0 80px;}
#about .wd_l{background: none; padding: 20px 210px;}
#about .wd_l a{font-size: 25px;}
#about .wenhua ul{position: relative;}
#about .wenhua .wenhuabg{background: url("../images/wenhua_bg.jpg") no-repeat center top; height: 652px;}
#about .wenhua li{position: absolute; width: 120px; text-align: center;}
#about .wenhua li date{color: #333; font-size: 16px; display: block; position: absolute; display: inline-table;}
#about .wenhua li span{color: #fff; font-size: 18px;}

#about .wenhua li:nth-of-type(1){top: 390px; left: 35px;}
#about .wenhua li:nth-of-type(1) date{top: 170px; left: 35px;}

#about .wenhua li:nth-of-type(2){top: 530px; left: 210px;}
#about .wenhua li:nth-of-type(2) date{top:-160px; left:-10px;}

#about .wenhua li:nth-of-type(3){top: 235px; left: 273px;}
#about .wenhua li:nth-of-type(3) date{top: 165px; left: 30px;}

#about .wenhua li:nth-of-type(4){top: 400px; left: 453px;}
#about .wenhua li:nth-of-type(4) date{top:-140px; left:-20px;}

#about .wenhua li:nth-of-type(5){top: 145px; left: 520px;}
#about .wenhua li:nth-of-type(5) date{top: 160px; left: 20px;}

#about .wenhua li:nth-of-type(6){top: 340px; left: 670px;}
#about .wenhua li:nth-of-type(6) date{top:-140px; left:0px;}

#about .wenhua li:nth-of-type(7){top: 110px; left: 780px;}
#about .wenhua li:nth-of-type(7) date{top: 160px; left: 20px;}

#about .wenhua li:nth-of-type(8){top: 350px; left: 910px;}
#about .wenhua li:nth-of-type(8) date{top:-155px; left:20px;}

#about .wenhua li:nth-of-type(9){top: 120px; left:1052px;}
#about .wenhua li:nth-of-type(9) date{top: 170px; left: 20px;}









/*企业文化*/
.ab_bg{ background:#f1f9fc; padding: 70px 0; font-size:0; overflow:hidden;}
.about .cp_bt{height: 123px;line-height: 123px;overflow: hidden; background:url(../images/ab_line.gif) no-repeat center 62px;}
.about dl dt{width: 592px;height: 445px;float: left;overflow: hidden;}
.about dl dt img{width: 592px;height: 445px;}
.about dl dd{ 
	width: 568px;
    float: left;
    padding: 30px 0 0 40px;
}
.about dl dd h5 a{
	font-size: 25px;
    color: #222;
    margin-bottom: 20px;
    display: block;
}
.about dl dd h5 a em{
	text-transform: uppercase;
    color: rgba(0, 0, 0, 0.3);
}
.about .ab_desc{ font-size:14px; color:#666; line-height:24px;padding:5px 0 0; overflow:hidden;}
.about dl dd span{display: block;width: 568px; padding:18px 0 0 0;}
.about dl dd span img{width:568px}
.ab_bot{ padding: 55px 0 10px; display:inline-block;width: 1200px;}
.ab_bot ul li{width: 400px;float: left;height: 60px;}
.ab_bot ul li em{display: block;float: left;width: 50px;height: 50px;background: #165fac;border-radius:50%;font-size: 22px;color: #fff;text-align: center;line-height: 50px;font-weight: bold; margin:5px 0 0 80px;}
.ab_bot ul li span{display: block;float: left;font-size: 14px;color: #333;width: 250px; padding:0 0 0 20px;line-height: 20px;}
.ab_bot ul li b{display: block; font-size: 18px;line-height: 40px;}
.ab_bot ul li:hover em{background: #da251d;}

/************/
.three_bg{ background:url("../images/index_75.jpg") no-repeat center 0;height:572px;}

.three_bt{text-align: center; padding:60px 0 25px;height: 112px;}

.three_bt span{ color: #014590; font-size: 25px; font-weight: normal; display: block; margin-bottom: 10px;}

.three ul li{ background:url("../images/index_86.png") no-repeat;width:205px;height: 78px;float: left;overflow: hidden;margin:0 35px;}

.three ul li em{display: block;float: left; margin: 23px;}

.three ul li em img{width: 33px;height:33px;

-webkit-transition: -webkit-transform 0.5s ease-out;

-moz-transition: -moz-transform 0.5s ease-out;

-o-transition: -o-transform 0.5s ease-out;

-ms-transition: -ms-transform 0.5s ease-out;}

.three ul li:hover em img {

-webkit-transform: rotateZ(360deg);

-moz-transform: rotateZ(360deg);

-o-transform: rotateZ(360deg);

-ms-transform: rotateZ(360deg);

transform: rotateZ(360deg);

}

.three ul li b{
    display: block;
    float: left;
    font-weight: normal;
    font-size: 25px;
    color: #fff;
    padding: 23px 0 0 20px;
}

.three ul li i{display: block;}

.three ul li:first-child{}

/**/
.h_head_gd{ position:fixed; top:0px; width:1200px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)0); z-index:8; left:50%; margin-left: -600px; background:#FFF; border-bottom:1px #e7f1ec solid;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}




/*选择理由*/

.index_xuanze {

    overflow: hidden;

    background: url("../images/youshibj.jpg") repeat;

    padding: 80px 0 30px;

}

.liyou_title span {

    color: #666;

}

/* 本例子css */



.slideTxtBox {

    width: 100%;

    text-align: left;

}

.slideTxtBox .hd {

    width: 1200px;

    margin: 0 auto 40px auto;

    height: 95px;

    position: relative;

}

.slideTxtBox .hd ul {

    float: left;

    position: absolute;

    background: #fff;

}

.slideTxtBox .hd ul li {

    float: left;

    width: 300px;

    cursor: pointer;

    height: 95px;

    background: url("../images/liyou_hx.jpg")no-repeat right top;

}

.slideTxtBox .hd ul li.on {

    height: 95px;

    background: #2e4672!important;

}

.liyou01_img {

    width: 64px;

    height: 64px;

    background: #666;

    float: left;

    position: relative;

    border-radius: 50%;

    margin-right: 12px;

    overflow: hidden;

}

.liyou01_img .ico01 {

    position: absolute;

    top: 15px;

    left: 14px;

}

.liyou01_img .ico01_cs {

    position: absolute;

    top: -39px;

}

.slideTxtBox .hd ul li.on .ico01 {

    top: -39px;

}

.slideTxtBox .hd ul li.on .ico01_cs {

    top: 15px;

    left: 14px;

}

.slideTxtBox .hd ul li.on .liyou01_img {

    background: #fff;

}

.slideTxtBox .hd ul li.on .liyou01_wen p {

    color: #fff;

}

.slideTxtBox .hd ul li.on .liyou01_wen span {

    color: #fff;

}

.liyou01 {

    width: 212px;

    margin: 14px auto;

}

.liyou01_wen p {

    font-size: 20px;

    color: #333;

    line-height: 21px;

}

.liyou01_wen span {

    color: #c2c2c2;

    font-size: 12px;

    text-transform: uppercase;

}

.liyou01_wen {

    padding: 15px 0;

}

.slideTxtBox .bd {

    

    height: 615px;

}

.slideTxtBox .bd ul {

    zoom: 1;

}

.slideTxtBox .bd ul li {

    width: 1200px;

    overflow: hidden;
    margin: 0 auto;

}

.slideGroup03 .sPrev, .slideGroup03 .sNext {

    position: absolute;

    left: 47.5%;

    bottom: -4px;

    display: block;

    width: 57px;

    height: 57px;

    background: url("../images/xuanze_jtz.png") center center no-repeat;

}

.slideGroup03 .sNext {

    left: auto;

    right: 47.1%;

    background: url("../images/xuanze_jtr.png") center center no-repeat;

}

.slideGroup03 .sPrev:hover, .slideGroup03 .sNext:hover {

    border-color: #f60;

}

.liyou_nr {

    width: 44%;

    float: right;

    height: 615px;

    text-align: left;

}

.liyou_title11 {

    padding: 115px 0;

}

.liyou_title11 p {

    color: #2e4672;

    font-weight: bold;

    font-size: 30px;

    line-height: 35px;

}

.liyou_title11 p span {

    font-size: 57px;

}

.liyou_title11 .liyou_by {

    color: #333;

    font-size: 33px;

}

.liyou_wen {

    color: #999;

    font-size: 14px;

    line-height: 26px;

    text-align: left;

}

.slideTxtBox .arrow {

    position: absolute;

    right: 45%;

    bottom: -656px;
    z-index: 999;
}

.slideTxtBox .arrow a {

    display: block;

    width: 55px;

    height: 50px;

    float: right;

    overflow: hidden;

    cursor: pointer;

    background: url("../images/liyou_jt.jpg") center center no-repeat;

}

.slideTxtBox .arrow .next {

    background-position: 0 1px;

}

.slideTxtBox .arrow .prev {

    background-position: -59px 1px;

}

/*选择理由结束*/


.index_fangan {

    background: #f1f1f1;

    padding: 103px 0 30px;

    overflow: hidden;

}

.fangan_title {

    text-align: center;

    padding-bottom: 35px;

}

.fangan_title p {

    color: #222;

    font-size: 34px;

}

.fangan_title span {

    font-size: 14px;

    color: #666;

}
.fangan_title .geduan{
    width: 42px;
    height: 2px;
    background: #c10008;
    margin:15px auto 0 auto;
}

.title_hx {

    border-bottom: 2px solid #c10008;

    padding: 25px 0;

}
