<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (min-width: 1200px)
{
header .container{width: 1300px;}
.container {width: 1200px;}
}

/*杩欐槸瀵艰埅鐨勫唴瀹�*/
body{ font-family: "寰蒋闆呴粦"; font-size:16px;}
header{position:relative;}
@media (min-width:992px)
{
.box-site { height:70px;}
}
.site-nav{ width:100%; height:70px; background: transparent;/* position: absolute; top:0; left:auto;*/ z-index:99; position: fixed;
 background: #fff; border-bottom: 1px solid #ddd;/* box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);*/}
.site-nav .logo-box{ float:left;}
.site-nav .logo-box a{ padding:0;}
.site-nav .logo-phone{ float:left; font-size:18px; margin-left:14px;}
.site-nav .logo-phone .fa-phone{ margin-left:10px; margin-right:4px; font-size:20px;}
.site-nav .logo-phone a{ color:#ec3c42;}
.site-nav .nav-phone a{ color:#ec3c42;}
.site-nav .logo{ width:140px;}
.site-nav .nav-phone{ float:left; background:url(../images/tel_y.png) left no-repeat;}
.site-nav .nav-none{ background:none;}
.site-nav .nav-phone .fa{ padding-left:8px; margin-right:4px; line-height:64px; font-size:22px; color:#ec3c42;}
.site-nav .nav{ float:right;}
.site-nav .nav ul{ padding-left:0; list-style:none;}
.site-nav .nav ul li{ float:left; margin-right:20px;}
.site-nav .nav ul li:nth-last-child(1){ margin-right:0;}
.site-nav a{ color:#000000;/* padding:8px;*/ line-height:70px; display:block;-webkit-transition: 0.5s all;}
.site-nav a:hover,.site-nav a:focus{display:inline-block;color:#ec3c42; text-decoration:none;}
.site-nav .active{ color:#ec3c42;}
.navbar-toggle .icon-bar{ background:#000;}
.navbar-toggle{margin-right:0;}
.site-nav .nav #serv-hover{ position:relative; cursor:pointer;}
.site-nav .nav #serv-hover .fa-angle-down{ margin-left:3px;}
.site-nav .nav .service-menu{ position:absolute; left:-40px; top:70px; list-style:none; text-align:center; padding:0; background:#000; margin-bottom:0; display:block; width:150px;
opacity:0.8; z-index:99; display:none;}
#serv-hover:hover .service-menu{ display:block;}
.site-nav .nav .service-menu li{line-height:40px; height:40px; text-align:center; float:none; margin-right:0;}
.site-nav .nav .service-menu li a{ padding:0; display:block; line-height:40px; color:#fff; font-weight:400;}
.site-nav .nav .service-menu li a:hover{ font-size:18px; color:#ec3c42;}
.site-nav .nav .service-menu li .active{ font-size:18px; color:#da251d;}

@media (max-width:1200px)
{
body{ font-size:14px;}
.site-nav{ height:inherit; }
.site-nav .nav{display:none;}
.site-nav .logo{ width:140px;}
.site-nav .nav-phone{ margin-left:0;}
.site-nav .nav-phone .fa{ line-height:50px;}
.site-nav a{ line-height:50px; padding:0; display:block;}
.site-nav .nav-mobile{clear:both; display:none; overflow:hidden; padding:4px 10px; z-index:9999;}
.site-nav .nav-mobile ul li{ border-bottom:1px solid #eaeaea;}
}
@media (max-width:992px)
{
.site-nav{ position:inherit;}
.site-nav .logo{ width:160px;} 
.site-nav .nav{display:none;}
/*.site-nav .nav ul li{ margin-right:14px;}*/
}

@media (max-width: 768px)
{
body{ font-size:14px;}
.site-nav{ height:inherit; }
.site-nav .nav{display:none;}
.site-nav .logo{ width:140px;}
.site-nav .nav-phone{ margin-left:0;}
.site-nav .nav-phone .fa{ line-height:50px;}
.site-nav a{ line-height:50px; padding:0; display:block;}
.site-nav .nav-mobile{clear:both; display:none; overflow:hidden; padding:4px 10px; z-index:9999;}
.site-nav .nav-mobile ul li{ border-bottom:1px solid #eaeaea;}

}

@media (max-width: 440px)
{
.site-nav .logo{ width:100px;}
.site-nav .nav-phone .fa{ padding-left:4px; font-size:18px;}
.site-nav .nav-phone .phone-number{ font-size:16px;}
}


/*banner鐨勮儗鏅互鍙婁笂杈圭殑鏂囧瓧鍝�*/
.banner-box{ position:relative;}
.banner{ height:580px; overflow:hidden; width: 100%; background:url(../images/banner3.jpg) top center no-repeat; background-size: cover;}
.banner .pic1{ height:580px; overflow:hidden; width: 100%; background:url(../images/banner2.jpg) center center no-repeat; background-size: cover;}
.banner .pic2{ height:580px; overflow:hidden; width: 100%; background:url(../images/banner1.jpg) top center no-repeat; background-size: cover;}
.banner .word{ padding-top:180px; }
.banner-box .banner .word h1{ text-align:center; color:#303030; font-size:60px; margin-bottom:60px; letter-spacing:10px; margin-top:0; font-size:46px;}
.banner-box .banner .word h1 .red{ color:#E61119; font-weight:600;}
.banner-box .banner .word p{ clear:both; text-align:center;}
.banner-box .banner .word p img{width:630px; margin:0 auto;}
.banner-box .banner .bg-round{ margin:0 auto; text-align:center; margin-top:100px;}
.banner-box .banner .bg-round span{ background:#303030; width:12px; height:12px; display:inline-block; margin-right:10px; cursor:pointer;}
.banner-box .banner .bg-round span:nth:last-child{ margin-right:0;}
.banner-box .banner .bg-round .active{ background:#4dd4ff;}
.banner-box .left-arrow{ position:absolute; top:50%; left:100px; cursor:pointer;}
.banner-box .right-arrow{ position:absolute; top:50%; right:100px; cursor:pointer;}
@media(min-width: 992px) and (max-width: 1200px)
{
.banner-box .left-arrow{ left:30px;}
.banner-box .right-arrow{ right:30px;}
}

@media (max-width: 992px)
{
.banner-box .left-arrow,.banner-box .right-arrow{display:none;}
}
@media (max-width: 768px)
{
.banner{ height:230px;}
.banner-box .banner .word{ padding-top:50px;}
.banner-box .banner .word h1{ font-size:24px; margin-bottom:30px; letter-spacing:4px;}
.banner-box .banner .word p img{width:430px; margin:0 auto;}
.banner-box .left-arrow,.banner-box .right-arrow{display:none;}
}

/*banner鍒囨崲鐨勬牱寮�*/
/* slide */
.slide-main{position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:580px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner2.jpg) top center no-repeat; background-size: cover;}
#bgstyleb{background:url(../images/banner1.jpg) top center no-repeat; background-size: cover;}
#bgstylec{background:url(../images/banner3.jpg) top center no-repeat; background-size: cover;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-480px;text-align:center;}
.obj-a{display:block;height:352px;top:110px;}
.obj-b{top:456px;height:100px;}
.obj-c{display:block;top:120px;margin-left:-340px;}
.obj-d{top:228px;height:164px;}

.obj-e{width:466px;height:170px;margin-left:-406px;top:130px;z-index:12;}
.obj-f{width:692px;height:394px;top:468px;margin-left:-110px;}
.obj-c p{width:100px; display:block;font-size:16px;color:#fff;clear:both; border:1px solid #fff; text-align:center; padding:10px 0; margin-top:40px; margin-left:200px;}
.obj-b button{ background:#8bc13c; border:1px solid #8bc13c; color:#fff; padding:10px 14px; color:#fff; border-radius:4px;}
.obj-f button{background:none; border:1px solid #303030; color:#303030; padding:10px 40px; border-radius:40px; font-size:20px;}
.obj-f button:hover{ color:#4dd4ff; border:1px solid #4dd4ff;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



/*杩欏氨寮€濮嬪唴瀹归儴鍒嗕簡*/
.content{ padding-bottom:90px;}
/*绗竴妯殑澶ч儴鍒�*/

.title{position:relative; margin-bottom:40px;}
.title h2{ font-size:24px; text-align:center; margin-top:0;}
.title .title-img{ height:20px;}
.title span{ position:absolute; left:50%; margin-left:-67px; height:20px; display:block;}
@media (max-width: 768px)
{
.content{ padding-bottom:40px;}
.title{ margin-bottom:20px;}
.title h2{ font-size:20px;}
}

.choice{ padding-top:90px; overflow:hidden;}
.choice-box{ padding:20px 16px; border:1px solid #fff; cursor:pointer;}
.choice-box .choice-img{height:94px; margin-bottom:24px;}
.choice-box.change1 .why-1{ background-size:74px; background: url(../images/why-icon_01.png)no-repeat center center;}
.choice-box.change2 .why-2{ background-size:74px; background: url(../images/why-icon_02.png)no-repeat center center;}
.choice-box.change3 .why-3{ background-size:74px; background: url(../images/why-icon_03.png)no-repeat center center;}
.choice-box.change4 .why-4{ background-size:74px; background: url(../images/why-icon_04.png)no-repeat center center;}
.choice-box h3{ text-align:center; color:#ec3c42; font-size:20px;}
.choice-box p{ text-align:center; line-height:24px; font-size:14px; color:#5d5d5a; margin-bottom:0;}
/*榧犳爣缁忚繃鍝�*/
.choice-box:hover{ border:1px solid #ec3c42; border-radius:2px;}
/*.choice-box:hover .ca-main{-webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease;}
*/
.choice-box.change1:hover .why-1{background:none; background: url(../images/why-active_01.png)no-repeat center center; -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease;}
.choice-box.change2:hover .why-2{background:none; background: url(../images/why-active_02.png)no-repeat center center; -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease;}
.choice-box.change3:hover .why-3{background:none; background: url(../images/why-active_03.png)no-repeat center center; -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease;}
.choice-box.change4:hover .why-4{background:none; background: url(../images/why-active_04.png)no-repeat center center; -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease;}=
.choice-box:hover .ca-main{-webkit-animation: moveFromBottom 300ms ease; -moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease;}
.choice-box:hover p{ color: #ec3c42; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease;}

@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(0%);
    }
    to {
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(0%);
    }
    to {
        -moz-transform: translateY(100%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(0%);
    }
    to {
        -ms-transform: translateY(100%);
    }
}

@media (max-width: 768px)
{
.choice{ padding-top:40px;}
.choice-box{ padding:14px 10px;}
.choice-box h3{ font-size:16px;}
.choice-box p{ font-size:14px;}
}

.do{ padding-top:90px;}
.do-box{ padding:20px 16px;}
.do-box .choice-img img{ width:50px; margin:0 auto; margin-bottom:24px;}
.do-box h3{ text-align:center; color:#303030; font-size:20px;}
.do-box p{ text-align:center; line-height:24px; font-size:14px; color:#5d5d5a; margin-bottom:0;}
@media(min-width: 769px) and (max-width: 1200px)
{
.do-box p{ min-height:72px;}
}
@media (max-width: 768px)
{
.do-box h3{ font-size:16px;}
}

/*绗簩妯殑澶ч儴鍒�*/
.field{ padding-top:90px;}
.field .title{ margin-bottom:30px;}
.field .col-md-2{ padding:0;}
.field-box{ position:relative; overflow:hidden;}
.field-box .cover{ padding:20px 15px 15px 15px; background:#000; width:100%;opacity:.8; position:absolute; top:160px; left:0; color:#fff;}
.field-box .cover h3{ text-align:center; font-size:18px; margin-top:0;}
.field-box .cover p{ line-height:26px; font-size:14px; margin:0;}
.field-box .cover a{ color:#ec3c42; text-decoration:underline; margin-left:14px; font-size:18px;}

.number{ background:#f4f1f1; padding:50px 0;}
.number-box .number-title{ text-align:center; color:#ec3c42;}
.number-box .number-title b{ font-size:34px;}
.number-box .number-title i{ font-style:normal; font-size:14px; margin-left:10px;}
.number-box p{ text-align:center;}
@media (max-width: 768px)
{
.number-box p{ min-height:41px;}
}


/*绗笁妯殑澶ч儴鍒�*/
.answer{ padding-top:90px; overflow:hidden;}
.answer .title{ margin-bottom:30px;}
.answer h4{ margin-top:0; margin-bottom:0;}
.answer .new-title{ border-bottom:1px solid #eee; margin-bottom:30px; padding:15px;}
.answer .new-title h3{ margin-top:0; font-size:22px; display:inline-block;}
.answer .new-title i{ font-style:normal; color:#aeadad; margin-left:10px;}
.answer .new-title .right{ float:right; margin-right:-10px; background:#ec3c42; color:#fff; border-radius:14px; text-align:center; padding:4px 6px; 
    font-size:10px;}
.answer .new-title .right:hover,.answer .new-title .right:focus{background:#e17276; text-decoration:none;}
.tab-body{ margin-bottom:0px;}
.tab-body:last-child{ margin-bottom:0;}
.tab-title{cursor:pointer;float:left;width:80%;height:45px;overflow:hidden;line-height:45px;}
.tab-title h4{font-size:16px;background:url(../images/ico.jpg) left center no-repeat;padding-left:10px;}
.tab-title h4 a{color:#555}
.tab-title h4 a:hover{color:#ec3c42}
.tab-title .more-an{ background:#ec3c42; display:inline-block; width:24px; height:24px; border-radius:4px; text-align:center; line-height:24px; 
	position:absolute; top:10px; right:15px;}
.tab-title .more-an .fa{ color:#fff;}
.tab-date {width:20%;float:right;color:#aaa;}
.tab-menu{height: 100px; overflow: hidden; border:3px solid #f4f4f4; background:#fff; border-radius:5px; padding:15px; position:relative; display:none; 
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/*.tab-menu::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);}*/
.tab-menu:first{ display:block;}
.tab-menu p{ font-size:14px; margin-bottom:0; line-height:24px;}
.tab-title .less-an{ position:absolute; background:#2e7deb; display:inline-block; width:24px; height:24px; border-radius:4px; text-align:center; line-height:24px; 
	position:absolute; top:10px; right:15px; color:#fff;}
.tab-menu .less-an .fa{ color:#fff;}
@media (max-width: 768px)
{
.answer h4{ font-size:16px;}
}


.example{ clear:both; padding-top:90px;}
.example .title{ margin-bottom:30px;}
.example-box p{ text-align:center;color:#ccc;padding:15px 0px;}
.few-1{height:180px; background: url(../images/example_01.png)no-repeat center center;}
.few-2{height:180px; background: url(../images/example_02.png)no-repeat center center;}
.few-3{height:180px; background: url(../images/example_03.png)no-repeat center center;}
.few-4{height:180px; background: url(../images/example_04.png)no-repeat center center;}
.few-5{height:180px; background: url(../images/example_05.png)no-repeat center center;}
.few-6{height:180px; background: url(../images/example_06.png)no-repeat center center;}
.few-7{height:180px; background: url(../images/example_07.png)no-repeat center center;}
.few-8{height:180px; background: url(../images/example_08.png)no-repeat center center;}
.example-box .ex-content{ min-height:170px; box-shadow: 2px 2px 20px #888; background:#f3f4f6; padding:15px; display:none;}
.example-box .ex-content p{ font-size:15px;}
.example-box:hover .ex-content{ display:block;}



/*寮€蹇冨簳閮ㄥ挴锛屾弧鑴稿紑蹇� -*/
footer{ background:#4c4a4a; color:#fff;}
.foot-left{ background:#383838; padding:18px 0; text-align:center; position:relative;}
.foot-left .foot-logo{ margin-bottom:20px;}
.foot-left .foot-logo .img-responsive{ margin:0 auto; width:180px;}
.foot-left p{ text-align:center; font-size:18px; margin-bottom:30px;}
.foot-left p .phone-bg{display:inline-block; background:#ec3c42; height:40px; width:40px; border-radius:50%; text-align:center; vertical-align:middle; margin:0 auto; margin-right:10px;}
.foot-left p .fa{ font-size:24px; line-height:40px;}
.foot-left .fa{}
.foot-left .icon-box{ margin:0 auto; text-align:center; display:inline-block; margin-right:14px;}
.foot-left .icon-box:nth-last-child(1){ margin-right:0;}
.foot-left .icon-box .icon-bg{ display:inline-block; border:1px solid #fff; border-radius:50%; height:40px; width:40px; line-height:40px; margin:0 auto; text-align:center; color:#fff;}
.foot-left .icon-box .icon-bg:hover{ border:1px solid #4dd4ff;}
.foot-left .icon-box .icon-bg:hover .fa{ color:#4dd4ff;}
.foot-left .icon-box.weixin .go-to img{ position:absolute; top:87px; left:50%; width:120px; margin-left:-60px; display:none;}
.foot-left .icon-box.weixin:hover .go-to img{ display:block;}

.foot-right .icon-box{ margin:0 auto; text-align:center; display:inline-block; margin-right:14px;}
.foot-right .icon-box:nth-last-child(1){ margin-right:0;}
.foot-right .icon-box .icon-bg{ display:inline-block; border:1px solid #fff; border-radius:50%; height:40px; width:40px; line-height:40px; margin:0 auto; text-align:center; color:#fff;}
.foot-right .icon-box .icon-bg:hover{ border:1px solid #4dd4ff;}
.foot-right .icon-box .icon-bg:hover .fa{ color:#4dd4ff;}
.foot-right .icon-box.weixin .go-to img{ position:absolute; top:87px; left:50%; width:120px; margin-left:-60px; display:none;}
.foot-right .icon-box.weixin:hover .go-to img{ display:block;}

.foot-right{ padding:18px 0; float:right;}
.foot-right .foot-nav{ padding-bottom:30px; border-bottom:1px solid #6e6c6c; margin-bottom:30px;}
.foot-right .foot-nav a{ color:#fff; margin-right:30px; font-size:18px; text-align:center;}
.foot-right .col-md-8,.foot-right .col-md-4{ padding:0;}
.foot-right .col-md-8 p{ margin-bottom:14px; font-size:18px;}
.foot-right .col-md-4 .img-responsive{ float:right; width:120px;}
@media(min-width: 992px) and (max-width: 1200px)
{
.foot-right .foot-nav a{ font-size:16px;}
.foot-right .col-md-8 p{ font-size:16px;}
}
@media (max-width: 768px)
{
.foot-left{ background:none; padding:20px 0;}
.foot-left p{ margin-bottom:14px;}
.foot-left .foot-logo{ margin-bottom:14px;}

.foot-right{ padding:20px 0; float:none;}
.foot-right .foot-nav{ padding-bottom:20px; margin-bottom:20px;}
.foot-right .foot-nav a{ font-size:14px; line-height:30px;}
.foot-right .col-md-8 p{ font-size:14px;}

}

.copy{ text-align:center; background:#383838; padding:20px 0; color:#fff;}
.copy p{ margin-bottom:0; color:#b5b5b5;}
.copy a{ color:#b5b5b5; text-decoration:underline; margin-left:14px;}
.copy a:hover{ color:#ec3c42;}



/*****************************************鍏充簬鎴戜滑******************************************/
.single-banner{ height:260px; overflow:hidden; width: 100%;}
.single-banner .word{ padding-top:100px; text-align:center;}
.single-banner .word h2{ letter-spacing:5px; margin-top:0; margin-bottom:20px;}
.single-banner .word p{ line-height:36px; font-size:18px;}
.about{ background:url(../images/gywm-single.jpg) top center no-repeat; background-size: cover;}
@media (max-width: 768px)
{
.single-banner .word h2{ font-size:22px; line-height:30px; letter-spacing:0;}
.single-banner .word p{ font-size:16px; line-height:30px;}
}


.body-title{overflow:hidden; margin-bottom:40px;}
.left-title{ overflow:hidden;}
.left-title .img-title{ float:left; margin-right:20px;}
.left-title .explain-title{ float:left;}
.left-title .explain-title h2{ margin:0;}
.left-title .explain-title p{ margin-bottom:0; font-size:12px;}
.minute-list{ float:right;}
.minute-list a{display:inline-block; padding:8px 20px; text-align:center; background:#333; color:#fff; margin-right:14px; margin-bottom:14px;}
.minute-list a:hover{background:#4dd4ff; text-decoration:none;}
.minute-list a:nth-last-child(1){ margin-right:0;}

.content{ padding:50px 0; }
.content-box{ clear:both;}
.content .left-nav .left-body{ border:1px solid #dcdfde;}
.content .left-nav .left-title{ padding:20px 30px; border-bottom:1px dashed #949294;}
.content .left-nav .active{ background:#f5f5f5; border-right:4px solid #ec3c42; color:#ec3c42;}
.content .left-nav h3{ margin:0; font-size:20px;}
.content .left-nav h3 .red{font-size:18px; color:#ec3c42;}
.content .left-nav ul{ list-style:none; padding-left:0; margin-bottom:0;}
.content .left-nav ul li{ border-bottom:1px solid #d6d8d7; cursor:pointer;}
.content .left-nav ul li:nth-last-child(1){border-bottom:none;}
.content .left-nav ul li a{ display:block; color:#5d5d5a; padding:14px 30px;}
.content .left-nav ul li a:hover{ background:#f5f5f5; text-decoration:none; color:#ec3c42;}
.content .left-nav ul li .fa{ font-size:20px; width:20px; margin-right:6px; vertical-align:bottom;}
.content .left-nav .fa-angle-down{ font-size:24px; font-weight:600; position:absolute; vertical-align:bottom; text-align:center;}
.content .left-nav .second-menu{ display:none;}
.content .left-nav .second-menu li{ border-bottom:none;}
.content .left-nav .second-menu li:nth-last-child(1){border-bottom:none;}
.content .left-nav .second-menu li .ju{ display:inline-block; width:6px; height:6px; background:#333; margin-right:6px;}
.content .left-nav .second-menu li:hover .ju{ background:#ec3c42;}
.content .left-nav .second-menu li .active .ju{ background:#ec3c42;}
.content .left-nav .second-menu li a{ padding:17px 54px;}
.left-nav .left-contact{ margin-top:30px; border:1px solid #dcdfde;}
.left-nav .left-contact .contact-title{ background:#f5f5f5; color:#ec3c42; font-size:20px; padding:14px 30px;}
.left-nav .left-contact .contact-title .fa{ margin-right:10px;}
.left-nav .left-contact .contact-b{ padding:20px 30px;}
.left-nav .left-contact .contact-b p{ margin-bottom:0; line-height:36px; color:#5d5d5a;}
@media (max-width: 992px)
{
.content{ padding:50px 0;}
.content .left-nav ul li a{ padding:14px 20px;}
.content .left-nav .second-menu li a{ padding:17px 34px;}
.content .left-nav .left-foot p{ font-size:20px;}
}


.right-body{ border:1px solid #dcdfde; padding:30px; line-height:30px; font-size:14px; overflow:hidden;}
.right-body .news-view{ margin-bottom:20px;}
.right-body .news-view h3{ font-size: 22px; padding-bottom:30px; text-align: center; color: #444; margin-top:0;}
.right-body .news-view p{height: 40px; line-height: 40px; text-align: left; color: #999; margin-bottom: 20px; border-top: 1px dotted #e3e3e3; border-bottom: 1px dotted #e3e3e3;}

.right-body .nav-tabs{ margin-bottom:20px;}
.right-body .con-title{ margin-top:0; margin-bottom:20px; padding-bottom:14px; color:#ec3c42; border-bottom:1px dashed #949294; position:relative;}
.right-body .text-right{position:absolute; right:40px; top:26px; font-size:16px; color:#464345; line-height:30px;}
.right-body a{ color:#ec3c42;}
.right-body .more{ text-decoration:underline;}
.right-body .more:hover{ text-decoration:none;}
.right-body p{ margin-bottom:30px;}
.right-body p:nth-last-child(1){ margin-bottom:0;}
.right-body h5{ font-size:18px; color:#333; margin-top:0; margin-bottom:20px; clear:both; line-height:30px;}
.right-body h5 .fa{ margin-right:10px;}
.right-body .h5-center{ text-align:center; margin-bottom:14px; font-size:16px; color:#ec3c42}
.right-body .title-red{     color:#ec3c42; clear:both;}
.right-body h5 .fa-location-arrow{ color:#ec3c42; margin-right:10px; /*border:1px solid #da251d;*/ transform:rotate(40deg);}
.right-body .oblong{ color:#ec3c42; width:10px; height:10px; display:inline-block; background:#ec3c42; margin-right:6px;}
.right-body .p-center span{ margin-right:10px;}
.right-body .p-center{ text-align:center;}
.right-body .p-red{ color:#ec3c42;}
.right-body .device-box{ margin-bottom:20px; margin-right:14px;}
/*.right-body .device-box:nth-last-child(3n+1){ margin-right:0;}*/
.right-body .device-box .img-responsive{ height:120px; margin:0 auto;}
.right-body .p-img .img-responsive{ margin:0 auto;}
@media (max-width: 768px)
{
.content{ padding:40px 0; }
.right-body{ padding:30px 14px;}
.right-body .text-right{ position:static; margin-bottom:14px; display:inline-block;}
.right-body .text-right a{ color:#4dd4ff;}
}

/********************鏂囦欢绗旇瘧***************************/
.pen{ background:url(../images/haha-single.jpg) top center no-repeat; background-size: cover;}



/********************闄悓鍙ｈ瘧***************************/
.kou{ background:url(../images/ptky-single.jpg) top center no-repeat; background-size: cover;}


/********************鍚屽０浼犺瘧***************************/
.tong{ background:url(../images/tscy-single.jpg) top center no-repeat; background-size: cover;}


/********************缈昏瘧鏈嶅姟***************************/
.service{ background:url(../images/fyfw-single.jpg) top center no-repeat; background-size: cover;}
.language-box p{ margin-bottom:14px; text-align:center; color:#333;}
.language-box .asia .img-responsive{height:60px; border:1px solid #ccc; margin:0 auto;}
.language-box a:hover,.language-box a:focus{ text-decoration:none; color:#333;}


/********************鍏ㄥ浗杩為攣***************************/
.chain{ background:url(../images/zyfgs-single.jpg) top center no-repeat; background-size: cover;}
.chain .word{ text-align:left;}
.chain .word p{ line-height:50px;}


.chain-box .chain-title{ color:#2e7deb; font-weight:600; margin-top:0; margin-bottom:20px;}
.chain-box p{ margin-bottom:20px;}
.chain-box p a{ color:#333; margin-right:14px;}
.chain-box p b{ margin-right:16px; font-size:15px;}


/********************缈昏瘧鎶ヤ环***************************/
.money{ background:url(../images/money-single.jpg) top center no-repeat; background-size: cover;}
.money .word{ color:#fff;}


/********************瀹㈡埛妗堜緥***************************/
.case{ background:url(../images/khal-single.jpg) top center no-repeat; background-size: cover;}
.case .word h2{ margin-bottom:30px;}
.example-box{ overflow:hidden;}
.example-box .b,.example-box .c,.example-box .d,.example-box .e, .example-box .f,.example-box .g{ display:none;}
.example-box .part-img{padding:10px; border: 1px solid #d8d8d8; margin-bottom:20px;}
.example-box .part-img a{ color:#333;}
.example-box .part-img a:hover,.example-box .part-img a:focus{text-decoration:none; color:#333;}
.example-box .part-img .img-responsive{ height:46px; margin:0 auto;}
.example-box p{ margin-bottom:0; text-align:center; margin-top:6px; font-size:16px;}
.nav-tabs  li .active, .nav-tabs li .active:hover, .nav-tabs li .active:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd;
 border-bottom-color: transparent;}
.nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus{ text-decoration: none; background-color: none;}



/********************鑱旂郴鎴戜滑***************************/
.contact{ background:url(../images/lxwm-single.jpg) top center no-repeat; background-size: cover;}
.contact .word{ color:#2e0f00;}

/********************浜烘墠鎷涜仒***************************/
.join{ background:url(../images/rczp-single.jpg) top center no-repeat; background-size: cover;}


/***************************缈昏瘧棰嗗煙*****************************************/
.field-box .field-main{ min-height:200px; overflow:hidden;}
.field-box .field-main img{ width:180px; height:180px; float:left; margin-right:14px;}
.field-box .field-main h6{ font-size:16px; font-weight:600; margin-top:0; color:#333;}
.field-box .field-main p{ min-height:120px; line-height:24px; color:#333;}
.field-box .field-main a:hover,.field-box .field-main a:focus{  text-decoration:none; color:#333;}
@media (max-width: 768px)
{
.field-box .field-main{min-height:80px; margin-bottom:10px;}
.field-box .field-main img{ width:120px; height:120px;}
.field-box .field-main p{ min-height:inherit;}
}


/*************************************************************缈昏瘧娴佺▼椤甸潰************************************************************/
.kou-flow{ margin-bottom:40px; overflow:hidden;}
.kou-flow:nth-last-child(1){ margin-bottom:0;}
.kou-flow .order-box{ position: relative;}
.kou-flow .box-margin{ margin-top:20px; overflow:hidden;}
.kou-flow .order-box h2 span{ background:#f3f4f8; color:#1cad7e; font-weight:400; margin-top:0;}
@media (min-width: 992px){
.kou-flow .order-box .col-md-2{width:19%;}
.kou-flow .order-box .col-md-1{width:6%;}
.rotate-180{transform: rotate(-180deg);}
}

@media (min-width: 769px){
.kou-flow .padding{ padding-left:0; padding-right:0;}
}
.kou-flow .move{ position:relative; height:80px;}
.kou-flow .move .level_process{ background:#f3f4f8; border:1px solid #90d0df; border-radius:6px; padding:20px 6px; text-align:center; display:inline-block; float:left; width:100%; min-height:102px;}
.kou-flow .move .level_process p{ margin-bottom:0; font-size:14px;}
.kou-flow .img-responsive{ margin:0 auto; margin-top:20px;}
.kou-flow .arrow-right{ position:absolute; right:23%; top:0;}
.kou-flow .arrow-right:nth-last-child(8n+1){transform: rotate(90deg);}
.kou-flow .arrow-left{ position:absolute; left:10%; top:0; transform: rotate(90deg);}

@media(min-width: 769px) and (max-width: 992px){
.kou-flow .padding{ margin-bottom:20px;}
.kou-flow .arrow-left{ position:static; transform: none; margin-top:20px;}
.kou-flow .arrow-right{ position:static; transform: none; margin-top:20px;}
.kou-flow .arrow-right:nth-last-child(8n+1){transform:none;}
}


@media (max-width: 768px){
.kou-flow{ padding:40px 0; }
.kou-flow .order-box h2{ text-align:center;}
.kou-flow .move .level_process{ padding:10px 6px; min-height:50px;}
.kou-flow .move{ height:44px;}
.kou-flow .order-box .img-responsive{ margin-top:0; transform: rotate(90deg); width:30px;}
.kou-flow .arrow-right{ position:absolute; right:47%; top:0; width:30px;}
.kou-flow .arrow-left{ position:absolute; left:47%; top:0; width:30px;}
}


/*************************************************************缈昏瘧璧勮椤甸潰************************************************************/
.content-box{ overflow:hidden;}


/************鏂伴椈鍒楄〃涓撻棬鏀圭殑宸︿晶*******************/
.new-table{ margin-bottom:30px; overflow:hidden;}
.new-table ul{ list-style:none; padding-left:0;}
.new-table .new-wardtitle{border-left:3px solid #ec3c42;padding-left:10px;border-bottom:1px solid #cdcdcd;margin-bottom:10px;}
.new-table .new-wardtitle h4{ font-size:18px; font-weight:600;}
.new-table .new-wardtitle span{ font-size:14px; color:#666; margin-left:14px;}
.new-table ul li{width:29%; float:left;  text-align:center; margin-bottom:10px; margin-right:3%;}
.new-table ul li:nth-last-child(2n+1){ margin-right:0; }
.new-table ul li a{ padding:10px 0; display:block;background: #fff9ff; color:#5d5d5a; border: 1px solid #e3e3df; border-radius:8px;font-size:14px;}
.new-table ul li a:hover{background:#ec3c42; color:#fff; text-decoration:none;}

.new-wards .new-wardtitle{border-left:3px solid #ec3c42;padding-left:10px;border-bottom:1px solid #cdcdcd;margin-bottom:10px;}
.new-wards .new-wardtitle h4{ font-size:18px; font-weight:600;}
.new-wards .new-wardtitle span{ font-size:14px; color:#666; margin-left:14px;}
.new-wards ul{ list-style:none; padding-left:0;}
.new-wards ul li{ margin-bottom:8px; font-size:14px; line-height:30px; overflow:hidden;}
.new-wards ul li a{width:80%; float:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#2e7deb;}
.new-wards ul li b{width:20%; font-weight:400; float:right; color:#666;}

.news{ background:url(../images/fanyi-single.jpg) top center no-repeat; background-size: cover;}

.new-box ul{ padding-left:0; list-style:none;}
.new-box ul li{ border-bottom:1px dashed #dadada;  line-height:40px;}
.new-box ul li a{width:84%; float:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#333;}
.new-box ul li a:hover,.new-box ul li a:focus{color:#2e7deb; text-decoration:none;}
.new-box ul li span{width:26%; float:right; text-align:right;}
@media (max-width: 560px)
{
.new-box ul li a{ width:70%;}
.new-box ul li span{width:30%;}
}


.paging{clear:both; margin-top:30px; margin-bottom:30px; text-align:center;}
.paging a{ padding:6px 16px; display:inline-block; background:#fff; border:1px solid #e3e3df; color:#303030; margin:0 6px; border-radius:4px;}
.paging a:hover,.paging a:focus{ text-decoration:none; background:#ec3c42; color:#fff;}
.paging .jp-current{display:inline-block;background:#ec3c42; color:#fff;}
.paging select{ padding:8px 10px; display:inline-block; background:#fff; border:1px solid #e3e3df;}
@media (max-width: 768px)
{
.paging{ margin-bottom:0;}
.paging a{ margin-bottom:14px;}
}

/******鎴戜箣鍚庡張缁欎粬澧炲姞浜嗘帹鑽愮殑鏂伴椈鏍忕洰****/
.news-other{ padding:30px 0; overflow:hidden; background:#f2f2f2}
.news-other .otherbox-title,.other-box .otherbox-title{ margin-bottom:20px;border-left:3px solid #ec3c42;padding-left:10px;}
.news-other .otherbox-title h3,.other-box .otherbox-title h3{font-size:20px; font-weight:600; margin-top:0;}
.news-other .otherbox-title .eg-title,.other-box .otherbox-title .eg-title{ margin-left:10px; font-size:20px;}
.news-other ul,.other-box ul{ list-style:none; padding-left:0; overflow:hidden;}
.news-other ul li{width:21%;float:left;margin:2%;list-style:none;}
.other-box-b ul li{list-style:none;width:46%;float:left;margin:5px;background:url(../images/ico.jpg) left center no-repeat;padding-left:10px;height:35px;line-height:35px;overflow:hidden;}
.other-box-b ul li a{width:100%; float:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px; color:#666;text-align:left;display:inline-block;}
.news-other ul li a{width:100%; float:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px; color:#666;text-align:center;display:inline-block;height:215px;}
.news-other ul li a img{width:100%;float:left;height:180px;}
.news-other ul li a span{width:100%;line-height:35px;color:#666;float:left;}
.news-other ul li a:hover span{color:#ec3c42;}
.news-other ul li b{width:20%; float:right; color:#999; font-weight:400; text-align:center;}

/*******************************************鏂伴椈鍒楄〃璇︽儏椤�***********************************************************/
.except p{width:48%; margin-bottom:14px; float:left;height:35px;overflow:hidden;}
.except p:nth-last-child(1){ float:right;}
.except p a{ color:#ec3c42;}
@media (max-width: 768px)
{
.news-other{ padding:40px 0;}
.except p{ float:none;}
.except p:nth-last-child(1){ float:none;}
}</pre></body></html>