@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:1200px) {
.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}
.navmenu ul li:hover>dl,.navmenu ul li dl { display:none;}
body {line-height:20px;font-size:13px;}
a {font-size:13px}
.slides li {background-size:cover;}
.wrap {width:100%}
.maincontent {margin-top:75px}

.navmenu .logo {width:179px; height:30px; background-size:100%;margin-top:6px}
.navmenu { height:45px; line-height:45px;}
.mobmenu { position:absolute; z-index:9999;top:14px}
.mobmenu .openmenu { background:url(/static/images/openmenu.png) no-repeat;width:21px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(/static/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; text-align:center;padding:0;margin:0; background:#e5e5e5; text-align:center; display:none}
.navmenu ul li { display:block;border-bottom:1px solid #fff;width:100%; height:40px; line-height:40px;margin:0;padding:0;}
.navmenu ul li a {padding:0;font-size:14px;margin:0; height:40px; line-height:40px;border:0; text-align:center;width:100%;}

.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;left:0;margin-left:0;width:97%;right:3%}

.contact {padding:30px 3%}
.contact .map iframe { height:265px;}
.contact .mleft {float:none;width:100%;border-right:0;padding-right:0;}
.contact .mright {float:none;width:100%;}
.contact .title {font-size:20px;}
.contact .map {padding:20px 0 20px 0}
.contact .cons {}
.contact .tel {margin-top:20px;font-size:14px;}
.contact .tel span{font-size:18px;}
.contact .subject {font-size:20px;padding-bottom:15px;margin-bottom:10px;margin-top:30px}
.contact .subject span {margin-left:20px}
.contact input[type="text"] { height:30px; line-height:30px;font-size:13px}
.contact #mcons {padding:2% 2%;font-size:13px}
.contact .content {line-height:22px;padding:10px 0 10px 0}
.contact .submit input {height:30px; line-height:30px;padding:0 20px;margin-top:15px;}

.indmainsubject {margin:30px auto 20px auto;}
.indmainsubject .title {font-size:20px;line-height:30px; letter-spacing:0;padding:0 3%}
.indmainsubject .line {width:50px;margin:10px auto 10px auto; height:1px}
.indmainsubject .entitle {font-size:13px; letter-spacing:0px; line-height:22px;padding:0 3%}
.indmainsubject .more {margin-top:10px}
.indmainsubject .more a {font-size:14px;letter-spacing:0px}

.indpro li {width:48%;margin:1%}
.indpro li.no {margin-right:0}
.indpro li .cons .pic img {width:100%; height:auto}
.indpro li .cons .content { top:5%; left:4%;width:90%;}
.indpro li .cons .content .type {font-size:18px;}
.indpro li .cons .content .title2 {font-size:13px;margin-top:2px}
.indpro li .cons .icon { width:20px; height:20px;left:4%;bottom:5%; }
.indpro li .title { height:40px; line-height:40px ; font-size:13px; }

.indsou {margin-top:30px}
.indsou li {height:150px;}
.indsou li.li1 { height:300px;}
.indsou li .cons {bottom:5%;right:5%; font-size:13px;}
.indsou li .cons h1 {font-size:18px;margin-bottom:0px}
.indsou li.li1 .cons {bottom:2.5%;}

.indzyrl {margin-top:30px}
.indzyrl li {float:left;width:25%; }
.indzyrl li .cons i { width:30px; height:15px; margin-left:-15px;top:-15px; background-size:100%}
.indzyrl li.li2 .cons i {bottom:-15px;background-size:100%}
.indzyrl li .cons .icon {width:60px; height:60px;margin-top:15%; background-size:100%}
.indzyrl li .cons .line { width:30px;margin:20px auto 15px auto}
.indzyrl li .cons .title {font-size:16px; letter-spacing:2px}
.indzyrl li .cons .title2 {font-size:13px;margin-top:1px}
.indzyrl li:hover .cons i{ background-position:0 -16px;}
.indzyrl li:hover .cons .icon { background-position:0 -60px;}

.indgkxq {padding:3% 0 5% 0;margin-top:30px}
.indgkxq ul {margin-top:50px;padding:0 3%}
.indgkxq li {float:left;width:30.6666%;margin:0 4% 0 0;}
.indgkxq li.no {margin-right:0}
.indgkxq li .title {font-size:16px}
.indgkxq li .cons {font-size:13px; line-height:22px;border:1px solid #fff;padding:20px;margin-top:20px;}

.indabout {padding:30px 3%}
.indabout .indmainsubject {margin-top:0;margin-bottom:30px}
.indabout .left {float:none;width:100%;}
.indabout .right {float:none;width:100%;margin-top:30px}
.indabout .right iframe { height:600px;}
.indabout .left .title {font-size:18px;}
.indabout .left .cons {font-size:13px; line-height:22px;margin:15px 0 20px 0;min-height:auto}
.indabout .left .more a { width:100px; height:25px; line-height:25px; font-size:13px;border:1px solid #008f59;}

#owl-demo{width:90%;padding:0 5%;margin-top:30px}
.owl-buttons div{ width:21px;height:40px;margin-top:-20px; background-size:100%}
.owl-prev{left:1%;}
.owl-next{right:1%;}
#owl-demo .item{padding:5px 0}

.indmessage {padding:1px 3% 20px 3%;margin-top:30px}
.indmessage ul {margin-top:10px}
.indmessage li {float:left;width:30%;margin-right:5%;}
.indmessage input[type="text"] {height:35px; line-height:35px;padding-left:5%;width:95%;font-size:14px;}
.indmessage textarea {line-height:30px;width:98.8%;font-size:14px;padding:5px 0 5px 1.2%}
.indmessage #mbtn {width:175px; height:40px; line-height:40px;background:#008f59 url(/static/images/6.png) no-repeat 20px 13px;font-size:16px;padding-left:40px;margin-top:2%; background-size:15%}
.indmessage .cons { font-size:13px; line-height:22px;padding:10px 0;}

.procate {margin:30px 0 20px 0}
.procate li a {font-size:14px;  height:28px; line-height:28px;padding:0 7px;}

.page_wrap {padding:20px 0 30px 0; }
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px;}
.prolist {padding:0 2.5%}
.prolist li {float:left;width:24%;margin:0 0.5% 1% 0.5%;}
.prolist li.no {margin-right:0.5%}
.prolist li a { padding:0 10px 10px 10px}
.prolist li .pic { overflow:hidden;padding:0;margin-top:10px}
.prolist li img { height:auto; width:auto;}
.prolist li .type {font-size:14px;margin-top:10px}
.prolist li .title {font-size:12px;margin:0 0 10px 0; height:20px; line-height:20px}
.prolist li .gs2 {padding:0;margin-bottom:8px}
.prolist li .icon { width:20px; height:20px;margin:0  auto}
.prolist li:Hover .icon { background-position:0 -20px}

.current_proshow {margin-top:40px;margin-bottom:20px;padding:0 3%;width:94%}
.pic_proshow {float:left;width:52%;margin-left:3%;}
.gs_proshow {float:right;width:37%;margin-right:3%}
.gs_proshow .logo { width:100px; height:24px; background-size:100%}
.gs_proshow .title {padding-top:15px;font-size:16px;margin-top:20px; line-height:25px;}
.gs_proshow .gs1 {font-size:13px; line-height:22px;margin-top:5px}
.gs_proshow .gs2 {font-size:13px; line-height:22px;margin-top:15px;padding-top:15px;padding-bottom:15px}
.gs_proshow .qq {margin-top:15px}
.gs_proshow .qq i{margin-right:10px;}

.subject_proshow {width:94%;padding:0 3%;font-size:20px;padding-bottom:20px; margin-bottom:20px;margin-top:50px}
.cons_proshow {width:94%;padding:0 3%;margin-bottom:30px;font-size:12px; line-height:22px}


/* smallImg */
.smallImg{ height:42px; width:100%;}
.scrollbutton{width:20px; height:40px;}
.scrollbutton.smallImgUp { position:absolute; z-index:1;left:0}
.scrollbutton.smallImgDown { position:absolute; z-index:1;right:0}
/* smallImg */
#imageMenu {height:42px; width:312px;left:50%;margin-left:-151px;position:absolute;}
#imageMenu li {width:42px;height:42px;}
#imageMenu li img{width:40px; height:40px}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:40px; height:40px;}


.adv4 {margin:50px auto 30px auto}
.adv li .cons .list .tr {margin-left:5%;}
.adv li .cons .list .title {font-size:13px;margin-top:2%}
.adv li .cons .list .content {font-size:12px; line-height:20px;padding-right:3%}
.adv li.item .cons .list .tr {margin-right:5%;}
.adv li .cons .list .line {height:1px;width:20px;margin:2% 0}
.adv li .cons .list .icon {width:30px;}
.adv li.item .cons .list .icon {width:30px;margin-left:auto}
.adv li.item .cons .list .content  {padding-left:3%}

.advapp { background:none;padding:0}
.advapp ul {margin-top:30px}
.advapp li .icon p span { width:60%; padding:0 20%}

.about { padding:0 3% 10px 3%}
.about .title {font-size:18px;letter-spacing:0px;margin:30px 0 15px 0; text-align:center}
.about .cons {max-width:100%;width:100%; line-height:22px}
.about .cons img {width:50%}
.aboutpic {margin-top:20px; background-size:cover; height:100px}

.brand ul {margin:20px 0 20px 0}
.brand li {float:left;width:21.25%;margin-right:5%; text-align:center}
.brand li.no {margin-right:0}
.brand li .titleul {font-size:14px;margin:15px 0 5px 0;}
.brand li .consul {font-size:12px; line-height:20px}
.brand li .picul img {height:50px;}

.idea ul {margin:20px 0 30px 0}
.idea li {width:31.3333%;margin-right:3%; position:relative}
.idea li.no {margin-right:0}
.idea li .picul img {width:100%; height:auto}
.idea li .ideacons { bottom:0px;left:0%;width:95%;padding:0 0 0 5%;height:48px;padding-top:10px; position:relative}
.idea li .ideacons img {width:auto}
.idea li .ideacons .ipic {margin-bottom:10px;}
.idea li .ideacons .ititle {font-size:16px;}
.idea li .ideacons .icons {font-size:12px;}

.manage {padding-bottom:30px}

.honor {padding:0 3%}
#myiframe {margin:20px 0 30px 0;min-height:auto;}

.newslist {margin-top:-10px}
.newslist li {float:left;width:29%;padding:1% 1% 0 1%;margin:1%;}
.newslist li.no {margin-right:1%}
.newslist li .title {height:40px; line-height:20px;width:70%}
.newslist li .addtime {margin-top:5px;width:25%}
.newslist li .addtime p {font-size:30px; line-height:35px;margin-bottom:-6px}
.newslist .clicks_share { height:30px; line-height:30px;padding:10px 0px 15px 10px;float:left;margin-top:20px;width:75%;}
.newslist .clicks_share .clicks { background-size:60%;padding-left:25px;float:left;margin-top:4px;font-size:12px}
.newslist .clicks_share .share { margin-left:20px;float:left;}

.newstitle {font-size:18px; line-height:25px;padding:30px 3% 0 3%}
.newscome { padding:5px 3% 15px 3%;font-size:12px;margin-bottom:15px}
.newscons { line-height:25px;padding:0 3%}

.searchsubject { font-size:18px;margin-bottom:20px;margin-top:10px}
.search {margin-top:20px}
.search li {height:30px; line-height:30px; overflow:hidden}

.hotsearch{ padding:10px 3%; line-height:22px}
.hotsearch li a {font-size:12px}
.hotsearch li i {margin:0 10px;font-size:12px}
.footmenu li a {font-size:14px;}
.footmenu li i { margin:0 15px;font-size:14px;}
.foot .links {margin-bottom:20px}
.foot .links li { margin:0 10px 0 5px}

.showtj {font-size:16px; margin-left:3%}


.newsprevnext {margin:30px 0;}
.newsprevnext .prevnext a {line-height:30px; height:30px;padding:0 15px;font-size:14px;}
.newsbottom { padding:30px 3%;margin-bottom:30px; line-height:25px}
.relaxnews .subject {margin-top:15px}
.relaxnews {width:48%}



.foot { padding:25px 3% 20px 3%;font-size:12px;}
.foot a {font-size:12px;}
.foot .left {float:left;}
.foot .left .title {font-size:14px;margin-bottom:5px}
.foot .left .line {width:40px; height:1px;margin:10px 0}
.foot .right {float:right; text-align:right}
.foot .right .code img {width:70px; height:70px;margin-right:25px;margin-bottom:5px;}
.foot .bdsharebuttonbox a {width:20px; height:16px; background-size:100%}
.foot .bdsharebuttonbox a.bds_tsina { background-size:100%}
.foot .bdsharebuttonbox a.bds_weixin {background-size:100%;padding:0 0 0 0;margin-left:5px}
.foot .bdsharebuttonbox a.bds_douban {background-size:100%}
.foot .bdsharebuttonbox a.bds_sqq {background-size:100%}

}

@media (max-width:768px) {
.flexslider,.slides li,.slides li a{height:250px;}
.indsou li {float:none;width:100%;}

.about .cons img {width:100%}
.about .cons .picright {margin-left:0px;margin-bottom:20px;width:100%}

.indzyrl li .cons .icon {width:50px; height:50px;margin-top:15%;}
.indzyrl li:hover .cons .icon { background-position:0 -50px;}
.indzyrl li .cons .title {font-size:14px; letter-spacing:0px}
.indzyrl li {width:50%;}
.indabout .right iframe { height:400px;}

.indsou li {height:250px;}
.indsou li.li1 { height:250px;}
}

@media (max-width:740px) {
.pic_proshow {float:none;width:94%;margin:0 3%; clear:both}
.gs_proshow {float:none;width:94%;margin:0 3%; clear:both;padding-top:30px}

.adv li .pic {float:none;width:100%;}
.adv li .cons {float:none;width:100%}
.adv li .picno { display:none;}
.adv li .cons .list { position:relative;padding:20px 3%;width:auto; height:auto}
.adv li .cons .list .tr {margin-left:0;}
.adv li.item .cons .list .tr {margin-right:0;}
.adv li.item .cons .list .content  {padding-left:0}
.adv li .cons .list .content {padding-right:0;font-size:13px; line-height:22px;}

.newslist li {float:100%;width:92%;padding:1% 1% 0 1%;margin:1% 3%;}
.newslist .clicks_share { margin-top:0px}
.newslist .icon { margin-top:19px;}

.relaxnews {width:100%;float:none}
.relaxnewsright {float:none}


}

@media (max-width:640px) {
.flexslider,.slides li,.slides li a{height:200px;}
.indgkxq ul {margin-top:20px;margin-bottom:20px}
.indgkxq li {float:none;width:100%;margin:30px 0 0 0;}
.indabout .right iframe { height:300px;}
#owl-demo{width:80%;padding:0 10%;}
#owl-demo .item{ margin:0 8px;}

.indmessage ul{margin-top:20px}
.indmessage li {float:none;width:100%;margin-right:0%;margin-bottom:10px}
.indmessage input[type="text"] {padding-left:2%;width:97%;}
.indmessage textarea {width:97%;padding:5px 0 5px 2%}

.prolist li {float:none;width:100%;margin:0 0 20px 0;}
.prolist li.no {margin-right:0}
.idea li {width:100%;margin-right:0; float:none;margin-bottom:20px}

.prolist li .gs2 {height:auto;}

.indpro li .cons .content { top:5%; left:4%;width:90%;}
.indpro li .cons .content .type {font-size:14px;}
.indpro li .cons .content .title2 {font-size:12px;margin-top:2px}
.indpro li .title { height:35px; line-height:35px ; font-size:12px; }

.foot { padding:25px 3% 20px 3%;}
.foot .left {float:none; text-align:center}
.foot .left .title {font-size:14px;margin-bottom:5px}
.foot .left .line {width:40px; height:1px;margin:10px auto}
.foot .right {float:none; text-align:center;margin-top:20px}
.foot .right .code img {margin-right:25px;margin-bottom:10px;}
.foot .bdsharebuttonbox {margin:0 auto;width:120px; text-align:center}
.foot .bdsharebuttonbox a {width:20px; height:16px; }
.foot .bdsharebuttonbox a.bds_weixin {margin-left:0px}
}

@media (screen and (min-width: 580px) and (max-width: 600px)) {
.indabout .right iframe { height:400px;width:100%;}
}


@media (max-width:480px) {
.flexslider,.slides li,.slides li a{height:160px;}

}
@media (max-width:420px) {
.flexslider,.slides li,.slides li a{height:100px;}
}