@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
{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
{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,.sucaiservice li,.twoservice 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 {color:#e60113;}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
.table .td1 { display:table-cell; vertical-align:middle; text-align:center;}
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;}maincons
.pager {padding:0 0 0px 0; width:100%;text-align:center; padding-bottom:80px;} 
.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:#e60013;border:1px solid #e60013;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e60013} 
.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%;background-color:#ffffff;}

.wrapcase {padding:0 4.5%;}

.wrap3 {max-width:1180px;margin:0 auto;background-color:#ffffff;}
.Separate {height:30px;}


/* 压底 */



.outs_contact {
    background: #e60113;
    padding: 15px 0 10px 0;
    color: #fff;
}

.outs_contact .mleft {
    float: left;
    width: 200px;
}

.outs_contact .mleft h1 {
    width: 100px;
    display: inline-block;
    vertical-align: bottom;
}
.outs_contact .mleft h2 {
    vertical-align: bottom;
    font-size: 16px;
    width: 80px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 5px;
}
.outs_contact .mright {
    float: right;
    width: 350px;
    text-align: center;
    font-size: 18px;
    margin-top: 17px;
}
.outs_contact .mright .cons {
    font-size: 16px;
}
.outs_contact .mright .title {
    border-top: 1px solid #fff;
    margin-top: 4px;
    padding-top: 10px;
}
.outs_contact .mright .cons .tel {
    display: inline-block;
    font-weight: Bold;
    font-size: 38px;
    vertical-align: top;
    margin-top: -10px;
}
/* 压底 */

/* 合作步骤 */
.cooperation_step ul
{   padding:40px 0 80px 0;
    padding-top: 40px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
}

.cooperation_step i {
    background: url(../images/icon.png)no-repeat center;
    width: 25px;
    height: 19px;
    display: block;
    margin: 10px auto;
}

.cooperation_step li:hover {
    border-color: #e60113;
}
.cooperation_step li {
    text-align: center;
    border: 1px solid #dcdddd;
    padding: 10px 20px 13px 20px;
}
.cooperation_step li .title {
    font-size: 20px;}
    
.cooperation_step li .cons {
    color: #666;
    margin-top: 5px;
}
/* 合作步骤 */




/* 头部导航 */
.toper,.toperh.active { background:#fff; height:110px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toper .logo,.toperh.active .logo {margin:25px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat center;width:122px; height:60px;}
.toper .tel,.toperh.active .tel { background:url(../images/3.png) no-repeat center;width:44px; height:27px;float:right;margin:40px 0 0 30px}
.toper .txt { width:280px; height:40px;float:left;margin:30px 0 0 10px;}
.toper .txt-1 { height: 21px;line-height: 21px;font-size: 24px;font-family: 微软雅黑;color: rgb(143, 143, 143);clear: right;}
.toper .txt-2 { color: rgb(143, 143, 143);font-family: 微软雅黑;font-size: 9px;line-height: 21px;}
.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 10px;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>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#e60013;border-color:#e60013;}
.toper li dl { position:absolute; z-index:1;top:90px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>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 center;}
.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>a,.toperh ul li.check a,.toperh ul li.check a:hover {color:#fff;border-color:#333;}
.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 li dl {top:70px}

/* 头部导航黑色透明状态 */


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

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

.tabPanel {}
.tabPanel ul{ text-align:center;height:65px; line-height:65px;margin:30px 0}
.tabPanel ul li{ display:inline-block; text-align:center;margin:0 15px;font-size:16px; cursor:pointer;border-top:3px solid transparent;color:#888}
.tabPanel ul li.hit {border-color:#e60039;color:#333}
.panes {}
.panes .pane { display:none;}
.panes .pane dd {float:left;width:25%;}

.indprosubject { text-align:center;font-size:35px; line-height:50px;padding:80px 0 30px 0}
.indprosubject .cons1 {color:#e60013;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}
.prolist .procons .up h2 {font-size:14px;margin:3px 0 10px 0}
.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:#e60013}
.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 .cons img {margin-top:0px}
.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:#e60013}
.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:#e60013;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 #e60013; height:100px; line-height:100px;float:right;width:22%; background:none; cursor:pointer;color:#e60013;margin-top:2%;font-size:16px;}
.message #cbtn:Hover { background:#e60013;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;}
原联系我们开始*/


/*tab卡*/
.tabtxt1 {font-size: 20px; line-height: 30px; color: #333; font-weight: bold;}
/*tab卡*/


/*关于我们开始*/
.about .aleft {float:left;width:30%;}
.about .aleft .subject {font-size:35px; line-height:45px;color:#333}
.about .aleft .cons {font-size:16px;margin:10px 0 30px 0}
.about .aright {float:right;width:65%;}
.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 #e60013;max-width:230px;margin:0 auto}*/
.aboutul li .cons {border-top:4px solid #e60013;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/about-img1.png) no-repeat center; background-size:cover;padding:150px 0 250px 0;margin-top:0px;color:#fff;}
.aboutcc .title {font-size:30px; line-height:50px; letter-spacing:1px}
.aboutcc .title strong{font-size:35px}
.aboutcc .line { height:3px; background:#e60013;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}
/*关于我们结束*/

/*四组数字开始*/
.profile_title {font-size:36px; text-align:center;max-width:795px;margin:0 auto;padding:50px 0}
.profile_cons { text-align:center;font-size:16px; line-height:25px;color:#666}
.profile_num { text-align:center;padding:0px 0 0px 0}
.profile_num li { display:inline-block;margin:0 0%;width:25%; vertical-align:top;}
.profile_num li.l1 {margin-left:0}
.profile_num li.l4 {margin-right:0}
.profile_num li span.counter {font-size:50px;font-weight:bold; vertical-align:middle;font-family: 'ccssbc';}
.profile_num li font.jia {font-size:50px; vertical-align:middle;font-weight:bold;}
.profile_num li .cons {font-size:16px;color:#666; line-height:22px; height:44px; overflow:hidden;margin-top:15px}
.max100 {max-width:100%}
.pd50 {padding:50px 0; line-height:30px}
/*四组数字结束*/


/*369-tool_web_3栏开始*/
.tool .aleft {float:left;width:30%;}
.tool .aleft .subject {font-size:35px; line-height:45px;color:#333}
.tool .aleft .cons {font-size:16px;margin:10px 0 30px 0}
.tool .aright {float:right;width:65%;}
.toolul { text-align:center;margin-top:80px}
.toolul li {float:left;width:30%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.toolul li.f3 {margin-right:0}
.toolul li .cons {border-top:4px solid #fff;margin:30px 0 0px 0;}
.toolul li .cons .title {font-weight:Bold;font-size:25px; line-height:30px;margin:30px 0 20px 0}
.toolul li .cons .content {font-size:16px;margin:20px 0}
.toolul li .cons .line { background:#454545; height:1px; width:15%; margin-left:42%;}

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



/*讲堂开始*/
.Lclass .aleft {float:left;width:65%;}
.Lclass .aleft .subject {font-size:28px; line-height:45px;color:#333; font-weight:bold;}
.Lclass .aleft .cons {font-size:16px;margin:10px 0 30px 0}
.Lclass .aright {float:right;width:30%;}
.Lclassul { text-align:center;margin-top:80px}
.Lclassul li {float:left;width:65%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.Lclassul li.f3 {margin-right:0}
.Lclassul li .cons {border-top:4px solid #e60013;max-width:230px;margin:0 auto}
.Lclassul li .cons .title {font-weight:Bold;font-size:25px; line-height:40px;margin:40px 0 45px 0}
.Lclassul li .cons .content {font-size:16px;margin:30px 0}
.Lclassul li .cons .line { background:#454545; height:1px;}

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



/*3维块开始*/
.three .aright {float:right;width:65%;}
.three .aright .subject {font-size:32px; line-height:45px;color:#333; font-weight:bold;}
.three .aright .subject1 {font-size:20px; line-height:30px;color:#333; font-weight:bold;}
.three .aright .cons {font-size:16px;margin:10px 0 30px 0}
.three .aright .line { background:#e60013; height:4px; width:20%;margin:10px 0 10px 0;}
.three .aleft {float:left;width:30%;}
.threeul li.f3 {margin-right:0}
.threeul li .cons {margin:0 auto}
.threeul li .cons .content {font-size:16px;margin:30px 0}
.threeul li .cons .line { background:#454545; height:1px;}

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

/*3维块下部开始*/
.threeul { text-align:center;margin-top:80px}
.threeul li {float:left;width:30%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.threeul li.f3 {margin-right:0}
/*.aboutul li .cons {border-top:4px solid #e60013;max-width:230px;margin:0 auto}*/
.threeul li .cons {margin:0 auto}
.threeul li .cons .title { color:#e60013; text-align:left; border:2px solid #e60013;font-weight:Bold;font-size:25px; line-height:30px; margin:0px 0 0px 0; padding-top:60px; padding-bottom:30px; padding-left:40px;}
.threeul li .cons .title p {font-size:16px;margin:0px 0; font-weight:normal;}
.threeul li .cons .content {font-size:16px;margin:30px 0; text-align:left; padding-left:40px;}
.threeul li .cons .line { background:#454545; height:1px;}
/*3维块下部结束*/





/*左右块开始*/
.lrblok .aright {float:right;width:50%;}
.lrblok .aright .subject {font-size:32px; line-height:45px;color:#333; font-weight:bold;}
.lrblok .aright .subject1 {font-size:20px; line-height:30px;color:#333; font-weight:bold;}
.lrblok .aright .cons {font-size:16px;margin:10px 0 30px 0}
.lrblok .aright .line { background:#e60013; height:4px; width:20%;margin:10px 0 10px 0;}
.lrblok .aleft {float:left;width:45%;}
.lrblokul li.f3 {margin-right:0}
.lrblokul li .cons {margin:0 auto}
.lrblokul li .cons .content {font-size:16px;margin:30px 0}
.lrblokul li .cons .line { background:#454545; height:1px;}

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

.lrblokul { text-align:center;margin-top:80px}
.lrblokul li {float:left;width:45%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.lrblokul li.f3 {margin-right:0}
/*.aboutul li .cons {border-top:4px solid #e60013;max-width:230px;margin:0 auto}*/
.lrblokul li .cons {margin:0 auto}
.lrblokul li .cons .title { color:#e60013; text-align:left; border:2px solid #e60013;font-weight:Bold;font-size:25px; line-height:30px; margin:0px 0 0px 0; padding-top:60px; padding-bottom:30px; padding-left:40px;}
.lrblokul li .cons .title p {font-size:16px;margin:0px 0; font-weight:normal;}
.lrblokul li .cons .content {font-size:16px;margin:30px 0; text-align:left; padding-left:40px;}
.lrblokul li .cons .line { background:#454545; height:1px;}
/*左右块结束*/


/*右左块开始*/
.rlblok .aright {float:left;width:50%;}
.rlblok .aright .subject {font-size:32px; line-height:45px;color:#333; font-weight:bold;}
.rlblok .aright .subject1 {font-size:20px; line-height:30px;color:#333; font-weight:bold;}
.rlblok .aright .cons {font-size:16px;margin:10px 0 30px 0}
.rlblok .aright .line { background:#e60013; height:4px; width:20%;margin:10px 0 10px 0;}
.rlblok .aleft {float:right;width:45%;}
.rlblokul li.f3 {margin-right:0}
.rlblokul li .cons {margin:0 auto}
.rlblokul li .cons .content {font-size:16px;margin:30px 0}
.rlblokul li .cons .line { background:#454545; height:1px;}

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

.rlblokul { text-align:center;margin-top:80px}
.rlblokul li {float:right;width:45%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.rlblokul li.f3 {margin-right:0}
/*.aboutul li .cons {border-top:4px solid #e60013;max-width:230px;margin:0 auto}*/
.rlblokul li .cons {margin:0 auto}
.rlblokul li .cons .title { color:#e60013; text-align:left; border:2px solid #e60013;font-weight:Bold;font-size:25px; line-height:30px; margin:0px 0 0px 0; padding-top:60px; padding-bottom:30px; padding-left:40px;}
.rlblokul li .cons .title p {font-size:16px;margin:0px 0; font-weight:normal;}
.rlblokul li .cons .content {font-size:16px;margin:30px 0; text-align:left; padding-left:40px;}
.rlblokul li .cons .line { background:#454545; height:1px;}
/*右左块结束*/









.team { background:#fff; text-align:center;margin-top:100px}
.team .title {color:#e60013;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:#e60013;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:#e60013;color:#fff;border-color:#e60013}

/*.indnews {margin-top:100px;}*/
.indnews {margin-top:40px;}
.indnews .left {float:left;width:30%;}
.indnews .left .f1 {font-size:33px}
.indnews .left .f2 { line-height:20px;margin:15px 0 25px 0}
.indnews .left .f3 { height:3px; background:#e60013;width:40px;}
.indnews .left .f4 {color:#e60013;font-weight:bold;font-size:30px; line-height:40px;margin:70px 0}
.indnews .left .f5 { background:#454545;color:#fff;font-size:16px;margin:0 0 5px 0; display:inline-block;padding:0 10px}
.indnews .left .f7 {font-size:30px;font-weight:bold; letter-spacing:1px;margin-top:15px}
.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:#e60013;color:#fff;border-color:#e60013}
.indaboutul {margin-top:0}
.indmain { text-align:center;margin:60px 0}
.indmain .title {color:#e60013;font-weight:Bold;font-size:35px; line-height:50px;}/*板块标题文字*/
.indmain .title1 {color:#333333;font-weight:Bold;font-size:35px; line-height:50px;}/*板块标题文字*/
.indmain .title1 .c1 {color:#666666;font-weight:lighter;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:60px; height:70px;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:#e60013;color:#fff;}

.kfpj { background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:1px 0 110px 0;margin-top:0px; margin-bottom: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/star.png) 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:#e60013}
.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:#e60013;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.f00 { position:absolute; z-index:1;top:197px;left:0%;margin:0.7% 0 0 0.0%}
.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:0px}*/
.indsolution {color:#FFF;padding:1px 0;margin-top:0px; background-image:url(../images/369bg.png);}

/*更多按钮开始*/
.more_box1{width:100%;height:48px;text-align:center;padding-bottom:40px;margin-top:40px;}
.more_box1 a{width:150px;height:48px;display:inline-block;background:url(../images/more_btn.png) no-repeat;}
.more_box1 a:hover{background:url(../images/moreH_btn.png) no-repeat;}
/*更多按钮结束*/

/*咨询开始*/
.more_box2{width:100%;height:48px;text-align:center;padding-bottom:40px;margin-top:40px;}
.more_box2 a{width:150px;height:48px;display:inline-block;background:url(../images/more_btn2.png) no-repeat;}
.more_box2 a:hover{background:url(../images/moreH_btn2.png) no-repeat;}
/*咨询结束*/

.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:#e60013}
.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:#e60013;font-size:45px; line-height:45px;margin:90px 0 20px 0}
.home-subjects-v2 li .left .title {color:#e60013;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:#e60013;font-size:100px; line-height:100px;}
.solution li .list .title {font-size:35px; line-height:50px;color:#e60013;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:#e60013;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}

/*9流程开始*/
.process {margin-top:-50px}
.process li .list { display:inline-block; vertical-align:middle;width:100%;}
.process li {border-bottom:1px solid #d6d6d6;padding:40px 0}
.process li .list .num {color:#e60013;font-size:38px; line-height:38px;}
.process li .list .title {font-size:22px; line-height:30px;color:#e60013;font-weight:Bold;margin:5px 0 5px 0}
.process li .list .title span { font-weight:normal;color:#000;margin-left:15px}
.process li .list .cons {font-size:16px; line-height:20px}
.process li .pic { display:inline-block; vertical-align:middle;width:100%;margin-left:0%}
.processdesign .subject { text-align:center;padding:80px 0 60px 0}
.processdesign .subject .title {color:#e60013;font-size:35px; line-height:50px;font-weight:bold;}
.processdesign .subject .cons {font-size:18px;  line-height:35px;margin-top:10px}
.processdesign li {float:left;width:23.875%;margin:0 1.5% 0 0;}
.processdesign li.f4 {margin-right:0}
.processdesign li .pic { position:relative; overflow:hidden}
.processdesign li .cons {border:1px solid #c6c4c4;padding:30px;}
.processdesign li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:0 0 10px 0}
.processdesign li .cons .title a {color:#000;font-size:20px;font-weight:Bold;}
.processdesign li .cons .content {color:#999; line-height:25px; height:50px;}
.processdesign li .cons .content a {color:#999}
/*9流程结束*/

.indsolutionlist { background:#efefef}
.tabPanel2 ul {float:left;width:32%;margin:-30px 0 100px 0}
.tabPanel2 ul{}
.tabPanel2 ul li{}
.tabPanel2 ul li .cons {border:2px solid #e2e2e2; width:172px; height:172px;float:left; background:#efefef; box-shadow:6px 30px 45px #a3a3a3;}
.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:20%;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:#e60113;font-size:80px;opacity:0}
.tabPanel2 ul li.hit .cons {border-color:#e60013; background:#e60013;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:23.8%;margin:0 1% 0 0; background:#fff;}
.qaservice li.f4 {margin-right:0}
.qaservice li .pic { position:relative;height:100px; text-align:center;}/*4栏头部*/
.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:60px 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:#e60113;}
.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;}

/*两列ui开始*/
.twoservice li {float:left;width:49%;margin:0 2% 0 0; background:#fff; position:relative;padding:0px 0% 0px 0%}
.twoservice li.f2 {margin-right:0}
.twoerservice li .pic {position:absolute; z-index:1;}
.twoerservice li .cons {padding:0 0 0 90px;margin-top:10px}
.twoerservice li .cons .title {font-weight:Bold;font-size:25px;}
.twoerservice li .cons .content {margin-top:8px;}
/*两列ui结束*/

/*三列素材开始*/
.sucaiservice li {float:left;width:33%;margin:0 0.5% 5px 0; background:#fff; position:relative;padding:70px 2% 70px 5%}
.sucaiservice li.f3 {margin-right:0}
.sucaiservice li .pic {position:absolute; z-index:1;}
.sucaiservice li .cons {padding:0 0 0 90px;margin-top:10px}
.sucaiservice li .cons .title {font-weight:Bold;font-size:25px;}
.sucaiservice 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%}
.case_list li {float:left;width:24.2%;margin:0.4%; position:relative; overflow:hidden}



/*foot1*/
.foot1 {border-top:1px solid #ccc;padding:50px 0; text-align:center}
.foot1 .a1 {color:#333;font-size:32px;}
.foot1 .a2 {color:#666;font-size:16px;margin-top:5px}
.foot1 .line { background:#e60013;width:70px; height:2px;margin:20px auto}
.foot1 .a4 {font-size:16px;color:#666; line-height:30px;}
.foot1 .a5 {font-size:22px;color:#666; line-height:30px;}
/*foot*/


.foot { background:#4b4747;padding:35px 0; color:#8a8888; margin-top: 80px;}
.foot a {color:#8a8888;}
.foot a:Hover {color:#fff;}
.foot dl {float:left;margin-right:60px;}
.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:215px;}
.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;}
.foot dl.copy dd a.qq { background:url(../images/12.png) no-repeat center;margin:0 15px}
.foot dl.copy dd a.tel { background:url(../images/13.png) no-repeat center;}
.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;left:0;top:50%;margin-top:-117px;width:45px;}
.fixright a { display:block; height:45px;margin:1px 0; background:#e60013; 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.png);} 
.fixright .wx a { background-image:url(../images/wx.png); position:relative;} 
.fixright .wx a p { position:absolute; z-index:1;left: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;left:-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.qq h1 { background:#333 url(../images/QQ.png) no-repeat 0px 0px;}
.fixright li:hover h1 {left:0}
/*footbottom*/
.footbottom { position:fixed; z-index:9999;bottom:0;left:0; background:rgba(42,39,39,0.9); height:60px;width:100%;} 
.footbottom.active {bottom:-60px}
.footbottom img {width:100%; vertical-align:middle;}
.footbottom .f1 {float:left;width:46%;margin-right:2%;height:60px}
.footbottom .f2 {float:left;width:14%;height:60px}
.footbottom .f3 {float:right;width:36.5%; text-align:right;height:60px}
.footbottom .table { display:table; height:100%;}
.footbottom .table .td { display:table-cell; vertical-align:middle}
/*footbottom*/

/*联系我们开始*/
.list2{}
.list2 .container{width:1180px;padding-top:80px;padding-bottom:30px}
.list2 .left{width:500px;float:left;}
.list2 .left .sub{width:100%;margin:18px 0 12px 0;}
.list2 .left .redTitle{padding:5px 0px 10px 0;line-height:25px; display:block;border-bottom:2px solid #e60045;color:#E50012;font-size:20px;}
.list2 .left .title{color:#333;line-height:45px;padding:10px 0 10px 0;margin-bottom:8px;font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;font-size:36px;border-bottom:1px solid #d3d3d3;}
.list2 .left .footTitle{heihgt:30px;line-height:30px;font-size:20px;color:#333;margin:24px 0 6px 0;}
.list2 .left .footTitle span{vertical-align:middle;}
.list2 .left .footTitle .titleB{font-family:'FujitsuSansBold';font-size:26px;margin-right:5px;}
.list2 .left .listTitle{font-size:20px;line-height:28px;margin-top:36px;}
.list2 .left .info{font-size:16px;color:#333;line-height:30px;margin-top:20px}
.list2 .left .tel400 {color:#333;font-size:16px;margin-top:60px;}
.list2 .left .tel400 div.font { display:inline-block;color:#e60045;font-weight:bold;font-size:32px; font-family:Geneva, Arial, Helvetica, sans-serif}
.list2 .right{width:550px;float:right;}
.list2 .right .title{font-size:32px;color:#333;padding-bottom:8px;}
.list2 .right .title2 {color:#666;font-size:16px; line-height:25px;padding:0px 0 10px 0}
.list2 .right .line{padding:8px 0;}
.list2 .right .line .inputText{border:1px solid #dcdddd;color:#999;font-size:15px;padding:0 18px;width:514px;height:40px;line-height:40px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .textArea{border:1px solid #dcdddd;color:#999;font-size:15px;padding:10px 18px;width:514px;height:124px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .inputBtn{width:550px;cursor:pointer;height:50px;background:#fff;color:#e60045;font-size:17px;border:2px solid #e50012;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .inputBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.list2 .right .line .inputBtn:hover{background:#e50012;color:#fff;}
/*联系我们结束*/