<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*å¤´éƒ¨æ&nbsp;·å¼*/

.header{
    height: 37px;
    background: #7d7d7d;
}

.header .hyr{
    font:400 12px/37px "Microsoft YaHei";
    color: #fefefe;
}
.header .hyr a{color: #fefefe;}
.header .hy{
    font:400 16px/37px "Microsoft YaHei";
    color: #ffffff;
}


.hht{
    height: 104px;
    line-height: 104px;
    background: #fff;
}




/*è¯­è¨€åŒ…*/
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}


/*å¯¼èˆªæ&nbsp;æ&nbsp;·å¼*/
#menu{height: 37px;margin-top: 35px;}
.nav{height:37px;}
.nav li{line-height:37px;height:37px;text-align:center;width:110px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:37px;color:#333333;height:37px;font-size: 18px;}
.nav li&gt;a:hover {
    background: #0065cd;
    color: #fff;
    border-radius:30px;
}

.nav .sec{color:#fff;z-index:9999;position:absolute;top:47px;left:0px;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); background: #fff;display: none}
.nav .sec a{color:#666666;height:48px;line-height:48px;width:110px;font-size: 14px;
    border-bottom: 1px dashed #e7e7e7}
.nav .sec a:first-child{
    position: relative;
}
.nav .sec a:first-child:before{
    content: "";
    width: 100%;
    height: 10px;
    background: url(../images/san.png) no-repeat center center;
    position: absolute;
    top:-10px;
    left: 0px;
}
.nav .sec a:last-child{
    border:none;
}
/*æœç´¢å’Œçƒ­é—¨æœç´¢*/

#formsearch{width: 383px;height: 42px;background: url(../images/ss.png) no-repeat center center;margin-top: 12px;}
.hotSearch{font-weight:normal;color:#000000;line-height: 12px;padding-top: 10px;}
.hotSearch a{margin-right:6px;color:#000000;font-size: 12px;}
.hotSearch a:hover{color:#000000;}
#formsearch input{height:42px;background:none;border:none;line-height:42px;float: left;}
#formsearch input#keyword{height:42px;line-height:42px;padding-left:13px;color:#8c8c8c;width:310px;
    outline: none;font-size: 14px;}
#formsearch input#s_btn{width:60px;height:42px;line-height:42px;text-align:center;color:#fff;border:none;cursor:pointer;float:right;}

#search-type{float: left;width:100px;height: 42px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*ä¸»ä½“æ&nbsp;·å¼*/
.w1200{width:1200px;margin:0 auto;}
#container{width:1200px;margin:0 auto;margin-top:10px;}
#container1{
width:1200px;margin:0 auto;
}
.container1{
width:1200px;margin:0 auto;
}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*é¦–é¡µæ–°é—»*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*é¦–é¡µå·¦ä¾§è”ç³»æˆ‘ä»¬*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*å·¥ç¨‹æ¡ˆä¾‹*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*äº§å“æŽ¨è*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*å“ç‰Œåˆ—è¡¨*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*å‰å°å¤šé¡µç­¾*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*å‹æƒ…é“¾æŽ¥*/
.f_link{width:1200px;margin:0 auto;line-height:30px;text-indent:10px; color: #FFf}

/*é¡µé¢åº•éƒ¨*/
#footer{
    background: #333333;
    border-top:1px solid #414141;
    padding-top: 36px;
    height: 295px;
}
#footer a{color: #ffffff;}
.fota{
    width: 509px;
    border-right: 1px solid #484848;
    height: 228px;
}
#footer dd{
    font:400 16px/16px "Microsoft Yahei";
    color: #ffffff;
}
#footer dt{
    width: 31px;
    height: 3px;
    background: #595959;
    margin-top: 13px;
}
.fota dl{
    font: 400 14px/28px "Microsoft Yahei";
    color: #ffffff;
    margin-top: 13px;
}
.fotb{
    width: 190px;
    border-right: 1px solid #484848;
    height: 228px;
    padding-left: 97px;
}

.fotb dl{
    font-size: 0;
    margin-top: 5px;
}
.fotb dl a{
    display: inline-block;
    width: 82px;
    text-align: left;
    font:400 14px/40px "Microsoft Yahei";
    color: #FFF;
}

.fotc{
    width: 310px;
    padding-left: 90px;
}
.fotc dl{
    margin-top: 17px;
    text-align: center;
    color: rgba(255,255,255,.56);
    font-size: 12px;
    line-height: 30px;
}








/*------------å†…é¡µ-------------------*/
/* .left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:#24588e;font-size:18px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:914px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#24588e;color: #fff;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;color: #fff;}
.sitemp .site a{color: #fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;} */




.box {
    margin-bottom: 10px;
}

.n_news {
    width: 636px;
}

.box h3 {
    padding-left: 15px;
    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
    background: url(../images/sux.png) no-repeat 0% 50%;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    line-height: 40px;
}

.box .content {}

.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
    display: none;
}

.n_banner {
    position: relative;
    width: 1920px;
    left: 50%;
    top: 0;
    margin-left: -960px;
    height: 380px;
}

.n_banner img {
    width: 1920px;
    height: 380px;
}

.n_banner h3 {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 156px;
    text-align: center;
    line-height: 1;
    color: #fff;
    font-size: 36px;
    font-weight: 100;
}

.n_banner h3 span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
    font-family: 'arial';
    letter-spacing: 10px;
    margin-left: 10px;
}

.left {
    width: 225px;
    float: left;
}

.sort_menu h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.sort_product {
    margin-top: 10px;
}

.sort_product h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact {
    width: 212px;
}

.n_contact h3 {}

.n_contact .content {
    line-height: 22px;
    color: #666666;
}

.right {}

.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
    background: url(../images/nav.png) no-repeat 0% 100%;
}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 31px;
    text-align: center;
    text-align: left;
    text-indent: 15px;
    font-size: 14px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 30px;
}

.right .content{
    padding-bottom: 10px;
    padding-top: 15px;
    line-height: 24px;
    font-size: 14px;
}
.right .content .table, .abut_cont .table{
    text-align:center;
    color: #000;
    font-size: 14px;
    width: 100%;
    margin: auto;
}
.abut_cont .table{
    color: #fff;
    font-size: 12px;
}
.right .content .table img{margin-bottom: 10px;margin-top: 20px;}
.sort_album {
    margin-top: 15px;
}

.n_news1 {
    margin-left: 90px;
    width: 192px;
}

.bgx {
    margin-top: 16px;
    background: #fcfcfc;
    padding-bottom: 40px;
    padding-top: 26px;
}


/*Ã¥â€&nbsp;â€¦Ã©Â¡Âµnews*/

.news_listNei li&gt;div.time {
    width: 145px;
    margin-right: 14px;
    float: left;
    line-height: 1;
    font-size: 26px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
    color: #cacaca!important;
}

.news_listNei {
    margin: 0 -10px;
}

.news_listNei li {
    margin-bottom: 30px;
}

.news_listNei li a.img {
    width: 216px;
    height: 185px;
}

.news_listNei li a.img img {
    width: 100%;
    height: 100%;
}

.news_listNei li&gt;div {
    width: 784px;
    margin-left: 23px;
    color: #7b7b7b;
    font-size: 12px;
    text-align: justify;
}

.news_listNei li&gt;div a.titNei {
    display: block;
    color: #333333;
    font-size: 20px;
    margin-bottom: 15px;
}

.news_listNei li&gt;div a.MoreNei {
    width: 81px;
    height: 26px;
    border: 1px solid #1296db;
    color: #1296db;
    line-height: 26px;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.news_listNei li:hover&gt;div a.titNei {
    color: #1296db;
}

.news_listNei li:hover&gt;div a.MoreNei {
    background: #1296db;
    color: #fff;
}


/*Ã¦â€šÂ¬Ã¦ÂµÂ®Ã©â€œÂ¾Ã¦Å½Â¥*/

.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 85px;
    width: 70px;
    height: 240px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #353535;
    margin-bottom: 4px;
    cursor: pointer;
    outline: none;
}

.suspension .a.active,
.suspension .a:hover {
    background: #F05352;
}

.suspension .a .i {
    float: left;
    width: 44px;
    height: 44px;
    background-image: url(../images/side_icon.png);
    background-repeat: no-repeat;
}


/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.suspension .a-service-phone .i {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension-bg.png);
    background-repeat: no-repeat;
    background-position: -27px 0;
}

.suspension .a-qrcode .i {
    background-position: -44px 0;
}

.suspension .a-cart .i {
    background-position: -88px 0;
}

.suspension .a-top .i {
    background-position: -132px 0;
}

.suspension .a-top {
    background: #D2D3D6;
    display: none;
}

.suspension .a-top:hover {
    background: #c0c1c3;
}

.suspension .d {
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

.suspension .d .arrow {
    position: absolute;
    width: 8px;
    height: 12px;
    background: url(../images/side_bg_arrow.png) no-repeat;
    right: -8px;
    top: 31px;
}

.suspension .d-service {
    top: 0;
}

.suspension .d-service-phone {
    top: 34px;
}

.suspension .d-qrcode {
    top: 78px;
}

.suspension .d .inner-box {
    padding: 8px 22px 12px;
}

.suspension .d-service-item {
    border-bottom: 1px solid #eee;
    padding: 14px 0;
}

.suspension .d-service .d-service-item {
    border-bottom: none;
}

.suspension .d-service-item .circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    background: #F1F1F3;
    display: block;
    float: left;
}

.suspension .d-service-item .i-qq {
    width: 44px;
    height: 44px;
    background: url(../images/side_con_icon03.png) no-repeat center 15px;
    display: block;
    transition: all .2s;
    border-radius: 50%;
    overflow: hidden;
}

.suspension .d-service-item:hover .i-qq {
    background-position: center 3px;
}

.suspension .d-service-item .i-tel {
    width: 44px;
    height: 44px;
    background: url(../images/side_con_icon02.png) no-repeat center center;
    display: block;
}

.suspension .d-service-item h3 {
    float: left;
    width: 112px;
    line-height: 44px;
    font-size: 15px;
    margin-left: 12px;
}

.suspension .d-service-item .text {
    float: left;
    width: 112px;
    line-height: 22px;
    font-size: 15px;
    margin-left: 12px;
}

.suspension .d-service-item .text .number {
    font-family: "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.suspension .d-service-intro {
    padding-top: 10px;
}

.suspension .d-service-intro p {
    float: left;
    line-height: 27px;
    font-size: 12px;
    width: 50%;
    white-space: nowrap;
    color: #888;
}

.suspension .d-service-intro i {
    background: url(../images/side_con_icon01.png) no-repeat center center;
    height: 27px;
    width: 14px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}

.suspension .d-qrcode {
    text-align: center;
}

.suspension .d-qrcode .inner-box {
    padding: 20px 0;
}

.suspension .d-qrcode p {
    font-size: 16px;
    color: #93959c;
}

.red {
    color: #fc8080!important;
}








.w1920{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.tybt{
    text-align: center;
}
.tybt dd{
    font:400 35px/35px "Microsoft Yahei";
    color: #0065cd;
}
.tybt dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #353535;
    margin-top: 24px;
}
.c1{
    padding: 43px 0 21px 0;
}
.c1a{
    width: 396px;
    height: 97px;
    border-right: 1px solid #e3e3e3;
}

.c1a dd{
    font:400 22px/22px "Microsoft Yahei";
    color:#333333;
    padding-top: 12px;
}
.c1a dt{
    font:400 14px/30px "Microsoft Yahei";
    color: #ffffff;
    height:30px;
    width: 298px;
    background: #3f8cda;
    text-align: center;
    margin-top: 13px;
}

.c1b{
    width: 450px;
    height: 97px;
    border-right: 1px solid #e3e3e3;
    margin-left: 58px;
}

.c1c{
    margin-left: 45px;
    margin-top: 10px;
    font:40 16px/30px "Microsoft Yahei";
    color: #414141;
}


.c2{
    height: 877px;
    background: url(../images/c2.jpg) no-repeat top center;
    padding-top: 33px;
}
.c2 .w1200{
    margin-top: 63px;
}
.c2_list{}
.c2_list li{
    float: left;
    position: relative;
}
.c2_list li .xiann{
    width: 363px;
    height: 367px;
    border:1px solid #434343;
    position: absolute;
}
.c2_list li.li1{
    padding-left: 59px;
}
.c2_list li.li1 .img{
    width:324px;
    height: 263px;
}
.c2_list li.li1 .img2{
    display: none;
}
.c2_list li.li1 .yswz{
    /*padding-left: 16px;*/
    padding-top: 36px;
    background: #3f8cda;
    height: 220px;
    color: #FFF;
}
.c2_list li.li1 .yswz dd{
    font:400 22px/24px "Microsoft Yahei";
    text-align: center;
}

.c2_list li .yswz dd span{
    font-size: 16px;
    color: rgba(255,255,255,.5);
    
}


.c2_list li.li1 .yswz dt{
    font:400 14px/24px "Microsoft Yahei";
    margin-top: 38px;
    padding-left: 16px;
}
.c2_list li.li1 .xiann{
    top:-24px;
    left: 38px;
}


.c2_list li.li2{
 margin-left: 55px;
 position: relative;
 width: 329px;
 height: 453px;
 top:-15px;
}

.c2_list li.li2 .yswz{
    width: 329px;
    margin: 0 auto;
    background: #3f8cda;
    height: 226px;
    color: #fff;
    position: absolute;
    top:0;
    left:0;
}
.c2_list li.li2 .yswz dd{
    font:400 22px/24px "Microsoft Yahei";
    /*padding-left: 31px;*/
    padding-top: 26px;
    text-align: center;
}
.c2_list li.li2 .yswz dt{
     font:400 14px/24px "Microsoft Yahei";
    margin-top: 38px;
    padding-left: 31px;
}
.c2_list li.li2 .img1{
       width:329px;
    height: 227px;
    position: absolute;
    bottom:0;
    left: 0
}
.c2_list li.li2 .img2{
    position: absolute;
    width: 210px;
    height: 136px;
    bottom: 0;
    left: 135px;
    z-index: 99;
}
.c2_list li.li2 .xiann{
    top:70px;
    left: -21px;
    z-index: 9;
    width: 363px;
    height: 407px
}



.c2_list li.li3{
    margin-left: 55px;
}
.c2_list li.li3 .img{
    width:324px;
    height: 263px;
}
.c2_list li.li3 .img2{
    display: none;
}
.c2_list li.li3 .yswz{
    /*padding-left: 16px;*/
    padding-top: 36px;
    background: #3f8cda;
    height: 220px;
    color: #FFF;
}
.c2_list li.li3 .yswz dd{
    font:400 22px/24px "Microsoft Yahei";
    text-align: center;
}
.c2_list li.li3 .yswz dt{
    font:400 14px/24px "Microsoft Yahei";
    margin-top: 38px;
    padding-left: 16px;
}
.c2_list li.li3 .xiann{
    top:-24px;
    left: -21px;
}


.yyss{
    width: 1200px;
    height: 175px;
    background: rgba(255,255,255,.73);
    margin-top: 22px;
    padding-top: 20px;

}

.ys_list{}
.ys_list li{
    float: left;
    width: 300px;
    text-align: center;
}
.ys_list li .img{
    height: 95px;
    line-height: 95px;
}
.ys_list li dd{
    font:600 14px/24px "Microsoft Yahei";
    color: #747474;
}


.c3{
    height: 766px;
    background: url(../images/c3.png) no-repeat top center;
    padding-top: 33px;
}


/**/
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:174px;height:499px;background-color:transparent;overflow: hidden;}

.card-area .card-item.active{width:678px;height:499px}
.card-area .card-item a.img1{
    display: block;
    position: relative;
    width: 174px;
    height: 499px;

}

.card-area .card-item.active a.img1 h2{
    left: 28px;
    text-align: left;
}
.card-area .card-item a.img1 .ycc{
    position: absolute;
    width: 174px;
    height: 499px;
    background: rgba(0,0,0,.68);
    top:0;
    left: 0;

}

.card-area .card-item.active a.img1 .ycc{
 display: none
}
.card-area .card-item a.img1 .yxx{
 display: none
}
.card-area .card-item.active a.img1 .yxx{
 display: block;
}


.card-area .card-item a.img1 .ycc h2{
    width: 24px;
    margin: 0 auto;
    font:400 24px/35px "Microsoft Yahei";
    color: #FFF;
    padding-top: 170px;
    height: 260px;
}
.card-area .card-item a.img1 .ycc .hh2{
    width: 22px;
    height: 22px;
    background: url(../images/hh2.png) no-repeat center center;
    margin: 0 auto;
}
.yxx{
    width: 646px;
    height: 120px;
    padding-left: 33px;
    background: rgba(0,101,205,.48);
    position: absolute;
    bottom: 0;
    left: 0;


}
.yxx dd{
    font:400 24px/24px "Microsoft Yahei";
    color: #FFF;
    padding-top: 35px;
}
.yxx dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #FFF;
    margin-top: 15px;
}

#slideBox .hd{
    width: 1200px;
    height: 76px;
    background: rgba(125,125,125,0.26);
}
#slideBox .hd ul{
    text-align: center;
    font-size: 0;
}
#slideBox .hd ul li{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    margin: 0 2px;
    border-radius: 50%;
    margin-top: 32px;
}
#slideBox .hd ul li.on{
    background: #535353;
}


.c4{
    height: 529px;
    background: url(../images/cpbg.png) no-repeat top center;
    padding-top: 55px;
}
.c4 .c4bt{
    text-align: center;
}
.c4 .c4bt dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #fff;
    margin-top: 25px;
}


.c4_list{}
.c4_list li{
    float: left;
    margin-right: 25px;
    text-align: center;
}
.c4_list li.li8{margin-right: 0;}
.c4_list li img{
    width: 128px;
    height: 129px;

}
.c4_list li .img{
  display: block;
      width: 128px;
    height: 129px;
    position: relative;
}
.c4_list li .img:before{
    content: "";
    box-shadow: 0px 11px 25px 3px rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0px;
    left: 11px;
    width: 100px;
}


.c4_list li dd{
    padding-top: 23px;
    font:400 18px/18px "Microsoft Yahei";
    color: #fff;
}

.c4_list2{
    text-align: center;
    font-size: 0;
    vertical-align: top;
    width: 476px;
    margin: 0 auto;
    margin-top: 80px;
    border-radius: 30px;
    box-shadow: 0 0 5px 2px rgba(255,255,255,.3);
}
.c4_list2 li{
    display: inline-block;
        background: #fff;
        font-size: 14px;
        line-height: 62px;
        font-family: "Microsoft Yahei";
    color: #0065cd;
    margin: 0;
    vertical-align: top;

}
.c4_list2 li:nth-child(1){
    width: 169px;
    height: 62px;
    font:400 16px/62px "Microsoft Yahei";
    text-indent: 40px;
    border-right: 1px solid #7d7d7d;
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    text-align: left;


}
.c4_list2 li:nth-child(2){
    width: 154px;
    height: 62px;
    border-right: 1px solid #7d7d7d
}
.c4_list2 li:nth-child(3){
    width: 151px;
    height: 62px;
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
}
.c4_list2 li.on{
    background: #0065cd;
    border-color: #0065cd;
    color: #fff;
}

.c4 .cpmore{
    display:block;
    color: #0065cd;
    font-size: 14px;
    margin: 20px auto;
    width: 216px;
    height: 47px;
    line-height: 47px;
    border-radius: 30px;
    background: #fff;
    text-align: center;
}

.c5{
    height: 669px;
    background: url(../images/c5.png) no-repeat top center;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.c5a{
    width:808px;
    margin-left: 350px;
    text-align: center;
    padding-top: 44px;

}
.c5a dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #000000;
    margin-top: 22px;
 }
.c5a dl{
    font:400 14px/36px "Microsoft Yahei";
    color: #74747b;
    text-align: left;
    padding-right: 26px;
    margin-top: 32px;
    height: 249px;
}

.c5a .aaa{
    display: block;
    width: 158px;
    height: 35px;
    background: url(../images/aa.png) no-repeat center center;
}
.c5aa{
    margin-top: 120px;
    text-align: left;
}
.c5aa dd{font:600 18px/18px "Microsoft Yahei";color: #000000;}
.c5aa dt{
    width: 771px;
    height: 63px;
    background: #fff;
    color: #010101;
    font:400 14px/30px "Microsoft Yahei";
    padding-left: 12px;
    box-shadow: 5px 8px 10px 3px rgba(0,0,0,.1);
}
.infoList{}
.infoList li{
    width: 771px;
    height: 30px !important;
    position: relative;
}
.infoList li a{color: #010101;}
.infoList li h2,.infoList li h3{
    font-weight: normal;
}
.infoList li .jt{
    width: 17px;
    height: 18px;
    background: url(../images/jt.png) no-repeat center center;
    position: absolute;
    top:8px;
    right: 21px;
}

.c5b{
    width: 755px
}

.shuzi{
    width: 777px;
    height: 146px;
    background: rgba(255,255,255,.91);
    position: absolute;
    top:413px;
    left: 684px;
box-shadow: 0 0 6px 1px rgba(0,0,0,.1);
}
.shuzi ul{}
.shuzi ul li{
    float: left;
    text-align: center;
    width: 194.25px;
}
.shuzi ul li dd{
    font:400 30px/30px "Microsoft Yahei";
    color: #000000;
    padding-top: 36px;
}

.shuzi ul li dd i{
    font-style: inherit;
    font-size: 18px;
    font-weight: normal;
}

.shuzi ul li dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #000000;
    margin-top: 26px;
}

.c6{
    height: 340px;
    background: url(../images/c6.png) no-repeat top center;
    padding-top: 23px;
}
.c6bt{
    width: 1200px;
    font:500 24px/24px "Microsoft Yahei";
    color: #0065cd;
    text-indent: 66px;
    background: url(../images/c6bt.png) no-repeat 16px center;
}
.c6bt a{
    text-transform: uppercase;
    color: #535353;
    font-size: 18px;
    line-height: 24px;
    float: right;
    margin-right: 50px;
}

#demo{overflow:hidden;width:91.5%;margin:0 auto;padding-bottom: 10px;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#kdemo{overflow:hidden;width:100%;margin:0 auto;}
#kindemo {float: left;width:800%}
#kdemo1 {float: left;}
#kdemo2 {float: left;}

.gun{position: relative;margin-top: 27px;padding-bottom: 10px}
.l_btn,.r_btn{position:absolute;cursor:pointer;width: 36px;height: 118px;top:56px;}
.l_btn{left:0px;}
.r_btn{right:0px;}

.product_list1{}
.product_list1 li{float: left;margin: 0 9px;}
.product_list1 li img{width: 167px;height: 240px;box-shadow: 9px 6px 10px -1px rgba(0,0,0,.1);}


.c7{
    height: 585px;
    background: url(../images/c7.jpg) no-repeat top center;
}
.cc7{
    font:400 24px/24px "Microsoft Yahei";
    color: #0065cd;
    padding-top: 30px;
}
.cc7 span{
    float: right;
}
.cc7 span a{
    margin: 0 12px;
    font-size: 14px;
    color: #474747;
}
.news_listt{margin-top: 24px;}
.news_listt li.nli{
    padding: 0 8px;
    background: #fff;
    padding-bottom: 16px;
    width: 368px;
}
.news_listt li.nli dd{
    padding-left: 15px;
    font:400 20px/20px "Microsoft Yahei";
    color: #bebebe;
    padding-top: 23px;
}
.news_listt li.nli dt{
    padding-left: 15px;
    font:400 18px/18px "Microsoft Yahei";
    color: #000000;
    margin-top: 24px;
}
.news_listt li.nli dl{
    padding-left: 15px;
    width: 300px;
    font:400 12px/25px "Microsoft Yahei";
    color: #878787;
    margin-top: 19px;
}
.news_listt li.nli .img{
    width: 368px;
    height: 206px;
    margin-top: 5px;
}
.news_listt li.nli .img&gt;p&gt;img{
      width: 368px;
    height: 206px;
}
.news_listt li.nli a{
    display: block;
    width: 158px;
    height: 35px;
    background: url(../images/naa.png) no-repeat center center;
    margin-top: 16px;
    margin-left: 4px;
}

.news_listt li{
    float: left;
    width: 254px;
    margin-right: 16px;
    box-shadow: 0 0 9px 2px rgba(0,0,0,.05);
}
.news_listt li:last-child{margin-right: 0;}
.news_listt li img{
    width: 254px;
    height: 217px;
}
.news_listt li .nsbg{
    background: #fff;
    padding: 18px 12px 37px 15px;
    transition:all 0.5s;
}
.news_listt li .nsbg dd{
    font:400 16px/16px "Microsoft Yahei";
    color: #000000;
    position: relative;
    height: 32px;
}
.news_listt li .nsbg dd:before{
    content: "";
    width: 72px;
    height: 1px;
    background: #000;
    position: absolute;
    top:37px;
    left: 0;
    
}
.news_listt li .nsbg dt{
    font:40 12px/25px "Microsoft Yahei";
    color: #777777;
    margin-top: 31px;
    height: 76px;
}
.news_listt li .nsbg dl{
     font:40 12px/12px "Microsoft Yahei";
    color: #777777;
    margin-top: 28px;
}
.news_listt li:hover .nsbg{
    background: #00c500;
}
.news_listt li:hover .nsbg&gt;dd{
    color: #fff;
}
.news_listt li:hover .nsbg&gt;dd:before{
    background: #fff
}
.news_listt li:hover .nsbg&gt;dt{
    color: #fff;
}
.news_listt li:hover .nsbg&gt;dl{
    color: #fff;
}



.c8{
    height: 277px;
    background: url(../images/c7.png) no-repeat top center;
    padding-top: 40px;
}
#xdemo{overflow:hidden;width:100%;margin:0 auto;}
#xindemo {float: left;width:800%}
#xdemo1 {float: left;}
#xdemo2 {float: left;}
.gun1{position: relative;margin-top: 44px;}
.l_btn1,.r_btn1{position:absolute;cursor:pointer;width: 14px;height: 22px;top:42px;}
.l_btn1{left:-41px;}
.r_btn1{right:-41px;}

.product_list2{}
.product_list2 li{float: left;margin: 0 12px;}
.product_list2 li img{
    width: 179px;
    height: 103px;
    border:1px solid #ededed;
    
}






/* å†…é¡µæ&nbsp;·å¼ */
.case_listx-1 li {
    float: left;
    margin-bottom: 35px;
    width: 578px;
    height: 175px;
    box-shadow: 0px 0px 30px 0px #f0f0f0;
}

.case_listx-1 li:nth-child(2n) {
    float: right;
}

.case_listx-1 li a.img {
    display: block;
}

.case_listx-1 li a.img .tu {
    width: 274px;
    height: 175px;
    overflow: hidden;
}

.case_listx-1 li a.img .tu img {
    width: 274px;
    height: 175px;
}

.case_listx-1 li a.img h3 {
    float: right;
    height: 175px;
    width: 290px;
    box-sizing: border-box;
    padding-right: 0px;
    line-height: 32px;
    color: #1296db;
    font-weight: normal;
    border: 1px solid #f0f0f0;
    border-left: none;
    padding-left: 0px;
    padding-top: 26px;
    font-size: 18px;
}
.case_listx-1 li:hover a.img h3 {
    border: 1px solid #1296db;border-left: none;
}
.case_listx-1 li a.img h3 dd {
    font-size: 12px;
    color: #333333;
    line-height: 24px;
    margin-top: 12px;
}

.case_listx-1 li:hover {
    box-shadow: 0px 0px 30px 0px #e0e0e0;
}

.case_listx-1 li:hover h3 {
    border: 1px solid #1296db;
    border-left: none;
}


.sd{
    background:#fff;
    width: 100%;
    position: fixed;
        top: 0px;
    z-index: 99;
    background: #fff;
    width: 100%;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
</pre></body></html>