﻿@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;}
a,.fixtop .toper ul.navpc li a p,.fixtop .toper ul.navpc li a span,.fixtop,.tblank,.indcase li .cons,.indcase li .pcover,.indcase li .cons .up,.indcase li .cons .down,.indabout li,.indabout li .title2,.indabout li .title,.indabout li .content,.indnews .mleft .first .pic a,.case li .pic p,.case li .pic .bg h1,.case li .pic .bg,#slider2 .slide .cons,#slider2 .slide .pcover,#slider2 .slide .cons .up,#slider2 .slide .cons .down,.news li .pic a,.accordionservice li .link:before,.accordionservice2 li .link2:before,.ser_project li .pic img,.ser_adv li .t,.video-btn,.team li .pic p,.fixright li i.title,.fixright li.f3,fixright,.fixright li.f1 .consin dd,.btmessage,.indabout li .overcons,.fixtop .toper ul.navpc li .list
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li:Hover .pcover,.indnews .mleft .first:hover .pic a,.case li:hover .pic p,#slider2 .slide:Hover .pcover,.news li:hover .pic a,.ser_project li .pic:hover img,.team li:hover .pic p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.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); }
.indcase li .cons,.indabout li,.indpart li,.foot .cons,.foot .cons li .p,#slider2 .slide .cons,.contact .mright .list input[type="text"],.contact .mright .list #mbeizu,.ser_project li .cons .c td,.ser_step dl dd,.team li,.fixright li i.title,.fixright li .consin,.btmessage .t3 h1 input,.btmessage .t5 #cbeizu,.indabout li .overcons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indpart li:hover p,.culture li:Hover .p{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;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#595757;font-weight:400;}
a:hover,.indnews .mleft .first:Hover .title a,.case li:hover .title a,.news li:hover .cons .title a,.ser_adv li:hover .t{color:#c41a1f}
.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;border-top:1px solid #ccc; 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;}

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

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

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 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:#c41a1f;border:1px solid #c41a1f;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #c41a1f;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 

.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:1320px;position:relative;}
.wrap2 {margin:0 4.2%; position:relative}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:123px;width:100%;z-index:9999;background:#fff;border-bottom:10px solid #c41a1f}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat center left; position:absolute;left:0;top:18px; display:block;width:273px; height:87px; background-size:cover; z-index:999}
.fixtop .toper ul.navpc { text-align:right; position:absolute;right:4.2%;top:48px}
.fixtop .toper ul.navpc li { display:inline-block; vertical-align:top;margin: 0 0 0 10px}
.fixtop .toper ul.navpc li a { height:75px; line-height:75px; display:block;font-size:21px; position:relative;text-align:center;}
.fixtop .toper ul.navpc li a p {opacity:1;padding:0 25px;color:#595757}
.fixtop .toper ul.navpc li a:hover p {opacity:0;}
.fixtop .toper ul.navpc li a span { display:block; position:absolute; z-index:10;width:100%;left:0;top:0; height:75px; line-height:75px; text-align:center;opacity:0;color:#595757; background:#fff}
.fixtop .toper ul.navpc li a:hover span {opacity:1;color:#fff; background:#c41a1f;}
.fixtop .toper ul.navpc li.check a p {opacity:1; background:#c41a1f;color:#fff}
.fixtop .toper ul.navpc li.tel {font-weight:700;font-size:22px; position:relative;color:#555; line-height:78px;padding:0 0 0 65px}
.fixtop .toper ul.navpc li.tel:before {content:''; background:url(../images/2.png);width:26px; height:26px;left:25px;top:25px; position:absolute;}

.fixtop .toper ul.navpc li.check a span,.fixtop .toper ul.navpc li a:hover span,.fixtop .toper ul.navpc li:hover>a span {opacity:1;color:#fff; background:#c41a1f;}
.fixtop .toper ul.navpc li.check a p,.fixtop .toper ul.navpc li a:hover p,.fixtop .toper ul.navpc li:hover>a p {opacity:1; background:#c41a1f;color:#fff}
.fixtop .toper ul.navpc li .list { position:fixed; z-index:9999;left:0;top:123px;width:100%;display:none; text-align:right; background:#dcdedd;line-height:50px; height:50px;border-top:10px solid #c41a1f;}
.fixtop .toper ul.navpc li .list dl {margin:0 375px 0 0}
.fixtop .toper ul.navpc li .list5 dl {margin:0 275px 0 0}
.fixtop .toper ul.navpc li dd p { display:inline-block; vertical-align:top;}
.fixtop .toper ul.navpc li dd p a {margin:0;padding:0 35px; display:block;color:#595959;font-size:16px; height:50px;line-height:50px;text-align:center;}
.fixtop .toper ul.navpc li dd p a:hover { background:#c41a1f;color:#fff}

.tblank { height:133px;}
.fixtop.active {top:-48px;}
.fixtop.active .toper .logo {top:60px;width:157px; height:50px}
.fixtop.active .toper ul.navpc li .list {top:78px}
.tblank.active { height:85px}

.bxslider li a img { display:none;}
.bxslider li a { display:block; height:690px; background-position:center; background-repeat:no-repeat;}


.indcase .subject { text-align:center;font-weight:300;font-size:40px; line-height:55px;padding:80px 0 75px 0}
.indcase ul {width:100.2%;margin:-0.2% 0 0 -0.1%}
.indcase li {width:33.1333%;margin:0.2% 0.1% 0 0.1%;float:left; position:relative; overflow:hidden}
.indcase li .cons { position:absolute; z-index:100; background:rgba(0,0,0,0.6);width:100%; height:100%; text-align:center;color:#fff;padding:0 5%; letter-spacing:1px;opacity:0}
.indcase li .cons .up {font-size:22px; line-height:37px;margin:0 0 5px 0; position:relative;top:-50px;opacity:0}
.indcase li .cons .down {font-weight:300; line-height:29px; position:relative;bottom:-50px;opacity:0}
.indcase li:hover .cons {opacity:1}
.indcase li:hover .cons .up {opacity:1;top:0}
.indcase li:hover .cons .down {opacity:1;bottom:0}

.indabout .t { text-align:center;font-size:24px; line-height:34px;font-weight:700;padding:80px 0 10px 0}
.indabout .c { text-align:center; line-height:33px; font-size:18px; letter-spacing:1px}
.indabout ul {width:102%;margin:-2% 0 0 -1%;padding:50px 0 0 0}
.indabout li {float:left;width:31.3333%;margin:2% 1% 0 1%;padding:20px 30px;border:1px solid #dcdddd; position:relative;top:0; overflow:hidden}
.indabout li .title2 {color:#c41a1f;font-size:28px; line-height:38px;}
.indabout li .title {color:#c41a1f;font-size:28px; line-height:38px;margin:0 0 15px 0}
.indabout li .content {font-size:16px; line-height:26px;min-height:78px}
.indabout li .overcons {opacity:0;position:absolute;width:100%; height:100%; background:#c41a1f;color:#fff;top:0;left:0;padding:0 20px}
.indabout li .overcons a {color:#fff;}
.indabout li .overcons table {width:100%}
.indabout li .overcons td { vertical-align:top;width:10%; position:relative; text-align:center}
.indabout li .overcons td:first-child {width:40%;}
.indabout li .overcons td:last-child {width:40%;}
.indabout li .overcons td:before {content:'';left:50%;width:1px; height:100%; position:absolute; background:#fff;}
.indabout li .overcons td:first-child:before,.indabout li .overcons td:last-child:before { display:none;}
.indabout li:hover {border-color:#c41a1f;top:-5px}
.indabout li:hover .overcons {opacity:1} 


.indsubject { text-align:center;font-size:32px; line-height:42px;padding:70px 0 40px 0; letter-spacing:1px}
.indpart li {float:left;width:12.5%; position:relative; overflow:hidden;border:1px solid #fff; cursor:pointer}

.indnews .mleft {float:left;width:48%;}
.indnews .mright {float:right}
.indnews .mleft .first .pic { position:relative; overflow:hidden}
.indnews .mleft .first .pic a { display:block;width:100%; height:270px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indnews .mleft .first .title {border-bottom:1px solid #b7b7b7; position:relative; height:60px; line-height:60px; overflow:hidden;margin:0 0 20px 0}
.indnews .mleft .first .title a { display:inline-block;font-size:24px; letter-spacing:1px;padding:0 110px 0 0; position:relative;left:-12px}
.indnews .mleft .first .title span {font-size:16px; position:absolute;right:0; letter-spacing:1px}
.indnews .mleft li { height:25px; line-height:25px; overflow:hidden; position:relative;margin:15px 0 0 0;padding:0 0 0 18px; letter-spacing:1px}
.indnews .mleft li a { display:inline-block;padding:0 110px 0 0;font-size:18px; }
.indnews .mleft li a:before {content:'·'; position:absolute;left:-1px;font-size:22px;font-weight:700}
.indnews .mleft li span { position:absolute;right:0;font-size:16px}
.bannerin { height:545px; background-position:center; background-repeat:no-repeat;}

.namemj { position:absolute;top:-85px; height:0;}
.case {padding:35px 0 70px 0}
.case ul{width:102%;margin:-3% 0 0 -1%}
.case li {float:left;width:31.3333%;margin:3% 1% 0 1%; letter-spacing:0.5px}
.case li .pic { position:relative; overflow:hidden}
.case li .pic .bg { background:rgba(0,0,0,0.6); position:absolute; z-index:100;width:100%; height:100%;opacity:0}
.case li .pic .bg h1 {color:#fff;font-size:22px; position:absolute;top:0;left:5%;opacity:0}
.case li:hover .pic .bg {opacity:1}
.case li:hover .pic .bg h1 {top:8%;opacity:1}
.case li .in {padding:0 20px}
.case li .title { height:20px; line-height:20px; overflow:hidden;margin:35px 0 0 0}
.case li .title a {font-size:18px;font-weight:700}
.case li .title2 {font-size:14px;margin:7px 0 25px 0; height:20px; line-height:20px;  overflow:hidden}
.case li .cons {font-size:14px; line-height:25px; height:75px; overflow:hidden}

.show {max-width:1230px;margin:0 auto}
.show .title { position:relative;margin:80px 0 40px 0}
.show .title h1 {font-size:28px; line-height:38px;font-weight:700;padding:0 250px 0 0;color:#333; letter-spacing:1px}
.show .title .bshare-custom { position:absolute;right:0;top:10px}
.show .title .bshare-custom a {transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.show .title2 {font-size:21px;font-weight:300;color:#333;margin:0 0 50px 0}
.show .cons,.show .cons a {font-size:18px;font-weight:300;color:#333}
.show .cons img {margin:5px 0}
.show .back { position:relative; text-align:center;margin:120px 0 60px 0}
.show .back .more { display:inline-block; height:30px; line-height:30px;border:1px solid #b7b7b7;padding:0 10px;} 
.show .back .more:hover { background:#c41a1f;border-color:#c41a1f;color:#fff}
.show .back p { position:absolute;right:0; text-align:right;color:#c41a1f;top:-2px;font-size:18px; cursor:pointer}


#slider2 .slide {position:relative; overflow:hidden}
#slider2 .slide .cons { position:absolute; z-index:100; background:rgba(0,0,0,0.6);width:100%; height:100%; text-align:center;color:#fff;padding:0 5%; letter-spacing:1px;opacity:0}
#slider2 .slide .cons .up {font-size:22px; line-height:37px;margin:0 0 5px 0; position:relative;top:-50px;opacity:0}
#slider2 .slide .cons .down {font-weight:300; line-height:29px; position:relative;bottom:-50px;opacity:0}
#slider2 .slide:hover .cons {opacity:1}
#slider2 .slide:hover .cons .up {opacity:1;top:0}
#slider2 .slide:hover .cons .down {opacity:1;bottom:0}
#slider2 .bx-wrapper .bx-prev { left:4.2%;  background:url('../images/3.png');}
#slider2 .bx-wrapper .bx-next { right:4.2%; background:url('../images/3.png');  transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
#slider2 .bx-wrapper .bx-controls-direction a { margin-top:-30px;  width:30px;  height:60px;}

.news {padding:20px 0 40px 0}
.news li {border-bottom:1px solid #c0bfbf; position:relative;padding:50px 0}
.news li .pic { position:absolute;top:50px;width:400px; height:250px; overflow:hidden}
.news li .pic a { display:block;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news li .cons {margin:0 0 0 460px; height:235px;letter-spacing:1px}
.news li .cons .title { line-height:25px; height:25px; overflow:hidden;margin:15px 0 0 0;}
.news li .cons .title a {font-size:24px;}
.news li .cons .addtime {color:#999;font-size:14px;margin:5px 0 30px 0}
.news li .cons .content { line-height:30px; height:90px; overflow:hidden}
.news li .cons  .more { text-align:right;margin:20px 15px 0 0}
.news li .cons  .more a { letter-spacing:0;color:#c41a1f;}

.nshow  {max-width:960px;margin:0 auto}
.nshow .title { text-align:center;font-size:24px; line-height:34px;font-weight:700;padding:100px 0 10px 0}
.nshow .addtime {border-bottom:1px solid #c0bfbf; text-align:center;padding:0 0 15px 0;margin:0 0 40px 0}
.nshow .prevnext { position:relative;margin:100px 0 0 0}
.nshow .prevnext a.back { position:absolute;right:0;top:0;color:#c41a1f;font-size:18px}
.map iframe,#container {width:100%; height:545px;}
.contact {padding:100px 0 0 0}
.contact .mleft {float:left;width:50%}
.contact .mleft .t,.contact .mright .subject {font-size:24px;font-weight:700; line-height:34px;margin:0 0 30px 0;letter-spacing:1px;}
.contact .mleft .c,.contact .mleft .c a {font-size:21px; letter-spacing:1px; line-height:2.5}
.contact .mright {float:right;width:40%;}
.contact .mright .subject {margin-bottom:42px}
.contact .mright .list { position:relative;margin:20px 0 0 0}
.contact .mright .list:before {content:'*';color:#c41a1f; position:absolute;left:-15px;top:8px}
.contact .mright .list:last-child:before { display:none}
.contact .mright .list input[type="text"] {border:1px solid #eceded; height:40px; line-height:40px;padding:0 10px;width:100%;font-weight:300}
.contact .mright .list #mbeizu {border:1px solid #eceded; line-height:25px;padding:8px 10px;width:100%;font-weight:300; overflow:hidden; vertical-align:top;}
.contact .mright .list #mbtn { background:#c41a1f; height:40px; line-height:40px;width:130px; text-align:center;color:#fff; cursor:pointer;font-size:21px;font-weight:300; letter-spacing:1px; vertical-align:top;}


.job {padding:0 0 100px 0}
.job .subject {font-size:28px; line-height:38px; letter-spacing:1px;margin:100px 0 30px 0}
.job .list {float:left;width:47%;}
.job .list2 {float:right}
.accordionservice,.accordionservice2 {border-top:1px solid #eceded;}
.accordionservice li,.accordionservice2 li { position:relative;border-bottom:1px solid #eceded;}
.accordionservice li .link,.accordionservice2 li .link2 {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;padding:30px 0; position:relative}
.accordionservice li .link:before,.accordionservice2 li .link2:before {content:''; position:absolute;right:0;top:35px;background:url(../images/4.png);width:20px; height:20px; background-size:cover;}
.accordionservice li .link a .title,.accordionservice2 li .link2 a .title {font-size:28px; line-height:28px; letter-spacing:1px;color:#666}
.accordionservice li .link a .title2,.accordionservice2 li .link2 a .title2 {font-size:21px; line-height:21px; letter-spacing:1px;margin:20px 0 0 0;font-weight:300;color:#333}
.accordionservice li.open .link:before,.accordionservice2 li.open2 .link2:before { background-position:bottom}
.accordionservice .submenu,.accordionservice2 .submenu2 {display:none;padding:0 0 30px 0}

.servicesubject { text-align:center;font-size:28px; line-height:28px; letter-spacing:1px;margin:100px 0 50px 0}
.ser_adv { background:#dcdddd;padding:40px 0;}
.ser_adv ul {width:108%;margin:0 0 0 -4%;position:relative}
.ser_adv li { display:inline-block; vertical-align:top;width:25.3333%;margin:0 4%; letter-spacing:0.5px;}
.ser_adv li .t {font-size:48px; line-height:48px;font-weight:700;margin:0 0 15px 0}
.ser_adv li .c {font-size:18px; line-height:28px}
.ser_adv ul i { display:block;content:''; position:absolute;top:0;left:33.3333%; width:2px; height:100%; background:#9fa0a0;}
.ser_adv ul i:first-child { display:none;}
.ser_adv ul i:last-child {left:66.6666%}

.ser_project li {margin:60px 0 0 0}
.ser_project li .pic {float:left;width:48%; overflow:hidden}
.ser_project li .pic img {width:100%}
.ser_project li .cons {float:right;width:48%; letter-spacing:0.5px;}
.ser_project li .cons .t {font-size:24px; line-height:34px;font-weight:700;color:#c41a1f;margin:-5px 0 10px 0}
.ser_project li .cons .c {font-size:18px; line-height:1.8}
.ser_project li .cons .c table {width:100%;margin:15px 0 0 0}
.ser_project li .cons .c td { vertical-align:top;font-size:16px;width:35%}
.ser_project li .cons .c td a {font-size:16px;}
.ser_project li .cons .c td:last-child {width:65%}
.ser_project li .cons2 {float:left;}
.ser_project li .pic2 {float:right}

.ser_project li .pic3 {float:left;width:48%; display:none;}

.ser_step {padding:0 0 30px 0}
.ser_step dl {float:left;width:16.6666%; text-align:center}
.ser_step dl dt { background:#c41a1f;color:#fff;font-size:14px;padding:10px 0}
.ser_step dl dt img { height:25px}
.ser_step dl dd {border:1px solid #d1d1d1;border-top:0;border-left:0; letter-spacing:0.5px; line-height:2.5;padding:20px 10px 0 10px;min-height:290px}
.ser_step dl.dl1 dd {border-left:1px solid #d1d1d1}
.ser_step .list2 {padding:15px; text-align:center;border:1px solid #d1d1d1;border-top:0;border-bottom:0}
.ser_step .list2 li { display:inline-block; vertical-align:top;}
.ser_step .list2 li i { display:inline-block; vertical-align:top; background:url(../images/5.png) no-repeat center;width:17px; height:16px;margin:8px 65px 0 65px}
.ser_step .list2 li:first-child i { display:none;}
.ser_step .list3 { text-align:center;border:1px solid #d1d1d1;padding:15px}

.videos{position: relative;}
.video-btn{position: absolute;left: 4.2%;bottom:40px;width: 80px;height: 80px;z-index: 10;cursor: pointer;opacity: 0.6;}
.video-btn:hover{opacity: 1;}
.video-sp{width: 100%;}

.about .cons { text-align:center;font-size:18px; letter-spacing:1px;}
.culture { background:#e3e4e4; text-align:center;padding:40px 0;}
.culture .wrap {max-width:1100px}
.culture .cons {font-size:22px; letter-spacing:1px; line-height:1.8;margin:0 0 30px 0}
.culture ul {width:108%;margin:-4% 0 0 -4%;}
.culture li { display:inline-block; vertical-align:top;width:25.3333%;margin:4% 4% 0 4%;}
.culture li .t {color:#c41a1f;font-weight:700;font-size:32px; line-height:32px;margin:15px 0}
.culture li .c {font-size:18px; letter-spacing:1px; line-height:1.8}

.team {padding:0 0 60px 0}
.team ul {width:102%;margin:-2% 0 0 -1%}
.team li {float:left;width:23%;margin:2% 1% 0 1%;border:1px solid #a2a2a3;font-size:18px; letter-spacing:1px; line-height:31px;color:#333; position:relative}
.team li .pic { position:relative; overflow:hidden;}
.team li .cons {padding:20px 30px; position:relative;}
.team li .cons .t {font-weight:700;margin:0 0 5px 0}
.team li .cons .t2 {line-height:30px; height:60px; overflow:hidden;}
.team li .cons .icon { cursor:pointer; background:url(../images/6.png) no-repeat center;width:23px; height:13px; position:absolute;right:25px;top:94px}
.team li .cons .content {font-size:14px; line-height:1.8;padding:20px 0 0 0; }






.foot { background:#dcdddd;margin:60px 0 0 0;padding:30px 0 20px 0}
.foot dl {float:left;}
.foot dt {margin:0 0 2px 0}
.foot dt a {font-size:21px; line-height:21px; letter-spacing:1px;}
.foot dd,.foot dd a {font-size:15px; letter-spacing:1px}
.foot dl.dl2 {margin:0 0 0 7%;width:43%}
.foot dl.dl2 table {width:100%}
.foot dl.dl2 table td { vertical-align:top;}
.foot dl.dl2 table td {width:32%}
.foot dl.dl2 table td:first-child {width:28%}
.foot dl.dl2 table td:last {width:40%}
.foot .cons {width:29%;float:right;border-left:1px solid #9fa0a0;padding:0 0 0 40px; letter-spacing:1px}
.foot .cons .title {font-size:25px; line-height:25px; letter-spacing:1px}
.foot .cons .content {font-size:13px; line-height:23px;margin:10px 0 20px 0}
.foot .cons li { display:inline-block; vertical-align:top;width:45%;margin-left:10%}
.foot .cons li:first-child {margin-left:0}
.foot .cons li .p { background:#fff;border:1px solid #9fa0a0;padding:5px;}
.foot .cons li .t {font-size:13px; text-align:center;padding:5px 0 0 0}
.footer { background:#c41a1f;color:#fff;font-size:13px;padding:10px 0 50px 0;}
.footer a{color:#fff;font-size:13px;}

.fixright { position:fixed;right:4.2%;top:50%;width:50px;margin-top:-115px}
.fixright li {margin:20px 0;width:50px; height:50px; line-height:50px; background:#fff;border-radius:5px; text-align:center;box-shadow:0 0 10px rgba(196,26,31,0.3); cursor:pointer; position:relative}
.fixright li i.iconfont {color:#c41a1f;font-size:30px}
.fixright li i.title { position:absolute; z-index:10;top:0;left:0; display:block;border-radius:5px;width:100%; height:100%; text-align:center; background:#c41a1f;color:#fff; line-height:18px;font-size:14px; letter-spacing:1px;font-weight:300;padding:6px 5px 0 5px;opacity:0;}
.fixright li:hover i.title {opacity:1} 

.fixright li.f1 .cons {display:none;position:absolute;top:0px;right:50px; width:360px;padding:0 10px 0 0}
.fixright li.f1 .consin { text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff;border-radius:5px; overflow:hidden}
.fixright li.f1 .consin dd { position:relative; text-align:left;}
.fixright li.f1 .consin dd a {padding:9px 0 20px 80px; display:inline-block}
.fixright li.f1 .consin dd a .iconfont { position:absolute;left:25px;top:19px;color:#858585}
.fixright li.f1 .consin dd a h1 {font-weight:300;font-size:18px; line-height:23px;margin:10px 0 8px 0}
.fixright li.f1 .consin dd a h2 {color:#999;font-size:12px; line-height:17px;}
.fixright li.f1 .consin dd:hover { background:#f0f0f2}

.fixright li.f2 .cons {display:none;position:absolute;top:-70px;right:50px; width:200px;padding:0 10px 0 0}
.fixright li.f2 .consin { text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff;border-radius:5px;padding:30px 10px 25px 10px}
.fixright li.f2 .consin img {width:120px;margin:0 auto}
.fixright li.f2 .consin h1 {font-size:14px; line-height:19px;margin:20px 0 5px 0; letter-spacing:1px}
.fixright li.f2 .consin h2 {font-size:12px; line-height:17px;color:#999; letter-spacing:0.5px}

.fixright li.f3 {opacity:0}
.fixright.active li.f3 {opacity:1}

.btmessage { position:fixed; z-index:99999;right:20px;bottom:-650px;background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:30px;width:425px;font-weight:300; letter-spacing:1px;font-size:14px}
.btmessage.active {bottom:20px}
.btmessage .t0 { text-align:right}
.btmessage .t0 i.iconfont { position:absolute;right:15px;top:2px;font-size:22px; cursor:pointer}
.btmessage .t1 { text-align:center;font-size:25px; line-height:25px;margin:20px 0 5px 0}
.btmessage .t2 { text-align:center;color:#999}
.btmessage .t3 {margin:15px 0 0 0}
.btmessage .t3 h1 { display:inline-block; vertical-align:top;width:46%;font-weight:300;font-size:14px;}
.btmessage .t3 h1.right {margin-left:8%}
.btmessage .t3 h1 p span {color:#c41a1f;margin:0 0 0 5px}
.btmessage .t3 h1 input {border:1px solid #cccccc; height:35px; line-height:35px;padding:0 10px;border-radius:5px;font-size:14px;width:100%;margin:5px 0 0 0}
.btmessage .t4 {margin:20px 0}
.btmessage .t4 p {margin:0 0 5px 0}
.btmessage .t4 label {margin-left:20px; cursor:pointer}
.btmessage .t4 label.d1 {margin-left:0}
.btmessage .t4 label input {margin:0 10px 0 0}
.btmessage .t5 #cbeizu {border:1px solid #cccccc; line-height:25px;padding:10px 10px;border-radius:5px;font-size:14px;width:100%;margin:5px 0 0 0; height:100px; overflow:auto}
.btmessage .t6 {margin:10px 0}
.btmessage .t6 input { background:#c41a1f; height:40px; line-height:40px;border-radius:5px; cursor:pointer;color:#fff; text-align:center;width:100%; letter-spacing:1px;font-weight:300;font-size:18px}
.btmessage .t7 { text-align:center;color:#999}