@media (min-width:1199px){
	
	#waptop ,.hide_m ,#footer_phone ,#waptop,.wap{display: none!important;}

}

/*手机版*/
@media (max-width:991px){
	
.top ,header,.pc{ display:none}	

.wp1200{ width:100%; margin:0 auto; }

#waptop {height: auto}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #000}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #000;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav11 {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav11 {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav11 ul {padding: 0 48px}
.nav11 ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav11 ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav11 ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav11 ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav11 ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav11 ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav11 ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav11 ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav11 ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav11 ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav11 ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav11 ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav11 ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav11 ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav11 ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav11 ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav11 ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav11 ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #222}
.nav11 ul li a.cur {color: #999}
.nav11 ul:hover li a {opacity: .5}
.nav11 ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #fff;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #fff;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 5px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../images/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(https://www.monitaedu.com/statics/images/x5/wap/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../images/icon-call.png) no-repeat center center;background-size: 80%}



/*phonefooter*/
#footer_phone{ background: #015185; position: fixed; bottom: 0; width: 100%; left: 0; height: 40px; line-height: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 10000;}
#footer_phone a { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; float: left; display: block;
    /*text-align: center;*/ background-repeat: no-repeat; background-position: 13% center; padding-left: 12%;font-size: 12px;color: #fff;}
#footer_phone a:first-of-type {background-image: url("../images/fot_sy.png");padding-left: 15%;background-position-x: 27%;}
#footer_phone a:nth-of-type(2) { background-image: url("../images/fot_ly.png");}
#footer_phone a:last-of-type { border-right: 0;background-image: url("../images/fot_zx.png");background-position-x: 36%;padding-left: 17%;}

/*内页banner*/
#nbanner { position:relative; z-index:-1; width:100%; top:48px;}
#nbanner img{ width:100%; height: auto;}

/*  广告轮播图 */
.banner{ width: 100%; position: relative; display: inline-block; background: url(../img/loading.gif) no-repeat center; margin-top:0; margin-bottom:30px;}
.banner.margin{ top: 141px; margin-bottom: 120px; z-index: 2; }
.banner img{ width: 100%; display: block; }
.banner ul{ width: 100%; position: absolute; left: 0; top: 0; }
.banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; }
.banner .btnbox{ position: absolute; left: 43%; bottom: 25px; }
.banner .btnbox span{ display: block; width: 13px; height: 13px; background: url(../images/ico_03.png) no-repeat center; float: left; cursor: pointer; margin-left: 11px; }
.banner .btnbox span.on{ background: url(../images/ico_04.png) no-repeat center; }
.banner .i-ban-hei{ margin-top: 54%; width: 100%; height: 0; }




/*box1*/

.b1_index{ overflow: hidden; margin-top: 2%; margin-bottom:5%; margin-left:2%; margin-right:2%;}
.b1_index h2 {font-size: 1.6rem;color: #333; margin-bottom:2%; margin-top:2%;text-align: center;font-weight: bold;background: url(../images/line.png) no-repeat center;line-height: 30px;}
.b1_index .tabli{ width: 1040px; margin:0 auto;}
.b1_index .tabli li{ width: 160px; height: 41px; line-height: 41px; text-align: center; margin-right: 12px; color: #000; float: left; font-size: 16px;}
.b1_index .tabli li:last-of-type{  margin-right: 0;}

.b1_index .tabli li.cur{  background: #178f5a; border-radius:5px; color:#FFFFFF}
.b1_index .b1a{  overflow: hidden; margin-left:345px; width:800px;}
.b1_index .b1b{  overflow: hidden;}
.b1_index .b1b .tab{ display: none;}

.b1_index .b1b li{ width: 100%; margin-top: 10px; overflow: hidden; text-align: center; float: left; padding:20px;border: 1px solid #efefef;}
.b1_index .b1b li div{width: 100%;height: auto;overflow: hidden;}
.b1_index .b1b li div img{ width:100%; height:auto;}
.b1_index .b1b li img{ width:100%; height:auto;}
.b1_index .b1b li:nth-of-type(4n){ margin-right: 0;}
.b1_index .b1b li p{ color: #000000; font-size: 1.1rem; line-height: 45px;}
.b1_index .b1b li:hover{}
.b1_index .b1b li p:hover{ color:#FF0004}
.b1_index .b1b li:hover img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


.about-box {background: #232331; height: auto; padding-bottom:5%}
.about-box .about-left {width: 100%;float: left;}
.about-box .about-left img{ width:100%; height:auto}
.about-box .about-right {width: 96%;float: left;padding-left: 2%; padding-right:2%;height: 100%;}
.about-box .about-right h2 {font-size: 1.6rem;color: #178f5a;width: 100%;line-height: 30px;margin-top: 20px;margin-bottom: 2%;font-weight: bold;}
.about-box .about-right .about-test {color: #c5c5c5;font-size: 1rem;line-height: 30px;}
.about-box .about-right a {width: 34%;height: 45px;display: block;border-radius:5px; background: #178f5a url(../images/jiantou.png) no-repeat 80%;color: #fff;font-size: 1rem;line-height: 45px;text-indent: 25px;margin-top: 3%;}
.about-box .about-right a:hover {width: 159px;height: 53px;display: block;border-radius:5px; background: #999 url(../images/jiantou.png) no-repeat 80%;color: #fff;font-size: 16px;line-height: 53px;text-indent: 25px;margin-top: 35px;}



.our-service {padding: 50px 2%;}
.our-service h2 {font-size: 1.6rem;color: #333;text-align: center;font-weight: bold;background: url(../images/line1.png) no-repeat center;line-height: 30px;}
.our-service .service-list {text-align: justify;}
.our-service .service-list:after {display: inline-block;overflow: hidden;width: 100%;height: 0;content: '';}
.our-service .service-list li {position: relative;display: inline-block;width: 48%;vertical-align: top;border: 1px solid #eeeeee;margin-top: 30px;}
.our-service .service-list li .img1 {width: 100%;display: inline-block;vertical-align: middle;}
.our-service .service-list li .img2 {width: 100%;display: none;vertical-align: top;}
.our-service .service-list li h3 {width: 100%;display: inline-block;vertical-align: middle;padding: 8px 10px; font-weight:normal;}
.our-service .service-list li h3 span {font-size: 1.2rem;color: #333;font-weight: bold;display: block;padding-bottom: 7px;}
.our-service .service-list li h3 p {font-size: 1rem;color: #999;line-height: 25px;width: 85%;}
.our-service .service-list li:hover {border: 1px solid #178f5a;}
.our-service .service-list li:hover .img1 {display: none;}
.our-service .service-list li:hover .img2 {display: inline-block;}

.mid-contact { display:none}

.news-box { width:100%; margin:2%;}
.news-box h2 { font-size: 30px; color: #333; text-align: center;font-weight: bold; background: url(../images/line.png) no-repeat center; line-height: 30px;}
.news-box li div{ float:left; width:38%; height:auto; overflow:hidden;}
.news-box li div img {width: 100%; height: auto;}
.news-box li {display: inline-block; margin-right:0;width: 100%;vertical-align: top;margin-top: 30px;}
.news-box li h3 {width: 60%;float: right; font-weight:normal;}
.news-box li h3 a {font-size: 16px;color: #000;}
.news-box li p {font-size: 14px;color: #999;line-height: 25px;padding: 10px 0px; margin-left:14px; width:58%; float:left;}
.news-box li span {display: block;font-size: 12px;color: #999; float:left; width:58%; margin-left:14px;}
.news-box li:nth-child(1n){margin-right: 0}
.news-box li a:hover{ color:#178f5a}
.news-box li:hover img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}



footer{ width:100%; background:#232331; padding:20px 2% 13%; margin-top:30px;}
footer .link{ width:100%; float:left; border-bottom:1px solid #36364c; height:45px; line-height:45px; margin-bottom:30px;}
footer .link h2{ width:70px; float:left; font-size:14px; font-weight:normal; color:#8c8ca9;}
footer .link ul{ width:1200px; margin:0 auto;}
footer .link li{ float:left; width:80px; text-align:center;}
footer .link li a{ color:#8c8ca9;}
footer .link li a:hover{ color:#F80004}

.ft-tit {font-size: 16px;color: #ffffff; font-weight: normal; line-height: 41px;background: url(../images/ftit.png) no-repeat 0px; text-indent: 20px; margin-bottom: 25px;}
.ft-logo {width: 100%;float: left;}
.ft-logo li {line-height: 35px;}
.ft-logo li a {display: block;color: #fff;font-size: 14px;text-indent: 35px;background: url(../images/nav1.png) no-repeat 0px;}
.ft-logo li a:hover{ color:#FF0004}

.ft-nav {width: 100%;float: left;margin-left: 0; margin-top:2%;}
.ft-nav .contact-box {font-size: 14px;line-height: 35px;color: #fff;}
.ft-contact {width: 31%;float: left;margin-left: 3.5%; display:none}
.ft-contact li {width: 50%;float: left;text-align: center;color: #fff;line-height: 50px;font-size: 16px;}
.ft-contact li img{ width:60%;}

.bottom{ width:100%; display:none; height:40px; line-height:40px; text-align:center; background:#323244; color:#FFFFFF}
.bottom a{ color:#FFFFFF}



.about_desc{ padding: 3%;overflow: hidden;}
.about_desc img{padding:40px 0;}
.about_desc p{line-height: 30px;color: #666;font-size: 14px;}

.case_list {width: 1212.5px;margin-left: -12.5px;clear: both; margin-top:50px;}
.case_list li {float: left;width: 290px;margin-left: 12.5px;margin-bottom: 25px;}
.case_list li .case_img {width: 288px;height: auto;overflow: hidden;border:1px solid #DFDFDF}
.case_list li:hover img {transform: scale(1.05, 1.05); }
.case_list li:hover span {color: #fff;background: #2c538b;}
.case_list li span {display: block;text-align: center;color: #666;line-height: 40px;background: #eee;}

nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 1rem; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 1rem; width: 100%; float: left; text-align: left; }

.recom_list{width: 100%;margin-left: 0;clear: both;overflow: hidden; margin-top:40px; float:left;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 10px 10px 20px 10px;width:32%;margin-left: 15px;position: relative; margin-bottom:15px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:2;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

.nav_menu {clear: both;width: 100%;line-height: 50px;height: 50px;background: #fff;border-bottom:1px solid #eee;}
.nav_menu ul{float: left; width:100%;}
.nav_menu ul li {float: left;position: relative;}

.nav_menu ul li a {display: block;float: left;padding: 0 25px;color: #444444;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1rem;line-height: 50px;position: relative;z-index: 1;}
.nav_menu ul li a em{display: block;width: 100%;height: 0;z-index: -1;position: absolute;left: 0;bottom: 0;background: #008ecd;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav_menu ul li a.on em,
.nav_menu ul li a:hover em{height: 100%;}
.nav_menu ul li a.on,
.nav_menu ul li a:hover {color: #fff;}

.right { float:right; text-align:right; display:none}
.right .location { border-bottom: 1px solid #d6dde6; font-size: 12px; text-align: right; height: 50px; line-height: 50px;}
.right .location .home { background: url("../images/icon-coordinates.png") no-repeat 0 center; padding-left: 25px;}
.right .location ul{ width:auto; text-align:right}
.right .location li { display: inline-block;}
.right .location li span { margin: 0 5px 0 6px;}
.right .location .active { color: #008ecd; font-size:14px;}
.right .location li a{ padding:0; color:#000000}
.right .location li a:hover{ color:#FF0004}


.contact {margin-left: 2%;margin-top: 3.4375%; margin-bottom:5%; width:96%; margin-right:2%;}
.contact .en { color:  #008ecd; font-size: 2.2rem; font-family: 'Impact';}
.contact .cn {color:  #333333;font-size: 1.6rem;}
.contact .short{width: 60px;height: 1px;background: #585858; float:left;margin-top: 1.3%; margin-bottom:4%}
.contact .blue {color:  #008ecd;font-size: 1.3rem; float:left; width:100%;}
.contact .blue_en {color: #676767;font-size: 1rem; margin-top: 5px;margin-bottom: 25px;}
.contact .same { width: 65%; height: 1px; background:  #c4c4c4; margin-bottom: 2%;}
.contact .phone {margin-bottom: 2.2%; background:url(../images/phone2.jpg) no-repeat; padding-left:80px;}
.contact .phone p { color:  #008ecd; font-size: 14px;}
.contact .phone h2 {color:  #008ecd;font-size: 24px;}
.contact .way { color:  #777777;font-size: 14px;line-height: 30px;margin-top: 2.7%;}
.contact .img{width: 50%;}
.contact .content{width: 46.25%;}
.contact_img{ border:1px solid #C1C1C1; margin-top: 3.4375%; float:left; width:96%; margin-left:2%; margin-right:2%;}
/*百度地图样式*/
#dituContent { width:396px; height:350px;}

.ex_news {clear: both;overflow: hidden;width: 100%; float:left; margin-top:2%;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 25px 2%;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: 195px;margin-bottom: 30px;cursor: pointer; width:100%;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 45%;height: 150px;background-image: url(logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 150px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: right;width: 52%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.2rem;display: block;width: 100%;padding-bottom: 15px;color: 666;}
.ex_news ul li .ex_news_info p {height: 50px;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem;}
.ex_news ul li .ex_news_date {float:left;text-align: left;width: 150px;height: auto;overflow: hidden; margin-left:3%;}
.ex_news ul li .ex_news_date item {display: block;width: 14px;height: 14px;background: url(../images/r_arrow.png) no-repeat center;position: absolute;bottom: -50px;right: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_date font {font-size: 1rem;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: block;}
.ex_news ul li:hover a {color: #333;}
.ex_news ul li:hover .ex_news_info {padding-left: 20px;}
.ex_news ul li:hover .ex_news_date font {color: #333;}
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

.met-product{ background: #f7f7f7; width:100%; padding-bottom:50px;}
.met-show { padding: 30px 20%;  background: #f7f7f7;}
.met-show .left{ width:20%; float:left;}
.met-show .left h2{ font-size:24px; font-weight:normal;}
.met-show .column{ width:100%; float:left; margin-top:4%;}
.met-show .column li{ float:left; line-height:36px; width:100%;}
.met-show .column li a{ font-size:16px;}
.met-show .column li a:hover{ color:#F00;}
.met-show .right{ width:80%; float:right; height:auto;}
.met-show .content{ background: #fff; width:100%; height:auto; padding:4% 5%; float:left;}
.met-show .content dl{justify-content:space-between; font-size:16px; color:#0081cc;}
.met-show .content dl dt{width:50%;font-weight:normal; font-size:16px;line-height:35px;text-align:left; margin-bottom:8px;}
.met-show .content dl dt p{margin:5px 0px 0px;}
.met-show .content dl dd{width:70%;}
.met-show .content dl dd span{display:block; width:840px;font-size:14px;color:#232323;line-height:45px; border-bottom:none;background-position:0px 12px;background-repeat:no-repeat;background-size:auto 16px;padding-left:32px;}
.met-show .content dl dd span.add{background:url(../images/add.png) no-repeat 0 12px;}
.met-show .content dl dd span.pho{background:url(../images/phone.png) no-repeat 0 12px;}
.met-show .content dl dd span.tel{background:url(../images/tel.jpg) no-repeat 0 12px;}
.met-show .content dl dd span.fax{background:url(../images/fax.png) no-repeat 0 12px;}
.met-show .content dl dd span.ema{background:url(../images/emial.png) no-repeat 0 12px;}


.col-md-7 {width: 58.33333333%; float:left;}
.proery{ width:100%; float:left; height:auto; background:#FFFFFF; margin:20px 0; padding:40px 0; height:580px;}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image, .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {background: url(../images/icon-arrowbtn.png) no-repeat 0 0px;width: 24px;height: 49px;display: block!important;position: absolute;top: 47%;left: 10%;z-index: 101}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/icon-arrowbtn.png) no-repeat 8px -237px;width: 24px;height: 49px;right: 10%;left: auto}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0!important;left: 0!important;width: 100%!important;height: 100%!important;z-index: 9}
.ad-gallery .ad-image-wrapper .ad-image img {display: block;max-width: 100%;}
.ad-gallery .ad-thumbs li {float: none!important;display: inline-block;}

.ad-gallery {width: 100%;text-align: center;}
.ad-gallery .ad-image img {margin: 0px auto;}
.ad-gallery .ad-image-wrapper {width: 100%;margin-bottom: 70px;position: relative;overflow: hidden}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block}
.ad-gallery .ad-controls {height: 20px;display: none}
.ad-gallery .ad-slideshow-controls {float: right}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: .9em}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic}
.ad-gallery .ad-nav {width: 100%;position: relative}
.ad-gallery .ad-back, .ad-gallery .ad-forward {position: absolute;top: 0;height: 100%;z-index: 10}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%;position: absolute;float: left;left: 0;}
.ad-gallery .ad-thumbs .ad-thumb-list {width: 9000px;list-style: none;margin: 0px auto;}
.ad-gallery .ad-thumbs li {float: left;padding-right: 5px}
.ad-gallery .ad-thumbs li a {display: block}
.ad-gallery .ad-thumbs li a img {border: 2px solid #fff;display: block;width:64px; height:64px;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 2px solid #f2a654; }

.product-intro{ float:left; width:450px; padding-top:30px; padding-left:30px; line-height:26px;}
.product-intro h1{ font-size:22px; margin-bottom:10px;}
.product-intro p{ font-size:16px; line-height:30px;}

.details{ width:1200px; margin:20px auto; height: auto;}
.details .pleft{ width:780px; float:left; background:#FFFFFF; height:auto; padding:30px;}
.details .pleft .ptext{ border-bottom: 1px solid #e4eaec; width:100%; margin-bottom:30px;}
.details .pleft .ptext h2{color:#595959;border-bottom:2px solid #595959;padding-bottom: 10px; width:100px; padding-left:20px; font-size:15px;} 
.details .pleft p{ line-height:30px;}
.details .pleft img{ width:100%; height:auto}
.details .pright{ width:280px; float:right; background:#FFFFFF; margin-left:15px; padding:30px;}
.details .pright h2{font-size: 16px;font-weight: 300;margin-bottom: 15px;}
.details .pright li{ float:left; width:100%; border-bottom: 1px solid #E1E1E1; padding-bottom:12px;}
.details .pright li img{ width:100%; height:auto}
.details .pright li p{ text-align:center}
.details .pright li a:hover{ color:#FF0000}

.ad-preloads{ display:none}

.p12-sitemap-1-tit { height: 46px; font-size: 26px;line-height: 46px;color: #fff;clear: both;}      
.p12-sitemap-1-tit p { display: inline-block; padding: 0 30px; text-align: center; background: #146232;}
.p12-sitemap-1-tit a {  color: #fff;}
.p12-sitemap-1 ul {padding-top: 15px; display: inline-block; width: 100%;border-bottom: 1px solid #d2d2d2; margin-bottom: 40px; }       
.p12-sitemap-1 li { height: 60px;line-height: 60px; border-bottom: 1px solid #d2d2d2; text-align: center; width: 16.66%;float: left; overflow: hidden;position: relative;top: 1px; }
.pc-cx-tel-1 {width: 100%;height: 56px;border-top: 2px solid #e6e6e6; padding-top: 10px; float:left; margin-top:30px; padding-top:20px;}
.pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #146232; font-size: 18px; line-height: 44px; text-align: center; float: right; }
.pc-cx-tel-1-t1 a { display: block; color: #fff; }
.pc-cx-tel-1-t2 {  height: 56px;padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545;}
.pc-cx-tel-1-t2 p {}

.clearfix{ clear:both}
.feedback{ float:left; margin-top:35px; width:100%; margin-bottom:35px;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;font-family: "微软雅黑"; }
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-15px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:0;padding-left:20px;background:url(../images/contact.png) no-repeat;font-size:12px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:89%;height:30px;line-height:30px;float:left;margin:0 37px 10px 4%;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:89%;padding:10px;border:1px solid #dbdbdb;display:block;color:#333; margin-left:4%;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#009999;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transform:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#009999;}






#banner-img{ height: 353px;}
#ban-nav{ margin-top: 50px;}

#ban-nav .container{
	position: relative;
	padding-left: 4px;
	padding-right: 4px;
}
#ban-nav .container:before{
	content:"";
	width: 4px;
	height: 32px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#ban-nav .container:after{
	content:"";
	width: 4px;
	height: 32px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#ban-nav  .navbar {
	border:none;
	margin-bottom:0px;
	min-height: inherit;
}
#ban-nav .navbar-default {
    background:none;
    border-color: #e7e7e7;
}
#ban-nav  .ban-nav-con{
	border-bottom: 4px #12995f solid;
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f0f0f0,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f0f0f0,gradientType=0);/*IE8*/	
    background:#f6f6f6; /* 涓€浜涗笉鏀寔鑳屾櫙娓愬彉鐨勬祻瑙堝櫒 */  
    background:-moz-linear-gradient(top, #ffffff, #f0f0f0);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));  
    background:-o-linear-gradient(top, #ffffff, #f0f0f0); 
}
#ban-nav  .navbar .container .navbar-collapse .nav-justified{


}
#ban-nav .container > .navbar-header{
	text-align:center;
}
#ban-nav .navbar-toggle{
	float:none;
	border:none;
	padding:15px 0;
	width:100%;
	margin:0;
}
#ban-nav .navbar-toggle .icon-bar{
	margin-left:auto;
	margin-right:auto;
}
.ban-nav-pills > li > a:hover, .ban-nav-pills > li > a:focus {
    color: #333333 !important;
    background: #f6f6f6;
}
.ban-nav-pills > li.active > a, .ban-nav-pills > li.active > a:hover, .ban-nav-pills > li.active > a:focus {
    color: #fff !important;
    background: #12995f no-repeat center;
}

.ban-nav-pills > li > a {
     border-radius: 0px; 
	 padding:16px 15px;
}
#ban-nav  .navbar-collapse{
	padding:0;
}

#contain{ margin-top: 3%; margin-bottom: 80px;}
.top-title{ margin-bottom:25px; font-size:0.875em; text-align:center; font-weight:600;}
.top-title h1{ font-size:2.625em; text-align:center; margin-top:0; }
/* --Line-- */
.top-title hr { margin: 12px auto; padding: 0; max-width: 130px;border: 0; border-top: solid 3px #12995f;text-align: center;}
.top-title hr:after {content: url(../images/dots.png);display: inline-block;position: relative;top: -10px;padding: 0 .55em;color: #333;background-color: #ffffff;}

.partner-con{ width: 16.66%; float: left; padding: 0px 15px 15px 15px;}
.partner-img{ text-align: center;}
.partner-title{ text-align: center;}
	.clear3{ display: none;}
	.clear2{ display: none;}
	.clear1{ display: block;}
.feedback-con .form-group{
	margin-bottom:0px;
}
.feedback-con .form-group label{
	margin-bottom:0px;
}
.feedback-con .feedback-title{
	font-size:1em;
	color:#111111;
	font-weight:normal;
	margin-top:3px;
}
.feedback-con .feedback-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #111111;
background-color: #fff;
background-image: none;
border: 1px solid #a9a9a9;
}	
.feedback-con .feedback-textfield{
	width: 100%;
	padding: 2px 5px;
	margin: 0px 0px 10px;
	height: 220px;
	border: 1px solid #a9a9a9;
	padding: 6px 12px;
}
.feedback-con input[type="submit"] {
text-transform: uppercase;
float: right;
padding:9px 40px;
color: #ffffff;
background-color: #e95831;
border-radius: 5px;
cursor: pointer;
font-size:1.4em;
}
.pro-img{background: #fff; min-height: !important;}
.pro-img img{ width:100%; height:auto}
.pro-conner{ padding: 30px; background: #e6e7e9; min-height: !important;}
.pro-title{ font-size: 24px; font-weight: bold; color: #12995f; margin-bottom: 15px;}
.pro-detail-title { font-size: 24px; margin-top: 50px; margin-bottom: 10px;}
.pro-detail-title hr{ border: 0; margin: 0;}
.pro-detail-title .hr1{ border:  2px solid #12995f; width: 108px; margin-top: 10px; position: relative; z-index: 1;}
.pro-detail-title .hr2{ border-top: 1px solid #eeeeee; margin-top: -1px;}
#tags{ padding:0; overflow:hidden; list-style: none;}
#tags li{ float:left; margin:0.6%; font-size:0.75em;}
#tags li a{ color:#6b6a6a;padding:5px 20px; display: block;border:solid 1px #cccccc;  }
#tags .selectTag a{background:#e94f25; color: #ffffff; text-decoration: none;border:solid 1px #db4d26;  }
#tags li a:hover{ background:#e94f25; color: #ffffff; text-decoration: none;border:solid 1px #db4d26;  }
.tagContent h3{ font-size:1em; font-weight:bold;}
#tagContent { padding:0;}
.tagContent {PADDING: 10px; DISPLAY: none;}
#tagContent div.selectTag {DISPLAY: block}

.tagContent img{ width:100%; height:auto}









}