.indnewsmore2 {padding-top:30px}
.page_wrap {float:left;width:100%;}
.pager {padding:0 0 0px 0; text-align: center; font-size:12px; }   
.pager a { margin: 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; font-size:12px;}
.pager input {margin: 0px 2px -2px 2px;   padding:2px; text-align:center;font-size:12px;} 
.pager a,.pager span.disabled {background:#b3b3b3;}  
.pager a:hover,.pager span.current { background:#dd3a32;}   
.pager a,.pager span.disabled {color:#fff;}
.pager a:hover,.pager span.current{ color:#fff;}  
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}

/*图片滑动特效*/
.goods_list {zoom:1;}
.goods_list li {position:relative;float:left;width:32.93333%;margin-right:0.2%;margin-left:0.2%;margin-bottom:0.4%;height:99.6%; overflow:hidden}
.goods_list li .link { display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 20px;color:#fff; background:rgba(0,0,0,0);text-decoration:none;text-indent:-99em; cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.goods_list li .link:hover {text-indent:0;text-decoration:none; background:rgba(0,0,0,0.6)}
.goods_list li .link span {display:inline-block;vertical-align:middle;padding:5% 3% 0 3%;top:0; height:78%;}
.goods_list li .link span.date { display:block;font-size:12px}
.goods_list li .link span.indworks { display:block;font-size:12px}
.goods_list li .link strong {display:block;font-weight:normal;font-size:26px;line-height:35px;margin-bottom:5px}
.goods_list .pic {position:relative;}
.goods_list .pic img {max-width:100%;height:auto;}

.classindus { background:#efefef;padding:20px 0;margin-top:15px}
.classindus li {float:left;width:16.6666%; text-align:center}
.classindus li a {font-size:18px;color:#666}
.classindus li a:hover,.classindus li.check a {color:#000}

.casemore { text-align:center;border-bottom:1px solid #ccc;padding:30px 0 80px 0}
.casemore a {font-size:20px;color:#666}
.casemore a:hover {color:#000}

.brandview .title {border-bottom:1px solid #ccc;color:#666;font-size:24px;margin-bottom:25px;padding-bottom:5px;margin-top:50px}
.brandview .title span { font-family:宋体;font-size:40px;color:#e6002e; vertical-align:middle;padding-left:5px}

.brandMI {border-bottom:1px dotted #999;margin-bottom:50px;margin-top:50px}
.brandMI .content {float:left;width:54%;padding-bottom:50px; line-height:30px;color:#666}
.brandMI .content a {color:#666}
.brandMI .content .title {color:#e6002e;font-weight:Bold;font-size:16px;padding-bottom:5px;margin-top:20px}
.brandMI .pic {float:right;width:36%;margin-left:10%;padding-bottom:50px; text-align:right}

.brandvi {margin-top:80px;padding-bottom:10px}
.brandvi .content {float:right;width:40%}
.brandvi .content .title {margin-top:0}
.brandvi .pic {float:left; text-align:left;width:40%;margin-right:10%;margin-left:0;}

.customers .title {float:left;width:12%;color:#333;font-size:35px;padding-top:35px}
.customers .title p {font-size:30px}
.customers .list {float:right;width:77%;}
.customers .list li {float:left;width:14.2857%; line-height:35px; line-height:35px; overflow:hidden}
.customers .list li a {color:#666}
.customers .list li a:hover {color:#000}

.indnews {float:left;width:37%;margin-left:3%;margin-top:80px}
.ywdy {width:20%;margin-left:0}
.indnews .title {font-size:16px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; height:60px; line-height:60px;color:#333}
.indnews ul {padding:12px 0}
.indnews ul li {float:left; height:30px; line-height:30px;width:47%;overflow:hidden; background:url(../image/1.gif) no-repeat left 13px;padding-left:10px}
.indnews ul li.no2 {margin-left:6%}
.ywdy ul li { background:none;padding:0;width:49%}
.ywdy ul li.no2 { background:url(../image/2.gif) no-repeat left;padding-left:18px;margin-left:2%;}

.main_in { line-height:30px;margin-top:140px}
.main_in2 { margin-top:60px}
.main_in3 {margin-top:160px}
.main_in4 {margin-top:180px}
.aboutbanner {margin-bottom:40px;padding-top:0px}
.about1 {float:left;width:50%}
.about2 {float:left;width:20%;margin:0 5%}
.about3 {float:left;width:20%}
.about1 .title {font-size:28px;margin-bottom:15px;margin-top:20px;color:#333}
.about1 .title span { font-family:宋体;font-size:42px;color:#e6002e; vertical-align:middle;padding-left:15px}

.ourteam {margin-top:100px;border-bottom:1px solid #ccc;padding-bottom:50px}
.ourteam .title {font-size:28px;color:#333;border-bottom:1px solid #ccc;padding-bottom:25px}
.ourteam .content {margin-top:30px}

.choseme {color:#333;font-size:28px;margin:40px 0 40px 0}
.chosetitle {font-weight:bold;color:#333;float:left;width:10%;}
.chosecontent {float:left;width:90%}

.custom {margin-top:125px;padding:10px 0 5px 0; text-align:center;}
.custom .cuspic img {width:100%; height:auto}
.custom ul {max-width:1920px;margin-left:auto;margin-right:auto}
.custom ul li { display:inline-block;width:6.9428%;margin:0.14% 0.1%}
.cstable1 {width:100%;border-radius:10px; background:#bebebe url(../image/2.png) no-repeat 390px 7px}
.cstable1 p {font-size:17px; background:#7d7d7d;color:#ebebeb;width:380px;border-right:2px solid #fff;border-top-left-radius:10px;border-bottom-left-radius:10px;line-height:35px; height:35px;padding:0;margin:0;padding-left:20px;  overflow:hidden}
.cstable2 {padding:50px 20px}
.custable {margin-top:3%}
.custable ul li {float:left;width:20%}


.service2 {float:left;width:40%;margin-left:10%; text-align:right}
.service2 img{-webkit-animation: popOut 600ms ease 200ms both;
-moz-animation: popOut 600ms ease 200ms both;
-ms-animation: popOut 600ms ease 200ms both;
-o-animation: popOut 600ms ease 200ms both;
animation: popOut 600ms ease 200ms both;}

.service_works {margin-top:80px}
.service_works .list {float:left;width:24.2222%;margin-right:1%;margin-bottom:1%; line-height:40px}
.service_works .listno {margin-right:0}
.service_works .list img:hover { opacity:0.6;filter:alpha(opacity=60);}

.service_adv_title {font-size:28px;color:#333;margin-top:60px;margin-bottom:10px}
.service_adv {float:left;width:30%;}
.service_adv2 {margin:0 5%}
.service_adv .title2 {padding:5px 0;color:#333;font-size:18px}

.newsmenu {border-bottom:1px solid #ccc; height:50px; line-height:50px;margin-top:165px}
.newsmenu li {float:left;margin-right:32px}
.newsmenu li a {font-size:16px;}
.newsmenu li a:hover,.newsmenu li.check a {color:#de3a33}

.newslist {border-bottom:1px solid #ccc;float:left;width:46%;padding:0 0 25px 0;margin:5px 0 15px 0; height:230px}
.newslist2 {margin-left:8%}
.newslist h1 { line-height:20px}
.newslist h1 a {color:#333;font-size:18px; height:25px; line-height:25px; overflow:hidden; display:block}
.newslist h1 a:Hover {color:#de3a33}
.newslist p {width:30px;border-top:1px solid #666;margin:12px 0 13px 0}
.newslist .pic {float:left;width:32%;}
.newslist .content {float:left;width:63%;margin-left:5%;margin-top:-8px}
.newslist .content .cons { height:100px;  line-height:25px; overflow:hidden}

.contact1 {float:none;width:100%;padding-top:30px}
.mylocation {margin-top:40px}
.mylocation h1 {font-size:18px;color:#333}
.mylocation p {border-bottom:5px solid #888;width:35px}
.contactxiang p {border-bottom:5px solid #dd3b34}
.contact2 {border-bottom:1px solid #ccc;padding:10px 0 10px 0}
.contact2 .list {float:left;width:30%;}
.contact2 .addqq {margin:0 5%;}
.contact2 .addqq .content {width:74%}
.contact2 .list .tc {padding-left:60px;margin:5px 0 25px 0}
.contact2 .list .tc .title {font-size:18px;color:#333;padding-top:10px}
.contact2 .list .tc .content p {margin:0;padding:0}
.contact2 .list .tc .content { line-height:25px}
.contact2 .cwx {border-left:1px solid #ccc;padding-left:50px}
.contact2 .cwx .a1 {float:left;width:49%; line-height:25px}
.contact2 .cwx .a1 img {margin-bottom:10px}
.contact2 .cwx .a2 {float:right;width:49%}

.contactform input[type="text"],.contactform textarea {border:1px solid #ccc;padding-left:10px; height:35px; line-height:35px;width:100%;margin:10px 0}
.contactform textarea { overflow:auto; height:200px}
.contactform #name,.contactform #tel {width:49%}
.contactform #tel {margin-left:2%}
.contactform ul {margin-top:10px}
.contactform ul li {float:left;padding-right:15px}
.contactform #button {background:#7e7e7e;color:#fff;padding:2px 25px 2px 25px;border:0;margin-top:10px; cursor:pointer;font-size:15px}

.news_title {font-size:26px;color:#333;border-bottom:1px solid #ccc;padding:50px 0 20px 0; line-height:40px}
.newsleft {float:left;width:74%;}
.newsleft .date {color:#de3a33;padding:30px 0 25px 0;font-size:12px}
.newsright {float:right;width:18%;color:#333;padding-top:40px;}
.newsright dt {padding-bottom:10px}
.newsright dd {border-bottom:1px solid #efefef;margin-top:20px;}
.newsright dd.no {border-bottom:0}
.newsright dd a {color:#666;font-weight:bold; line-height:25px}
.newsright dd a:hover {color:#000}
.newsright dd p {color:#de3a33;font-size:12px;padding-top:5px;padding-bottom:15px}

.works {margin-top:15px}
.works_title {border-bottom:1px solid #888;font-size:17px;padding-bottom:15px;margin-bottom:15px;padding-top:0px}
.works_title2 {padding-top:65px}
.works_title p {color:#333;font-size:28px}
.worksright dt {border-bottom:1px solid #888;border-top:1px solid #666;margin-top:45px; line-height:40px; line-height:40px;padding:0}
.worksright dd {border:0;margin-top:15px}
.worksright dd .title { text-align:left;font-weight:Bold; height:35px; line-height:35px;margin-top:5px}
.worksright dd .content { line-height:25px; height:50px; overflow:hidden;font-size:12px; text-align:left}
.nextpre {margin-top:30px; text-align:right;}
.nextpre span {margin:0 10px}
.nextpre_news { text-align:left;border-bottom:1px solid #666;padding:0 0 10px 0}
.service_text { line-height:30px;font-size:15px}
.works_share {border-top:1px solid #666;margin-top:10px;padding:30px 0}
.works_share .content {float:left;width:50%;font-size:19px;color:#333; line-height:35px}
.works_share .share {float:right;width:50%; text-align:right;}
.bdsharebuttonbox {float:right}
.worksline { background:#e9e9e9; height:4px;margin-top:30px}
.rcp {float:left;width:23.3333%;margin:0 5%;margin-top:170px;padding:20px 0; text-align:center}
.rcp a { text-decoration:none;color:#999; display:block}
.rcp a:hover,.rcp a.check {color:#000}
.rcp h1,.rcp h2 {font-size:30px; font-weight:normal; text-align:center;width:150px; line-height:18px;}
.rcp h1 { letter-spacing:6px}
.rcp h2 { font-family:Arial, Helvetica, sans-serif;font-size:14px;}

.works_tj {margin-top:60px;color:#999}
.works_tj h1,.works_tj h2 {font-size:30px; font-weight:normal; text-align:center;width:150px; line-height:18px;}
.works_tj h1 { letter-spacing:6px}
.works_tj h2 { font-family:Arial, Helvetica, sans-serif;font-size:14px;}

.works_detail_list { background:#e9e9e9;padding-bottom:50px;margin-top:30px}
.works_detail_list .wrap { background:url(../image/6.gif) no-repeat 58px 0;}
.works_detail_list .goods_list {margin-top:50px}

.share_list {margin-top:120px; background:none;padding-bottom:0}
.share_list .wrap { background:none}


.foot { background:#262626;padding:20px 0;margin-top:60px;color:#858585; line-height:25px}
.footworks {margin-top:0}
.foot a {color:#858585}
.foot .contactbot {float:left;width:47%;}
.foot .contactbot .title {font-size:17px;padding:20px 0 15px 0;border-bottom:1px solid #d70000;color:#ccc;margin-bottom:25px}
.foot .aboutbot {margin-left:6%}
.foot .contactbot ul li {float:left;width:50%;margin-bottom:8px}
.foot .contactbot ul li.big {font-size:21px}
.foot .contactbot ul li img {padding-right:10px}
.foot .links {border-top:1px solid #d70000;padding-top:30px;margin-top:50px}
.foot .links .title {float:left;width:13%;}
.foot .links .title p { background:#696b6b url(../image/f1.gif) no-repeat right;  line-height:39px; height:39px;padding-left:15px;color:#ccc}
.foot .links .title p a {color:#ccc}
.foot .links .list {float:right;width:84%; line-height:28px}

.footer { background:#262626;padding:15px 0; line-height:25px;color:#555;border-top:1px solid #333}
.footer a {color:#555}
.footer .copyright {float:left;}
.footer .keys {float:left;margin-left:35px}
.footer .cnzz {float:right; text-align:right;}

.scrollmenu {top:50%;margin-top:-105px;cursor:pointer;position:fixed;width:74px;z-index:9999;right:0;}
.scrollmenu ul li {margin-top:-15px}
.scrollmenu ul li a { display:block;height:84px; width:74px;}
.scrollmenu ul li.list { background:url(../image/3.gif) no-repeat 7px 0;margin-top:2px}
.scrollmenu ul li.lefts { background:url(../image/4.gif) no-repeat 7px 0;margin-top:2px}
.scrollmenu ul li.rights { background:url(../image/5.gif) no-repeat 7px 0;margin-top:2px}
.scrollmenu ul li.list a,.scrollmenu ul li.lefts a,.scrollmenu ul li.rights a { height:60px}
.scrollmenu ul li.qq { background:url(../image/qq.png);margin-top:-5px}
.scrollmenu ul li.tel { background:url(../image/tel.png)}
.scrollmenu ul li.backtop { background:url(../image/backhome.png)}
.scrollnews {margin-top:-200px}

.brandview img,.brandMI img,.main_in img,.cstable1 div img,.custom img,.rcp img {max-width:100%; height:auto}

@media only screen and (max-width:1280px) {
body {padding:0 1%}
.navbar-brand {margin-left:5%}
.navbar-text {margin-right:1%}
.wrap {width:100%;}
.goods_list li {width:49.6%;}

.brandMI .content {width:60%;}
.brandMI .pic {width:35%;margin-left:5%;}
.brandvi .content {width:50%;margin:0}
.brandvi .pic {width:45%;margin:0;margin-right:5%;}

.customers .title {width:22%;padding-top:125px}
.customers .list {width:67%;}
.customers .list li {width:25%;}

.chosetitle {width:12%;}
.chosecontent {width:88%}

.custable ul li {width:33.3333%}

.contact2 .addqq .content {width:100%}
.cstable2 {padding:0 15px}

.foot .contactbot ul li.big {font-size:14px}
.foot .wrap,.footer .wrap {padding-left:5%;padding-right:5%}
}

@media only screen and (max-width:1125px) {
.navbar-brand {margin-top: 25px;width:210px; height:30px}
.navbar-brand img {width:96%}
.navbar-text{font-size:18px;}
.navbar-text img {width:25%}
}

@media only screen and (max-width:1024px) {
.nav > li > a { padding: 10px 10px;}

.classindus li a {font-size:16px;}

.brandMI .pic,.brandvi .pic {margin-top:5%;}

.indnews {float:left;width:37%;margin-left:3%;margin-top:80px}
.ywdy {width:20%;margin-left:0}
.indnews ul li {float:none;width:100%;background:url(../image/1.gif) no-repeat left 13px;padding-left:10px}
.indnews ul li.no2 {margin-left:0%}
.ywdy ul li { float:none;background:none;padding:0;width:100%}
.ywdy ul li.no2 { background:none;padding-left:0px;margin-left:0%;}

.chosetitle {width:15%;}
.chosecontent {width:85%}

.service_works .list {width:49%;}

.newslist .pic {margin-top:30px}


.foot .contactbot ul li {float:none;width:100%;}
.foot .contactbot ul li.big {font-size:21px}
.foot .links .title {float:left;width:16%;}
.foot .links .list {width:81%;}

.footer .copyright {float:none;width:100%; text-align:center}
.footer .keys {float:none;width:100%; text-align:center;margin:0}
.footer .cnzz {float:none; text-align:center;width:100%}
}

@media only screen and (max-width:930px) {
.navbar-brand {margin-top: 28px;width:180px; height:26px}
.navbar-brand img {width:97%}
.navbar-default .navbar-nav a{font-size: 14px;margin-top:3px}
.navbar-text{font-size:18px; text-align:right; padding-left:0px;width:50%}
.navbar-text img {width:50px}
.nav > li > a { padding: 10px 8px;}
}

@media only screen and (max-width:768px) {
.navbar-default{padding-bottom:0px;padding-top:0px}
.carousel {top:80px;}
.navbar-default .navbar-nav{ padding-top: 0px;}
.navbar-nav > li > a {padding-top: 0px;padding-bottom:0px;}
.navbar-brand {margin-left:1%}
.navbar-text{margin-right:1%;font-size:17px; text-align:right; padding-left:0px;width:50%;margin-top:15px}
.navbar-text img {width:35px; vertical-align:middle;padding-bottom:5px}

.navbar-default .navbar-collapse{ position:absolute; left:0; background:#fff;filter:alpha(opacity=90);opacity: 0.9; width:100%;}
.navbar-default .navbar-nav a{font-size: 12px;}
.service_text { line-height:25px;font-size:14px}

.classindus { padding:10px 0;}
.classindus li {width:33.3333%;margin:5px 0}
.classindus li a {font-size:12px;}

.goods_list li {width:99.6%;}
.aboutbanner {padding-top:0px}
.custom {margin-top:70px;}

#service{ padding:50px 0 50px;}

.brandMI .content,.brandMI .pic {float:none;width:100%;margin:0}
.brandMI .pic { text-align:center;margin:0}

.customers .title {width:100%;padding-top:0px;padding-bottom:30px;float:none;}
.customers .list {width:100%;float:none;}
.customers .list li {width:25%;}

.indnews {float:none;width:100%;margin-left:0%;margin-top:30px}
.ywdy {width:100%;margin-left:0}

.main_in {margin-top:80px}
.main_in2 { margin-top:20px}
.main_in3 {margin-top:100px}
.main_in4 {margin-top:100px}
.share_list {margin-top:20px}
.works_title {padding-top:0px}
.works_title2 {padding-top:25px}
.news_title {padding-top:20px}

.about1 {float:none;width:100%}
.about2 {float:none;width:100%;margin:0}
.about3 {float:none;width:100%}

.chosetitle {width:100%;float:none}
.chosecontent {width:100%;float:none;margin-bottom:20px}

.custable ul li {width:50%}

.service2 {margin-top:30px;float:none; text-align:center;margin-left:0}

.service_works .list {float:none;width:100%;margin-right:0}

.service_adv {float:none;width:100%;margin:30px 0}
.service_adv2 {margin:0}

.newslist {float:none;width:100%;margin-bottom:40px; height:auto}
.newslist2 {margin-left:0%}
.newslist .pic {float:none;width:100%}
.newslist .content {float:none;width:100%;margin-left:0;margin-top:20px}
.newsmenu {margin-top:15px}

.contactform ul li {float:none;}
.contact2 {padding-bottom:30px}
.contact2 .list {float:none;width:100%;}
.contact2 .addqq {margin:0}
.contact2 .addqq .content {width:100%}
.contact2 .cwx {border-left:0;padding-left:0px}
.contact2 .cwx .a1 {float:none;width:100%; }
.contact2 .cwx .a2 {float:none;width:100%;margin-top:30px}

.foot .contactbot {float:none;width:100%;}
.foot .aboutbot {margin-left:0%}
.foot .links .title {float:none;width:100%;}
.foot .links .list {float:none;width:100%; line-height:25px}

.scrollmenu { display:none;}

.newsleft,.newsright {float:none;width:100%;}

.works_share .content,.works_share .share {float:none;width:100%;}
.bdsharebuttonbox {float:none;margin-top:30px}
.works_detail_list .wrap { background:url(../image/6.gif) no-repeat 14% 0;}
.share_list .wrap { background:none}

.rcp {margin-top:100px;padding:0}

.brandview .title,.brandMI,.customers,.indnews,.about1,.ourteam,.choseme,.chosetitle,.chosecontent,.mylocation,.contact2,.contactform,.newsmenu,.newslist,.service_works,.service_adv_title,.service_adv,.news_title,.newsleft,.newsright,.works_share,.works_tj,.works_title2 {padding-left:5%;padding-right:5%}
}

@media only screen and (max-width:640px) {
.customers .list li {width:33.3333%;}
}

@media only screen and (max-width:480px) {
.navbar-brand {margin-top: 28px;width:130px; height:22px}
.navbar-toggle { left:42%;} 

.customers .list li {width:50%;}

.works_detail_list .wrap { background:url(../image/6.gif) no-repeat 20% 0;}
.share_list .wrap { background:none}


.foot .contactbot ul li.big {font-size:14px}
}

@media only screen and (max-width:320px){ 
}