@charset "utf-8";
@media (max-width:1600px) {
.flex-direction-nav li a.flex-prev{left:2%; }
.flex-direction-nav li a.flex-next{right:2%;}
}

@media (max-width:1010px) {
.topench {padding-right:3%;padding-left:3%}
.topench span {display:none;}
.navmenu .logo,.indnews .subject {margin-left:3%}
.mobmenu {right:3%}
.about .content2 {padding:0 3%;margin-top:20px}

.mobmenu { display:block}
.fixed,.foot,.navmenu ul li:hover>dl,.navmenu ul li dl { display:none;}
body {line-height:20px;font-size:13px;}
a {font-size:13px}
.flexslider,.slides li a,.slides li{height:300px;}
.slides li {background-size:cover;}
.wrap {width:100%}
.maincontent {margin-top:75px}

.navmenu .logo {float:left; background:url("../images/logo_m.png") no-repeat;width:214px; height:40px;margin-top:3px;background-size:100%;}
.navmenu { height:45px; line-height:45px;}
.mobmenu { position:absolute; z-index:9999;top:14px}
.mobmenu .openmenu { background:url("../images/openmenu.png") no-repeat;width:21px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url("../images/closemenu.png") no-repeat;width:21px; height:21px; cursor:pointer; display:none}

.navmenu { position:relative}
.navmenu ul {top:45px;float:none; position:absolute; z-index:9999;right:0;width:150px; background:#e5e5e5; text-align:center; display:none}
.navmenu ul li { display:block;border-bottom:1px solid #fff;width:100%; height:40px; line-height:40px}
.navmenu ul li a {padding:0;font-size:14px}

.flexslider,.slides li,.slides li a{height:300px;}

.flex-direction-nav li a{width:21px;height:40px;margin-top:-20px;}
.flex-direction-nav li a.flex-prev{left:3%; background-size:100%; }
.flex-direction-nav li a.flex-next{right:3%;background-size:100%;}
.flex-control-nav{bottom:5px}

.indnews {padding:20px 0}
.indnews .subject {font-size:18px; line-height:18px;margin-bottom:10px}
.indnews .subject i {height:18px; height:18px;margin-right:15px}
.indnews ul {padding:10px 3% 10px 3%}
.indnews li {float:none;margin-right:0px;width:100%;margin-top:10px; height:22px; line-height:22px; overflow:hidden}
.indnews li i { width:5px; height:5px; }
.indnews li h1 {width:20px; height:11px; background-size:100%;}
.indnews li a {font-size:13px;height:22px; line-height:22px; overflow:hidden;width:95%}
.indnews li.more {width:100px; text-align:right;margin-right:3%;}
.indnews li.more a {font-size:13px;}

.indadv {padding:0;margin-bottom:20px}
.indadv li {float:none;width:100%;margin-right:0px;}
.indadv li#no {margin-right:0}
.indadv li .pic {margin-bottom:0px;}
.indadv li .pic img {width:100%}
.indadv li .pic2 {margin-bottom:0px;margin-top:0px;border-bottom:2px solid #CC0000;}
.indadv li .cons {font-size:16px;padding:35px 0 20px 0;border-bottom-width:2px}
.indadv li .cons .title2 {margin:30px 0 15px 0}
.indadv li .cons .title a {font-size:16px;}
.indadv li .cons2 {border:0}
.indadv li .icon {width:80px;margin:0 auto}

.indpro {padding:30px 0}
.indpro .subject h1 {font-size:16px;}
.indpro .subject h2 {font-size:12px;margin:10px 0 5px 0}
.indpro ul {margin-top:20px}
.indpro li {width:48%;margin:1% 1% 1% 1%; height:100px;padding:40px 0 0 0;}
.indpro li.no {margin-right:1%}
.indpro li a {font-size:16px;}
.indpro li .title2 {margin:15px 0 10px 0}
.indpro li .line { width:45px;}

.indbanner { height:400px}

.indhy {padding:30px 0 20px 0;}
.indhy .subject {font-size:13px;padding:0 3%;}
.indhy .subject .title {font-size:18px;}
.indhy .subject .title2 {margin:20px 0 15px 0; line-height:20px}
.indhy ul {margin-top:20px}
.indhy li {width:48%; height:130px;padding-top:20px;margin:1%;}
.indhy li.no {margin-right:1%}
.indhy li .title {font-size:16px;margin-top:25px;}
.indhy li .icon {width:60px; height:60px; background-size:100%}
.indhy li:hover .icon { background-position:0 -60px}

.indhot {padding:30px 0 30px 0}
.indhot .mleft {float:none;width:94%;padding:0 3%}
.indhot .mright {float:none;width:100%;margin-top:0px}
.indhot .mleft .title a {font-size:16px;}
.indhot .mleft .cons {font-size:12px;margin:5px 0 15px 0}
.indhot .mleft .more {margin-bottom:30px}

.projekktor { height:236px}

.footer {padding:20px 3%;font-size:12px}

.bannerin { height:200px}
.newsdetail .mainright {width:100%}
.mainright {float:none;width:100%;padding:20px 0 30px 0;margin:0; min-height:10px;}

.mcurrent {font-size:12px; height:auto;line-height:20px;margin-bottom:30px;padding:0 3% 5px 3%;}
.mcurrent a {font-size:12px;}
.mcurrent i {margin:0 5px}
.newsdetail .mainright {width:100%}
.newsdetail {padding:0 3%}
.newstitle {font-size:16px;margin-bottom:20px;margin-top:0}
.newscome {margin:30px 0 0px 0; text-align:center}
.newscome {font-size:12px;}

.mainleft {float:none;width:100%; background:#e5e5e5;margin-top:5px}
.mainright {float:none;width:100%;padding:20px 0 30px 0; min-height:10px;}
.mainleft dt { height:30px; line-height:30px;padding-left:3%;border-bottom:5px solid #fff}
.mainleft dd { display:inline-block;width:32%;}
.mainleft dd a {display:block; width:70%;height:30px; line-height:30px;font-size:13px;padding-left:8%;}
.mainleft dd a:hover,.mainleft dd.check a { background:#CC0000; }
.mainleft dd.check a {font-size:13px}

.productleft dl dd.check dl {position:relative;top:0px;left:0;width:100%; display:block; border:0}
.productleft dl dd:hover>dl { display:none}
.productleft dl dd.check:hover>dl { display:block}
.productleft dd a {width:97%;padding-left:3%}
.productleft dd {height:30px; line-height:30px;width:100%}
.productleft dd.check{height:12px; line-height:12px;}
.productleft dd.check { height:auto;}
.productleft dd dd {width:48%; display:inline-block; height:30px; line-height:30px;}
.productleft dd a{ position:relative;}
.productleft dd.check dd a,.productleft dd dd a {display:block; width:94%;height:30px; line-height:30px;font-size:12px;padding-left:6%;background:none;color:#595757}
.productleft dd a {  height:30px;  line-height:30px;}
.productleft dl dl dd a:hover {background:#000;width:94%;color:#fff;}
.productleft dd a:hover,.productleft dd.check a,.productleft dd.check dd.check2 a,.productleft dd:hover>a { background:#CC0000;color:#fff}

.about .pic {float:none;width:100%; text-align:center;margin-bottom:30px}
.about .cons {float:none;width:94%;padding:0 3%;}
.about .cons .title {font-size:16px;line-height:22px}
.about .cons .entitle {font-size:14px;margin-top:10px;padding-right:0; line-height:18px;padding-bottom:10px;border-width:2px;border-bottom-width:1px;}
.about .cons .content {margin-top:20px;}

.main_c { background:#fff}
ul.honor li {width:48%;margin:30px 1% 0 1%;}
ul.honor li .pic {width:100%; height:500px;padding-top:0;}
ul.honor li .pic a {width:100%; height:500px;}
ul.honor li .title {height:25px; line-height:25px; overflow:hidden;margin-top:10px;}
.lb-outerContainer { width:100%; height:auto;}

.product{margin-top:-10px}
.product li {width:47.4%;padding:0 0 0 0;margin:0 1% 10px 1%;}
.product li.no {margin-right:1%}
.product li p {padding:5%;width:90%}
.product li p a { width:100%; height:auto; display:block;margin:0 auto;}
.product li .title { height:30px; line-height:30px;text-align:center;}


.tabPanel ul li{height:30px;line-height:32px;font-size:13px;width:19.36%;margin-left:0.7%;}

.pane{display:none;color:#333;padding-top:30px;padding-bottom:30px;}
.pane td {padding:2px 10px}
.pane img { vertical-align:middle}
.pane dd {margin-bottom:5px}
.pane dd a {font-weight:Bold;color:#333}
.pane dd a:Hover {color:#CC0000}

.pane3 dd {float:left;width:98%;margin:0 3% 1% 3%; text-align:left}
.pane3 dd a{ line-height:28px; font-size:14px; font-weight:100;}
.pane3 dd.no {margin-right:0}
.pane3 dd p { height:40px; line-height:40px; overflow:hidden}


.pane4 dd {width:48%;margin:0 1% 1% 1%;}
.pane4 dd.no {margin-right:1%}
.pane4 dd p { height:30px; line-height:30px;}

.pane3 iframe,.newscontent iframe {width:100%; height:420px}

.picshowtop{width:100%;height:auto;t}
.picshowtop img { height:auto;width:100%}
#preArrow{left:3%;}
#nextArrow{right:3%;}
.picshowlist_mid{height:45px;margin:30px 0 40px 0}
.picmidmid{height:45px;}
.picmidmid ul{height:45px;}
.picmidmid ul li{margin:0 2px;width:50px;height:45px;}
.picmidmid ul li img{width:48px;height:43px;}

.news .subject {margin:-10px 0 20px 3%}

.news li {float:none;margin:0 0 2% 0;padding:2% 2% 1.5% 2%;width:96%}
.news li.no {margin-right:0}
.news li .cons {width:80%}
.news li .cons .title a {display:inline-block;font-size:13px; height:44px; line-height:22px;color:#333;}
.news li .cons .title a:hover {color:#CC0000}
.news li .cons .title i {background:url("../images/news1.png") no-repeat right center; display:inline-block;width:24px; height:8px; vertical-align:middle;margin-left:10px}
.news li .cons .addtime {margin-top:18px;font-size:13px;color:#999; height:13px; line-height:13px;}
.news li:Hover { background:#CC0000;color:#fff}
.news li:Hover .title a,.news li:Hover .title a:hover,.news li:Hover .addtime {color:#fff}
.news li:Hover .title i { background:url("../images/news2.png") no-repeat right center;}



.news1 li {float:none;margin:0 0 2% 0;padding:2% 2% 1.5% 2%;width:96%}
.news1 li.no {margin-right:0}
.news1 li .cons {width:96%}
.news1 li .cons .title a {display:inline-block;font-size:13px; height:34px; line-height:22px;color:#333;}
.news1 li .cons .title a:hover {color:#CC0000}
.news1 li .cons .title i {background:url("../images/news1.png") no-repeat right center; display:inline-block;width:24px; height:8px; vertical-align:middle;margin-left:10px}
.news1 li .cons .content {margin-top:1px;font-size:14px;color:#686868; height:18px; line-height:18px;}
.news1 li .cons .addtime {margin-top:28px;font-size:13px;color:#999; height:13px; line-height:13px;}
.news1 li:Hover { background:#CC0000;color:#fff}
.news1 li:Hover .title a,.news li:Hover .title a:hover,.news li:Hover .addtime {color:#fff}
.news1 li:Hover .title i { background:url("../images/news2.png") no-repeat right center;}







.job {padding:0 3%}
.contact {padding-bottom:10px}
.contactleft {float:none;width:94%;padding:0px 3% 0 3%;}
.contactright {float:none;width:94%;padding:30px 3% 0 3%}
.contactleft .title {font-size:18px;}
.contactleft .title2 {font-size:30px;margin:20px 0 30px 0}
.contactright .pic {margin-bottom:10px}
.contactright input[type="text"] {height:40px; line-height:40px;width:100%;}
.contactright textarea {width:100%; margin-top:15px; line-height:20px; height:60px;}
.contactright #btn { height:30px; line-height:32px; font-size:14px;}
.contactright p #getcode_char {top:7px}

}

@media (max-width:768px) {
ul.honor li .pic,ul.honor li .pic a {height:385px;}
.news li .cons {width:70%}
}

@media (max-width:640px) {
.flexslider,.slides li,.slides li a{height:200px;}
.indbanner { height:300px}
.bannerin { height:150px}
ul.honor li .pic,ul.honor li .pic a {height:320px;}
.news li .cons {width:65%}
}

@media (max-width:480px) {
.indbanner { height:250px}
.bannerin { height:120px}
ul.honor li .pic,ul.honor li .pic a {height:240px;}
.news li .cons {width:60%}
}

@media (max-width:420px) {
.flexslider,.slides li,.slides li a{height:160px;}
.indbanner { height:200px}
.bannerin { height:100px}
ul.honor li .pic,ul.honor li .pic a {height:210px;}
.news li .cons {width:55%}
}