<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.flexslider *,.toperh,.toperh .tel,.prolist .procons,.prolist .procons .up h3,.rightprevnext,.news li .pic p,.news li,.news li .pic,.news li .addtime,.news li .cons,.news li .cons .title a,.news li .cons .content,.news li .cons .title a,.contact li,.aboutul3 li,.indnews .right .addtime,.serviceul li .left .title,.indnews .right .addtime,.indprogram li .cons .pic,.indprogram li,.indprogram li .cons .title,.indprogram li .cons .line,.solutiondesign li .pic p,.indprogram li .cons .content,.toper,.toper .logo,.toper ul,.toper .tel,.toper li dl,.fixright li h1,.join3 li .pic p,#slider4 .slide .cons2,.indmessage .mg input#cbtn2,.indbrand2 .more a,.indcor .list .cons1 .more a,.ind4link li a,.ind4link li p,.ind4link li h1 p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc
{transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s; -webkit-transition-duration:2.5s;}
.abc,.news li .pic p:hover,.solutiondesign li .pic:hover p,.join3 li .pic:Hover p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc,.message input[type="text"],.message #cbeizu,.message #cbtn,.aboutul3 li,.indnews .right .cons,.indnews .right .addtime,.serviceul li,.serviceul li .right,.home-subjects-v2 li,.home-subjects-v2 li a,.solutiondesign li,.tabPanel2 ul li .cons,.tabPanel2 ul li .num,.oneservice li,.otherservice li,.indnum li,.join5 li,.join4 .cons,#slider4 .slide .cons2 .cons3,.ind4link li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}
body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#454545;font-size:14px; line-height:25px; margin:0 auto; background:#f4f4f4; overflow-x:hidden;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#454545}
a:Hover,.casesubject h2 a:hover,.news li .cons .title a:hover,.solutiondesign li .cons .title a:hover,.msubject .title,.tabPanel .more:hover {color:#e60039;}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:15px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #c8c8c8; } 
:-moz-placeholder {color: #c8c8c8; } 
::-moz-placeholder { color: #c8c8c8; } 
:-ms-input-placeholder {color: #c8c8c8; } 
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:#f4f4f4;}  
.pager a:hover,.pager span.current { background:#e60039;border:1px solid #e60039;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e60039} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.pager font {font-family:宋体;}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:50px;margin-bottom:10px;}
.picright {margin-left:50px;margin-bottom:10px;}

.wrap {max-width:1180px;margin:0 auto}
.wrap2 {padding:0 4.5%}
.wrap3 {max-width:1520px;margin:0 auto}
.phonemenu { display:none;}

.toper,.toperh.active { background:#fff; height:110px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toper .logo,.toperh.active .logo {margin:34px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat center;width:427px; height:41px;}
.toper .tel,.toperh.active .tel { background:url(../images/3.png) no-repeat; height:27px;float:right;margin:40px 0 0 30px;padding-left:56px;}
.toper ul { float:right;margin:20px 0 0 0}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:30px}
.toper ul li i,.toperh.active ul li i {background:url(../images/1.png);width:11px; height:7px;vertical-align:top;margin:30px 0 0 5px;display:inline-block}
.toper ul li:hover i,.toper ul li.check i,.toperh.active ul li:Hover i { background:url(../images/5.png);}
.toper li a {font-size:16px; display:block; height:90px; display:block; line-height:65px;border-top:3px solid transparent;color:#333;}
.toper li a:hover,.toper li:hover&gt;a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover&gt;a,.toperh.active ul li.check a {color:#e60039;border-color:#e60039;}
.toper li dl { position:absolute; z-index:1;top:90px;left:-20px;width:160px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover&gt;dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a,.toperh.active li dl dd a,.toperh.active li dl dd a:hover,.toperh.active li.check dl dd a {font-size:14px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank { height:110px;}

.toperh{ background:none;}
.toperh .logo { background:url(../images/logo2.png)}
.toperh .tel { background:url(../images/4.png) no-repeat;}
.toperh .tel a,.toperh.active .tel a,.toper.active2 .tel a,.toper .tel a { display:block;width:100%; height:100%;color: #fff;font-size: 24px;font-family: -webkit-pictograph;padding-top: 3px;}
.toperh li a{color:#fff;}
.toperh ul li i,.toperh ul li:hover i { background:url(../images/2.png)}
.toperh.active li a,.toperh.active li.check a {color:#333;}
.toperh li a:hover,.toperh li:hover&gt;a,.toperh ul li.check a,.toperh ul li.check a:hover {color:#fff;border-color:#fff;}
.toperh ul li.check a {border-top:3px solid transparent;color:#fff;}

.toper.active2 { height:70px;}
.toper.active2 .logo {margin-top:14px;}
.toper.active2 ul {margin:0;}
.toper.active2 .tel{margin-top:20px}
.toper.active2 .tel a{color:#333}
.toper.active2 li dl {top:70px}


.bannerin { background-position:center; background-repeat:no-repeat; height:310px}

.fy-context-cont { background:#f4f4f4}

.tabPanel .wrap3 { position:relative}
.tabPanel .ourleft{width: 20%;float: left;height: 65px;line-height: 45px;margin: 50px 0 30px 0;text-align:center;font-size: 20px;}
.tabPanel .ourright{float:right}
.tabPanel ul{height:65px; line-height:45px;margin:50px 0 30px 0;display: inline-block;}
.tabPanel ul li{ display:inline-block; text-align:center;margin:0 30px 0 0;font-size:18px; cursor:pointer;border-top:2px solid transparent;color:#888}
.tabPanel ul li.hit {border-color:#e60039;color:#333}

.tabPanel .ourright .more {top:13px;font-size:18px; color:#666; z-index:9999; text-decoration:underline;margin: 0 30px 0 0;}
.panes {}
.panes .pane { display:none;}
.panes .pane dd {float:left;width:33.3333%;}

.indprosubject { text-align:center;font-size:35px; line-height:50px;padding:80px 0 30px 0}
.indprosubject .cons1 {color:#e60039;font-weight:Bold;}
.indprosubject .cons2 {color:#333}

.prolist { position:relative}
.prolist img {width:100%}
.prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(0,0,0,0.6);color:#fff;opacity:0}
.prolist .procons:Hover {opacity:1}
.prolist .procons .up { position:absolute; z-index:4;top:10%;left:10%;width:80%}
.prolist .procons .up h1 {font-size:24px; line-height:30px;    color: #f3f7f9;}
.prolist .procons .up h2 {font-size:14px;margin:3px 0 10px 0;    color: #f3f7f9;}
.prolist .procons .up h3 { height:2px; background:#fff;width:0px;}
.prolist .procons:hover .up h3 {width:50px;}
.prolist .procons .down { background:url(../images/6.png) no-repeat center; width:44px; height:44px; position:absolute; z-index:4;bottom:10%;right:10%}

.maincons {margin-top:65px}
.casesubject { text-align:left;}
.casesubject h1 {font-size:35px; line-height:35px;color:#333;float:left;}
.casesubject h2 {float:right}
.casesubject h2 a {font-size:25px;color:#999}
.casesubject h2 a.check {color:#333}
.casesubject h2 a.check:hover {color:#e60039}
.casesubject h2 i {margin:0 20px;color:#333;font-size:23px}

.filtr-item {float:left;width:24.4%;padding:0.3%}
.simplefilter { text-align:right; z-index:10; position:relative;margin-top:20px}
.simplefilter li {cursor: pointer;display: inline-block;text-transform: uppercase;color:#333;margin-left:20px;border-bottom:2px solid transparent; height:60px; line-height:20px;}
.simplefilter li.active {font-weight:bold;border-color:#333}
.caselist {padding:0 4.2%}
.caseline { background:#e6e1e1; height:2px;margin:-2px 0 60px 0;}

.caseshow .current {margin-top:-30px;border-bottom:1px solid #dfdcdc;padding:0 0 15px 0}
.caseshow .title {color:#333;font-size:30px; line-height:40px;margin:45px 0 30px 0}
.caseshow b {color:#333}
.caseshow .left {float:left;width:30%; line-height:30px;}
.caseshow .right {float:right;width:65%; line-height:30px}
.caseshow .right .subject {color:#333;font-weight:Bold;margin:5px 0}
.caseshow .cons {margin-top:30px}
.caseshow .cons img {margin-top:20px}
.caseshow .proline {border-bottom:1px solid #dfdcdc;margin:60px 0 0 0}
.caseshow .relax {color:#333;font-size:32px;margin:40px 0}
.caseshow .prorelax li {float:left;width:32.6666%;margin-right:1%; position:relative}
.caseshow .prorelax li.f3 {margin-right:0}
.rightprevnext { position:fixed; z-index:9999;top:50%;left:50%;margin:-90px 0 0 640px;width:22px;}
.rightprevnext .close { background:url(../images/sw1.png) no-repeat;width:22px; height:23px; display:block;margin-left:-5px;}
.rightprevnext .next { background:url(../images/sw2.png) no-repeat;width:15px; height:27px; display:block;margin:20px 0}
.rightprevnext .prev { background:url(../images/sw3.png) no-repeat;width:15px; height:27px; display:block;margin-bottom:20px}
.rightprevnext .bdsharebuttonbox a.bds_more { background:url(../images/sw4.png) no-repeat;width:21px; height:23px;}
.rightprevnext a:hover{ background-position:bottom}
.rightprevnext .bdsharebuttonbox a.bds_more:hover { background-position:bottom;margin-left:-10px}

.news {margin-top:20px}
.news li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:20px 0;min-height:130px}
.news li .pic { position:absolute; z-index:1;left:0;width:130px; height:130px; overflow:hidden}
.news li .cons {padding:0 160px}
.news li .cons .title {margin-top:25px; height:20px; line-height:20px; overflow:hidden}
.news li .cons .title a {font-size:16px;color:#333; font-weight:bold;}
.news li .cons .title a:hover { text-decoration:underline}
.news li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:15px}
.news li .addtime { position:absolute; z-index:1;right:0;top:0;width:90px;padding:60px 0 0 0;font-size:30px; text-align:center;text-align:right}
.news li .addtime p {font-size:18px;margin:10px 0 0 30px; text-align:left;}
.news li:hover { background:#e60039}
.news li:hover .pic {left:20px}
.news li:hover .addtime {right:20px;color:#fff}
.news li:hover .cons {padding:0 160px 0 180px}
.news li:hover .cons .title a {color:#fff;}
.news li:hover .cons .content {color:#fff;}

.newsshow .current {margin-top:-50px}
.newsshow .ncons { line-height:30px;border-top:1px solid #dfdcdc;padding:30px 0 0 0;}
.newsshow .ncons img {margin:10px 0}
.newsshow .titles {float:left;width:55%;color:#333;font-size:30px; line-height:45px;margin:50px 0}
.newsshow .addtime {float:right;width:40%; text-align:right;margin:63px 0 50px 0}

.contact .left {float:left;width:30%;}
.contact .left .subject {font-size:35px; line-height:50px}
.contact .left .cons {font-size:16px;margin:10px 0 110px 0; line-height:30px;}
.contact .left .title { background:#444;color:#fff; height:22px; line-height:22px;padding:0 5px;font-size:16px; display:inline-block; letter-spacing:1px}
.contact .left .tel {color:#e60039;font-weight:BOld;font-size:30px;margin-top:15px; letter-spacing:1px}
.contact .right {float:right;width:65%;}
.contact .right .name {font-size:30px;margin:15px 0 30px 0}
.contact .right .cons {float:left;width:48%}
.contact .right .cons2 {margin-left:4%}
.contact .right .cons .title{font-size:24px;border-bottom:3px solid #454545; display:inline-block; line-height:60px;margin:0 0 20px 0}
.message .title {font-size:30px;margin:60px 0 15px 0}
.message .conss {margin:0 0 5px 0}
.message input[type="text"] {border:1px solid #b7b6b6;font-size:14px;color:#999; height:40px; line-height:40px; padding:0 20px; background:none;float:left;margin-top:2%;}
.message #cname {width:49%;}
.message #ctel {float:right;width:49%}
.message #caddress {width:100%}
.message #cbeizu {float:left;width:76%;margin-top:2%;border:1px solid #b7b6b6; height:100px;font-size:14px;color:#999;padding:10px 20px; overflow:auto; background:none;}
.message #cbtn {border:2px solid #e60039; height:100px; line-height:100px;float:right;width:22%; background:none; cursor:pointer;color:#e60039;margin-top:2%;font-size:16px;}
.message #cbtn:Hover { background:#e60039;color:#fff;}
.contact ul {border-top:1px solid #b7b6b6;margin-top:80px;padding:50px 0 0 0}
.contact li { display:inline-block; vertical-align:top;width:25%; text-align:center;padding:50px 0}
.contact li .pic { height:110px;}
.contact li .title {margin-top:20px}
.contact li:hover { background:#fff;}
.contact li:hover .title {color:#454545}
.namedw { position:absolute;width:0; height:0;top:-110px;}

.about .aleft {float:left;width:30%;}
.about .aleft .subject {font-size:40px; line-height:50px;color:#333}
.about .aleft .cons {font-size:28px; line-height:48px;margin:70px 0 30px 0}
.about .aright {float:right;width:65%;}
.about .aright h1,.about .aright h2,.about .aright h3,.about .aright h4,.about .aright h5 {font-size:28px; line-height:50px; letter-spacing:1px}
.aboutul { text-align:center;margin-top:80px}
.aboutul li {float:left;width:30%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.aboutul li.f3 {margin-right:0}
.aboutul li .cons {border-top:4px solid #e60039;max-width:230px;margin:0 auto}
.aboutul li .cons .title {font-weight:Bold;font-size:25px; line-height:40px;margin:40px 0 45px 0}
.aboutul li .cons .content {font-size:16px;margin:30px 0}
.aboutul li .cons .line { background:#454545; height:1px;}

.aboutcc { text-align:center; background:url(../images/1.jpg) no-repeat center; background-size:cover;padding:150px 0 250px 0;margin-top:100px;color:#fff;}
.aboutcc .title {font-size:30px; line-height:50px; letter-spacing:1px}
.aboutcc .title strong{font-size:35px}
.aboutcc .line { height:3px; background:#e60039;width:70px;margin:30px auto}
.aboutcc .cons {font-size:20px; line-height:30px}
.aboutul2 { text-align:center;margin-top:-70px}
.aboutul2 li {float:left;width:30%;margin-right:5%; background:#fff;padding:40px 0}
.aboutul2 li.f3 {margin-right:0}
.aboutul2 li .content {font-size:20px; line-height:35px;margin:0 0 30px 0}

.team { background:#fff; text-align:center;margin-top:100px}
.team .title {color:#e60039;font-size:35px;font-weight:Bold;padding:100px 0 20px 0}
.team .cons {font-size:20px; line-height:35px;max-width:700px;margin:0 auto 30px auto}
.aboutfh { text-align:center}
.aboutfh .title { text-align:center;color:#e60039;font-size:35px;font-weight:Bold;padding:90px 0 30px 0}
.aboutfh .cons { text-align:center;font-size:20px; line-height:35px;max-width:800px;margin:0 auto}
.aboutul3 {margin:30px 0 50px 0}
.aboutul3 li {float:left;width:30%;margin-right:5%;border:2px solid #454545;font-size:30px;padding:30px 20px }
.aboutul3 li.f3 {margin-right:0}
.aboutul3 li:hover { background:#e60039;color:#fff;border-color:#e60039}

.indnews {padding:80px 0 40px 0}
.indnews .left {float:left;width:30%;}
.indnews .left .f1 {font-size:33px}
.indnews .left .f2 { line-height:20px;margin:20px 0 30px 0}
.indnews .left .f3 { height:4px; background:#e60039;width:40px;}
.indnews .left .f4 {color:#e60039;font-weight:bold;font-size:30px; line-height:40px;margin:75px 0 0 0}
.indnews .right {float:right;width:65%}
.indnews .right li {margin-bottom:40px}
.indnews .right li.f3 {margin-bottom:0}
.indnews .right .addtime {float:left;width:15%;border:1px solid #454545; text-align:center;font-size:22px;padding:16px 0 13px 0}
.indnews .right .addtime p {font-size:50px; line-height:50px;margin:10px 0 0 0}
.indnews .right .cons {float:left;width:79%;margin-left:6%;border-right:1px solid #454545;padding:0 6% 0 0}
.indnews .right .cons .title { height:20px; line-height:20px; overflow:hidden;margin-bottom:15px}
.indnews .right .cons .title a {font-size:20px}
.indnews .right .cons .content { line-height:25px; height:75px; overflow:hidden}
.indnews .right li:hover .addtime { background:#e60039;color:#fff;border-color:#e60039}
.indaboutul {margin-top:0}
.indmain { text-align:center;margin:60px 0}
.indmain .title {color:#e60039;font-weight:Bold;font-size:35px; line-height:50px;}
.indmain .cons {font-size:30px; line-height:45px;margin-top:10px}
.serviceul li {float:left;width:30%;margin-right:5%;border:2px solid #454545;padding:0 0 30px 0}
.serviceul li.f3 {margin-right:0}
.serviceul li .left {float:left;width:40%;margin-left:10%}
.serviceul li .left .title { background:#535353;color:#FFF;width:80px; height:80px;padding:10px 10px 0 10px;font-size:25px; line-height:30px;text-align:center;margin:-15px 0 60px 0}
.serviceul li .left .title2 { text-transform:uppercase; line-height:20px;font-weight:Bold;}
.serviceul li .right {float:right;width:45%;padding:60px 20px 0 0; min-height:210px}
.serviceul li:hover .title { background:#e60039;color:#fff;}

.kfpj { background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:1px 0 110px 0;margin-top:100px}
.kfpj .indmain,.kfpj .indmain .title {color:#fff}
.kfpj .line { height:2px; background:#716666;margin-top:-40px;}
#slider2 .slide .cons { background:#fff;padding:20px;}
#slider2 .slide .cons .title {font-size:16px;font-weight:Bold;}
#slider2 .slide .cons .content { line-height:25px ; height:150px; overflow:hidden;margin:20px 0}
#slider2 .slide .cons .star { background:url(../images/1.gif) no-repeat;width:101px; height:17px;}
#slider2 .slide .icon { background:url(../images/14.png) no-repeat;width:21px; height:11px;margin:0 auto}
#slider2 .slide .pic { text-align:center}
#slider2 .slide .pic img {width:70px; height:70px;border-radius:50%;border:5px solid #fff;margin:30px auto 0 auto}

#slider2 .bx-wrapper .bx-controls-direction a {margin-top:105px}

.indprogram .indmain .title { font-weight:normal;color:#f08300}
.indprogram ul {position:relative; overflow:hidden}
.indprogram li {float:left; background:#fff; height:197px;margin-right:0.7%;width:19.44%}
.indprogram li.f7 {margin-right:0}
.indprogram li .cons { text-align:center;}
.indprogram li .cons .pic {width:72px; height:72px;margin:-10px auto 0 auto}
.indprogram li .cons .title {font-size:20px;font-weight:Bold;margin:8px 0 20px 0}
.indprogram li .cons .line { height:2px; background:#454545;width:30px;margin:0 auto}
.indprogram li .cons .content { height:0;color:#fff; overflow:hidden;}
.indprogram li:hover .cons .content { height:auto;line-height:25px;margin-top:15px}
.indprogram li.f1 .cons .content { line-height:20px;margin-top:18px}
.indprogram li:hover { background:#e60039;color:#fff;}
.indprogram li:hover .cons .pic { height:0; overflow:hidden}
.indprogram li:hover .title {color:#fff;}
.indprogram li:hover .line { background:#fff;}
.indprogram li.f1 { height:400px}
.indprogram li.f3 { position:absolute; z-index:1;top:197px;left:19.44%;margin:0.7% 0 0 0.7%}
.indprogram li.f4 { height:400px}
.indprogram li.f6 { position:absolute; z-index:1;top:197px;left:58.32%;margin:0.7% 0 0 2.1%}
.indprogram li.f8 { position:absolute; z-index:1;top:197px;left:77.76%;margin:0.7% 0 0 2.8%}

.indsolution { background:#454545;color:#FFF;padding:1px 0;margin-top:100px}


.ind4 { background:url(../images/3.jpg) no-repeat center; background-size:cover;padding:1px 0 70px 0; background-attachment:fixed}
.ind4 .indmain {color:#fff}
.ind4 .indmain .title {color:#e60039}
.home-subjects-v2 li *{-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.home-subjects-v2{height:365px; background:rgba(255,255,255,0.85);overflow:hidden;}
.home-subjects-v2 li{width:15%;height:365px;float:left;overflow:hidden;border-right:1px solid #454545;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;}
.home-subjects-v2 li.f4 {border-right:0}
.home-subjects-v2 li a{color:#454545;width:100%;height:365px;padding:0 40px;display:block;position:relative;cursor:pointer;text-decoration:none;overflow:hidden;}
.home-subjects-v2 li .left{float:left;}
.home-subjects-v2 li .left .num {color:#e60039;font-size:45px; line-height:45px;margin:90px 0 20px 0}
.home-subjects-v2 li .left .title {color:#e60039;font-size:28px; line-height:38px;font-weight:bold;}
.home-subjects-v2 li .left .title2 { line-height:20px;margin:10px 0 15px 0}
.home-subjects-v2 li .left .line {width:30px; height:2px; background:#454545;}
.home-subjects-v2 li .right{float:left;opacity:0;}
.home-subjects-v2 li .right .pic {float:right;width:48%; text-align:right;}
.home-subjects-v2 li .right .cons {float:right;width:45%;margin:0 0 0 7%; height:365px; text-align:left;}
.home-subjects-v2 .big{width:55%; background:#fff;}
.home-subjects-v2 .big a{width:100%}
.home-subjects-v2 .big .left{width:20%;}
.home-subjects-v2 .big .right{width:80%}
.home-subjects-v2 li a:hover .right,.home-subjects-v2 .big .right{opacity:1; }
.home-subjects-v2 .big .left .num {font-size:70px; line-height:70px;margin:40px 0 15px 0}
.home-subjects-v2 .big .left .title2 {font-weight:bold;}
.solution {margin-top:-50px}
.solution li .list { display:inline-block; vertical-align:middle;width:40%;}
.solution li {border-bottom:1px solid #333;padding:80px 0}
.solution li .list .num {color:#e60039;font-size:100px; line-height:100px;}
.solution li .list .title {font-size:35px; line-height:50px;color:#e60039;font-weight:Bold;margin:15px 0 15px 0}
.solution li .list .title span { font-weight:normal;color:#000;margin-left:15px}
.solution li .list .cons {font-size:20px; line-height:40px}
.solution li .pic { display:inline-block; vertical-align:middle;width:50%;margin-left:10%}
.solutiondesign .subject { text-align:center;padding:80px 0 60px 0}
.solutiondesign .subject .title {color:#e60039;font-size:35px; line-height:50px;font-weight:bold;}
.solutiondesign .subject .cons {font-size:18px;  line-height:35px;margin-top:10px}
.solutiondesign li {float:left;width:23.875%;margin:0 1.5% 0 0;}
.solutiondesign li.f4 {margin-right:0}
.solutiondesign li .pic { position:relative; overflow:hidden}
.solutiondesign li .cons {border:1px solid #c6c4c4;padding:30px;}
.solutiondesign li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:0 0 10px 0}
.solutiondesign li .cons .title a {color:#000;font-size:20px;font-weight:Bold;}
.solutiondesign li .cons .content {color:#999; line-height:25px; height:50px;}
.solutiondesign li .cons .content a {color:#999}
.indsolutionlist { background:#efefef}
.tabPanel2 ul {float:left;width:32%;margin:-30px 0 100px 0}
.tabPanel2 ul{}
.tabPanel2 ul li{}
.tabPanel2 ul li .cons {border:4px solid #333; width:172px; height:172px;float:left; background:#efefef}
.tabPanel2 ul li .cons .cons2 { display:inline-block; vertical-align:middle;margin:0 5% 0 10%;width:67%}
.tabPanel2 ul li .cons .cons2 .title {font-weight:bold;font-size:18px; line-height:30px;}
.tabPanel2 ul li .cons .cons2 .content {font-size:18px; line-height:25px;margin-top:3px}
.tabPanel2 ul li .cons .icon { display:inline-block; vertical-align:middle;font-weight:bold;font-size:25px; font-family:宋体;width:10%;margin:0 8% 0 0; text-align:right;}
.tabPanel2 ul li .num {float:left;width:180px; height:180px; line-height:180px; text-align:center;color:#e60039;font-size:80px;opacity:0}
.tabPanel2 ul li.hit .cons {border-color:#e60039; background:#e60039;color:#fff}
.tabPanel2 ul li.hit .num {opacity:1}
.panes2 {float:right;width:63%;margin-top:70px; text-align:right}
.panes2 .pane2 { display:none;}

.qaservice {margin-top:-65px}
.qaservice li { display:inline-block; vertical-align:top;width:24.025%;margin:0 0.5% 0 0; background:#fff}
.qaservice li.f4 {margin-right:0}
.qaservice li .pic { position:relative;height: 78px;}
.qaservice li .pic .list { position:absolute; z-index:2;color:#fff;font-weight:Bold;left:13%; height:100%;font-size:25px; letter-spacing:1px}
.qaservice li .cons {max-width:74%;margin:25px auto;min-height:200px}
.msubject { text-align:center;padding:120px 0 40px 0}
.msubject .title {font-weight:bold;font-size:33px; line-height:50px;}
.msubject .cons {font-size:18px; line-height:35px;}

.oneservice ul { overflow:hidden; height:470px;}
.oneservice li {float:left;margin:0.5% 0.5% 0 0;width:24.625%; background:#fff; height:230px;padding:0px 20px 15px 20px}
.oneservice li.f1 { height:470px; text-align:center}
.oneservice li.f4,.oneservice li.f7 {margin-right:0} 
.oneservice li .pic { text-align:right}
.oneservice li .pic p {background-repeat:no-repeat;width:72px; height:72px;margin:0 0 0 auto}
.oneservice li .title {font-size:20px;font-weight:bold;margin-top:10px}
.oneservice li .line { height:2px; background:#333;width:30px;margin:15px 0}
.oneservice li .cons { line-height:25px; height:50px; overflow:hidden}
.oneservice li.f1 .pic { text-align:center}
.oneservice li.f1 .pic p {margin:0 auto}
.oneservice li.f1 .line {margin:25px auto}
.oneservice li.f1 .cons { height:auto}
.oneservice li:hover { background:#e60039;}
.oneservice li:hover .pic p { background-position:bottom}
.oneservice li:hover .title,.oneservice li:hover .cons {color:#fff;}
.oneservice li:hover .line { background:#fff;}


.otherservice li {float:left;width:33%;margin:0 0.5% 0 0; background:#fff; position:relative;padding:70px 2% 70px 5%}
.otherservice li.f3 {margin-right:0}
.otherservice li .pic {position:absolute; z-index:1;}
.otherservice li .cons {padding:0 0 0 90px;margin-top:10px}
.otherservice li .cons .title {font-weight:Bold;font-size:25px;}
.otherservice li .cons .content {margin-top:8px;}

.servicestep { background:url(../images/service.jpg) no-repeat center; background-attachment:fixed;padding:40px 0 80px 0;margin-top:80px}
.servicestep .msubject .cons {color:#fff;margin-top:10px}

.servicebz ul {margin-top:20px}

.case_list {padding:0 4.2%;    overflow: hidden;}
.case_list li {float:left;width:24.2%;margin:0.4%; position:relative; overflow:hidden}
.faq .subject {margin:0 0 30px 0}
.faq .subject .title {color:#e60039;font-size:35px;font-weight:Bold;line-height:45px;margin:0 0 10px 0}
.faq li {border-top:1px solid #d4d4d4;padding:30px 0}
.faq li .title {font-size:25px;color:#e60039; line-height:35px;margin:0 0 20px 0}
.faq li .title i { background:#e60039; display:inline-block; vertical-align:bottom;width:45px; height:45px; line-height:53px;color:#fff;font-size:28px; text-align:center;margin:0 15px 0 0}
.faq li.f1228 .title {margin:0 0 30px 0}
.faq li .content td { vertical-align:top;}
.faq li .content h1,.faq li .content h2,.faq li .content h3,.faq li .content h4,.faq li .content h5 {font-size:22px; line-height:32px;margin:5px 0}
.faq li .content .table4 h1,.faq li .content .table4 h2,.faq li .content .table4 h3,.faq li .content .table4 h4,.faq li .content .table4 h5 {border:1px solid #afadac;border-left:0;border-right:0;padding:15px 0}
.faq li .content .table4 td {padding:0 5% 0 0;width:21.25%}
.faq li .content .table4 .td4 {padding-right:0}
.faq li .content .table7 td { text-align:center}
.faq li .content .table7 .td1 {width:49%;}
.faq li .content .table7 .td2 {width:2%;}
.faq li .content .table7 .td3 {width:49%}
.faq li .content .table10 {max-width:590px;}

.indnum {margin:100px 0 100px 0}
.indnum li { display:inline-block; vertical-align:top;text-align:center;width: 24%;}

.indnum li .yuan{ width: 200px;    height: 200px;    border: 6px solid #454545;    border-radius: 50%;    margin: 0 auto;}
.indnum li.f1 {}
.indnum li.f2 {}
.indnum li.f3 {}
.indnum li.f4 {}
.indnum li .yuan .num {font-family:'DINOT-Regular';    padding-top: 50px;}
.indnum li .yuan .num .count-outer { display:inline-block; vertical-align:top;font-size:74px; line-height:74px}
.indnum li .yuan .num h3 { display:inline-block; vertical-align:top;font-size:26px; line-height:26px;margin:0 0 0 5px}
.indnum li .yuan .cons {font-size:22px; line-height:37px;margin:5px 0 0 0}
.indnum li.f1 .cons {margin:0 0 0 14px}
.indnum li.f4 .cons {margin:0 35px 0 0}

.about_adv {padding:80px 0 50px 0}
.about_adv .subject { text-align:center;font-size:40px; line-height:55px;color:#333}
.about_adv .subject hr { background:#e60039; height:2px;width:65px;margin:20px auto 0 auto}
#slider3 {margin:80px 0 0 0;}
#slider3 .slide {padding:25px 0 60px 0}
#slider3 .bx-wrapper .bx-pager {bottom:-20px;}
#slider3 .bx-wrapper .bx-pager.bx-default-pager a { width: 10px;height:10px; margin: 0 10px;border-radius:50%; background:#d2d2d2;border:1px solid #d2d2d2;}
/* #slider3 .bx-wrapper .bx-pager.bx-default-pager a:focus */
#slider3 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slider3 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:none;border-color:#666}

#slider3 .bx-wrapper .bx-prev {
  left:auto;
  right:0;
  background: #e5e5e5 url('../images/l1.png') no-repeat center;
}
#slider3 .bx-wrapper .bx-next {
  right:-50px;
  background:#483b37 url('../images/r1.png') no-repeat center;
}
#slider3 .bx-wrapper .bx-prev:hover,#slider3 .bx-wrapper .bx-next:hover { background-color:#e60039}
#slider3 .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-45px; width: 50px;  height: 50px;}
#slider3 .cons { background:#fff; position:relative;}
#slider3 .cons .pics { display:inline-block; vertical-align:middle;width:40%; position:relative;top:-50px;left:5%}
#slider3 .cons .pics .pic { height:336px; overflow:hidden}
#slider3 .cons .pics .pic img {width:100%}
#slider3 .cons .pics .numline { position:relative;}
#slider3 .cons .pics .numline .num {font-size:70px;line-height:70px;font-family:'DINOT-Regular';opacity:0.8; position:absolute;bottom:-85px}
#slider3 .cons .pics .numline .line { height:5px;width:65%; background:#e60039; position:absolute;right:0;bottom:-52px}
#slider3 .cons .cons2 { display:inline-block; vertical-align:middle;width:40%;margin:0 5% 0 12%;}
#slider3 .cons .cons2 .title {font-size:40px; height:40px; line-height:40px;border-left:2px solid #241916;padding:0 0 0 25px; overflow:hidden;color:#333}
#slider3 .cons .cons2 .content {font-size:25px; line-height:40px;margin:30px 0 0 27px}
.banner2 { background-position:center; background-repeat:no-repeat; height:685px;}
.join1 { background:#fff;border:5px solid #7e7c7c;padding:2% 2.5%;margin-top:-80px}

.mainsubject { text-align:center;margin:50px 0 30px 0}
.mainsubject h1 {font-size:30px; line-height:30px; letter-spacing:2px;}
.mainsubject hr { height:20px;width:1px; background:#666;margin:20px auto 0 auto}
.join2 { background:#fff;margin:0 3%;padding:10px 0 50px 0}
.join2 li {float:left;width:48%;margin:40px 4% 0 0;}
.join2 li.no {margin-right:0}
.join2 li .title {font-size:40px;font-weight:bold; line-height:55px;color:#333}
.join2 li .line { background:#333; height:3px;width:40px;margin:15px auto 0 0}
.join2 li .title2 {font-size:25px; line-height:40px;color:#333;margin:20px 0 30px 0}

.join3 {padding:0 3%}
.join3 ul {margin-top:-2%}
.join3 li {float:left;width:32%;margin:2% 2% 0 0;}
.join3 li.no {margin-right:0}
.join3 li .pic { position:relative; overflow:hidden}
.join3 li .title {font-size:22px; line-height:35px;color:#333;margin:25px 0 15px 0}
.join4 { background:#fff;padding:1px 0 0 0;margin:50px 0 0 0}
.join4 .cons {padding:0 2.5%}
.join4 .cons .title {font-size:22px; line-height:37px;margin:0 0 15px 0}


.join5 .cons1 {border:5px solid #7e7c7c; text-align:center;padding:2% 2.5%; background:#fff}
.join5 .cons1 h1,.join5 .cons1 h2,.join5 .cons1 h3,.join5 .cons1 h4,.join5 .cons1 h5 {font-size:22px; line-height:35px;margin:5px 0}
.join5 ul {margin:3% 0 5% 0}
.join5 li {float:left; background:#fff;margin:2% 2% 0 0;width:49%;padding:20px 25px}
.join5 li.no {margin-right:0}
.join5 li .title {font-size:25px; line-height:40px;margin:0 0 15px 0}
.join5 .cons2 { text-align:center;font-size:25px;color:#333; line-height:40px;}
.join5 .cons2 a { text-decoration:underline;color:#333;font-size:25px;}
.solution1 {color:#333}
.solution1 .title {font-size:35px; line-height:50px;}
.solution1 .pic {margin:-40px 0 60px 0}
.solution1 .cons {font-size:25px; line-height:40px;}

.solution2 {margin-top:80px}
#slider4 { background:#fff;}
#slider4 .slide { text-align:center; position:relative; overflow:hidden;color:#333;}
#slider4 .slide.bg { background:#eceaea}
#slider4 .bx-wrapper .bx-prev {left: 25%;margin-left:-50px; background: #483b37 url('../images/l1.png') no-repeat center;}
#slider4 .bx-wrapper .bx-next {right: 25%;margin-right:-50px; background: #483b37 url('../images/r1.png') no-repeat center;}
#slider4 .bx-wrapper .bx-prev:hover,#slider4 .bx-wrapper .bx-next:hover{ background-color:#e60039}
#slider4 .bx-wrapper .bx-controls-direction a { top:50%;  margin-top:-25px;  width: 50px;  height: 50px;}
#slider4 .slide .cons1 .title2 {font-size:32px; height:32px; line-height:32px; overflow:hidden;margin:18% 0 0 0}
#slider4 .slide .cons1 .hy {font-size:22px; height:22px; line-height:22px; overflow:hidden;margin:15px 0 0 0}
#slider4 .slide .cons1 .line {width:40px; height:1px; background:#333;margin:25px auto}
#slider4 .slide .cons1 .title {font-weight:bold;font-size:25px; height:25px; line-height:25px; overflow:hidden;}
#slider4 .slide .cons1 .num {font-family:'DINOT-Regular';font-size:60px; line-height:60px;}
#slider4 .slide .cons1 .pic {max-width:90%;text-align:center;margin:20px auto 0 auto}
#slider4 .slide .cons1 .pic img {margin:20px auto 12% auto;}
#slider4 .slide .cons2 { background:#e60039; position:absolute; z-index:1000;width:100%; height:100%;left:0;top:0;opacity:0}
#slider4 .slide .cons3 {border:1px solid #fff; position:absolute; z-index:1001;width:94%;height:94%;left:3%;top:3%;color:#fff}
#slider4 .slide .cons3 .title2 {font-size:22px; line-height:32px}
#slider4 .slide .cons3 .line { height:1px;width:40px;margin:20px auto; background:#fff;}
#slider4 .slide .cons3 .title {font-weight:bold;font-size:22px; line-height:32px}
#slider4 .slide .cons3 .num { position:absolute;bottom:-1px; background:#e60039;font-family:'DINOT-Regular';font-size:40px;width:80px;left:50%;margin-left:-40px;}
#slider4 .slide:hover .cons2 {opacity:1}
.mainsubjectsol { text-align:center;font-size:35px; line-height:45px;color:#333;padding:60px 0; letter-spacing:1px}
.mainsubjectsol .title {font-weight:Bold;margin:0 0 10px 0}
.mainsubjectsol .cons {font-size:30px;}
.solution5 { background:url(../images/s2.jpg) no-repeat center; background-size:cover;padding:10px 0 120px 0}
.solution5 .wrap { position:relative;}
.solution5 .mainsubjectsol {color:#fff}
.solution5 ul {margin-top:40px}
.solution5 .icon { position:absolute; right:0;top:-10px}
.solution5 li {float:left;color:#fff;width:20.5%;margin:0 6% 0 0; position:relative;}
.solution5 li .cons { position:relative;}
.solution5 li .title {font-size:30px; line-height:40px;border-bottom:1px solid #fff;padding:0 0 30px 0;}
.solution5 li .content {font-size:22px; line-height:37px;margin:30px 0 0 0}
.solution5 li.f4 {margin-right:0}
.solution5 li .pic { position:absolute;right:-52px;top:53px}
.solution5 li.f4 .pic { display:none;}

.solution6 { background:#fff}
.solution6 .wrap { position:relative;}
.solution6 .icon { position:absolute;top:-1px;right:0}
.solution6 ul {padding:30px 0 100px 0}
.solution6 ul li { display:inline-block; vertical-align:top;width:20%; text-align:center}
.solution6 ul li.x3 { display:none;}
.solution6 ul li .title {font-size:60px; line-height:60px;}
.solution6 ul li .pic {margin:20px 0}
.solution6 ul li .content {font-size:18px; line-height:30px;opacity:0.95}
.solution6 ul li.i p { background:url(../images/s6.png) no-repeat center;width:21px; height:20px;margin:20px auto 0 auto}
.indmessage { background:#fff;padding:50px 0;margin:0 0 -80px 0; text-align:center}
.indmessage .subject {font-size:70px; line-height:90px;color:#333}
.indmessage .tel {color:#333;margin:20px 0 30px 0}
.indmessage .tel h1 {border:1px solid #666;border-left:0;border-right:0;font-size:30px; line-height:50px; display:inline-block}
.indmessage .tel h2 {font-weight:bold;font-size:48px; display:inline-block; vertical-align:top;margin:14px 0 0 20px}
.indmessage .cons {font-size:24px;color:#e60039;}
.indmessage .mg {margin-top:10px}
.indmessage .mg input {border:0;border-bottom:1px solid #e1dcdc;color:#666; height:50px; line-height:50px;margin:30px 5% 0 0;float:left;width:30%;}
.indmessage .mg input#ccompany2 {margin-right:0}
.indmessage .mg input#cbeizu2 {margin-right:0;width:65%;}
.indmessage .mg input#cbtn2 {margin-left:35%;margin-top:30px; background:#fff; cursor:pointer;width:150px;border:1px solid #e1dcdc; height:40px; line-height:40px;}
.indmessage .mg input#cbtn2:hover { background:#e60039;color:#fff;border-color:#e60039}

.ind4link {padding:70px 0}
.ind4link li { display:inline-block; vertical-align:top;text-align:center;color:#000;border-right:1px solid #999}
.ind4link li.f1 {width:32%; text-align:left;}
.ind4link li.f2 {width:32%}
.ind4link li.f3 {width:25%}
.ind4link li.f4 {width:32%;border:0; text-align:right}
.ind4link li h1 { display:inline-block; vertical-align:top;font-size:30px; position:relative}
.ind4link li h2 { display:inline-block; vertical-align:top;font-size:30px;font-weight:Bold; position:relative}
.ind4link li p { position:absolute;bottom:-17px; height:2px;width:0; background:#e60039;}
.ind4link li:hover h2 p { background:#333;width:100%}
.ind4link li:hover h1 p { background:#e60039;width:100%}

.ind3 { background:#fff;padding:70px 0}
.ind3 .left {float:left;width:50%;color:#333; letter-spacing:1px;}
.ind3 .left .title {font-size:60px; line-height:80px;}
.ind3 .left .line { background:#666; height:1px;width:50px;margin:15px 0}
.ind3 .left .cons { font-size:35px; line-height:50px;}
.ind3 .right {float:right;width:50%;}
.ind3 .right ul {margin-top:-80px}
.ind3 .right li { position:relative;margin:80px 0 0 0}
.ind3 .right li .cons1 { position:absolute;left:0;top:0;width:260px;}
.ind3 .right li .cons1 .icon { display:inline-block; vertical-align:top;}
.ind3 .right li .cons1 .title { display:inline-block; vertical-align:top;font-size:60px;margin:25px 0 0 55px}
.ind3 .right li .cons1 .x { background:url(../images/s6.png) no-repeat center;width:21px; height:20px;margin:10px 0 0 175px;}
.ind3 .right li .cons2 {margin:0 0 0 290px;padding:10px 0 0 0}
.ind3 .right li.f3 .cons1 .x { display:none;}
.indbrand2 { text-align:center; background-position:center; background-repeat:no-repeat; background-attachment:fixed;padding:9% 0;color:#fff}
.indbrand2 .cons {font-size:50px; line-height:80px; letter-spacing:2px}
.indbrand2 .more a { display:block;border-radius:25px;width:180px; height:45px; line-height:45px;border:1px solid #fff; text-align:center;color:#fff;font-size:20px;margin:70px auto 0 auto}
.indbrand2 .more a:hover { background:#e60039;border-color:#e60039}

.indadv {margin:40px 0 0 0}
.indadv .about_adv {padding:0;margin-top:-10px}
.indadv .subject p {font-size:23px; letter-spacing:2px;color:#333}
.indadv .subject hr {width:20px; display:inline-block; background:#333; height:1px;border:0}
.indcor {margin:100px 0 0 0}
.indcor .subject {font-size:45px; line-height:65px; text-align:center;color:#000;margin:0 0 60px 0}
.indcor .list { background:#fff;position:relative}
.indcor .list .cons { position:absolute;width:50%; height:100%;}
.indcor .list .cons1 {max-width:520px;margin:0 auto}
.indcor .list .cons1 .pic2 {max-height:90px}
.indcor .list .cons1 .title {font-size:45px; line-height:55px;color:#000;font-weight:bold; letter-spacing:2px;margin:5% 0 4% 0}
.indcor .list .cons1 .content {font-size:22px; line-height:35px; letter-spacing:1px;margin:0 0 5% 0}
.indcor .list .cons1 .more a { display:block;width:160px;border:1px solid #666; height:43px; line-height:43px;border-radius:25px; text-align:center;font-size:22px}
.indcor .list .cons1 .more a:hover { background:#e60039;border-color:#e60039;color:#fff}
.indcor .list .pic { position:absolute; z-index:1;right:0;top:0;width:50%; height:100%}
.indcor .list .pic .simg { display:none;}

#slider5 {margin:0 0 0 0;}
#slider5 .slide {position:relative}
#slider5 .bx-wrapper .bx-pager {bottom:40px;}
#slider5 .bx-wrapper .bx-pager.bx-default-pager a { width:70px;height:2px; margin: 0 10px; background:#b6acac;}
/* #slider5 .bx-wrapper .bx-pager.bx-default-pager a:focus */
#slider5 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#eeeeee}
#slider5 .bx-wrapper .bx-prev {left:50%;margin-left:-50px; background: #e5e5e5 url('../images/l1.png') no-repeat center;}
#slider5 .bx-wrapper .bx-next {right:50%;margin-right:-50px;background:#483b37 url('../images/r1.png') no-repeat center;}
#slider5 .bx-wrapper .bx-prev:hover,#slider5 .bx-wrapper .bx-next:hover { background-color:#e60039}
#slider5 .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-25px; width: 50px;  height: 50px;}









.foot { background:#4b4747;padding:35px 0;margin-top:80px;color:#8a8888;}
.foot a {color:#8a8888;}
.foot a:Hover {color:#fff;}
.foot dl {float:left;margin-right:60px;width: 18%;line-height: 36px;}
.foot dl.last {margin-right:0}
.foot dt a {font-size:16px;}
.foot hr { background:#8a8888;width:15px; height:1px;border:0;margin:8px 0 15px 0}
.foot dl.copy {float:right;margin-right:0;width:50px;}
.foot dl.copy dt {margin:0 0 20px 0}
.foot dl.copy dd a { display:inline-block; vertical-align:top;width:52px; height:52px; position:relative}
.foot dl.copy dd a.wx { background:url(../images/11.png) no-repeat center;margin:5px}
.foot dl.copy dd a.qq { background:url(../images/12.png) no-repeat center;margin:5px}
.foot dl.copy dd a.tel { background:url(../images/13.png) no-repeat center;margin:5px}
.foot dl.copy dd a.wx p { position:absolute; z-index:1;bottom:60px;left:-28px;width:100px; height:100px; background:#fff;padding:5px; text-align:center;display:none;}
.foot dl.copy dd a.wx:hover p { display:block;}
.foot dl.copy dd .cons {font-size:12px;margin:50px 0 0 0; line-height:20px}
.fixright { position:fixed; z-index:99999;right:0;bottom:0;width:45px;}
.fixright a { display:block; height:45px;margin:1px 0; background:#e60039; background-position:center; background-repeat:no-repeat; position:relative}
.fixright a:hover { background-color:#333}
.fixright .totop a { height:50px; background:url(../images/f1.png) no-repeat center}
.fixright .tel a { background-image:url(../images/tel2.png);} 
.fixright .qq a { background-image:url(../images/qq_1.png);} 
.fixright .wx a { background-image:url(../images/wx.png); position:relative;} 
.fixright .wx a p { position:absolute; z-index:1;right:46px;bottom:0;width:100px; display:none;}
.fixright .wx a p img {width:100%}
.fixright .wx a:hover p { display:block}
.fixright li h1 { position:absolute; z-index:1;top:0;right:-135px;width:85px; color:#fff;font-size:16px; height:45px; line-height:45px; background:#333 url(../images/tel2.png) no-repeat 15px 13px;padding:0 0 0 50px}
.fixright li:hover h1 {right:0}
.fixright li.qq h1 { background:#333 url(../images/qq_1.png) no-repeat 0px 0px;}</pre></body></html>