@charset "utf-8";
@media only screen and (max-width: 1680px){
.bxslider li a { background-size:cover;height:800px;}
}

@media only screen and (max-width: 1440px){
.wrap {margin:0 3%}
.bxslider li a {height:700px;}
.foot dl {margin:0 0 0 6%;}
.bannerin { background-size:cover;height:550px;}
.links li img {max-width:90%;}
.environmentclose {top:30px;right:30px}
.environmentpic {max-width:1000px;}

.rg-image-nav a{left:-60px;}
.rg-image-nav a.rg-image-nav-next{right:-60px;}
.es-carousel ul li a img{height:88px;}
.links dd img {max-width:90%;}
.manaad li .c {min-height:290px}
}

@media only screen and (max-width: 1366px){
.bxslider li a {height:650px;}
.foot dl {margin:0 0 0 5%;}
}

@media only screen and (max-width: 1200px){
body {font-size:14px; letter-spacing:0;font-weight:400;color:#666}
h1,h2,h3,h4,h5 {font-size:14px;letter-spacing:0;font-weight:400}
a,input,button,select,textarea {font-size:14px;font-weight:400; letter-spacing:0;color:#666}
.bxslider li a {height:600px;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a { width:30px;margin:0 5px}
.phonemenu { display:block;}
.fixtop .toper ul.navpc { display:none;}
.fixtop .toper .topsearch { display:none}
.tblank { height:50px}
.fixtop {height:50px; }
.fixtop .toper .logo { top:7px;width:76px; height:36px;}
.fixtop.active {top:0}
.fixtop.active .toper .logo { top:7px;}

.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:50px; line-height:50px;color:#fff;font-size:20px;}
.accordionmenu li .link a {color:#fff;font-size:20px;}
.accordionmenu li.open .link { background:#e60012;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff; }
.accordionmenu .submenu p {background:#fff;border-top:1px solid #e60012;}
.accordionmenu .submenu p a { display:block;color:#333;font-size:18px; letter-spacing:0}
.accordionmenu .submenu p a:hover {color:#e60012}

.mainsubject {padding:35px 0 25px 0}
.mainsubject h1 { font-size:25px; line-height:25px;}
.mainsubject h1:before {top:40px;height:1px}
.mainsubject h2 {font-size:20px;letter-spacing:1px;margin:18px 0 15px 0}
.indnum {pading:30px 0 0 0;padding:25px 0 0 0}
.indnum ul {margin-top:-20px}
.indnum li {margin-top:20px;}
.indnum .num .count-outer {font-size:40px; line-height:40px;}
.indnum .num h3 {font-size:40px; line-height:40px;}
.indnum .content { line-height:25px;min-height:50px}
.indicon ul {margin-top:-25px}
.indicon li {margin-top:25px;}

.indcase {background-attachment:scroll; background-size:cover;padding:10% 0;margin:40px 0 0 0;}
.indcase ul {margin-top:-40px}
.indcase li {width:33.3333%;margin-top:40px}
.indcase li .pic img { height:60px;}
.indcase li h1 {font-size:18px; margin:15px 0 0 0}
.indcase li h1:before {width:40px; margin-left:-20px;top:40px;}
.indcase li h2 {margin:10px 0 0 0}
.indcase li:hover {top:0;}
.tab {margin-top:-20px}
.tabs:before {top:34px; }
.tabs li{margin:0 20px 0 0;}
.tabs a{height:30px}
.tabs_item dd a {padding:0 100px 0 0;}
.tabs_item .more {top:8px}
.tabs_item dd.d1 { height:92%}
.tabs_item dd.d1 h1 {height:30px; line-height:30px;}
.tabs_item dd.d1 h1 p { height:30px; line-height:32px;padding:0 120px 0 0; font-size:14px;left:10px}
.tabs_item dd.d1 h1 span {right:10px}
.tabs_item dd.d2 {margin:20px 0 10px 0;}
.tabs_item dd.d2 .pic { top:2px;width:164px; height:105px; }
.tabs_item dd.d2 .cons {margin:0 0 0 184px;}
.tabs_item dd.d2 .cons .t a {font-size:16px;height:20px; line-height:20px;}
.tabs_item dd.d2 .cons .c { line-height:25px; height:50px;margin:0px 0 5px 0;}

.foot {margin:30px 0 0 0;padding:30px 0 10px 0; text-align:center}
.foot dl { display:none;}
.foot dl:first-child { display:block;margin:0 auto;width:120px;float:none; text-align:center}
.foot dl:first-child dt {margin:0 0 30px 0}
.footer {margin:20px 0 0 0;padding:10px 0 0 0;color:#666}
.footer a{color:#666}
.bannerin {height:450px;}

.contact .mleft {margin-top:-10px;width:45%}
.contact .mleft .company h1 {font-size:20px; line-height:20px;margin:0 0 10px 0;}
.contact .mleft .company h2 {font-size:13px; letter-spacing:0}
.contact .mleft .wx {width:120px;margin:30px 0}
.contact .mleft .ct {margin:30px 0 0 0}
.contact .mleft .ct img {margin:0 0 10px 0}

.contact .message {margin-top:-10px;width:50%}
.contact .message #cbtn { width:100px; height:35px; line-height:34px;margin:10px 0 0 0}
.map {margin:40px 0 0 0}
.map iframe,#container { height:300px;}
.links .mainsubject {margin-bottom:-40px}
.links ul {margin-top:-3%}
.links li {padding:10px ; height:auto;border-radius:5px;}
.links li img {max-width:100%;border-radius:5px;}
.namemj {top:-50px}
.viewenvironment {margin:35px 0 40px 0}
.viewenvironment a {width:120px; height:35px; line-height:35px;}
.distribution {margin-bottom:-20px}
.aboutmid { background-attachment:scroll; background-size:cover;}
.aboutmid .cate li {height:50px; line-height:50px;}
.aboutmid .cate li a {font-size:16px;letter-spacing:1px}

.honor {padding:50px 0 40px 0}
#slider2 {padding:0 40px}
#slider2 .slide .title {margin:15px 0 0 0}
.bx-wrapper .bx-prev {left:-40px;}
.bx-wrapper .bx-next {right:-40px;}
.bx-wrapper .bx-controls-direction a {margin-top:-40px;width:20px; height:40px; background-size:cover;}
.rg-image-nav a{left:0;}
.rg-image-nav a.rg-image-nav-next{right:0;}
.es-nav span{left:0;}
.es-nav span.es-nav-next{right:0;}
.environmentclose { top:20px;right:40px; background-size:cover;width:20px; height:20px}
.environmentbg {margin:60px 0 0 0}
.environmentbg .table { display:block; height:auto}
.environmentbg .table .td { display:block; vertical-align:top;}
.rg-image-wrapper {padding:0 30px}
.rg-image-nav a{left:10px;	width:10px;	height:20px;	margin-top:-10px;	background-size:cover;}
.rg-image-nav a.rg-image-nav-next{	right:10px;	background-size:cover;}
.es-carousel-wrapper {padding:0 30px}
.es-carousel ul li a img{	height:50px;}
.es-nav span{left:10px;width:10px; height:20px;margin-top:-10px}
.es-nav span.es-nav-next{right:10px;}
.organization { padding:40px 0}

.founder {padding:40px 0}
.founder .pic { vertical-align:top;width:26%;}
.founder .cons { vertical-align:top;width:68%;margin:0 0 0 6%;}
.founder .cons .t {font-size:20px; line-height:30px;margin:0 0 20px 0}

#slider3 {padding:0 40px}
#slider3 .slide .title {margin:20px 0 5px 0}
#slider3 .slide .title h1 { font-size:20px;}
#slider3 .slide .title span {font-size:14px;margin:8px 0 0 2px}
#slider3 .slide .title span i {margin:0 4px}
#slider3 .slide .content {font-size:14px}
#slider3 .bx-wrapper .bx-controls-direction a { margin-top:-30px;}
.history {margin:50px 0 0 0;padding:0 0 50px 0; }
.history:before {top:26px;}
#slider4 {padding:0 30px}
#slider4 .slide .icon i { width:14px; height:14px;top:20px;margin-left:-7px; }
#slider4 .slide .icon p { display:none;}
#slider4 .slide .title {font-size:25px;margin:40px 0 0 0}
#slider4 .slide .content {opacity:1;top:0}
#slider4 .slide:hover .icon i { background:#fff}
#slider4 .slide:Hover .title {color:#fff;font-weight:300;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
#slider4 .bx-wrapper .bx-prev {left:-30px; background-size:cover;}
#slider4 .bx-wrapper .bx-next { right:-30px; background-size:cover;}
#slider4 .bx-wrapper .bx-controls-direction a {top:11px; width:30px;  height:30px;  background-size:cover;}
.links dl {margin-top:-3%}
.links dd {padding:10px ; height:auto;border-radius:5px;}
.links dd img {max-width:100%;border-radius:5px;}
.customer {padding:35px 0 70px 0}
#slider5 .bx-wrapper .bx-pager { bottom:-40px;}
#slider5 .bx-wrapper .bx-pager.bx-default-pager a { width:10px;  height:10px;  margin: 0 10px;}
.links dd:hover {top:0}
.invadg {padding:0}

.pure ul {width:106%;margin:-30px  0 0 -3%;padding:30px 0 40px 0;max-width:100%}
.pure li {margin:30px 3% 0 3%;width:27.3333%}
.pure li .p {margin:-30px 0 10px 0;}
.pure li .p img { height:50px}
.pure li .t { line-height:25px}
.pure li:hover {top:0}
.manaad ul {width:102%;margin:-2% 0 0 -1%}
.manaad li {width:23%;margin:2% 1% 0 1%;}
.manaad li .t { font-size:14px; line-height:40px; height:40px; padding:0 20px;}
.manaad li .c {padding:10px 20px;min-height:260px}
.manaad li:hover {top:0}
.page_wrap {padding:20px 0 0 0;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:20px;} 
.pager .prev,.pager span.prev {width:11px; height:20px; background-size:cover;margin-top:11px}
.pager .next,.pager span.next { width:11px; height:20px;background-size:cover;margin-top:11px}
.newslist {margin:0}
.newsrelax { display:none;}

.newscate {margin-top:-15px}
.newscate li { width:45%;margin-left:10%;}
.newscate li h1 {font-size:16px;line-height:30px}
.newscate li h1 a{font-size:16px;}
.newscate li h1 i {top:9px; width:8px ;height:15px; background-size:cover;}
.newscate li h2 {padding:10px 15px;}
.newslistul li {padding:20px 0;}
.newslistul li .pic { top:20px;width:140px; height:98px;}
.newslistul li .cons {margin:0 0 0 155px;min-height:98px}
.newslistul li .cons .addtime {font-size:18px;line-height:18px}
.newslistul li .cons .title {margin:7px 0 5px 0}
.newslistul li .cons .title a {font-size:14px; letter-spacing:0}
.newslistul li .cons .content {line-height:25px; height:50px;margin:0;color:#666}
.newslistul li .cons .more { display:none;}
.nshow {min-height:0;margin:20px 0 0 0}
.nshow .current {padding:0 0 5px 0}
.nshow .current span {letter-spacing:1px;font-size:18px;}
.nshow .current p {top:5px}
.nshow .title {font-size:18px; line-height:28px;margin:20px 0 5px 0}
.nshow .cons {margin:20px 0}
.orcr { background-size:cover; background-attachment:scroll;padding:30px 0;margin:0px 0 0 0}
.orcr .list {padding:15px}
.orcr .list .mainsubject {padding:0px 0 20px 0}
.orcr .list .more a { width:120px; height:35px; line-height:35px;}
.orcr .list .more i img { height:30px}
#slider6 .bx-wrapper .bx-pager.bx-default-pager a,#slider7 .bx-wrapper .bx-pager.bx-default-pager a { width: 10px;  height:10px;  margin: 0 3px; background-size:cover;}
#slider6 .bx-wrapper .bx-pager,#slider7 .bx-wrapper .bx-pager { bottom:-30px;}
#slider6 .bx-wrapper .bx-pager.bx-default-pager a.active,#slider7 .bx-wrapper .bx-pager.bx-default-pager a.active{ background-size:cover;}
.slider6_7 .slide .cons {padding:20px;}
.slider6_7 .slide .cons .t a {font-size:16px;}
.slider6_7 .slide .cons .c {margin:5px 0 0 0}
.teamstyle {padding:0 0 60px 0;margin:60px 0 -30px 0}
.training .mainsubject,.teamstyle .mainsubject {margin-bottom:-10px;}
.talent .wrap {max-width:100%}
.campus {margin:0 0 -30px 0}
.jobcate {margin-top:-20px}
.jobcate li {width:30.6666%;margin-left:4%}
.jobcate li form input{height:30px; line-height:30px;font-size:13px; letter-spacing:0;margin:0px 0 0 0}
.jobcate li form #jbtn { margin:0px 0 0 0;width:30px; height:30px;background-size:50%;}

.get_more{height:40px; line-height:40px;margin:30px 0 0 0;font-size:16px;letter-spacing:1px}
.recruitmentcons {margin:20px auto 0 auto}
.recruitment {margin:20px 0 0 0}
.rlist {padding:15px 0;font-size:14px;}
.rlist a{font-size:14px}
.rlist .f1 { padding:0 0 0 20px}
.rlist .c {font-size:13px; line-height:23px; height:auto;margin:5px 0 0 0;padding:0 0 0 20px}
.rlistsubject {height:40px; line-height:40px;padding:0}
.jshowlist .title {font-size:20px; line-height:20px; letter-spacing:1px;margin:30px 0}
.jshowlist .title:before {top:40px}
.jshowlist .cons .t {font-size:18px;margin:20px 0}
.jshowlist .emailapp {padding:30px 0; }
.jshowlist .emailapp a { width:100px; height:35px; line-height:35px;}
.jshowlist .prevnext {margin:20px 0 -30px 0;}

.jshowlist .prevnext .prev { height:40px; line-height:40px;}
.jshowlist .prevnext .back { height:40px; line-height:40px;}
.jshowlist .prevnext .next { height:40px; line-height:40px;}
.jshowlist .prevnext .prev i {width:59px; height:11px;margin:14px 0 0 0}
.jshowlist .prevnext .back i {width:15px; height:15px;margin:13px 5px 0 0}
.jshowlist .prevnext .next i { width:59px; height:11px;margin:14px 0 0 0;}
.newslistul {min-height:0}
.casecate { height:auto;margin-top:0}
.casecate li { height:120px;width:33.3333%}
.casecate li .pic { width:31px; height:30px;margin:16px auto 5px auto}
.casecate li h1:before {top:29px;}
.casecate li h2 {margin:5px 0 0 0;font-size:12px; line-height:17px}

.conslist2 .title { height:40px; line-height:38px;}
.conslist2 .title a {font-size:14px; letter-spacing:0}

.show {margin:40px 0 0 0}
.show .title {font-size:20px; line-height:30px;letter-spacing:1px;}
.show .title:before {bottom:-15px; }
.show .cons {margin:40px auto 25px auto}
.show .subject {font-size:16px;letter-spacing:1px;margin:20px 0}

#slider8 .bx-wrapper .bx-pager.bx-default-pager a { width: 15px;  height:15px;  margin: 0 5px; background-size:cover;}
#slider8 .bx-wrapper .bx-pager { bottom:15px;}
#slider8 .bx-wrapper .bx-pager.bx-default-pager a.active{ background-size:cover;}
.show .pics {padding:0 0 10px 0}
.totop {right:3%;background-size:100%;width:30px; height:30px; }


}

@media only screen and (max-width: 1024px){
.bxslider li a {height:550px;}
.bannerin {height:350px;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:450px;}
.bannerin {height:300px;}
.manaad li .c {min-height:350px}
.jobcate li form input {width:75%}

.rlist .f1 {width:25%}
.rlist .f2 {width:22%}
.rlist .f3 {width:20%}
.rlist .f4 {width:16%}
.rlist .f5 {width:17%;}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:400px;}
.indnum li {width:46%}
.indicon li {width:46%}
.tabs_item dd.f1,.tabs_item dd.f2 { display:block;}
.tabs_item dd.d1,.tabs_item dd.d2 { display:none;}
.tabs_item dl {margin:20px 0 0 0}
.tabs{left:0;width:100%}
.tabs_item dd {left:0;width:100%;}
.footer .mleft {width:100%; text-align:center;}
.footer .mright {width:100%; text-align:center;}
.bannerin {height:250px;}
.contact .mleft {width:100%}
.contact .message {width:100%;margin:30px 0 0 0}
.links li {width:29.3333%}
.about ul {margin-top:-30px}
.about li {width:33.3333%;margin-top:30px}
.aboutmid .cate li {width:33.3333%;}
.aboutmid .cate:before {content:''; position:absolute;top:50px;left:0; height:1px;width:100%; background:#666;}
.aboutmid .cate li.f4 {border-left:1px solid #666}
.founder .pic { display:block;width:60%; text-align:center;margin:0 auto}
.founder .pic img {margin:0 auto}
.founder .cons { display:block;width:100%;margin:30px 0 0 0; text-align:center}
.links dd {width:29.3333%}
.manaad li {width:98%}
.manaad li .c {min-height:0}
.orcr .list{width:100%}
.orcr .list2 {margin-top:30px}

.rlist .f1 {width:27%}
.rlist .f2 {width:27%}
.rlist .f3 {width:25%}
.rlist .f4 {width:21%; text-align:center}

.rlist .f5 { display:none}
.rlist .f1 { padding:0 0 0 15px}
.rlist .c {padding:0 0 0 15px}
.case {margin-top:-4%;padding-top:20px}
.conslist2 {width:46%}
}


@media only screen and (max-width: 480px){
.bxslider li a {height:350px;}
.indcase li {width:50%;}
.bannerin {height:200px;}
.jobcate li form input {width:68%}
.rlist {font-size:12px;}
.rlist .c {font-size:12px; line-height:20px;}
.rlist a{font-size:12px}
.rlist .f1 {width:30%}
.rlist .f2 {width:26%}
.rlist .f3 {width:23%}
.rlist .f4 {width:21%;}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:300px;}
.bannerin {height:150px;}
}