@charset "utf-8";
@font-face {
 font-family: 'HelveticaNeueLTLightExt';
 src: url('HelveticaNeueLTLightExt.eot');
 src: local('HelveticaNeueLTLightExt Regular'), 
              local('HelveticaNeueLTLightExt'), 
              url('HelveticaNeueLTLightExt.woff') format('woff'), 
              url('HelveticaNeueLTLightExt.ttf') format('truetype'), 
              url('HelveticaNeueLTLightExt.svg#HelveticaNeueLTLightExt') format('svg');	  
}
@font-face {
 font-family: 'DINOTBOLD';
 src: url('DINOTBOLD.eot');
 src: local('DINOTBOLD Regular'), 
              local('DINOTBOLD'), 
              url('DINOTBOLD.woff') format('woff'), 
              url('DINOTBOLD.ttf') format('truetype'), 
              url('DINOTBOLD.svg#DINOTBOLD') format('svg');	  
}
@font-face {
 font-family: 'DINOTLIGHT';
 src: url('DINOTLIGHT.eot');
 src: local('DINOTLIGHT Regular'), 
              local('DINOTLIGHT'), 
              url('DINOTLIGHT.woff') format('woff'), 
              url('DINOTLIGHT.ttf') format('truetype'), 
              url('DINOTLIGHT.svg#DINOTLIGHT') 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,.fixtop .toper .logo,.fixtop .toper ul.navpc,.fixtop .toper ul.navpc li a,.fixtop .toper .topsearch,.indcase li,.indcase li h1:before,.tabs_item dd.d2 .pic a,.tabs_item dd.d1 h1 span,.tabs_item dd.d1 h1 p,.tabs_item dd.d1 h1,.tabs_item dd.d1 h2,.foot dl:first-child dd a,.contact .message #cbtn,.links li,.about li .pic,.about li .title,.aboutmid .cate li:before,#slider2 .slide .pic p,.founder .pic img,#slider3 .slide .pic p,#slider4 .slide .icon i,#slider4 .slide .icon p,#slider4 .slide .content,#slider4 .slide .title,.links dd,.pure li,.manaad li,.newscate li h1 i,.newslistul li .cons .title a,.newslistul li .pic a,.newsrelax dd,.newsrelax dd .title a,.newsrelax dd .pic img,.slider6_7 .slide .pic p,.slider6_7 .slide .cons .t a,.jshowlist .prevnext a i,.casecate li h1:before,.casecate li .pic,.casecate li h1,.casecate li h2,.conslist2 .title a,.conslist2 .pic p,.totop,.fixtop .toper ul.navpc li dl
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.tabs_item dd.d2 .pic:hover a,.tabs_item dd.d1:Hover h2,#slider2 .slide:hover .pic p,.founder .pic img:hover,#slider3 .slide:hover .pic p,.newslistul li:hover .pic a,.newsrelax dd:hover .pic img,.slider6_7 .slide:hover .pic p,.conslist2: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); }
.tabs_item dd.d1 h1 p,.tabs_item dd,.contact .message .list input[type="text"],.contact .message .list #cbeizu,.links li,.aboutmid .cate li,.es-carousel ul li,.founder .pic,.links dd,.newscate li h2,.orcr .list,.rlist .f1,.rlist .f2,.rlist .f3,.rlist .f4,.rlist .f5,.jshowlist .prevnext .prev,.jshowlist .prevnext .next,.jshowlist .prevnext .back,.casecate li,.conslist2 .title a
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:16px;line-height:2;color:#333;background:#fff;max-width:1920px;font-weight:300; letter-spacing:0.5px}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:2;font-weight:300; letter-spacing:0.5px}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#333;font-size:16px;font-weight:300; letter-spacing:0.5px}
a:hover,.tabs_item dd a:hover,.tabs_item dd.d2 .cons .t a:hover,.foot a:Hover,.rlist a:Hover{color:#c8161d}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';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}
.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: #cccccc;}
:-moz-placeholder {color: #cccccc; } 
::-moz-placeholder { color: #cccccc; } 
:-ms-input-placeholder {color: #cccccc; }

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

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:40px 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;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;}   
.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 {}   
.pager a:hover,.pager span.current{} 
.pager a,.pager span.disabled {color:#666;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{text-align:center;height:26px; line-height:26px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:24px;font-family: 'DINOTLIGHT';} 
.pager span.mid {margin:0 25%}
.pager .prev,.pager span.prev { background:url(../images/left2.png);width:14px; height:26px; display:inline-block; vertical-align:top;margin-top:10px}
.pager .next,.pager span.next { background:url(../images/right2.png) right;width:14px; height:26px;display:inline-block; vertical-align:top;margin-top:10px}
.pager a.prev:hover { background-position:right}
.pager a.next:hover { background-position:left;}

.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:1440px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0;width:100%;z-index:9999;height:110px; background:rgba(255,255,255,0.9)}
.fixtop .toper .logo { position:absolute;left:0;top:25px;width:127px; height:60px; background:url(../images/logo.png); display:block; background-size:cover;}
.fixtop .toper ul.navpc { position:absolute;right:0;top:55px}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;margin:0 0 0 50px;position:relative}
.fixtop .toper ul.navpc li a {font-weight:700; color:#666;letter-spacing:1px;border-bottom:1px solid transparent; height:54px; line-height:25px; display:block;font-size:16px}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a {color:#c8161d;border-color:#c8161d}

.fixtop .toper ul.navpc li dl {position:absolute;left:-50px;top:55px;width:165px;display:none;text-align:center; background:rgba(255,255,255,0.9);line-height:25px}
.fixtop .toper ul.navpc li dd { text-align:left;}
.fixtop .toper ul.navpc li dd a,.fixtop .toper ul.navpc li.check dd a { letter-spacing:0;height:40px; line-height:40px;font-size:16px;font-weight:400;border:0;border-top:1px solid #e4e4e4;padding:0 0 0 50px;color:#666; overflow:hidden}
.fixtop .toper ul.navpc li dd:first-child  a{border-top:0}
.fixtop .toper ul.navpc li dd a:hover { background:#e60012;color:#fff}

.fixtop .toper .topsearch { position:absolute;right:0;top:12px; text-align:right}
.fixtop .toper .topsearch h1 { display:inline-block; vertical-align:top; position:relative;color:#999;font-size:14px;font-weight:400}
.fixtop .toper .topsearch h1:before {content:''; position:absolute;left:-30px;top:5px;width:18px; height:18px; background:url(../images/earth.png) no-repeat center; background-size:cover;}
.fixtop .toper .topsearch .search { display:inline-block; vertical-align:top;margin:0 0 0 15px}
.fixtop .toper .topsearch .search #k { border:1px solid #f6f8f8;width:90px;display:inline-block; vertical-align:top;border-top-left-radius:25px;border-bottom-left-radius:25px; height:23px; line-height:22px;font-size:12px; letter-spacing:0.5px;padding:0 12px}
.fixtop .toper .topsearch .search #sbtn { background:#c8161d url(../images/go.png) no-repeat center; display:inline-block; vertical-align:top;width:35px; height:25px; line-height:25px; background-size:40%;border-top-right-radius:25px;border-bottom-right-radius:25px; cursor:pointer}

.fixtop.active {top:-30px}
.fixtop.active .toper .logo { top:40px;}
.fixtop.active .toper ul.navpc {top:30px}
.fixtop.active .toper ul.navpc li a {height:79px; line-height:80px}
.fixtop.active .toper .topsearch {top:0;}
.tblank { height:110px;}

.fixtop.active .toper ul.navpc dl {top:80px}
.fixtop.active .toper ul.navpc li dd a { height:40px; line-height:40px;}

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

.indabout .wrap {max-width:1035px;}
.mainsubject { text-align:center;padding:85px 0 50px 0}
.mainsubject h1 { position:relative;color:#c8161d;font-size:36px; line-height:36px;font-family: 'HelveticaNeueLTLightExt';}
.mainsubject h1:before {content:''; position:absolute;top:55px;left:50%;margin-left:-15px;width:30px; height:2px; background:#c8161d}
.mainsubject h2 {font-size:24px;font-weight:400;color:#666; letter-spacing:2px;margin:25px 0 30px 0}

.indnum {border-top:1px solid #ececec;pading:50px 0 0 0;padding:30px 0 0 0}
.indnum ul {width:104%;margin:-4.5% 0 0 -2%}
.indnum li {float:left;width:21%;margin:4.5% 2% 0 2%}
.indnum .num {font-family: 'DINOTBOLD';color:#f0ab00;}
.indnum .num .count-outer {font-size:55px; line-height:55px;display:inline-block; vertical-align:top;}
.indnum .num h3 {font-size:55px; line-height:55px; display:inline-block; vertical-align:top;}
.indnum .content {margin:7px 0 0 0}

.indicon {width:100%; clear:both}
.indicon ul {width:104%;margin:-4.5% 0 0 -2%}
.indicon li {float:left;width:21%;margin:4.5% 2% 0 2%}
.indicon .title {margin-top:10px}
.indicon .pic img {max-width:90px}

.indcase { background-position:center; background-repeat:no-repeat; background-attachment:fixed;padding:15% 0;color:#fff;margin:70px 0 0 0;}
.indcase ul {width:104%;margin-left:-2%}
.indcase li { display:inline-block; vertical-align:top;width:16.6666%; text-align:center; position:relative;top:0}
.indcase li a { display:block;color:#fff}
.indcase li .pic img { height:72px;}
.indcase li h1 {font-size:20px; position:relative;margin:40px 0 0 0}
.indcase li h1:before {content:''; position:absolute;width:50px; height:1px;left:50%;margin-left:-25px; background:#fff;top:48px;}
.indcase li h2 {margin:20px 0 0 0}
.indcase li:hover {top:-10px;}
.indcase li:hover h1:before { background:#c5161d}

.tab { position:relative;margin-top:-45px}
.tabs{overflow:hidden; position:relative;left:44%;width:56%}
.tabs:before {content:''; position:absolute; background:#f2f2f2; height:2px;width:100%;top:44px; z-index:-1px}
.tabs li{display:inline-block;margin:0 40px 0 0;}
.tabs a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-weight:700;border-bottom:2px solid transparent; line-height:20px; height:38px; position:relative; z-index:10}
.currenttab a{color:#c8161d;border-color:#c8161d}
.tabs_item{display:none; text-align:center}
.tabs_item:first-child{display:block;}
.tabs_item dd { text-align:left; position:relative;left:44%;width:56%;padding:0 0 0 10px}
.tabs_item dd a {font-weight:400; display:inline-block; height:25px; line-height:25px; overflow:hidden;padding:0 150px 0 0;color:#666;}
.tabs_item dd:before {width:3px; height:3px;content:''; position:absolute;left:0;top:12px; background:#666;border-radius:50%}
.tabs_item dd p { position:absolute;right:0;top:-2px;font-weight:400;color:#666;}
.tabs_item dd:hover:before { background:#c8161d}
.tabs_item .more { background:url(../images/more.png);width:64px; height:17px; display:block; position:absolute;right:0;top:10px}

.tabs_item dd.d1 { position:absolute;left:0;top:10px; height:95%;width:41%; text-align:left;}
.tabs_item dd.d1 h1 { position:absolute;bottom:0;width:100%; height:38px; line-height:38px; overflow:hidden;z-index:100; background:rgba(242,242,242,0.7);text-align:left;}
.tabs_item dd.d1 h1 p { height:38px; line-height:40px;padding:0 150px 0 0; overflow:hidden;font-size:16px;font-weight:400;color:#666; text-align:left;right:auto;left:20px}
.tabs_item dd.d1 h1 span { position:absolute;right:15px;top:-1px;font-weight:400; display:block;color:#666}
.tabs_item dd.d1 a {padding:0;height:auto; position:relative; display:block;width:100%; height:100%}
.tabs_item dd.d1:before {display:none;}
.tabs_item dd.d1:Hover h1{ background:#c8161d;}
.tabs_item dd.d1:Hover h1 p {color:#fff}
.tabs_item dd.d1:hover h1 span {color:#fff}

.tabs_item dd.d2 {margin:30px 0 20px 0;}
.tabs_item dd.d2 a {padding:0; height:auto}
.tabs_item dd.d2:before { display:none;}
.tabs_item dd.d2 .pic { position:absolute;left:0;top:2px;width:200px; height:130px; overflow:hidden}
.tabs_item dd.d2 .pic a { display:block;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.tabs_item dd.d2 .cons {margin:0 0 0 230px;}
.tabs_item dd.d2 .cons .t {}
.tabs_item dd.d2 .cons .t a {font-weight:700;font-size:24px;color:#333;height:30px; line-height:30px; overflow:hidden; display:inline-block;}
.tabs_item dd.d2 .cons .c { line-height:30px; height:60px; overflow:hidden;font-weight:400;margin:1px 0 10px 0;color:#666}
.tabs_item dd.d2 .cons .m {}
.tabs_item dd.d2 .cons .m a {font-size:14px;color:#c8161d;}
.tabs_item dd.f1,.tabs_item dd.f2 { display:none;}
.bannerin { background-position:center; background-repeat:no-repeat; height:650px;}

.contact .mleft {float:left;width:35%;margin-top:-30px}
.contact .mleft .company h1 {font-size:24px; line-height:24px;font-weight:700;color:#c8161d;margin:0 0 12px 0; letter-spacing:1px}
.contact .mleft .company h2 {font-size:14px; line-height:14px; letter-spacing:0.5px; text-transform:uppercase}
.contact .mleft .wx {width:135px;border:1px solid #c8161d;margin:105px 0}
.contact .mleft .ct {margin:60px 0 0 0}
.contact .mleft .ct img { display:block;width:30px;margin:0 0 15px 0}
.contact .mleft .ct2 img {width:35px}
.contact .message {float:right;width:59.5%;margin-top:-30px}
.contact .message .subject {font-size:20px; line-height:20px;color:#333;font-weight:700; letter-spacing:2px}
.contact .message .list {margin:15px 0 0 0}
.contact .message .list p {padding:0 0 5px 0}
.contact .message .list input[type="text"] { height:30px; line-height:30px; border:1px solid #afaeae; padding:0 10px;width:100%}
.contact .message .list #cbeizu { line-height:25px; border:1px solid #afaeae; padding:5px 10px;width:100%; overflow:auto; height:135px}
.contact .message .list h1 {color:#999;font-size:14px}
.contact .message #cbtn { cursor: pointer;width:140px; height:40px; line-height:38px; text-align:center;border:1px solid #c8161d; background:none;font-weight:300; letter-spacing:2px;margin:20px 0 0 0}
.contact .message #cbtn:hover { background:#c8161d;color:#fff}
.map {margin-top:90px;}
.map iframe,#container {width:100%; height:600px;}

.links ul {width:103%;margin:-5% 0 0 -1.5%}
.links li { display:inline-block; vertical-align:top;width:13.6666%;margin:3% 1.5% 0 1.5%;border:1px solid #cccccc;border-radius:10px; text-align:center; position:relative;top:0; height:90px;}
.links li:hover {top:-10px}
.links li img {border-radius:10px;max-width:180px; max-height:70px;margin:0 auto}
.namemj { position:absolute; height:0;width:100%; position:relative;top:-80px}
.about .wrap {max-width:1060px;}
.about ul {width:100%;margin:-4% 0 0 0;padding:10px 0 0 0}
.about li {float:left;width:16.6666%;margin:4% 0 0 0; text-align:center;}
.about li .pic { background-position:center top; background-repeat:no-repeat; background-size:cover;width:56px; height:54px;margin:0 auto}
.about li .title {font-size:14px;margin:10px 0 0 0}
.about li:hover .pic { background-position:center bottom;}
.about li:hover .title {color:#c8161d}
.viewenvironment { text-align:center;margin:60px 0 90px 0;}
.viewenvironment a { display:block;width:140px; height:40px; line-height:40px; text-align:center;border:1px solid #c8161d;margin:0 auto;}
.viewenvironment a:hover { background:#c8161d;color:#fff}
.distribution {margin-bottom:-50px}

.aboutmid { background-attachment:fixed; background-position:center; background-repeat:no-repeat;}
.aboutmid .cate {border-bottom:1px solid #666; position:relative}
.aboutmid .cate li {width:16.6666%; display:inline-block; vertical-align:top;border-right:1px solid #666; height:90px; line-height:90px; text-align:center; background:rgba(255,255,255,0); position:relative}
.aboutmid .cate li:first-child {border-left:1px solid #666}
.aboutmid .cate li a {font-size:24px; display:block;color:#fff;font-weight:400; letter-spacing:2px}
.aboutmid .cate li a:Hover,.aboutmid .cate li.check a{background:rgba(255,255,255,0.3)}
.aboutmid .cate li:before {content:''; position:absolute;bottom:-4px;margin-left:-4px;left:50%;width:4px; height:4px;border:2px solid #fff;border-radius:50%; background:#c8161d;opacity:0}
.aboutmid .cate li:hover:before,.aboutmid .cate li.check::before {opacity:1}

.honor {padding:145px 0 90px 0}
#slider2 {padding:0 120px}
#slider2 .slide .pic { position:relative; overflow:hidden}
#slider2 .slide .title {font-size:14px;color:#fff; text-align:center;margin:30px 0 0 0}
.environmentfloat { position:fixed; z-index:9999;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); display:none;}
.environmentfloat iframe {width:100%; height:100%; background:transparent}
.environmentclose { background:url(../images/close.png) no-repeat center;width:37px; height:37px; position:fixed; z-index:99999;top:5%;right:5%; cursor:pointer; display:none;}
.environmentbg { background:none;}
.environmentpic {max-width:1155px;margin:0 auto}
.organization { text-align:center;padding:90px 0 120px 0}

.founder {padding:90px 0}
.founder .wrap {max-width:1170px}
.founder .pic { display:inline-block; vertical-align:middle;width:26%; position:relative; overflow:hidden;border:2px solid #fff;}
.founder .pic img {width:100%}
.founder .cons { display:inline-block; vertical-align:middle;width:68%;margin:0 0 0 6%;color:#fff;}
.founder .cons .t {font-size:30px; line-height:40px;font-weight:700;margin:0 0 40px 0}

#slider3 {padding:0 120px}
#slider3 .slide .pic { position:relative; overflow:hidden;border-radius:50%;max-width:215px;margin:0 auto; text-align:center;}
#slider3 .slide .pic p {border-radius:50%;margin:0 auto}
#slider3 .slide .title {color:#fff;text-align:center;margin:30px 0 10px 0}
#slider3 .slide .title h1 { font-weight:400;display:inline-block; vertical-align:top;font-size:24px;}
#slider3 .slide .title span {font-size:16px; display:inline-block; vertical-align:top;margin:10px 0 0 5px}
#slider3 .slide .title span i {margin:0 2px}
#slider3 .slide .content {color:#fff; text-align:center}
#slider3 .bx-wrapper .bx-controls-direction a { margin-top:-30px;}

.history {margin:220px 0 0 0;padding:0 0 250px 0; position:relative}
.history:before {content:''; position:absolute; z-index:-1;top:26px;left:0;width:100%; height:1px; background:#fff;}
#slider4 {padding:0 120px}
#slider4 .slide {color:#fff; text-align:center}
#slider4 .slide .icon { position:relative; z-index:50}
#slider4 .slide .icon i { position:absolute; z-index:100;width:14px; height:14px;top:20px;left:50%;margin-left:-7px; background:#fff;border-radius:50%;  }
#slider4 .slide .icon p { position:absolute; z-index:0;content:'';border:1px solid #c8161d;border-radius:50%;width:35px; height:35px;left:50%;margin-left:-18px;top:9px;background:#000;opacity:0}
#slider4 .slide .title {font-size:30px;font-family: 'DINOTLIGHT';margin:50px 0 0 0}
#slider4 .slide .content {opacity:0; position:relative;top:10px}
#slider4 .slide:hover .icon i { background:#c8161d}
#slider4 .slide:hover .icon p {opacity:1}
#slider4 .slide:Hover .title {color:#c8161d;font-weight:700;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
#slider4 .slide:hover .content {opacity:1;top:0}

#slider4 .bx-wrapper .bx-prev {
  left:-120px;
  background:url('../images/l.png') no-repeat;
}
#slider4 .bx-wrapper .bx-next {
  right:-120px;
  background:url('../images/r.png');
}
#slider4 .bx-wrapper .bx-controls-direction a {
  top:8px;
  margin-top:0;
  width:36px;
  height:36px;
}

.customer {padding:120px 0 150px 0}
.customer .wrap {max-width:1240px}
#slider5 {}
#slider5 .slide {text-align:center;}
#slider5 .bx-wrapper .bx-pager { bottom:-80px;}
#slider5 .bx-wrapper .bx-pager.bx-default-pager a { width:14px;  height:14px;  margin: 0 20px; border-radius:50%; }
 
.links dl {width:103%;margin:-3% 0 0 -1.5%;padding-top:10px}
.links dd { background:#fff;display:inline-block; vertical-align:top;width:17%;margin:3% 1.5% 0 1.5%;border:1px solid #cccccc;border-radius:10px; text-align:center; position:relative;top:0; height:90px;}
.links dd:hover {top:-10px}
.links dd img {border-radius:10px;max-width:180px; max-height:70px;margin:0 auto}
.competitivenesscons {max-width:860px;margin:0 auto}
.invadg { background:url(../images/cbg.jpg) no-repeat center; background-size:cover;padding:0 0 60px 0}

.pure ul {margin:-4%  auto 0 auto;padding:50px 0 80px 0;max-width:900px}
.pure li {float:left;width:29.3333%;margin:4% 2% 0 2%; text-align:center; position:relative;top:0}
.pure li .p {margin:-50px 0 10px 0}
.pure li .t {font-size:14px}
.pure li:hover {top:-5px}

.manaad ul {width:103%;margin:-3% 0 0 -1.5%}
.manaad li {float:left;width:22%;margin:3% 1.5% 0 1.5%; position:relative;top:0}
.manaad li .t { background:#666666;font-size:20px; line-height:70px; height:70px; overflow:hidden;font-weight:700;padding:0 30px;coloR:#fff; letter-spacing:1px}
.manaad li .c { background:#f2f2f2;padding:20px 30px;min-height:200px}
.manaad li:hover {top:-10px}

.newslist {margin:0 400px 0 0;}
.newsrelax { position:absolute;right:0;width:340px;top:265px}
.newsrelax dt { background:#c8161d;color:#fff;font-size:24px;font-weight:400; height:50px; line-height:50px; text-align:center; letter-spacing:2px}
.newsrelax dd {border:1px solid #f2f2f2;margin:20px 0 0 0}
.newsrelax dd .pic { overflow:hidden}
.newsrelax dd .pic img {width:100%}
.newsrelax dd .title { height:50px; line-height:50px; overflow:hidden;padding:0 15px;text-align:center;}
.newsrelax dd .title a {font-size:18px; font-weight:400;color:#333}
.newsrelax dd:hover {border-color:#c8161d}
.newsrelax dd:hover .title a {color:#c8161d}
.newsrelax .cons { background:#c8161d;color:#fff;padding:30px;margin:20px 0 0 0;font-weight:400;font-size:18px}
.newsrelax .cons h1 { text-align:center;border-bottom:1px solid #fff;font-size:20px;font-weight:700; letter-spacing:2px;padding:0 0 10px 0;margin:0 0 20px 0}

.newscate { position:relative; z-index:999}
.newscate li { display:inline-block; vertical-align:top;width:48%;margin-left:4%; position:relative;}
.newscate li:first-child {margin-left:0}
.newscate li h1 {border-bottom:1px solid #cccccc;font-size:20px; height:40px; line-height:22px; cursor:pointer;}
.newscate li h1.check a,.newscate li h1.check {color:#c8161d}
.newscate li h1 a{ display:block;font-size:20px;}
.newscate li h1 i { position:absolute;right:0;top:1px; background:url(../images/1.png);width:11px ;height:20px;}
.newscate li h1:hover i,.newscate li h1.check i {transform:rotate(80deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.newscate li h2 { background:#f7f7f8;padding:10px 20px; display:none; position:absolute;left:0;top:51px;width:100%; z-index:9999;opacity:0}
.newscate li h2 a { display:block;}

.newslistul {min-height:1005px}
.newslistul li { position:relative;border-bottom:1px solid #ededed;padding:40px 0;}
.newslistul li .pic { position:absolute;top:40px;left:0;width:340px; height:220px; overflow:hidden}
.newslistul li .pic a { display:block;width:100%; height:100%; background-position:center; background-repeat:no-repeat;  background-size:cover;}
.newslistul li .cons {margin:0 0 0 390px;min-height:220px}
.newslistul li .cons .addtime {color:#c8161d;font-size:40px;font-family: 'DINOTLIGHT'; line-height:40px}
.newslistul li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:25px 0 20px 0}
.newslistul li .cons .title a {font-size:18px;font-weight:700;color:#333; letter-spacing:1px}
.newslistul li .cons .content {color:#000; line-height:30px; height:60px; overflow:hidden;margin:0 0 25px 0}
.newslistul li .cons .more a {font-size:14px;font-weight:400;color:#c8161d; letter-spacing:0.5px}
.newslistul li:hover .cons .title a {color:#c8161d}

.nshow {min-height:1100px;margin:70px 0 0 0}
.nshow .current {border-bottom:1px solid #ccc; position:relative;padding:0 0 8px 0}
.nshow .current span {font-weight:400; letter-spacing:2px;font-size:20px;}
.nshow .current p { position:absolute;right:0;font-size:14px;top:7px}
.nshow .current p a {font-size:14px;}
.nshow .title {font-size:24px; line-height:34px;font-weight:700;color:#c8161d;margin:35px 0 10px 0}
.nshow .addtime {color:#999;}
.nshow .cons {margin:35px 0}
.nshow .prevnext a { display:block;font-size:14px;}
.newsrelax2 {top:0}
.talent .wrap {max-width:880px;}

.orcr { background:url(../images/jbg1.jpg) no-repeat center; background-attachment:fixed;padding:105px 0;margin:30px 0 0 0}
.orcr .list {float:left;width:48%; background:#fff; text-align:left;padding:25px}
.orcr .list .mainsubject { text-align:left;padding:0px 0 50px 0}
.orcr .list .mainsubject h1:before {left:0;margin:0}
.orcr .list .more { position:relative}
.orcr .list .more a { display:block;width:140px; height:40px; line-height:40px; text-align:center;border:1px solid #c8161d}
.orcr .list .more a:hover { background:#c8161d;color:#fff}
.orcr .list .more i { position:absolute;right:0;bottom:0}
.orcr .list2{float:right}

#slider6 .slide,#slider7 .slide {text-align:center;}
#slider6 .bx-wrapper .bx-pager,#slider7 .bx-wrapper .bx-pager { bottom:-60px;}
#slider6 .bx-wrapper .bx-pager.bx-default-pager a,#slider7 .bx-wrapper .bx-pager.bx-default-pager a { width: 20px;  height:20px;  margin: 0 5px; background:url(../images/5.png); }
/* #slider6 .bx-wrapper .bx-pager.bx-default-pager a:focus ,#slider7 .bx-wrapper .bx-pager.bx-default-pager a:focus 
#slider6 .bx-wrapper .bx-pager.bx-default-pager a:hover,#slider7 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider6 .bx-wrapper .bx-pager.bx-default-pager a.active,#slider7 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(../images/4.png)}

.slider6_7 .slide .pic { position:relative; overflow:hidden}
.slider6_7 .slide .cons {padding:30px; background:#f2f2f2; text-align:left;}
.slider6_7 .slide .cons .t {  height:25px; line-height:25px; overflow:hidden;}
.slider6_7 .slide .cons .t a {font-weight:700;font-size:20px; letter-spacing:1px;}
.slider6_7 .slide .cons .c { line-height:25px; height:25px; overflow:hidden;margin:10px 0 0 0}
.slider6_7 .slide:hover .cons .t a {color:#c8161d}

.teamstyle { background:url(../images/jbg2.jpg) no-repeat center; background-size:cover;padding:0 0 150px 0;margin:150px 0 -90px 0}
.training .mainsubject,.teamstyle .mainsubject {margin-bottom:-30px;}
.campus { text-align:center;margin:0 0 -90px 0}

.jobcate {margin-top:-30px}
.jobcate li {width:30.6666%}
.jobcate li form input{ display:inline-block; vertical-align:top;width:85%; height:35px; line-height:35px;font-size:18px; letter-spacing:1px;margin:-7px 0 0 0}
.jobcate li form #jbtn { display:inline-block; vertical-align:top;margin:-2px 0 0 0; cursor: pointer;width:30px; height:30px; background:url(../images/6.png) no-repeat center; background-size:60%;float:right}

.recruitment {margin:30px 0 0 0}
.rlist {border-bottom:1px solid #d7d7d7;padding:25px 0;font-weight:700;color:#666;font-size:16px;}
.rlist a{font-size:16px;font-weight:700;color:#333;}
.rlist .f1 { display:inline-block; vertical-align:top;width:25%;color:#333;padding:0 0 0 3%}
.rlist .f2 { display:inline-block; vertical-align:top;width:22%}
.rlist .f3 { display:inline-block; vertical-align:top;width:20%}
.rlist .f4 { display:inline-block; vertical-align:top;width:20%}
.rlist .f5 { display:inline-block; vertical-align:top;width:13%; letter-spacing:0}
.rlist .c {font-size:14px; line-height:25px; height:25px; overflow:hidden;font-weight:300;color:#999;margin:10px 0 0 0;padding:0 0 0 3%}
.rlistsubject { background:#fafafa; height:45px; line-height:45px;border:0;padding:0;font-weight:400;}

.get_more{text-align:center;height:60px; line-height:60px;float:left;width:100%;margin:60px 0 0 0; background:#f2f2f2;color:#c8161d;font-size:24px;font-weight:400; letter-spacing:2px}
.get_more:Hover {background:#c8161d;color:#fff}
.recruitmentcons { text-align:center;margin:60px auto 0 auto;max-width:800px}
.jshow {min-height:0}
.jshowlist .title {color:#c8161d;font-weight:700;font-size:35px; line-height:45px; text-align:center; letter-spacing:2px; position:relative;margin:50px 0}
.jshowlist .title:before { background:#c8161d; height:2px;width:30px;content:''; position:absolute;left:50%;margin-left:-15px;top:60px}
.jshowlist .cons {max-width:950px;}
.jshowlist .cons .t {color:#333;font-weight:700;font-size:20px;margin:30px 0}
.jshowlist .emailapp {border-bottom:1px solid #ccc;padding:50px 0 50px 0; text-align:right}
.jshowlist .emailapp a { display:block;margin:0 0 0 auto;width:140px; height:40px; line-height:40px; text-align:center;border:1px solid #c8161d}
.jshowlist .emailapp a:hover { background:#c8161d;color:#fff}
.jshowlist .prevnext {margin:60px 0 -90px 0;border-top:1px solid #ccc}
.jshowlist .prevnext a { display:block;}
.jshowlist .prevnext .prev { display:inline-block; vertical-align:top; height:50px; line-height:50px;width:33.3333%;border-left:1px solid #ccc; text-align:center}
.jshowlist .prevnext .back { display:inline-block; vertical-align:top; height:50px; line-height:50px;width:33.3333%;border:1px solid #ccc;border-bottom:0;border-top:0;text-align:center}
.jshowlist .prevnext .next { display:inline-block; vertical-align:top; height:50px; line-height:50px;width:33.3333%;border-right:1px solid #ccc;text-align:center}
.jshowlist .prevnext .prev i { display:inline-block; vertical-align:top; background:url(../images/8.png) no-repeat center;width:59px; height:11px;margin:19px 0 0 0}
.jshowlist .prevnext .back i { display:inline-block; vertical-align:top; background:url(../images/7.png) no-repeat center;width:15px; height:15px;margin:18px 8px 0 0}
.jshowlist .prevnext .next i { display:inline-block; vertical-align:top; background:url(../images/8.png) no-repeat center;width:59px; height:11px;margin:19px 0 0 0;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.jshowlist .prevnext a:hover { background-color:#c8161d;color:#fff}
.jshowlist .prevnext a.back:hover i { background:url(../images/10.png) no-repeat center;}
.jshowlist .prevnext a.prev:hover i,.jshowlist .prevnext a.next:hover i { background:url(../images/9.png) no-repeat center;}
.casecate { background:rgba(255,255,255,0.9); height:140px;margin-top:-140px}
.casecate ul {}
.casecate li { display:inline-block; vertical-align:top;width:16.6666%;border-left:1px solid #fff; text-align:center; height:140px}
.casecate li:first-child {border:0}
.casecate li a { display:block;}
.casecate li .pic { background-position:center top; background-repeat:no-repeat; background-size:100%;width:41px; height:40px;margin:19px auto 5px auto}
.casecate li h1 {position:relative;}
.casecate li h1:before {content:''; position:absolute;width:20px; height:1px;left:50%;margin-left:-10px; background:#666;top:35px;}
.casecate li h2 {margin:5px 0 0 0;font-size:13px;color:#888; font-family: 'DINOTLIGHT'; letter-spacing:0}
.casecate li:hover h1:before,.casecate li.check h1:before { background:#c5161d}
.casecate li:hover .pic,.casecate li.check .pic { background-position:center bottom;}
.casecate li:hover h1,.casecate li.check h1 {color:#c8161d}
.casecate li:hover h2,.casecate li.check h2 {color:#c8161d}
.case {width:104%;margin-left:-2%}
.conslist2 {float:left;width:29.3333%;margin:4% 2% 0 2%;}
.conslist2 .pic { position:relative; overflow:hidden}
.conslist2 .title { height:70px; line-height:68px; overflow:hidden;}
.conslist2 .title a {font-size:20px;font-weight:700;width:100%; height:100%; letter-spacing:1px;padding:0 7%; background:#f2f2f2; display:block}
.conslist2:Hover .title a { background:#c8161d;color:#fff}
.show { text-align:center;margin:80px 0 0 0}
.show .title {color:#c8161d;font-size:36px; line-height:56px;font-weight:700; letter-spacing:2px; position:relative}
.show .title:before {content:'';width:30px; height:2px; background:#c8161d;left:50%;margin-left:-15px;bottom:-20px; position:absolute}
.show .cons {max-width:800px;margin:60px auto 50px auto}
.show .subject {font-size:20px;font-weight:700; letter-spacing:2px;margin:50px 0}

#slider8 .slide {text-align:center; position:relative}
#slider8 .bx-wrapper .bx-pager { bottom:30px;}
#slider8 .bx-wrapper .bx-pager.bx-default-pager a{ width: 20px;  height:20px;  margin: 0 5px; background:url(../images/11.png); }
/* #slider8 .bx-wrapper .bx-pager.bx-default-pager a:focus
#slider8 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider8 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(../images/12.png)}
.totop { position:fixed;right:3%;bottom:5%; background:url(../images/up.png) no-repeat center top;width:61px; height:61px; z-index:9999; cursor:pointer; display:none;opacity:0}
.totop:hover { background-position:bottom}






.foot { background:#f7f7f8;margin:90px 0 0 0;padding:40px 0 20px 0;font-size:14px;color:#000; text-align:right}
.foot a {font-size:14px;color:#000}
.foot dl { display:inline-block; vertical-align:top;margin:0 0 0 7%;max-width:90px; text-align:left;}
.foot dl.dl2 {margin-left:0}
.foot dt {border-bottom:1px solid #999;width:80px; height:36px; position:relative;margin:0 0 20px 0 }
.foot dt:before {content:''; position:absolute;left:0;top:35px; height:2px; background:#c8161d;width:30px;}
.foot dt a {font-weight:700;color:#666;font-size:15px; letter-spacing:1px}
.foot dd {margin:5px 0 0 0;}
.foot dl:first-child {margin-left:0;max-width:170px;float:left;}
.foot dl:first-child dt {border:0;width:auto; height:auto;margin:0 0 60px 0}
.foot dl:first-child dt:before { display:none;}
.foot dl:first-child dd a { position:relative;top:0}
.foot dl:first-child dd .wb {display:inline-block; vertical-align:top; background:url(../images/wb.png);width:25px;height:20px; background-size:cover;margin:0 20px 0 0}
.foot dl:first-child dd .wx { display:inline-block; vertical-align:top; background:url(../images/wx.png);width:25px;height:20px; background-size:cover}
.foot dl:first-child dd .wx p { display:none; position:absolute;left:-35px;bottom:30px;width:100px;border:1px solid #c8161d}
.foot dl:first-child dd .wx p img {width:100%}
.foot dl:first-child dd .wx:Hover p{ display:block}
.foot dl:first-child dd a:hover {top:-5px}

.footer {border-top:1px solid #cccccc;margin:30px 0 0 0;padding:15px 0 0 0;font-size:14px;color:#000;}
.footer a{font-size:14px;color:#000}
.footer .mleft {float:left;width:80%; text-align:left;font-size:13px}
.footer .mright {float:right;width:20%; text-align:right;font-size:13px}