@charset "utf-8";
@media only screen and (max-width: 1350px){
.wrap2 {width:auto;margin:0 3%}
}

@media only screen and (max-width: 1200px){
.bx-wrapper { overflow:hidden}
.wrap {width:auto;margin:0 3%}
.wrap3 {padding:0 3%}
body {font-size:16px;line-height:2;}
.toper .mright { display:none;}
.phonemenu { display:block;}
.toper { height:50px;}
.toper .logo {margin:5px 0 0 0}
.toper .logo img { height:40px}
.topblank { height:50px;}

.phonemenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 30px;height: 25px;right:3%;margin-left:-15px;top:13px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#ac0362;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-6px;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background:#ac0362;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}
.phonemenu .nav { position:fixed; z-index:99996;right:-100%;top:0;width: 100%;height: 100%; background:rgba(0, 0,0, 0.9);opacity:0; text-align:center}
.phonemenu .nav--active .nav {right:0;opacity:1}
.phonemenu .nav ul {margin:-30px 0 0 0}
.phonemenu .nav li {margin:15px 0; text-align:center;line-height:50px; display:block}
.phonemenu .nav li a {color:#fff;font-size:25px;}
.phonemenu .nav li a:hover {color:#fff; background:none;}
.phonemenu .nav li a span {opacity:0.6;font-size:18px;margin:0 5px 0 0;}
.accordionmenu {padding:30px 0 0 0}
.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;letter-spacing:1px;}
.accordionmenu li.open .link { background:#f25b00;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff; background:#fff;}
.accordionmenu .submenu p {background:#fff;border-top:1px solid #efefef; display:inline-block; vertical-align:top;width:100%; vertical-align:top;}
.accordionmenu .submenu p a { display:block;color:#333;font-size:16px; letter-spacing:0; height:50px; line-height:50px;}
.accordionmenu .submenu p a:hover {color:#000}
.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}
.bxslider li a {height:500px; background-size:cover;}
.bx-wrapper .bx-pager {bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 8px;height:8px;margin: 0 5px;}
.bx-wrapper .bx-controls-direction a {margin-top:-10px;width: 25px;height: 25px;}
.indband .title {margin:40px 0 0px 0}
.indband .title .t1 {font-size:28px;margin-top:-7px}
.indband .title .t2 {font-size:14px; margin:2px 10px 0 5px}
.indband .title .t3 {font-size:22px;}
.indband .cons {font-size:15px;}
.indband .cons strong {font-size:15px; line-height:1.8;font-weight:700}
.indband .cons h3 {font-size:18px; line-height:1.8}

.indband ul {width:104%;margin:10px 0 0 -2%;}
.indband li {width:46%;margin:30px 2% 0 2%}
.indband li.f4 {margin-right:2%}
.indband li .pic img {width:60px}
.indband li .titles {font-size:18px;margin:15px 0 5px 0}
.indband li .titles a{font-size:18px;}
.indadv { height:auto;margin-top:40px; background:none;}
.indadv .wrap {margin:0}
.indadv .title {font-size:22px;padding:25px 0; background:#ccc}
.indadv ul { background:#ac0362;width:98%;margin:0 0 0 -2%;padding:10px 3% 35px 3%; text-align:center}
.indadv li {width:16%;margin:30px 2% 0 2%; display:inline-block; vertical-align:top;float:none;}
.indadv li.f5 {margin-right:2%}
.indadv li .num {font-size:40px; line-height:40px}
.indadv li .num h3 {font-size:30px; line-height:30px;margin:-5px 0 0 7px}
.indadv li .cons {font-size:14px; line-height:24px;margin-top:10px}

.tabPanel ul {padding:30px 0 10px 0}
.tabPanel ul li{ margin:0 30px;font-size:20px;}
.panes {margin-top:12px}
.panes .pane a {margin:0 10px}
.case {margin-top:30px;}
.case li .list .title { font-size:16px; line-height:26px;padding:0 15px}
.case li .list .cons {padding:0 15px; line-height:22px;font-size:12px}
.mainmore {margin:30px auto}
.mainmore a {font-size:16px; height:30px; line-height:30px;padding:0 20px;}
.indnews {margin-top:40px}
.indnews dt {margin:0 0 5px 0}
.indnews dt a {font-size:20px}
.indnews dd { height:25px}
.indnews dd.more { height:30px;margin-top:15px}
.indnews dd.more a {height:22px; line-height:23px;padding:0 15px;font-size:13px;}


.bblank { height:20px}
.foot {padding:25px 0 20px 0;margin-top:30px;}
.foot .mleft .logo img{ height:40px}
.foot .mleft .share {margin-top:148px}
.foot .mleft .share .bdsharebuttonbox a {width:25px; height:25px;background-size:50%;}
.foot .mleft .share .bdsharebuttonbox a.bds_tsina {background-size:50%;}
.foot .mleft .share .bdsharebuttonbox a.bds_sqq {background-size:50%;}
.foot .mleft .share .bdsharebuttonbox a.bds_weixin {background-size:50%;}
.foot .mleft .share .bdsharebuttonbox a.bds_bdhome { background-size:50%;}
.foot .mright .cons {font-size:20px; line-height:30px;padding:0 0 10px 0;margin:0 0 10px 0}
.foot .mright .tel {margin:0px 0 20px -35px}
.foot .mright .tel .list {margin-right:30px;}
.foot .mright .tel .last {margin-right:0}
.foot .mright .tel .list .content {font-size:25px; line-height:35px}
.fixright {width:30px;}
.fixright .cons {font-size:14px; height:30px; line-height:30px;}
.fixright .cons2 {right:-130px;top:0;width:100px; height:30px; line-height:30px;font-size:14px;padding:0 0 0 10px;}
.fixright .title { display:none;}
.fixright .tel .cons {font-size:18px}
.fixright .tel .cons2 {width:120px;right:-150px}
.fixright .up .cons {font-size:19px}
.fixright .cons2 .fa {margin-right:5px;}
.fixright .cons2 font,.fixright .cons2 .cons4 {font-size:14px;}
.fixright .cons3 {right:30px;width:80px;}
.fixright .wx .cons3 {padding:5px;right:31px}
.namemj {top:-50px}
.aboutcate {padding:30px 0 10px 0}
.aboutcate li {margin:0 0 0 30px;}
.aboutcate li:first-child {margin-left:0}
.aboutcate li a {font-size:16px;}
.mainleft {width:33%;font-size:20px; line-height:35px}
.mainright {width:62%;}
.about {margin:30px 0 40px 0}
.aboutpic { background-size:cover;height:700px;margin:0 0 -30px 0}
.about .mainright h3 {font-size:18px; }
.viewpic {  height:500px; background-size:cover;}

.idea6 {margin:10px 0 -10px 0}
.idea6 ul {margin:-30px 0 0 -2%}
.idea6 li {margin:30px 2% 0 2%;}
.idea6 li .title {font-size:20px;margin:0 0 0 0}
.view li .title {font-size:20px;margin:0}
.ideapic { background-size:cover; height:600px;margin:-20px 0 -30px 0}
.advantagepic {margin:0 0 -30px 0}
.range { height:600px;margin:0 0 30px 0; background-size:cover;}
.page_wrap {padding:30px 0 0 0px;}
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px;}
.show .title { font-size:22px; line-height:32px;padding:30px 0 15px 0}
.show .cons img {margin:5px 0}
.show .cons {margin:20px 0 0 0}
.newstitle {font-size:20px;margin:0}
.news {margin-top:20px}
.news li {margin:5px 0; }
.news li a {padding:0 0 0 20px; background-size:3%; display:block;height:25px; line-height:25px; overflow:hidden}
.show .cometo {margin:-10px 0 20px 0;color:#999}
.service {margin:40px 0 0 0}
.service .list .pic img {width:60px}
.service .list.f1{width:21.25%}
.service .list.f2{width:21.25%}
.service .list.f3{width:21.25%}
.service .list.f4{width:21.25%}
.service .list .title {font-size:18px;padding:0 0 10px 0;margin:15px 0 20px 0}
.service .cons {margin:-20px 0 0 0}
.service .cons .list2 {margin:10px 0 0 0;width:100%}
.service .cons .list2right {width:100%}
.service .cons .list2 .title2 {font-size:16px;margin:10px 0 5px 0}
.notice1 {width:104%;margin:0px 0 0 -2%}
.notice1 li {width:29.3333%;margin:30px 2% 0 2%;}
.notice1 li.no {margin-right:2%}
.notice1 li .title {font-size:20px; line-height:28px;margin:0 0 10px 0}
.notice3 {font-size:20px; line-height:30px;margin-top:40px}
.notice2 {margin-top:-30px}
.notice2 li {margin-top:30px}
.notice2 li .title { width:90px; height:68px;padding:22px 0 0 0;font-size:16px; line-height:23px}
.notice2 li i { width:50px; height:80px; background-size:15%;}
.notice4 {font-size:20px; line-height:30px;margin:40px 0 30px 0}
.contact {margin:40px 0 0 0}
.contact .mleft {width:45%;}
.contact .mleft .t1 {font-size:20px; line-height:30px;padding:0 0 10px 0;margin:0 0 15px 0}
.contact .mleft .t2 {margin:2px 0;}
.contact .mleft .t3 {margin:0 0 20px 0;}
.contact .mleft .t4 {margin:10px 0 0 0}
.contact .mleft .t4 .cons {font-size:32px; line-height:1.6;margin:5px 0}
.contact .mleft .t5 img {margin:5px 0 0 0}
.contact .mleft .t5 {float:none; text-align:left; clear:both;padding:10px 0 0 0}
.contact .mleft .t5 img {width:120px}
}

@media only screen and (max-width: 1024px){
.range { height:500px;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:350px;}
.case li,.single_item {width:50%}
.aboutpic {height:550px}
.viewpic {  height:400px;}
.ideapic {height:450px;}
.fixright { display:none;}
.foot {padding-bottom:60px}
.fixbottom { display:block; position:fixed;bottom:0;left:0;width:100%; z-index:9998; height:40px; line-height:40px; background:#ac0362}
.fixbottom:before {content:''; position:absolute;left:50%;width:1px; height:14px; background:#fff;top:13px}
.fixbottom li { display:inline-block; vertical-align:top;width:50%; text-align:center; position:relative}
.fixbottom li.wx a { background:url(../images/w.png) no-repeat center; background-size:100%; display:block; height:20px;width:87px;margin:10px auto 0 auto}
.fixbottom li.wx p { position:absolute;width:100px;bottom:30px;left:50%;margin-left:-56px; background:#fff;border:1px solid #ccc;padding:5px; display:none;}
.fixbottom li.tel a { background:url(../images/t.png) no-repeat center; background-size:100%; display:block; height:20px;width:75px;margin:10px auto 0 auto}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:300px;}
.indband li {width:96%; text-align:center}
.indadv li {width:46%}
.indnews {margin:-30px 0 0 0}
.indnews dl {width:100%;margin-right:0;margin-top:30px}
.foot .mleft{ display:none;}
.foot .mright {width:100%;}
.foot .mright .copy {width:100%;}
.foot .mright .an { clear:clear;width:100%;}
.foot .mright .tel {margin:-10px 0 20px 0}
.foot .mright .tel .list {margin-right:0; clear:both}
.foot .mright .tel .last {margin:20px 0 0 0}

.foot .mright .tel .list .content {font-size:32px; line-height:42px}

.aboutcate li {margin:0 0 0 3%;}
.aboutcate li a {font-size:14px;font-weight:700}
.aboutpic {height:450px}
.mainleft {width:100%;}
.mainright {width:100%;margin:30px 0 0 0}
.viewpic {  height:350px;}
.idea6 li {width:46%}
.ideapic {height:350px;}
.range { height:400px;}
.indnews2 {margin:0px 0 0 0}
.service .list .pic img {width:40px}
.service .list .title {font-size:20px;}
.service .cons .list2 .title2 {font-size:18px; line-height:28px}
.service .clear2 { clear:both}
.service .list {margin:0}
.service .list.f1{width:48%;margin:0 4% 0 0}
.service .list.f2{width:48%;margin:0}
.service .list.f3{width:48%;margin:35px 4% 0 0}
.service .list.f4{width:48%;margin:35px 0 0 0}
.notice1 li {width:96%;}
.contact .mleft {width:100%}
.contact .mright {width:100%;margin:40px 0 0 0}

.indadv li .num {font-size:50px; line-height:50px}
.indadv li .num h3 {font-size:40px; line-height:40px;}
.indadv li .cons {font-size:16px; line-height:26px;}
.indnews dt a {font-size:22px}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:250px;}
.case li,.single_item {width:100%;margin-top:5px}
.aboutpic {height:350px}
.viewpic {  height:300px;}
.advantagepic { height:250px}
.ideapic {height:300px;}
.range { height:300px;}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:200px;}
.aboutpic {height:300px}
.viewpic {  height:250px;}
.ideapic {height:250px;}
.advantagepic { height:200px}
.range { height:250px;}
}