@media (min-width:1199px){
	
	#waptop{display: none!important;}

}

/*手机版*/
@media (max-width:991px){
.mdis{ display:none;}

.wp1200{ width:100%; margin:0 auto; }
.logo-box ,.zyw ,.head-icon ,.menu{ display:none;}

#waptop {height: 48px}
#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}
.nav {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 .nav {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav 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 .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav 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}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav 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: 42%;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%}

.set{ background:url(../images/bg.jpg) center no-repeat; width:358px; height:54px; margin:0 auto;}
.set h2{ text-align:center; font-size:18px; color:#FFFFFF; line-height:54px;}
.line{ border-bottom: 1px solid #d8d9dd; border-top: 1px solid #d8d9dd; height:5px; width:320px; margin:20px auto; text-align:center;}

.prolist{ width:100%; margin-top:40px;}

.b1_index{ overflow: hidden; margin-top: 26px; height: auto; margin-bottom:50px; padding:0 1%;}
.b1_index .tabli{ width: 100%; margin:0 auto;}
.b1_index .tabli li{ width: 18.4%; height: 30px; line-height: 30px; text-align: center; background:#ca121a; margin-right:6px; color: #fff; float: left; font-size: 1rem;}
.b1_index .tabli li a{ color:#FFFFFF; font-size:1rem;}
.b1_index .tabli li:last-of-type{  margin-right: 0;}
.b1_index .tabli li.cur{  background: #f67406;}
.b1_index .b1a{  overflow: hidden; margin-left:0; width:100%; margin:0 auto}
.b1_index .b1b{ margin-top:3%; background: #f6f7f8; padding:10px 0; width:100%; float:left;}
.b1_index .b1b .tab{ display: none; width:100%; margin:0 auto;}
.b1_index .b1b li {box-sizing: border-box; background: #fff;padding: 0 10px 0 5px; width:25%; float:left; height: auto; margin-bottom:30px;}
.b1_index .b1b li a.img .img11 {position: relative;}
.b1_index .b1b li a.img {display: block;position: relative; border: 2px solid #fff;padding: 10px; box-shadow: 0 0 8px #ccc;}
.b1_index .b1b li a.img img { width: 100%; height: auto;}
.b1_index .b1b li a.img h3 {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.56);opacity: 0; top: 0; left: 0; right: 0;}
.b1_index .b1b li a.img h3 span { display: block;color: #ffffff; font: 500 16px/36px "微软雅黑";border-radius: 18px;width: 196px; text-align: center; border: 1px solid #fff; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.b1_index .b1b li h2 { display: block; text-align: center; color: #666666;font: 500 15px/34px "微软雅黑";margin-top: 20px;}
.b1_index .b1b li .moer_ah { display: block; width: 100%; border: 1px solid #eeeeee; color: #666666;font: 500 12px/38px "微软雅黑"; text-align: center; margin-top: 20px;}
.b1_index .b1b li .moer_ah b {font-size: 16px; color: #b2b2b2;}
.b1_index .b1b li:hover a.img { border-color: #014a97;}
.b1_index .b1b li:hover .moer_ah { background: #014a97;color: #fff;border-color: #014a97;}
.b1_index .b1b li:hover .moer_ah b { color: #fff;}
.b1_index .b1b li:hover a.img h3 {opacity: 1;}


.column{  width:100%; margin:0 auto;margin-top:40px;}
.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 { float:left; min-height:1px; height:auto !important; _height:1px; }
/* default marg-per3 margin right 3% */
.col-3-1 {width: 23.5%; margin-right:2%; float:left;}
.col-3-1:nth-of-type(4n){ margin-right:0;}

.link-setion { position:relative; margin-bottom:26px; border: 1px solid #f3f2f2;} 
.link-setion a { display:block; }
.link-setion .link-img img { display:block; width:100%; }
.link-setion .link-img-noimg { min-height:230px; height:auto !important; _height:230px; background-color:#dd5189; }
.link-name-default { background:#FFFFFF; padding: 25px 15px;}
.link-name-default h3 { font-size:16px; text-align:center; padding-right:0; font-weight:normal; color:#37474f; line-height:normal; line-height:35px;}
.link-setion-text { 
	display:block; width:100%; position:absolute; top:50%; left:0; z-index:10; color:#fff; text-align:center; opacity:0; filter:alpha(opacity=0);
	-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.link-setion-text h3 {
	margin:0 20px 15px; margin-top:-20px; font-size:24px; font-weight:normal; color:#fff; line-height:normal; 
	transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; -ms-transition: all 0.35s ease-out;
}
.link-setion-text p { 
	margin:0 20px 15px; margin-top:-55px;  font-size:13px; font-weight:normal; color:#fff; line-height:normal; 
	transition:all 0.35s ease-out; -moz-transition:all 0.35s ease-out; -o-transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; -ms-transition: all 0.35s ease-out;
}
.link-setion-text .link-more { line-height:normal; display:inline-block; *display:inline; *zoom:1; margin-top:10px; padding:4px 20px; border-radius:18px; border:1px solid #fff; font-size:13px; }
.link-setion .opacity-overlay { 
	display:block; width:100%; height:300px; position:absolute; top:0; left:0; cursor:pointer; background:#1a1a1a; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.link-setion a:hover .link-name-default { opacity:0; filter:alpha(opacity=0); }
.link-setion a:hover .link-setion-text { opacity:1; filter:alpha(opacity=100); }
.link-setion a:hover .link-setion-text h3 { margin-top:0px; background:url(../images/fa.png) no-repeat center 0; width:85%; height:34px;}
.link-setion a:hover .link-setion-text p { margin-top:0px; }
.link-setion a:hover .opacity-overlay { opacity:0.85; filter:alpha(opacity=71); background:#0052a4;}

.col-md-3:nth-of-type(2n){ margin-right:0;}
.col-md-3{ width:49%; float:left; margin-right:2%;}
.product-box{background:#f6f7f8; padding:10px 0 0 0; width:100%;}
.product-box span.out{display:block; padding:4px; background:#fff; line-height:1; border:1px solid #f3f2f2; 
position:relative; overflow:hidden; margin-bottom:30px;}
.product-box span.out p{margin:0; display:block; position:relative; overflow:hidden;}
.product-box span.out p:before{position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,.5); top:-100%; left:0; z-index:9;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.product-box span.out p a{font-style:normal; position:absolute; top:-50%; left:50%; margin:-22px 0 0 -83px; z-index:10;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.product-box span.out p img{display:block; width:100%; position:relative; z-index:8;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.product-box span.out:hover p:before{top:0;}
.product-box span.out:hover p a{top:50%;}
.product-box span.out:hover p img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.product-box span.out b{display:block; padding:25px 15px; text-align:center; color:#36404b; font-size:15px;}
.product-box span.out b h4{display:block; margin:0; padding:0;}
.product-box span.out b h4 a{font-size:1rem;}
.product-box span.out b font{display:block; color:#fb4848; padding-top:20px; font-weight:bold; font-size:18px; font-family:Arial;}
.product-box span.out b font a{font-size:14px;}

.m50{ margin-top:50px;}
.about-box{background:#f7f7f7; display:table; width:100%; float:left;}
.about-tox{ display:none}
.about-cut{display:table-row; margin-top:20px; float:left;}
.about-image{display:table-cell !important; width:100%; background-size:cover;}
.about-image img{display:none !important; max-width:100%;}
.about-cut.auto .about-image{ background:none !important; vertical-align:middle; padding:0 1%;}
.about-cut.auto .about-image img{ display:inline !important; }
.about-content{display:table-cell; width:100%; padding:2% 3%;}
.about-content h2{ fcolor:#fb4848; font-size:1.4rem; color:#F00}
.about-content h3{ font-size:1.1rem}
.about-contact{display:table-cell; width:100%; padding:84px 0 0 60px;}
.about-cut.auto .about-content{ vertical-align:top; float:left;}


.info-box{ width:100%; padding:0 1%; float:left; height:340px; overflow: hidden}
.info-box strong{display:block; overflow:hidden;}
.info-box strong img{display:block; width:100%;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.info-box .col-md-4:hover strong img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.info-box font{display:block; position:relative; border-top:3px solid #fb4848; border-left:1px solid #eaeaea; 
border-right:1px solid #eaeaea; line-height:38px; height:38px;}
.info-box font:after{display:block; clear:both; content:'';}
.info-box font i{ display:none}
.info-box font i:first-child{margin-left:35px;}
.info-box font b{display:none}
.info-box font p{position:absolute; right:0; top:0; height:32px; width:100%; line-height:32px; text-align: center; background:#fb4848; color:#fff; padding:0 0;}
.info-box span{display:block; border:1px solid #eaeaea; padding:13px 13px 15px 12px; margin-bottom:30px;}
.info-box span h4{font-size:1rem; display:block; margin:0; padding:0; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.info-box span p{display:block; margin:10px 0; overflow:hidden; line-height:22px; height:68px; color:#999;
 display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}



/*  广告轮播图 */
.banner{ width:100%;margin: 0 auto; height: auto;}
.banner .bd{ width:100%; height: auto; overflow:hidden; z-index:0;}
.banner .bd img{ text-align:center; height: auto; margin:0 auto; width:100%;}
.banner_ctr{ height:90px;position:absolute;top:2%;z-index:2;left:50%;margin-left:0; display:none;}
.banner_ctr a{ display:block;width:27px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0;filter:alpha(opacity=0);}
.banner .hd{position:absolute; bottom:20px; top:24.5%; text-align: center; z-index:88;left: 45%;font-size: 0; line-height: 0;height: 0px; margin-left:0;height:20px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:#355c8e;border:2px solid #355c8e;}

.f16{ width:100%; padding:0 2%; font-size:1.2rem;}
.f16 em{ font-size:1rem; margin-left:6px; font-weight:normal;}
.f16 span{ float:right; font-weight:normal;}
.f16 span a{ font-size:1rem;}
.f16 span a:hover{ color:#FF0000}

.recom_list{width: 100%; margin:10px auto 0; padding:0 2%; background: #F5F5F5;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:48.5%;margin-right: 3%;position: relative; margin-bottom:15px; padding:6px; background:#fff}
.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:25px; font-size:1.2rem; padding:0; margin:10px 0 0 0;}
.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;}
.recom_list li:nth-child(2n){margin-right: 0}


.aboutbg{ width:100%; height: auto; padding:32px 0 0 0; background:url(../images/aboutbg.jpg) no-repeat 0 0; color:#FFFFFF; margin:20px 0 0 0;}
.aboutbg .afl{ width:100%; float:left; padding:0 3%;}
.aboutbg .afl h2{ font-size:1.5rem; text-align:center; margin-bottom:10px; font-weight:normal}
.aboutbg .afl .wzcon { font-size: 1rem; color: #5a5a5a; line-height: 28px; margin-bottom: 30px; float:left; color:#FFFFFF}
.aboutbg .afl .more{ float:left; width:100%;}
.aboutbg .afl .more a{ float:right; padding:8px 12px; color:#FFFFFF; background:#a52c2e}
.aboutbg .afl .bz{ width:100%; float:left; margin-top:20px;}

.aboutbg .afr{ float:right; width:100%; background: none; height: auto;}
.aboutbg .afr img{ float:left; height: auto; margin-top:30px; width:100%;}


.news-list {*zoom: 1; width:100%; margin:40px 2% 0}
.news-list:before,
.news-list:after { display: table; content: " "; }
.news-list:after { clear: both; }
.news-list .item {float: left; }
.news-list .item .img a,
.news-list .item .img img { display: block; width: 100%; }
.news-list .item .tit { margin: 10px 0;font-size: 1rem; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;text-indent: 2%;text-align: center;}
.news-list .item .txt { height: 48px;line-height: 24px; color: #777; overflow: hidden;padding:0 2%; display:none}
.news-list .item .date { margin-top: 15px; /*border-bottom: 2px solid transparent;*/color: #999;padding:0 2% 20px; text-align:center}
.news-list .item:hover .tit a { color: #17447e;}
.news-list .item:hover .date {/*border-color: #456998;*/ }
.news-list.small .item {padding: 0;margin-bottom: 40px;}
.news-list.small .item .tit { margin: 15px 0 8px; text-align: center;}
   
.news-list .item { width:45.5%; margin: 2% 15px 2% 0; border:1px solid #e4e4e4; border-bottom:2px solid #e4e4e4; }
.news-list .item + .item{ /*margin-left: 1%;*/ }
.news-list .item .img{border-bottom:1px solid #e4e4e4;}
.news-list .item:hover{ box-shadow: 0px 0px 25px #d1d1d1; border-color: transparent; border-bottom: 2px solid #456998; transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); }







.text{ margin:0 auto 3%; text-align:center;}
.text h2{ font-size:1.5rem; color:#263c92;}
.text h2 span{ color:#e84726;}
.text p{ font-family:Arial; font-size:1rem; color:#9196a6; margin-bottom:10px;}
.text .line{ width:40px; height:5px; background:#263c92; margin:0 auto;}

#menu22016 {font-size: 1rem;background-color: #fff;margin-bottom: 10px; border-bottom:1px solid #e5e5e5}
#menu22016 ul li {text-align: center;width: auto}
#menu22016 ul li a {padding: 10px 20px 8px 20px;display: inline-block;color: #666;margin-left: 5px}
#menu22016 ul li a.cur {background-color: #fff;font-weight: 700;color: #333;border-bottom: 2px solid #f33}


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


.contact_info{padding:35px 0; float:left; margin-top:50px; margin-bottom:20px;}
.contact_list{padding-top: 40px; float:left; margin-bottom:10px;}
.contact_info i{display: block;width: 100%;height: 1px;background: #ddd;margin: 25px auto;}
.contact_list li{float: left;text-align: center;padding:0 2% 2%; width:49.5%; margin-bottom:4%}
.contact_list li img{display: block;margin: 0 auto;}
.contact_list li h3{line-height: 40px;font-weight: normal;font-size: 1.2rem;color: #7e7e7e;}
.contact_list li h2{font-weight: normal;font-size: 1.2rem;line-height: 1.5;color: #333;font-family:"microsoft yahei"}
.contact_list em{float: left;width: 1px;height: 90px;background: #eee;margin-top: 20px;} 
.contact_info h3{line-height: 1;color: #000;line-height: 1;font-size: 26px;font-weight: normal;padding-bottom: 25px;}



.ex_news {clear: both;overflow: hidden;width: 100%; float:left; padding:25px 3%}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 0 0 20px;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto;margin-bottom: 30px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 40%;height: auto;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: 110px;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: left;width: 56%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 0px;left: 45%;}
.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.3rem;display: block;width: 100%;padding-bottom: 6px;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: 13px;}
.ex_news ul li .ex_news_date {float: right;text-align: left;width: 100%;height: 150px;overflow: hidden;position: absolute;top: 85px;left:45%;}
.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: 1.2rem;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);}



.contact {margin-left: 2%;margin-top: 3.4375%; margin-bottom:5%; float:left; width:98%;}
.contact .en { color:  #008ecd; font-size: 1.6rem; font-family: 'Impact';}
.contact .cn {color:  #333333;font-size: 1.2rem;}
.contact .short{width: 60px;height: 1px;background: #585858; float:left;margin-top: 1.3%; margin-bottom:4%}
.contact .blue {color:  #008ecd;font-size: 20px; float:left; width:100%;}
.contact .blue_en {color: #676767;font-size: 12px; 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; float:left; margin:3%;}
/*百度地图样式*/

/*百度地图样式*/
#dituContent { width:380px; height:450px; float:left; }

.about-wrap{ width:100%; padding:2% 3%;}
.about-wrap p{ line-height:30px; font-size:1.1rem;}


footer{ border-top:4px solid #cb121a; width:100%; background:#373737; padding:50px 0;}
footer .fleft{ width:300px; float:left;}
footer .fleft .flogo{ width:100%; float:left; margin-bottom:30px; display:none}
footer .fleft .flogo img{ width:50%; height:auto}
footer .ftel{ width:100%; float:left; background:url(../images/btel.jpg) 0 8px no-repeat; padding-left:55px; height:55px; font-size:14px; color:#FFFFFF; display:none}
footer .ftel p{ color:#b5b5b5;}
footer .ftel span{ font-size:20px;}
footer .fright{ width:100%; float:right;}
footer .fright ul{}
footer .fright li{ float:left; width:25%; background:url(../images/line.jpg) no-repeat left 0; height:196px;}
footer .fright li h2{ font-size:1.1rem; margin-bottom:12px; text-align:center; color:#FFFFFF;}
footer .fright li a{ color:#FFFFFF; text-align:center; width:100%; display:block; line-height:30px;}
footer .fright li a:hover{ color:#FF0000}

.bottom{ background:#2a2a2a; width:100%; color:#FFFFFF; font-size:14px; padding:3%; font-size:1rem}
.bottom .bleft{ width:100%; float:left; line-height:26px;}
.bottom .bleft a{ color:#FFf}
.bottom .bleft a:hover{ color:#FF0000}

.bottom .bright{ width:120px; float:right;display:none}
.bottom .bright img{ width:120px; height:auto}
.bottom .bright p{ text-align:center;}


.clearfix{ clear:both}

.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;font-family: "微软雅黑"; display:none}
.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;}
/*在线留言r*/
.feedback{ float:left; margin-top:2%; width:100%; margin-bottom:35px; padding:0 3%}
#feedback_form label{display:block;float:left;height:32px;line-height:32px; margin:0; padding:0;font-size:12px; width:18%;}
#feedback_form input{width:100%;height:30px;line-height:30px;float:left;margin:0 0 10px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:20px 0;}
#feedback_form textarea{height:125px;width:100%;padding:10px;border:1px solid #dbdbdb;display:block;color:#333;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#009999;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer; margin-left:0%;}
#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;}

.location_nav {background: url(../images/logo_03.png) no-repeat; margin:12px 0 12px 3%; padding-left:10px; width: 100%; height: 30px; line-height: 30px;text-indent: 20px; overflow: hidden}
.location_nav a { padding: 0 16px 0 16px; font-size:14px;}
.location_nav a:hover{ color:#FF0000}

.details{ width:100%; margin:20px auto; height: auto;}
.details .pleft{ width:100%; 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:100%; float:right; background:#FFFFFF; margin-left:15px; padding:30px; margin-top:2%}
.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}

nav.pagelist { text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%; float:none;}
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}

.col-md-7 {width: 100%; float:left;}

.proery{ width:100%; float:left; height:auto; background:#FFFFFF;}


.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: 10px;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: right;left: 0;bottom: 28px; z-index:99999}
.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; display:none;}
.product-intro h1{ font-size:22px; margin-bottom:10px;}


.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: 14px; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 100%; float: left; text-align: left; }


}