@charset "utf-8";
@media (max-width:1600px) {
.flexslider,.slides li,.slides li a{height:660px;}
}

@media (max-width:1400px) {
.flexslider,.slides li,.slides li a{height:580px;}
.topnav .menutel ul li {margin-left:40px;}
.topnav .menutel ul li#left {margin:0 40px 0 0}
.bannerin { background-size:cover; height:400px;}
}

@media (max-width:1278px) {
.flexslider,.slides li,.slides li a{height:500px;}
body {line-height:22px;font-size:13px}
a {font-size:13px;}

.product_btns {bottom:20px;}
.big_view .product_btns .content,.small_view .product_btns .content  {height: 10px;}
.big_view .product_btns .btns_box,.small_view .product_btns .btns_box {height: 10px;}
.big_view .product_btns .btns_box a,.small_view .product_btns .btns_box a {width: 10px;height: 10px;margin: 0 5px;}

.mobmenu { position:absolute; z-index:9999;top:21px;width:22px; height:21px;right:3%;display:block}
.mobmenu .openmenu { background:url(../images/1.gif) no-repeat; background-size:90%;width:22px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/1.gif) no-repeat; background-size:90%;width:22px; height:21px; cursor:pointer; display:none}

.topnav {height:60px; line-height:60px;}
.banner_box,.bannerin,.flexslider{margin-top:60px;}
.bannerin {height:300px;}
.topnav .menutel ul { position:absolute; z-index:999;right:0;top:60px; background:rgba(0,0,0,0.8);width:100%; height:1500px;padding-top:20px; text-align:center; display:none;}
.topnav .menutel ul li { display:block;margin-left:auto; text-align:center;width:100%}
.topnav .menutel ul li.logo { display:none;width:0}
.topnav .menutel ul li a {font-size:16px;color:#fff; height:50px; line-height:50px; display:block}
.topnav .moblogo { display:block; background:url(../images/logom.png) no-repeat center;width:144px; height:40px; background-size:100%;left:3%;top:11px; position:absolute; z-index:9999999;}

.main {margin-top:60px;}

.mainsubject {padding:30px 0}
.newsmainsubject {padding:0px 0 30px 0}
.mainsubject img { height:40px; width:auto}
.indabout .mainsubject {padding:30px 0 20px 0}
.indabouttitle { font-size:22px; line-height:30px; letter-spacing:0px;padding:0 3%}
.indaboutcontent {padding:0 3%;margin-top:10px}
.indaboutcons ul {padding-top:30px}
.indaboutcons li {margin:0 5%}
.indaboutcons li h1 {font-size:55px; line-height:30px; letter-spacing:-2px}
.indaboutcons li h1 span {}
.indaboutcons li h1 i {font-size:55px;}
.indaboutcons li h2 {font-size:13px;margin-bottom:10px;margin-top:10px}
.mainmore { height:30px; line-height:30px;padding:0 15px;margin:20px 0;border-width:1px}
.mainmore i {background:url(../images/jiandou.png) no-repeat;width:20px; height:6px;margin-left:10px;background-size:cover}
.mainmore:Hover i { background-position:-20px 0}
.indaboutcons .mainmore {margin-bottom:100px}

.indcase { padding:0 0 10px 0}
.indcase .mainsubject {padding-top:30px;}
.indcase .mainsubject img { height:50px}

/**tabs**/
.tabPanel {min-height:auto;}
.tabPanel ul{margin:30px 0 20px 0; line-height:40px}
.tabPanel ul li{ margin:0 5px; height:38px; line-height:38px}
.tabPanel ul li span {height:27px; line-height:27px;margin-top:-25px; }
.tabPanel .hit{background:url(../images/1-1.png) repeat-x center; height:38px;}
.panes{margin:0 3%;}
.panes .list {float:left;width:23.5%;margin-right:2%; background:#fff ; text-align:left;margin-bottom:20px}
.panes .list .title { height:25px; line-height:25px; overflow:hidden;margin:10px}
.panes .list .title a {font-size:13px;}
.panes .list .cons {font-size:13px;margin:-8px 10px 10px 10px; line-height:22px; height:66px; overflow:hidden;}
.panes2 .list .cons { height:25px; line-height:25px;} 
.panes .list .more {margin:-5px 15px 5px 0}
.panes .list .more a {font-size:12px}

.incus .mainsubject {padding:30px 0 0px 0}
#owl-demo{margin:20px 0 10px 0;width:84%;padding:0 8%}
.owl-buttons div{width:22px;height:43px;margin-top:-21px;background-size:100%}
.owl-prev{left:3%;}
.owl-next{right:3%;}
.incus .list { float:left; display:block;margin:14px;width:15.6%;padding:1%;margin:1%;}
.incus .list img {height:auto}

.indnews {padding:0px 3%}

.about .cons {margin-top:0px;padding:0 3%}
.about .mainsubject {padding:40px 0 30px 0}
.abouthj {margin:30px 0}
.abouthj li {float:left;width:33.3333%;}
.team1 {margin-top:-50px}
.mainsubjectteam1 {padding-top:40px}
.team1 li {float:left;width:32%;margin-right:2%; text-align:center}
.team1 li.no {margin-right:0}
.team1 li .pic .cons {line-height:20px;font-size:12px}
.team1 li .title2 {font-size:18px;margin-top:20px}
.team1 li .title {font-size:16px;margin:15px 0}
.team1 li .hy {font-size:13px;}
.team2 {margin:30px 0}
.team2 li .cons .title {font-size:18px;}
.team2 li .cons .hy {font-size:13px;}
.job {margin-bottom:50px;padding:0 3%}


.newscate {padding:30px 0 20px 0; }
.newscate li {height:40px;}
.newscate li a{ height:38px; line-height:38px;}
.newscate li a p { height:28px; line-height:28px;padding:0 15px;}
.newscate li a:hover,.newscate li.check a { background:url(../images/1-1.png) repeat-x center;}
.news {padding:0 3%}
.news li:hover .border {border-width:2px;width:100.6%;height:100.6%}
.news li .cons {width:44%;padding:3% 3% 0 3%}
.news li .cons .title { line-height:18px; height:36px; }
.news li .cons .title a {font-size:14px;}
.news li .cons .content { line-height:20px; height:80px; font-size:12px;margin:5% 0 5% 0}
.news li .cons .addtime {font-size:13px;}
.news li .pic i,.news li.li2 .pic i { width:8px; height:18px; background-size:100%;}
.page_wrap {padding:30px 0 }
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px;}

.newstitlecome { font-size:16px;padding:60px 3% 10px 3%; line-height:25px}
.newstitlecome .come {font-size:12px;}
.newscons {margin:20px 0;padding:0 3%}
.newscons img {margin:10px 0}
.newsprevnext {padding:20px 0 20px 0;}
.newsprevnext a { height:30px; line-height:30px;width:80px;margin:0 5px;font-size:12px}

.caseshow {font-size:13px;}
.product .list .cons,.product .list { height:auto}

.service {padding:20px 3% 0 3%;}
.service li {margin-bottom:30px;}
.service .cons {padding:15px 0 15px 0}
.service .cons .title {padding-right:100px;}
.service .cons .title h1 {font-size:16px;}
.service .cons .title h2 {font-size:12px; line-height:20px}
.service .cons .title a { width:90px; height:30px; line-height:30px;font-size:12px;}
.service .cons .content {margin-top:10px; line-height:20px; height:120px;font-size:12px}


.ourclients {margin-top:10px;margin-bottom:30px;padding:0 3%}
.ourclients .mainsubject {padding:30px 0 30px 0}

.contact_iframe { height:300px;margin-bottom:0px}
.contactmap .title {font-size:16px;margin:20px 0 10px 0}
.contactmap .cons {font-size:13px;margin-bottom:20px}
.contact {padding:0 2% 20px 2%;margin-top:0px}
.contact .mainsubject {padding:20px 0 0 0}
.contact .mleft {float:none;width:100%;}
.contact .mleft .title3 {padding-right:0px}
.contact .mleft .title3 .title3_1 {font-size:16px; line-height:25px;margin:25px 0 10px 0}
.contact .mleft .title3 .title3_2 {font-size:13px; line-height:25px;}
.contact .mleft .title3 .title3_3 {font-size:13px;margin-top:20px}
.contact .mleft .title3 .title3_3 span {font-size:18px;}
.contact .mleft .title3 .title3_4 {margin:20px 0 10px 0;font-size:18px}
.contact .mleft .title4 {width:100%; text-align:left; position:relative; z-index:1;right:auto; left:0;bottom:0;margin-top:10px}
.contact .mright {float:none;width:100%;}
.contact .mright .title {font-size:18px;margin-top:30px}
.contact .mright .cons { font-size:13px; line-height:25px;margin:10px 0 10px 0}
.contact .mright input[type="text"] {font-size:13px;height:35px; line-height:35px;}
.contact .mright #cons {font-size:13px; height:100px}
.contact .mright #btn {height:40px; line-height:4px;font-size:16px;}

.branchout {min-height:auto;padding:10px 3% 50px 3%}
.branch {padding-bottom:30px}
.branch .mainsubject {padding:0px 0 25px 0}

.culture {padding:0 3%;margin-top:-10px}
.culture li {margin-top:10px}
.culture li .title { margin-top:5px}


.foot {padding:30px 3%;font-size:13px}
.foot a {font-size:13px;}
.foot ul { display:none;}
.foot .cons {float:left;width:50%;margin-left:0;}
.foot ul li a {font-size:16px; }
.foot .cons .companyname {font-size:16px}
.totop p { right:3%;bottom:10px;width:20px; height:20px; background-size:100%}

.flex-control-nav{bottom:0;}
.flex-control-nav li,.flex-control-nav a{display:inline-block;width:8px;height:8px;}
}

@media (max-width:768px) {
.flexslider,.slides li,.slides li a{height:400px;}
.tabPanel ul li{height:48px; line-height:48px; vertical-align:top;margin:0 3%;width:27.3333%;margin-bottom:10px;}
.tabPanel ul li div {width:100%}
.tabPanel ul li span {padding:0;width:100%;}

.panes{margin:0 2%;}
.panes .list {width:48%;margin:1%;}
.panes .list.no {margin-right:1%}

.news {margin-top:-20px}
.news li {float:none;width:100%;margin:20px 0 0 0}
.news li .border { display:none;}

.page_wrap_case {margin-top:-10px}


.ourclients li {width:31.3333%;margin:0 1% 2% 1%}
.ourclients li.no {margin-right:1%}


.branch td.td2 .title a {font-size:18px;}
.branch td.td2 .cons {font-size:12px; line-height:20px;margin:5px 0 10px 0}
}

@media (max-width:640px) {
.flexslider,.slides li,.slides li a{height:300px;}
.indcase .mainmore {margin-top:20px}
.tabPanel ul {padding:0 3%}
.tabPanel ul li{margin:0 1%;width:31.3333%;}
.panes .list {width:96%;margin:0px 2% 10px 2%}
.bannerin {height:200px}

#owl-demo{width:76%;padding:0 12%}
.incus .list { width:45.2%;padding:1%;margin:1%;}

.abouthj li {width:50%;}
.mainsubjectteam1 {padding-top:40px}


.case .list {margin-bottom:20px}
.page_wrap_case {margin-top:-20px}


.branchout {padding:1px 3% 30px 3%}
.branch {margin-top:25px}
.branch td { vertical-align:top;}
.branch td.td1 {width:100%;padding:0;float:left;}
.branch td.td2 {width:100%;float:left;}
.branch td.td2 .title {margin-top:20px; height:20px; line-height:20px}
.branch td.td2 .title a {font-size:16px;}
.branch td.td2 .cons {font-size:12px; line-height:20px;margin:8px 0 10px 0}
.branch td.td2 .more a {height:25px; line-height:25px; width:90px;font-size:12px}


.culture {margin-top:-20px}
.culture li {float:none;width:100%;margin:20px 0 0 0;}
.culture li.no {margin-right:0}
.culture li .title { height:auto; line-height:20px; overflow:visible;margin-top:10px}

.service .pic {float:none;width:100%;}
.service .cons {float:none;width:100%; padding:20px 0 0 0;border:0}
.service .cons .content  { height:auto; overflow:visible}


.foot .cons {float:none;width:100%;margin-left:0;margin:0;padding:0; text-align:center}
.foot ul li a {font-size:16px; }
.foot .cons .companyname {font-size:16px}
.foot .copy {float:none;width:100%;margin:0; text-align:center;margin-top:20px}
}

@media (max-width:480px) {
.indaboutcons ul {padding-top:20px}
.indaboutcons li {padding:10px 0; display:block}
.mainmore {margin-top:5px}
.bannerin {height:150px}
}