@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500&display=swap');
@font-face {
font-family: 'ccssbc';
src: url('../fonts/ccssbc.eot');
src: local('ccssbc Regular'), 
             local('ccssbc'), 
             url('../fonts/ccssbc.woff') format('woff'), 
             url('../fonts/ccssbc.ttf') format('truetype'), 
             url('../fonts/ccssbc.svg#ccssbc') format('svg');	
} 
* {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; }
a,.fixtop .toper ul.navpc li a h1 p,.fixtop .toper ul.navpc li a h1 span,.indworks li .cons .up,.indworks li .cons .iconfont,.indworks li .cons,.indworks li img,.indclient li,.indnews li dd a:before,.indnews li .first .pic img,.fixright dd.totop i,.fixright dd.gy .cons,.fixright dd.gy .cons p,.team li img,.team li i,.culture li .p,.step li .p,.step li .t,.show .more a i,#slider2 .slide .pic img,.qaservice li .pic .title,.qaservice li .pic img,.qaservice li .pic .title,.qaservice li .content,.qtservice li .in .pic,.qtservice li,.news li .pic img,.indworks li .cons .up .t2:before
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indworks li:hover img,.indnews li .first:hover .pic img,.team li:hover img,#slider2 .slide:hover .pic img,.qaservice li:hover .pic img,.news li .pic:hover img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.indclient li,.culture ul,.adv .content td,.contact .mright .list input[type="text"],.contact .mright .list textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indservice li:Hover .p img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
body,h1,h2,h3,h4,h5 {font-size:20px;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {color:#444;font-weight:300;}strong {font-weight:500}
a:hover,.indservice li:hover .cons .t,.indnews li dd a:hover,.indnews li .first:hover .title a,.step li:hover .t,.workssubmenu li.check a,.workscurrent .check,.workscurrent font,#slider2 .slide:hover.title a,.news li .cons .title a:Hover,.nshow .mleft .prevnext a font,.nshow .mright dd a:hover{color:#e60012}
.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;border:0;}
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;}
hr {border:0; background:#e60012;height:1px;margin:5px 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%;top:0;left:0;}
.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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.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 #d7d7d7;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#e60012;border:1px solid #e60012;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e60012;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:40px; text-align:center;height:40px; line-height:40px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 

.page_wrap_center { text-align:left;}

::-webkit-scrollbar {width: 10px;height:1px; }
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

::selection {background:#e60012;color:#ffffff;}
::-moz-selection {background:#e60012;color:#ffffff;}
::-webkit-selection {background:#e60012;color:#ffffff; }

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

.wrap {margin:0 auto;max-width:1460px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:90px;width:100%;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:20px; background:url(../images/logo.png);width:229px; height:51px; background-size:cover; z-index:100}
.fixtop .toper ul.navpc { text-align:right; position:relative;top:0;right:0}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 0 0 65px;vertical-align:top;}
.fixtop .toper ul.navpc li a {font-size:18px; height:87px;border-bottom:3px solid transparent; display:block; text-align:center;}
.fixtop .toper ul.navpc li a h4 { height:20px; line-height:18px; overflow:hidden;font-size:18px; position:relative;top:35px;font-weight:400;color:#666}
.fixtop .toper ul.navpc li a h4 p { height:20px; line-height:18px; position:relative;top:0; vertical-align:top;}
.fixtop .toper ul.navpc li a h4 span {color:#e60012; height:20px; line-height:18px; display:block; position:relative;top:0}
.fixtop .toper ul.navpc li:hover a,.fixtop .toper ul.navpc li.check a {border-color:#e60012}
.fixtop .toper ul.navpc li:Hover a h4 p,.fixtop .toper ul.navpc li.check a h4 p {top:-20px}
.fixtop .toper ul.navpc li:hover a h4 span,.fixtop .toper ul.navpc li.check a h4 span {top:-20px}
.fixtop .toper ul.navpc li.telqq {margin-top:24px}
.fixtop .toper ul.navpc li.telqq a {border-width:0; display:inline-block;vertical-align:top; line-height:auto; height:auto;}
.fixtop .toper ul.navpc li.telqq .tel {display:inline-block; vertical-align:top; position:relative;padding:0 0 0 28px;margin:0 15px 0 0}
.fixtop .toper ul.navpc li.telqq .tel:before {content:''; position:absolute; background:url(../images/tel.png) no-repeat center;width:19px; height:19px;top:11px;left:0}
.fixtop .toper ul.navpc li.telqq a.qq { background:url(../images/qq.png) no-repeat center;width:26px; height:28px; position:relative;top:3px}

.fixtop .toper ul.navpc li.check a.a,.fixtop .toper ul.navpc li a:hover{color:#e60012}
.tblank { height:90px}

.bxslider li a { display:block; height:1000px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.mainsubject { text-align:center; display:inline-block;margin:100px auto 65px auto;}
.mainsubject .et {font-size:48px; line-height:50px;font-weight:700; position:relative;}
.mainsubject .cs { height:1px;width:100%; background:#333; position:relative;margin:30px 0 0 0}
.mainsubject h4 { background:#fff; display:inline-block; position:relative;top:-22px;padding:0 10px}

.indabout { text-align:center}
.indabout .wrap {max-width:1120px;margin:0 auto}
.indabout .title {font-weight:100;font-size:36px; line-height:46px;margin:0 0 40px 0}
.indnum {padding:100px 0}
.indnum ul {width:110%;margin:0 0 0 -5%}
.indnum li { display:inline-block; vertical-align:top;width:25%}
.indnum li .num {}
.indnum li .num h4 { display:inline-block; vertical-align:top;font-family: 'ccssbc';font-size:90px; line-height:90px;font-weight:700}
.indnum li .num h2 { display:inline-block; vertical-align:top;font-family: 'ccssbc';font-size:60px; line-height:60px;font-weight:700;margin:10px 0 0 5px}
.indnum li .content {font-size:18px; line-height:1.7;margin:5px 0 0 0;color:#666}

.indcore3 { background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed;color:#fff; text-align:center;padding:140px 0}
.indcore3 .title {font-size:58px; line-height:73px;font-weight:400; position:relative;}
.indcore3 .title:before { background:#e60012; height:2px;width:190px;content:''; position:absolute;bottom:-40px;left:50%;margin-left:-85px;}
.indcore3 .content {font-size:24px;line-height:1.8;margin:70px 0 120px 0}
.indcore3 ul {width:104%;margin:-4% 0 0 -2%}
.indcore3 li {float:left;width:29.3333%;margin:4% 2% 0 2%}
.indcore3 li .t {font-size:35px; line-height:45px;color:#e60012;font-weight:400; position:relative;}
.indcore3 li .t:before {background:#e60012; height:2px;width:75px;content:''; position:absolute;bottom:-20px;left:50%;margin-left:-38px;}
.indcore3 li .c {font-size:18px;margin:60px 0 0 0}

.indservice { text-align:center;padding:0 0 100px 0}
.indservice .title {font-weight:100;font-size:35px; line-height:45px;padding:0 0 60px 0}
.indservice ul {width:108%;margin:-4% 0 0 -4%}
.indservice li {float:left;width:25.3333%;margin:4% 4% 0 4%; position:relative}
.indservice li .p { position:absolute;width:35px; text-align:center;top:-4px}
.indservice li .cons { text-align:left;padding:0 0 0 50px}
.indservice li .cons .t {font-size:23px; line-height:33px;font-weight:400;margin:0 0 20px 0}
.indservice li .cons .t a {font-size:23px; line-height:33px;font-weight:400;}
.indservice li .cons .c {font-size:16px;}
.indservice .clear3 { clear:both}


.indworks li {float:left;width:33.3333%; position:relative; overflow:hidden}
.indworks li img {width:100%}
.indworks .clear3 { clear:both}
.indworks li .cons { background:rgba(0,0,0,0.85); position:absolute;width:100%; height:100%;opacity:0; z-index:100}
.indworks li .cons .up {color:#fff; position:absolute;top:8%;left:13%;width:84%;}
.indworks li .cons .up .t {font-size:26px; line-height:36px;}
.indworks li .cons .up .t2 {font-size:14px; line-height:24px; position:relative;margin:5px 0 0 0}
.indworks li .cons .up .t2:before {content:''; position:absolute;width:0; height:2px;bottom:-20px; background:#fff;}
.indworks li .cons .iconfont { position:absolute;right:16%;bottom:8%;color:#fff;font-size:50px; line-height:50px;}
.indworks li:hover .cons {opacity:1}
.indworks li:hover .cons .up {left:8%;}
.indworks li:hover .cons .iconfont {right:8%}
.indworks li:hover .cons .up .t2:before {width:60px}

.indclient { text-align:center}
.indclient ul {width:101%;margin:-1% 0 0 -0.5%;padding:40px 0 0 0}
.indclient li {border:1px solid #b4b5b5; text-align:center;width:11.5%; display:inline-block; vertical-align:top;margin:1% 0.5% 0 0.5%;padding:5px;cursor:pointer;
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.indclient li:hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;}

.indsc { background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; text-align:center;margin:100px 0 0 0;color:#fff;padding:12% 0}
.indsc .title{ position:relative;font-weight:400;font-size:40px; line-height:50px;}
.indsc .title:before {content:''; position:absolute;bottom:-25px;width:50px; height:3px; background:#e60012;left:50%;margin-left:-25px}
.indsc .content {font-size:21px; line-height:1.8;margin:75px 0 0 0}
.indsc .content strong {font-size:48px; line-height:1.6;font-weight:400}

.indnews { text-align:center}
.indnews ul {width:104%;margin:0 0 0 -2%; text-align:left;padding:40px 0 0 0}
.indnews li {float:left;width:29.3333%;margin:0 2% 0 2%}
.indnews li .first {border-bottom:1px solid #c9cacb;padding:0 0 40px 0}
.indnews li .first .pic { position:relative; overflow:hidden}
.indnews li .first .addtime {color:#666;font-size:16px;margin:10px 0 10px 0}
.indnews li .first .title { height:25px; line-height:25px; overflow:hidden}
.indnews li .first .title a {font-size:21px;font-weight:400}
.indnews li dl {margin:30px 0 0 0}
.indnews li dd { height:25px; line-height:25px; overflow:hidden;margin:15px 0 0 0}
.indnews li dd a {font-size:19px;color:#666; position:relative;padding:0 0 0 15px}
.indnews li dd a:before {content:'';width:6px; height:6px; background:#666;border-radius:50%; position:absolute;left:0;top:12px;padding:0}
.indnews li dd a:hover:before { background:#e60012}

.banner { background-size:cover; height:650px; background-position:center; background-repeat:no-repeat;}

.aboutbanner { text-align:center;color:#fff}
.aboutbanner .t {font-size:49px; line-height:59px;margin:0 0 10px 0}
.aboutbanner .c {font-size:45px; line-height:1.7}

.abouttitle {font-size:30px; line-height:40px;font-weight:400; position:relative;margin:100px 0 90px 0;}
.abouttitle:before {content:''; position:absolute;bottom:-45px;left:50%;width:80px; height:1px; background:#333;margin-left:-40px}

.team li { display:inline-block; vertical-align:top;width:10%; position:relative; overflow:hidden; cursor:pointer}
.team li img {width:100%}
.team li i { position:absolute;width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:100;opacity:1}
.team li:Hover i {opacity:0} 
.service ul {padding-top:40px}

.culture { text-align:center; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;padding:100px 0;color:#fff}
.culture .title {font-size:40px; line-height:50px;font-weight:700; position:relative;margin:0 0 60px 0}
.culture .title:before {content:'';width:50px; height:2px;left:50%; position:absolute;margin-left:-25px;bottom:-30px; background:#e60012;}
.culture .content {max-width:900px;margin:0 auto}
.culture ul {width:110%;margin:-10% 0 0 -5%;padding:120px 12% 0 12%}
.culture li {float:left;width:23.3333%;margin:10% 5% 0 5%}
.culture li .p {width:140px; height:140px; background-repeat:no-repeat;margin:0 auto}
.culture li .t {font-size:26px; line-height:36px;margin:30px 0 10px 0}
.culture li .c {font-size:14px;max-width:250px;margin:0 auto}
.culture li:Hover .p { background-position:bottom;}

.step { background:#f5f5f5; text-align:center;padding:1px 0 100px 0}
.step ul {width:101%;margin:-40px 0 0 -0.5%;padding:30px 0 0 0}
.step li { display:inline-block; vertical-align:top;width:12.9857%;margin:40px 0.5% 0 0.5%; position:relative;}
.step li.f7 {width:15.0857%}
.step li .p {width:170px; height:170px;margin:0 auto}
.step li .t {font-size:27px; line-height:37px;margin:30px 0 0 0}
.step li i { position:absolute; background:url(../images/1.png) no-repeat center;width:29px; height:29px;bottom:2px;right:-15px;margin-right:-4%; z-index:100}
.step li.f6 i {margin-right:0.5%}
.step li.f7 i { display:none;}
.step li:Hover .p { background-position:bottom}

.adv .content {max-width:900px;margin:0 auto}
.adv .content table {width:120%;margin:30px 0 0 -10%}
.adv .content td {padding:0 2% 0 2%; vertical-align:top;width:25%}
.adv .content td strong {font-weight:400;font-size:20px; line-height:1.8;padding:10px 0; display:block}
.adv .content td {font-size:15px;}
.namemj { position:absolute; height:0;top:-90px}
.center { text-align:center}

.workscate { background:#f1f1f1; text-align:center;margin:25px 0 -35px 0}
.workscate dd { display:inline-block; vertical-align:top;width:12.5%; position:relative}
.workscate dd a { height:65px; line-height:65px;font-size:16px;font-weight:300;color:#333; display:block; position:relative;margin:0 0 0 2px}
.workscate dd a:before {content:''; position:absolute;left:-2px;top:25px;width:2px; height:15px; background:#d9d9d9}
.workscate dd.d1 a:before { display:none;}
.workscate dd a:hover,.workscate dd.check a { background:#e60012;color:#fff}

.workssubmenu { text-align:center;margin:60px 0 0 0}
.workssubmenu li { display:inline-block; vertical-align:top;margin:0 20px}
.workssubmenu li a {font-size:16px;}

.works {margin:75px 0 0 0}
.works ul {width:101.5%;margin:-1.5% 0 0 -0.75%}
.works li {margin:1.5% 0.75% 0 0.75%;width:31.8333%}
.workscurrent {font-size:16px;border-top:1px solid #c9cacb;margin:80px 0 0 0; height:70px; line-height:70px}
.workscurrent .wrap{border-bottom:1px solid #c9cacb}
.workscurrent a {font-size:16px}
.workscurrent span { background:url(../images/2.png) no-repeat center;width:18px; height:15px; display:inline-block;margin:0 10px 0 0}
.workscurrent i {font-size:14px;margin:0 5px}

.worksad { text-align:center; background:#d2d3d5;padding:10% 0;margin:100px 0 -100px 0}
.worksad .t { position:relative;font-size:42px; line-height:52px;margin:0 0 125px 0;font-weight:400}
.worksad .t:before {content:''; background:#666;width:120px; height:3px; position:absolute;left:50%;margin-left:-60px;bottom:-70px}
.worksad .c {color:#727171;font-size:22px; line-height:1.8;}
.show .wrap {max-width:1008px;margin:0 auto}
.show .title { text-align:center;border-bottom:1px dashed #666;font-size:30px; line-height:40px;padding:100px 0 50px 0;margin:0 0 30px 0;font-weight:400}
.show .content {font-size:16px;font-weight:400;color:#666}
.show .content img {margin:20px 0}
.show .content strong {font-weight:700}
.show .more { text-align:center;margin:100px 0}
.show .more a {color:#e60012;width:230px; height:48px; line-height:48px;border:1px solid #e60012; text-align:center; display:block;margin:0 auto;font-size:16px}
.show .more a i { background:url(../images/3.png);width:23px; height:15px; display:inline-block; vertical-align:top;margin:16px 10px 0 0;}
.show .more a:hover { background:#e60012;color:#fff}
.show .more a:hover i { background-position:right}

.relax .subject {font-size:28px; line-height:38px;font-weight:400; text-align:center; position:relative;margin:0 0 80px 0}
.relax .subject:before {content:''; position:absolute;bottom:-20px;left:50%; height:2px;width:30px; background:#e60012;margin-left:-15px;}
#slider2 .title {margin:10px 0 0 0}
#slider2 .title a {font-size:18px;}
#slider2 .pic { position:relative; overflow:hidden}
#slider2 .bx-wrapper {padding:0 108px}
#slider2 .bx-wrapper .bx-prev {
  left:0;
  background:url('../images/right.png'); 
  transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);
  background-position:right;
}
#slider2 .bx-wrapper .bx-next {
  right:0;
  background:url('../images/right.png');  
  background-position:right;
}
#slider2 .bx-wrapper .bx-controls-direction a {
  margin-top:-52px;
  width:53px;
  height:53px;
  opacity:1;
}
#slider2 .bx-wrapper .bx-controls-direction a:hover {opacity:1;background-position:left}

.step2 {margin:0 0 -100px 0}
.step2 .abouttitle {font-weight:500;font-size:36px; line-height:46px}
.servicebanner {font-size:36px; line-height:1.6;color:#fff}
.servicebanner .t {font-weight:500}

.servicetitle { text-align:center;padding:100px 0 50px 0}
.servicetitle .t {font-size:36px; line-height:46px;font-weight:500; letter-spacing:2px;}
.servicetitle .c {font-size:30px; line-height:1.8;font-weight:100;margin:15px 0 0 0}
.qaservice ul {width:101%;margin:0 0 0 -0.5%;padding:20px 0 0 0}
.qaservice li {float:left;width:24%;margin:0 0.5% 0 0.5%}
.qaservice li .pic { position:relative; overflow:hidden}
.qaservice li .pic img {width:100%}
.qaservice li .pic .title { position:absolute; z-index:100; background:rgba(0,0,0,0.6); height:100%;width:100%;padding:0 35px;}
.qaservice li .pic .title h1 { position:absolute;top:50%;margin-top:-15px;color:#fff;font-size:26px; height:30px; line-height:30px;font-weight:500; letter-spacing:1px}
.qaservice li .content { background:#ececec;font-size:16px;padding:25px 35px;min-height:260px;font-weight:400;color:#777}
.qaservice li:hover .pic .title,.qaservice li:hover .content {background:rgba(202,7,7,0.8);color:#fff}

.qtservice {margin:-100px 0 120px 0;}
.qtservice ul {width:101%;margin:-1% 0 0 -0.5%}
.qtservice li { display:inline-block; vertical-align:top;width:32.3333%;margin:1% 0.5% 0 0.5%; height:210px; background:#ececec; text-align:center;}
.qtservice li .in { display:inline-block;margin:0 auto; text-align:left; position:relative}
.qtservice li .in .pic { position:absolute;width:65px; height:65px;background-repeat:no-repeat}
.qtservice li .in .cons {margin:0 0 0 95px}
.qtservice li .in .cons .t {font-size:26px; line-height:36px;font-weight:500}
.qtservice li .in .cons .c {font-size:16px;}
.qtservice li:hover { background:#e60012;color:#fff}
.qtservice li:hover .in .pic { background-position:bottom}

.newscate {margin:50px 0 0 0; text-align:center; background:#f0f0f0}
.newscate li { display:inline-block; vertical-align:top;width:25%; height:45px; line-height:43px; position:relative}
.newscate li:before {content:''; width:2px; height:14px; background:#d9d9d9; position:absolute;right:-2px;top:16px;}
.newscate li:last-child:before { display:none;}
.newscate li a {font-size:16px; display:block}
.newscate li a:Hover,.newscate li.check a { background:#e60012;color:#fff}

.news li {border-bottom:2px solid #ececec;padding:50px 0;min-height:276px;}
.news li .pic { position:absolute;width:435px; height:276px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}
.news li .cons {margin:0 0 0 500px}
.news li .cons .addtime {font-size:16px;color:#666;padding:10px 0 0 0}
.news li .cons .title { height:30px; line-height:30px; overflow:hidden;margin:25px 0}
.news li .cons .title a {font-size:24px;font-weight:400}
.news li .cons .content {font-size:15px; line-height:30px; height:60px; overflow:hidden;color:#666}
.news li .cons .more {margin:42px 0 0 0}
.news li .cons .more a {color:#e60012;font-size:16px;border-bottom:1px solid #e60012; display:inline-block; line-height:20px}

.nshow {margin:100px auto 0 auto;max-width:1220px;}
.nshow .mleft {float:left;width:75%;}
.nshow .mleft .title { text-align:center;font-size:30px; line-height:40px;font-weight:400;}
.nshow .mleft .addtime { text-align:center;font-size:15px; line-height:25px;border-bottom:2px solid #c9cacb;padding:15px 0 30px 0;margin:0 0 40px 0}
.nshow .mleft .content {font-size:16px; line-height:2.5;font-weight:400;color:#666}
.nshow .mleft .content img {margin:5px 0}
.nshow .mleft .prevnext { position:relative;border-top:1px dashed #666;padding:30px 0 0 0;margin:60px 0 0 0; line-height:2.2}
.nshow .mleft .prevnext a {font-size:16px; display:block;padding:0 300px 0 0}
.nshow .mleft .prevnext p { position:absolute;right:0;top:40px;}
.nshow .mleft .prevnext p a { background:#e60012; display:block; width:235px; height:50px; line-height:50px; text-align:center;color:#fff;padding:0}
.nshow .mright {float:right;width:20%;margin:57px 0 0 0;}
.nshow .mright dt {font-size:22px;border-bottom:1px solid #c9cacb;font-weight:400;padding:0 0 10px 0;margin:0 0 28px 0}
.nshow .mright dt.dt2 {margin-top:40px}
.nshow .mright dd { height:20px; line-height:20px; overflow:hidden;margin:10px 0}
.nshow .mright dd a {font-size:15px;font-weight:400;color:#666}
.nshow .mright hr { background:#c9cacb;margin:30px 0 25px 0}

.contactbanner {color:#fff;margin:0 auto;max-width:700px;}
.contactbanner .t {font-size:20px; line-height:30px;margin:0 0 0 -100px}
.contactbanner .c {font-size:50px; line-height:1.5;font-weight:400;margin:10px -100px 0 0}

.contact {padding:100px 0 0 0}
.contact .mleft {float:left;width:47%;}
.contact .mleft .title {font-size:20px;border-bottom:2px solid #e60012;padding:0 0 2px 0;color:#e60012}
.contact .mleft .title2 {font-size:35px; line-height:55px;border-bottom:1px solid #ccc;padding:10px 0 15px 0}
.contact .mleft .content {font-size:16px;padding:20px 0;font-weight:400}
.contact .mleft .wx {margin:20px 0 40px 0}
.contact .mleft .wx ul { position:relative;left:-5px}
.contact .mleft .wx li { display:inline-block; vertical-align:top;width:120px;font-size:13px; line-height:18px;margin:0 40px 0 0; text-align:center}
.contact .mleft .wx li img {margin:0 0 5px 0}
.contact .mleft .tel .c1 {font-size:16px; display:inline-block; vertical-align:top;padding:12px 0 0 0}
.contact .mleft .tel .c2 {font-size:28px;color:#e60012;font-weight:500; display:inline-block; vertical-align:top;}
.contact .mright {float:right;width:47%}
.contact .mright .t1 {font-size:34px; line-height:44px;margin:5px 0 10px 0}
.contact .mright .t2 {font-size:16px; line-height:26px;margin:0 0 25px 0}
.contact .mright .list {margin:20px 0 0 0}
.contact .mright .list input[type="text"] {border:1px solid #ccc; height:40px; line-height:40px;padding:0 15px;font-size:16px;width:100%;font-weight:300}
.contact .mright .list textarea {border:1px solid #ccc; height:280px; line-height:25px;padding:10px 15px;font-size:16px;width:100%;font-weight:300}
.contact .mright .list #mbtn { height:50px; line-height:50px; background:#e60012;color:#fff;font-size:18px; cursor:pointer;width:100%; cursor:pointer; vertical-align:top;font-weight:300}

.footcontact { text-align:center; background:#ddddde;padding:80px 0;font-size:16px;margin:100px 0 -100px 0}
.footcontact .c1 {font-size:32px; line-height:42px;}
.footcontact .c2 { position:relative;margin:10px 0 40px 0}
.footcontact .c2:before {content:''; position:absolute;bottom:-20px; height:3px;width:70px;left:50%;margin-left:-35px; background:#e60012;}





.foot {margin:100px 0 0 0;padding:50px 0; background:#3f3f3f;color:#999;font-size:14px;font-weight:400}
.foot a {color:#999;font-weight:400}
.foot dl {margin:0 0 0 95px;float:left;}
.foot dl:first-child {margin:0}
.foot dt { position:relative;margin:0 0 30px 0}
.foot dt a {font-size:18px}
.foot dt:before {content:''; position:absolute;left:0;bottom:-8px;width:18px; height:1px; background:#999}
.foot .mright {float:right;width:43%}
.foot .mright .focus {float:left;}
.foot .mright .focus h1 {font-size:18px;margin:0 0 35px 0;color:#999;font-weight:400}
.foot .mright .focus a { display:inline-block; vertical-align:top; position:relative;border:2px solid #949495;width:51px; height:51px;border-radius:50%; position:relative;top:0}
.foot .mright .focus a:hover {top:-5px}
.foot .mright .focus a.wx { background:url(../images/wx.png) no-repeat center}
.foot .mright .focus a.wx ul { display:none; position:absolute;top:75px;left:-136px;width:300px; background:#fff; text-align:center;padding:15px 10px}
.foot .mright .focus a.wx ul li { display:inline-block;width:46%;margin:0 2%;color:#999;font-size:13px}
.foot .mright .focus a.wx ul li img {width:100%}
.foot .mright .focus a.wx:hover ul { display:block;}
.foot .mright .focus a.qq {margin:0 15px;background:url(../images/q.png) no-repeat center}
.foot .mright .focus a.tel {background:url(../images/t.png) no-repeat center}
.foot .mright .focus a.tel ul { display:none; position:absolute; background:#fff; height:50px; line-height:48px;padding:0 20px;color:#333;font-size:22px;font-weight:400;top:75px;left:-62px}
.foot .mright .focus a.tel:hover li { display:block;}
.foot .mright ul.wx {float:right;text-align:right;margin:10px 0 0 0}
.foot .mright ul.wx li { display:inline-block; vertical-align:top;width:128px;margin:0 0 0 30px; text-align:center}
.foot .mright ul.wx li:fist-child {margin:0}
.foot .mright ul.wx li img {width:100%;margin:0 0 5px 0}
.foot .mright .cons {margin:80px 0 0 0}
.foot .mright .cons .t {font-size:20px; line-height:30px;font-weight:500}
.footer {padding:20px 0; background:#232222;color:#999;font-size:14px; text-align:center;font-weight:400}
.footer a {color:#999;font-weight:400}
.footer a:Hover,.foot a:Hover {color:#fff}

.fixright { position:fixed;right:0px;top:50%;margin-top:-270px}
.fixright dd { cursor:pointer;margin:1px 0}
.fixright dd a { display:block;width:50px; height:50px; background-color:#e60012; position:relative}
.fixright dd.totop a { background-color:#b2b2b2; background-image:url(../images/r1.png); background-position:center; background-repeat:no-repeat}
.fixright dd.totop i { display:block;position:absolute;left:15px;top:-12px;font-size:20px; line-height:20px; color:#b2b2b2;
transform:rotate(270deg);-ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}
.fixright dd a:hover { background-color:#666}
.fixright dd.totop:Hover i {color:#666}
.fixright dd.qq a { background-image:url(../images/r2.png);background-position:center; background-repeat:no-repeat}
.fixright dd.tel a { background-image:url(../images/r3.png);background-position:center; background-repeat:no-repeat}
.fixright dd.wx a { background-image:url(../images/r4.png);background-position:center; background-repeat:no-repeat}
.fixright dd .cons { position:absolute; display:none;right:52px;bottom:0;}
.fixright dd.qq .cons i { background:url(../images/r2.png) no-repeat center;width:50px; height:50px; display:inline-block; vertical-align:top;}
.fixright dd.tel .cons i { background:url(../images/r3.png) no-repeat center;width:50px; height:50px; display:inline-block; vertical-align:top;}
.fixright dd.gy .cons p { display:inline-block; vertical-align:top; height:50px; line-height:50px; position:absolute}
.fixright dd.gy .cons {width:50px; height:50px; line-height:50px; background:#595757;color:#fff;font-size:14px;right:0; display:block;opacity:0; overflow:hidden}
.fixright dd.gy:hover .cons {width:150px;opacity:1}
.fixright dd.qq:hover .cons {width:130px}
.fixright dd.wx .cons { background:#fff;width:120px; text-align:center;font-size:12px; line-height:17px;color:#333;padding:5px;}
.fixright dd.wx .cons img {margin:0}