@charset "utf-8";
/* CSS Document*/
input,select,button{
    font:12px Verdana,Arial,Tahoma;
    vertical-align:middle;
}
input[type="submit"] {
    background: #004db8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 15px;
    width:75px;
    height:30px;
}
input[type="submit"]:hover {
    background: #C1C1C1 none repeat scroll 0 0;
}
input[type="reset"] {
    background: #3f3f3f none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 15px;
    width:75px;
    height:30px;
}
input[type="reset"]:hover {
    background: #C1C1C1 none repeat scroll 0 0;
}
/*新闻头图*/
.banner{background-position: center center;background-repeat: no-repeat;height: 300px;min-width: 1400px;margin-top: 84px;}
.other-banner{height: 300px;margin-top: 84px;overflow: hidden;position: relative;min-width: 1400px;}
.other-banner .banner-wrap{left: 50%;margin-left: -960px;position: absolute;top: 0;width: 1920px;min-width: 1400px;}
/*px*/
#px_banner{width:100%;padding-bottom:350px;position:relative;z-index:9;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.px_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.px_txt .container{position:relative;height:100%;}
.px_txt .px_pp{text-align:right;margin-top:90px;}
.px_txt .px_pp .p_p{margin:0;line-height:52px;height:52px;font-size:42px;font-weight:bold;color:#FFF;position:relative;}
.px_txt .px_pp span{display:block;text-transform:uppercase;font-size:18px;height:18px;line-height:18px;font-weight:bold;color:#FFF;margin-top:4px;}
.px_txt .px_pp i{display:block;float:right;width:85px;height:2px;background:#fe2900;margin-top:17px;}
.px_txt .px_pp p{margin:0;line-height:30px;font-size:18px;color:#FFF;margin-top:15px;display:block; float:right; width: 600px;}
.px_txt .px_p{background:url(position.png) no-repeat left center;line-height:26px;padding-left:18px;display:inline-block;color:#FFF;margin-top:15px;position:absolute;left:0;bottom:15px;}
.px_txt .px_p a{color:#FFF;}
/*公用分页*/
.pagect {
    padding:0px;
    background:#fff;

}
.location {
    padding-left:40px;
    height:48px;
    line-height:48px;
    border-bottom:1px solid #CCCCCC;
    background:url(../images/listc1.jpg) left center no-repeat;
    color:#333333;
    font-family:"Microsoft YaHei UI", "微软雅黑";
    font-size:14px;
}
/*list.html css*/
.listshow {
    padding:10px 8px;
    min-height:400px;
    _height:400px;
}
.listlist {
    font-size:14px;
}
.listlist li {
    padding:24px 0;
    float:left;
    width:100%;
    background:url(../images/dot_03.jpg) repeat-x bottom;
    overflow:hidden;
    font-family:"Microsoft YaHei UI", "微软雅黑";
}
.listlist li .xxcont {
    text-indent:2em;
}
.listlist li .xxcont a {
    color:#004db8;
}
/*li noimg*/
.listlist div {
    width:100%;
    float: left;
    line-height:26px;
    color:#A8A8A8;
}
.listlist h3 {
    line-height:40px;
    font-size:18px;
    width: 90%;
    float: left;
}
.listlist p {
    color:#A8A8A8;
    font-size:18px;
    width: 10%;
    display: block;
    float: left;
}
/*li img*/
.tpli img {
    border:none;
    width:280px;
    height:154px;
    float:left;
    padding-right:20px;
}
.tpli div {
    width:844px;
    float: left;
    line-height:30px;
}
.tpli h3 {
    width:100%;
    line-height:40px;
    font-size:18px;
    float: left;
}
.tpli p {
    width:100%;
    color:#A8A8A8;
    font-size:18px;
    float: left;
}
/*paging*/
.page_num {
    padding-top:25px;
    height:45px;
    overflow:hidden;
    font-size:12px;
}
#page_div {
    line-height:20px;
    color:#000;
}
#pagination_input {
    width:20px;
    height:16px;
    line-height:16px;
    margin:0 8px;
    padding:0;
    overflow:hidden;
    border:1px solid #ccc;
}
#page_div .pagination_index, #page_div .pagination_index_num {
    background:#FFFFFF;
    border:1px solid #169DBB;
    padding:0 8px;
    margin-right:2px;
    float: left;
    height:20px;
    text-align:center;
}
#page_div .pagination_index a, #page_div .pagination_index_num a {
    padding:0px;
    margin:0px;
    text-align:center;
    color:#000;
}
#page_div .pagination_index a:hover, #page_div .pagination_index_num a:hover {
    padding:0px;
    margin:0px;
    text-align:center;
    color:#000;
}
#page_div .pagination_index_last {
    width:260px;
    float:right;
    text-align:right;
}
#page_div .pagination_index_num {
    margin-right:2px;
    padding:0px;
    width:20px;
}
#page_div .currentIndex {
    background:#004db8;
    border:1px solid #004db8;
    width:20px;
    height:20px;
    line-height:20px;
    color:#FFF;
    text-align:center;
    font-weight:bold;
}
/*content.html css*/
.cttitle {
    padding:20px;
    color:#004db8;
    line-height:1.4em;
    text-align:center;
    font-size:28px;
    font-weight:bold;
}
.explaintl {
    border-bottom:1px solid #CCCCCC;
}
.explain {
    padding:0 40px;
    height:50px;
    line-height:50px;
    font-size:16px;
    border:1px solid #CCCCCC;
    border-left:none;
    border-right:none;
    color:#333333;
    text-align:center;
}

.explain li {
    padding:0 20px;
    float:left;
}
.articlect {
    padding:40px;
    border-bottom:1px solid #CCCCCC;
    color:#333333;
    line-height:28px;
    min-height:280px;
}
.articlect  a{
    font-weight: bold;
    color: #2b6bcf;

}
.articlect  a:hover{
    font-weight: bold;
    color: #cb0101;

}
#zoomcon {
    font-size:16px;
}
.prev_next {
    padding:40px;
}
.prev_next li {
    font-size:14px;
    line-height:28px;
}
/* 分页*/
.mypage {
    margin-top: 10px;
    text-align: center;
    float:left;
    width:1400px;
    margin-bottom: 20px;
}
.mypage a {
    border:1px solid #C1C1C1;
    color: #666;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 3px;
    padding-left: 24px;
    padding-right: 24px;
    vertical-align: middle;
}
.mypage strong {
    background: #fff none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 3px;
    padding-left: 24px;
    padding-right: 24px;
    vertical-align: middle;
}
.mypage a:hover {
    background: #2b6bcf none repeat scroll 0 0;
    color: #fff;
}
.mypage a.active {
    background: #2b6bcf none repeat scroll 0 0;
    color: #fff;
}
.mypage em {
    background: #fff none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 3px;
    padding-left: 24px;
    padding-right: 24px;
    vertical-align: middle;
}
.sub_airport {
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    padding-bottom: 30px;
}
.airp_box {
    margin-left: -50px;
    overflow: hidden;
}
.sub_airport li {
    cursor: pointer;
    float: left;
    margin-bottom: 20px;
    margin-left: 42px;
    overflow: hidden;
    position: relative;
    width: 256px;
}
.airp_img {
    height: 358px;
    overflow: hidden;
    width: 256px;
}
.sub_airport li .airp_bg {
    height: 358px;
    left: 0;
    position: absolute;
    top: 0;
    width: 256px;
}
.sub_airport li .airp_bg::before {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 0;
    left: 13px;
    position: absolute;
    top: 10px;
    transition: height 300ms ease-in-out 0s;
    width: 225px;
}
.sub_airport li .airp_bg::after {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 332px;
    left: 13px;
    position: absolute;
    top: 10px;
    transition: width 300ms ease-in-out 0s;
    width: 0;
}
.sub_airport li .airp_bg a {
    color: #fff;
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 111;
}
.sub_airport li a {
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:center;
}
.sub_airport li:hover img {
    opacity: 0.4;
}
.sub_airport li:hover .airp_bg {
    background: #2b6bcf none repeat scroll 0 0;
    opacity: 0.8;
}
.sub_airport li:hover .airp_bg a {
    color: #fff;
    opacity: 1;
    top: 40%;
}
.sub_airport li:hover .airp_bg::before {
    height: 334px;
}
.sub_airport li:hover .airp_bg::after {
    width: 229px;
}
.sub_airport li:hover a {
    color: #2b6bcf;
}


.list_zxky_box{
    width: 100%;
    background-color: #f3f3f3;
}
.list_zxky_box .list_zxky_box1{
    width: 1200px;
    margin: 0 auto;
}

.list_zxky_box .list_zxky_box1 .list_zkyx{
    width: 1200px;
}

.list_zxky_box .list_zxky_box1 .list_zkyx ul li{
    border: 1px solid #f3f3f3;
    float: left;
    margin-right: 9px;
    margin-left: 9px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    background: #fff;
    width: 220px;
    overflow: hidden;

}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li div{
    background-color: #FFFFFF;
    width: 266px;
    overflow: hidden;
    margin: -5px auto 0 auto;
    padding-bottom:20px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li:hover{
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 1px #DDDDDD;
}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li img{

    padding: 5px;
    text-align: center;
    height: 142px;
    transition: all 0.6s;
}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li img:hover{
    transform: scale(1.1);
}

.list_zxky_box .list_zxky_box1 .list_zkyx ul li h3{
    color: #333333;
    font-size: 16px;
    margin-left: 15px;
    font-weight: 100;
    padding-top: 5px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li:hover h3{
    color: #ff702d;
}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li  p{
    font-size: 14px;
    color: #666666;
    margin-left: 15px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx ul li  p span{
    color: #ff5721;
}

.list_zxky_box .list_zxky_box1 .list_zkyx_zytj{
    width: 240px;
    background-color: #FFFFFF;
    margin-top: 16px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj h2{
    height: 50px;
    line-height: 50px;
    color: #333333;
    font-size: 16px;
    font-weight: 100;
    border-bottom: 1px solid #ff702d;
    padding-left: 10px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul{
    padding-bottom: 20px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul li{
    margin-top: 20px;
    text-align: center;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul li img{

    height: 124px;
}

.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul li h3{
    font-size: 14px;
    color: #333333;
    font-weight: 100;
    text-align: left;
    margin-left: 10px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul li:hover h3{
    color: #ff702d;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul li p{
    font-size: 12px;
    color: #888888;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
}
.list_zxky_box .list_zxky_box1 .list_zkyx_zytj ul li p span{
    border: 1px solid #0b8eff;
    padding: 0 5px;
    color: #0b8eff;
    border-radius: 2px;

}
.ad_pro {
    width: 1368px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid #c9c6c6;
    margin: 40px auto 20px;
}

.ad_pro .example {
    float: left;
    margin: 20px 0 0 30px;
}

.ad_pro_world {
    width: 940px;
    margin-top: 10px;
    float: right;
    position: relative;
}

.world_head {
    width: 940px; overflow: hidden; padding-bottom: 5px;

    border-bottom: 2px solid #545454;
}
.world_head h1{font-size: 16px;}
.world_headss {
    width: 935px;
    padding: 10px;
    overflow: hidden;
    height: 192px;
    font-size: 14px;
    line-height: 180%;
}

.world_head img {
    float: left;
    margin: 5px 10px 0 10px;
}

.world_head b {
    font-size: 16px;
    float: left;
    margin-top: 5px;
    font-weight: normal; width: 460px;
}

.ad_pro_world p {
    font-size: 14px;
    position: absolute;
    width: 500px;
    left: 10px;
    top: 60px;
    line-height: 28px;
}

.ad_pro_world .lianxi {
    width: 940px;
    padding: 15px 20px;
    background: #f1f1f1;
    overflow: hidden;
    line-height: 200%;
}

.ad_pro_world .lianxi img {
    margin: 0 5px;
}

.ad_pro_world .lianxi a {
    display: inline-block;
    vertical-align: middle;
}
/*产品轮播*/
.preview {
    width: 400px;
    height: 327px;
    float: left;
}

/* smallImg */
.smallImg {
    position: relative;
    height: 56px;
    margin-top: 1px;
    background-color: #F1F0F0;
    padding: 6px 5px;
    width: 390px;
    overflow: hidden;
    float: left;
}

.scrollbutton {
    width: 14px;
    height: 50px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {
    background: url(../images/d_08.png) no-repeat;
}

.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {
    background: url(../images/d_09.png) no-repeat;
    margin-left: 375px;
    margin-top: -50px;
}

#imageMenu {
    height: 54px;
    width: 360px;
    overflow: hidden;
    margin-left: 0;
    float: left;
}

#imageMenu li {
    height: 54px;
    width: 90px;
    overflow: hidden;
    float: left;
    text-align: center;
}

#imageMenu li img {
    width: 76px;
    height: 50px;
    cursor: pointer;
}

#imageMenu li#onlickImg img, #imageMenu li:hover img {
    width: 76px;
    height: 50px;
    border: 1px solid #959595;
}

/* bigImg */
.bigImg {
    position: relative;
    float: left;
    width: 400px;
    height: 325px;
    overflow: hidden;
}

.bigImg #midimg {
    width: 400px;
    height: 325px;
}

.bigImg #winSelector {
    width: 400px;
    height: 325px;
}

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}
.wenzi, .wenzi p, .wenzi div, .wenzi span, .wenzi td {

    line-height: 28px;

}

.wenzi a {

    line-height: 28px;
}

.wenzi_1 {
    overflow: hidden;
    padding: 10px 5px;
}


.xiazaixx {
    margin-bottom: 8px;
    overflow: hidden;
    padding-left: 10px;
}

.xiazaixx ul li {
    float: left;
    margin-right: 30px;
    width: 400px;
}
.xiazaixx a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding-left: 125px;
    font-size: 16px;
}
.xiazaixx1 a {
    background: rgba(0, 0, 0, 0) url("../images/bt1.jpg") no-repeat scroll 0 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.xiazaixx3 a {
    background: rgba(0, 0, 0, 0) url("../images/bt3.jpg") no-repeat scroll 0 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}


.dianhuxx {
    background: rgba(0, 0, 0, 0) url("../images/bt4.jpg") no-repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    height:70px;
    margin-left: 3px;
    padding: 0px 0 0 193px;
    width: 500px;
    line-height: 70px;
}
.meikong-ewm{ position: absolute;top:156px;right:5px; text-align: center;}
.meikong-ewm img{width: 140px; height: 140px; float: left; margin-top: 29px;}
.meikong-add{position: absolute; top:256px; left: 6px;}
.edit-mk p{position: inherit;top:inherit;width: inherit; font-size:inherit;left:inherit;line-height: inherit;}
.zhuanye-gs{border: 1px solid #ddd; text-align: center; padding: 8px; float: left; width: 12px; margin-top: 37px;}

.pro_nav {
    width: 1398px;
    height: 43px;
    background: #f6f6f6;
    border: 1px solid #dddddd;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pro_nav li {
    float: left;
    border-right: 1px solid #dddddd;
    font-size: 14px;
}

.pro_nav li a {
    line-height: 43px;
    display: block;
    color: #323232;
    text-align: center;
    width: 125px;
    height: 43px;
    font-size: 14px;
}

.pro_nav li a:hover {
    background: #535353;
    color: white;
}

.pro_nav li a.active {
    background: #004db7;
    color: white;
}

.pro_video {
    width: 960px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.pro_video img {
    margin: 30px 0 10px 270px;
}

.pro_video_1 {
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 20px; /*text-align:center;*/
    padding-top: 20px;
}

.pro_video_1 img {
    max-width: 100%;
}

.pro_video_3 {
    width: 960px;
    height: 230px;
    margin: 0 auto;
}

.pro_video_3 img {
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}

.pro_video_3 ul li {
    width: 190px;
    height: 180px;
    display: block;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-left: 5px;
}

.pro_video_3 ul li p {
    margin-top: 10px;
    line-height: 40px;
}

.pro_nav_2 {
    width: 1200px;
    height: 43px;
    background: #f6f6f6;
    border: 1px solid #dddddd;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pro_nav_2 li {
    float: left;
    border-right: 1px solid #dddddd;
    height: 43px;
    font-size: 14px;
}

.pro_nav_2 li a {
    line-height: 41px;
    display: block;
    color: #323232;
    text-align: center;
    width: 150px;
    height: 41px;
}

.pro_nav_2 li a:hover, .pro_nav_2 .sel a {
    background: white;
    border-top: 2px solid #ff7900;
}

.pro_exampel {
    width: 1400px;
    height: 380px;
    margin: 0 auto;
}

.pro_exampel ul li {
    width: 700px;
    height: 160px;
    float: left;
}

.pro_exampel ul li img {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 20px;
    border: 1px solid #ccc;
    padding: 1px;
}

.pro_exampel ul li h1 {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    color: #1172b3;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
}
.xianxx {
    border-bottom: 2px solid #535353;
    background: url(../images/head_ban.png) no-repeat 10px 6px;
    font-size: 18px;
    padding-left: 25px;
    padding-bottom: 5px;
    padding-right: 10px;
}

.xianxx em {
    font-family: "Times New Roman", Times, serif;
    margin-left: 10px;
}

/*产品列表*/
.mxkc_js2 { width: 1400px; overflow: hidden; margin-top:25px;}

.mxkc_js2 li { float: left; width: 340px; height: 246px; overflow: hidden;text-align: center; position: relative; overflow: hidden; margin: 0 5px 15px ; cursor: pointer; }

.mxkc_js2 li img { width: 340px; height: 220px; text-align: center;  display:block; transition: all 0.3s; overflow: hidden;}
.mxkc_js { width: 100%; overflow: hidden; margin-top:25px;}
.mxkc_js li { float: left; width: 220px; height: 296px; text-align: center; position: relative; overflow: hidden; margin: 0px 20px 20px 0px; cursor: pointer; }
.mxkc_js li img { width: 262px; height: 296px; text-align: center; display:block;}

.mxkc_js2 li img:hover{
    transform: scale(1.02);

}
.mxkc_js2 .tit{
    background: #dcdde1;
    height: 50px;
    width: 340px;
}
.mxkc_js2 li a{color: #fff;width: 278px; height: 350px; overflow: hidden}
.mxkc_js2 li a:hover{color: #eeeeee;}
.mxkc_js_t{ height: 50px; width: 210px; text-align: center; color: #000; font-size:14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 50px; display: block; float:left;}
.mxkc_js_btn1{
    width: 65px;
    height: 50px;
    float:left;
    background:#f06522;
    line-height: 50px;
    text-align: center;
    padding:0;
    margin: 0;

}
.mxkc_js_btn2{
    width: 65px;
    height: 50px;
    float:left;
    background:#0979c1;
    line-height: 50px;
    text-align: center;
    padding:0;
    margin: 0;
    width: 65px;
    height: 50px;
}
.courcecontent {
    margin-top: 20px;
    padding: 30px 0px;
}
.courcecontent ul li {
    transition:all ease 0.3s;
    width:300px;
    height:300px;
    background:#FFFFFF;
    float:left;
    margin:0 23px 20px ;
    text-align: center;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
}
.courcecontent ul li:last-child {
    margin-right: 0px;
}
.courcecontent ul li a {
    display:block;
}
.courcecontent ul li img {
    width:186px;
    margin-bottom:4px;
    text-align: center
}
.courcecontent ul li em {
    padding:0 10px;
    font-size:16px;
    color:#4C4C4C;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:38px;
}
.courcecontent ul li i {
    color:#004db7;
    line-height:26px;
    width:90px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-left:10px;
}
.cBR_btn {
    width:70px;
    height:26px;
    text-align:center;
    line-height:26px;
    font-size:14px;
    border-radius:5px;
    color:#FFFFFF;
    margin-right:10px;
    background:#004db7;
    cursor:pointer;
}
.cBR_btn:hover {
    color: #f2f2f2
}
.cBR_btn1 {
    width:70px;
    height:26px;
    text-align:center;
    line-height:26px;
    font-size:14px;
    border-radius:5px;
    color:#FFFFFF;
    margin-right:10px;
    background:#585858;
    cursor:pointer;
}
.cBR_btn1:hover {
    color: #f2f2f2
}
.courcecontent ul li:hover {
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.5);
    transform:scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.cpli {
    width:355px;
    height:362px;
    overflow:hidden;
    background-color:#f2f2f2;
    margin-top:15px;
    margin: 20px 8px;
    border: 1px solid #ddd;
}
.cpli img {
    width:355px;
    height:270px;
}
.cpli .lefts {
    float:left;
    width:258px;
    margin-left:15px;
    margin-top:20px;
}
.cpli .lefts li {
    line-height:22px;
    height:22px;
    overflow:hidden;
}
.cpli .lefts li a {
    font-size:16px;
}
.cpli .lefts li span {
    color:#666;
    font-size:12px;
}
.cpli .rights {
    float: right;
    width:80px;
    text-align:center;
}
.cpli .rights a {
    font-size:14px;
    line-height:16px;
    background-color:#555555;
    margin-left:10px;
    width:70px;
    height:50px;
    display:block;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
    color: #fff;
}
.cpli a:hover {
    color:#004db7;
}
/*应用领域*/
.index_list{ position:relative; opacity:1; padding:0px 0 0 0; min-height:550px;  overflow:hidden;}
.index_list .f_quxian{ text-align:center;  position:absolute; left:50%; margin-left:-37px; width:75px; height:24px; top:0px; padding:0 0 10px 0; opacity:0;}
.index_list .f_t{ text-align:center; font-size:30px; color:#004db7; line-height:40px; font-weight:bold; background:url(../images/fflei_line.jpg) no-repeat center bottom;  position:absolute; left:50%; margin-left:-218px; top:74px; width:436px;  opacity:0;}
.index_list .f_t_wenzi{ font-size:16px; text-align:center; color:#737272; line-height:40px; padding:0 0 40px 0; position:absolute; left:50%; margin-left:-218px; top:114px; width:436px;  opacity:0;}

.index_list .f_list{ height:530px; position:relative; overflow:hidden; top:390px; opacity:0;}
.index_list .f_list li{ width:330px; float:left; position:relative; height:238px; margin: 10px 10px;}
.index_list .f_list .f_title{ font-size:24px; color:#ffffff; position:absolute; text-align:center; width:100%; font-weight:bold; z-index:5; top:80px;}
.index_list .f_list .f_line{ height:1px; width:140px; left:50%; margin-left:-70px; position:absolute; background:#8c8c84; z-index:5; top:170px;}
.index_list .f_list .f_wenzi{ color:#f6e9d7; font-size:16px; width:100%; text-align:center; position:absolute; line-height:40px; z-index:5; top:180px;}
.index_list .f_list .f_top{ position:absolute; width:100%; height:238px; background:rgba(0,0,0,0.7);z-index:3;}
.index_list .f_list .f_da{ position:absolute; width:69px; height:69px; left:50%; margin-left:-34px; z-index:4; opacity:0; bottom:0}
.index_list .f_list .f_kuang{ position:absolute; width:284px; height:614px; left:-50%; margin-left:-142px; z-index:2; opacity:0}
.index_list .f_list .f_pic{ position:absolute; width:330px; height:238px; z-index:1; overflow:hidden;}
.index_list .f_list .f_pic img{ width:100%; height:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.index_list .f_list li:hover .f_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
/*新增*/
/*产品中心的分类*/
.listclass { width: 1400px; text-align:center; }
.listclass .hd { height: 36px; line-height: 36px; position: relative;}
.listclass .hd a{ color: #fff}
.listclass .hd a:hover{ color: #fff}
.listclass .hd a:active {color: #fff}
.listclass .hd ul { height: 32px; width: auto;  margin: 0 auto;}
.listclass .hd ul li { float: none; display: inline-block;background: #535353;padding: 0 30px; cursor: pointer; border: 1px solid #dedede; margin: 0 10px; width:auto; min-width: 60px; text-align: center; border-radius: 8px; font-size: 16px;}
.listclass .hd ul li.on { height: 36px; background: #0f5aad; color: #FFF; }