/* CSS Document */
.mtit{display: block; height: 100px;text-align: center; background: url(../images/m_06.png) no-repeat center bottom;line-height: 35px;margin-top: 30px;}
.mtit span{display: block;color: #a4a3a3;font-size: 16px;text-transform: uppercase; }
.mtit p{display: block;font-size: 32px; color: #333;}

.inpro{ margin:30px auto;}
.inpro ul li{ width:23%; margin:1%;float: left;}
.inpro ul li .service-box {background: #eff3f7;padding: 20px 20px;text-align: center;-webkit-transition: .3s ease;transition: .3s ease;max-height: 485px; overflow: hidden; }
.inpro ul li .service-box:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) }
.inpro ul li .service-box h3 {font-size: 25px;color: #313131; margin: 20px 0;}
.inpro ul li .service-box h4{height: 44px; overflow: hidden;}
.inpro ul li .service-box p {font-size: 15px;color: #969595;margin-bottom: 10px;}
.inpro ul li .service-box .cpzxImg{height:200px;display: table;}
.inpro ul li .service-box .aimg{ align-content: center; vertical-align: middle; display: table-cell; width: 246px;}
.inpro ul li .service-box .cpzxImg img{max-height: 200px;max-width: 236px;}
.inpro ul li .service-box .btn{font-size: 14px; font-weight: 400;border-color: #8bcc4c ;background:#8bcc4c;color: #FFFFFF!important;display: block;line-height: 32px;width: 110px;text-align: center; margin: 0 auto;}
.inpro ul li .service-box:hover .btn{background: #c71219;margin-top: 4px;margin-bottom: 0!important;}

.module {background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;z-index: 2;height: 100%;background: #eff3f7;padding-bottom: 50px;}
.module .content { position:inherit; }
#mslider .content { margin:0; height:750px; }
#mservice { height:380px; background-color: #fff; width: 840px; left: calc(50% - 600px); }
#mservice .content { margin:0; height:550px; overflow:hidden; top: auto; padding-top:60px; }
#mproject .content { margin:0; height:100%; padding-bottom:110px; width:1200px; margin:0 auto; }
#mpage .content { margin:0 auto; width:1200px; }
#mteam .content { margin:0; height:255px; padding-top:105px; }
#mnews .content { margin:0; height:auto; }
#mcontact .content { margin:0; }
#mpartner .content { margin:0; height:140px; }
#mpage .wrapper { width: 100%; height: 100%;overflow: hidden;margin: 0 auto;}
#mpage .wrapper li {width: 100%;height: auto;}
#mpage .content .header { width:50%; text-align:left; position:relative; top:-30px; }
#mcontact .content .header { padding-top:0; }
#mslider .bx-wrapper { position:relative; }
#mpage .wrapper li .fimg { width:540px; height:320px; float: right; margin-top:-180px;text-align: center; }
#mpage.module.bgShow .bgmask { display:none; }
#mpage .module-content .header {padding-top:100px;padding-bottom:70px;}
#mpage .content .header p.title { font-size: 28px;margin-bottom: 10px;}
#mpage .content .header p.subtitle {color: #c1c1c1;font-size: 16px;}
#mpage .content .header p.subtitle { }
#mpage .content p.description { float: left; position: absolute; top: 10px; width:620px; padding: 160px 20px 20px 0; line-height:28px; height:100px; text-align:left; }
#mpage a.more { position:absolute; left:0; top:300px; border-radius:0px; width:140px; height:40px; font-size:15px;color:#999; line-height:40px; text-align: center; text-indent:inherit; }
#mpage a.more i { position:relative; top:2px; }
#mpage a.more:hover { background:#c71219; color:#fff; border:1px solid #fff; }
#mpage a.more:hover i { text-indent: 15px; }
#mpage a.more, #mpage a.details, #sitecontent .npagePage a.details {border: #9c9c9c 1px solid;background: rgb(239, 243, 247);display: block;margin: 40px auto 50px;color: #838383;transition: all ease-out .3s;}
#indexPage #mpage .wrapper li .fimg {width: 540px;height: 280px;float: right;margin-top: -140px;}

.info-list {  }
.info-list li{ padding-top:20px; padding-bottom:20px; margin: 0 1%; overflow:hidden;width: 31%; float: left;}
.info-list li a.imga{transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; width:372px; height:254px;     vertical-align: middle; align-content: center; display: table-cell;}
.info-list a img { display: block; width:100%;max-height:254px;max-width:372px; }
.info-list span { display: block; padding-top:20px; overflow:hidden; max-width:100%;}
.info-list b{float:left; border-right:1px solid #eee; height:75px; padding-right:15px; line-height:.5; color:#ccc; margin:10px 15px 30px 0;}
.info-list em{font-size:19px; display:block; color:#5a5a5a; padding-bottom:15px; font-style:normal;}
.info-list strong { display:block; line-height:2; font-size:16px; color:#5a5a5a;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.info-list p { display:block; height:55px; line-height:2; margin:5px 0; color:#b0b0b0; overflow: hidden;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.info-list font { display: block; padding-top:10px; color:#888; }
.info-list font a{ padding-left:10px; color:#888; }
.info-list font a:hover{ color:#7bc91e;  }
.info-list i { font-size:18px;  }

.info-list li:hover img{ transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025); -o-transform:scale(1.025); -webkit-transform:scale(1.025); transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}
.info-list li:hover strong{ transform:translateX(5px); -moz-transform:translateX(5px); -ms-transform:translateX(5px); -o-transform:translateX(5px); -webkit-transform:translateX(5px); color:#000;
transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;} 
.info-list li:hover p{ color:#bbb;
transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;} 

.faq{width: 1200px;height: 128px;margin: 0 auto;padding: 30px 0 50px 0;overflow:hidden;}
.cjwttilte{width: 135px;float: left;}
.cjwttilte h2{padding-top: 13px;color: #333333;font-size: 20px;font-weight: bold;}
.cjwttilte h3{padding-top: 13px;color: #c9c9c9;font-size: 20px;font-weight: bold;font-family: arial;}
.cjwtleftbtn{display: inline-block;width: 57px;height: 27px;background: url(../images/left2_03.png) no-repeat; float: left;margin-top: 35px;}
.cjwtrightbtn{display: inline-block;width: 57px;height: 27px;background: url(../images/right2_03.png) no-repeat;margin-top: 35px;}
.cjwtgroup {float: left;width: 1065px;height: 128px;overflow: hidden;}
.cjwtgroup ul {overflow: hidden;}
.cjwtlist {box-sizing: border-box;margin-right:30px;float: left;width: 430px; height: 126px;border: 1px solid #e1e1e1;padding: 10px;
}
.faq li a{width:400px; height:105px; display:block;border-bottom: 1px #e9ebea dashed; margin-bottom: 10px;padding-right: 10px;}
.faq li a:hover{background:#edeeef;}
.faq li dt{ float: left; width:88px; height:105px; color:#a6a7a8; font-size: 14px;line-height:40px; text-align: center;}	
.faq li dt span{display: block;color:#626262; font-size:50px;padding-top: 25px;font-family: 'Impact'}	
.faq li dd{float:left; height:82px;margin-left:-60px;width:350px;transition: all 0.6s; }
.faq li .title { display: block;height:35px; display: block; padding-top:18px;color:#404040; font-size:16px; line-height:35px;
 font-weight: bold;margin-left:70px; overflow: hidden;}	
.faq li .intro{ display: block;  display: block; overflow: hidden;color:#626262; font-size:13px; line-height:20px;margin-left:70px;}
.faq li dl:hover dd {padding-left:10px;}

.down ul {clear: both;}
.down ul li {border-bottom: 1px solid #f0f0f0;padding: 16px 0px;font-size: 16px;cursor: pointer;}
.down ul li:hover .list-title { color: #c71219 ; text-indent:10px; }
.down ul li .list-title { color: #333; width: 80%;display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative;  padding-left: 20px; vertical-align: middle;}
.down ul li .list-time { float: right; color: #999; }

.article ul li{background:#ffffff;display:block;padding:20px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;position:relative;}
.article ul li .news_con{}
.article ul li .news_con p{font-size: 17px;font-weight:bold;color:#515671;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;    text-align: left;}
.article ul li .news_con p a{font-size:17px;font-weight:bold;color:#515671;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;    text-align: left;}
.article ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;overflow:hidden;text-align: left;}
.article ul li .news_con font{ color:#999;margin-top: 10px; display:block;}
.article ul li:hover p a{ color:#c71219; }

.detailtxt h1{ text-align:center; font-size:26px;margin: 20px 0;line-height: 30px;}
.detailtxt .h{text-align:center; color:#999;padding-bottom: 10px;border-bottom: 1px solid #e4e4e4;}
.detailtxt .ppp{ margin:10px; line-height:30px;clear: both;}
.detailtxt .ppp img{ max-width:100%;}
.detailtxt .ppp table{ max-width:100%;}

.products{ overflow:hidden; margin: 10px auto 0;}
.products ul li{ width:31.3%;}

.title1 {overflow: hidden;margin: 10px 0;box-shadow:1px 2px 7px 0px rgba(0, 0, 0, 0.12);}
.title1 h4 { border-top: 2px solid #8bcc4c; font-size: 16px; padding-left: 16px; color: #666;padding: 8px 18px;}

.prodets ul li .service-box{padding: 20px 20px;}
.prodernews{ overflow:hidden;}
.prodernews ul li{ float:left; width:48%; margin:0 1%;}
.prodernews ul li .list-title{ width:98%;padding-left: 0px;}

.Contact_h3{color:#333333;font-size: 26px;position: relative;margin-bottom:20px;}
.Contact_top{padding:30px 3%;overflow: hidden;margin-bottom: 20px;}
.Contact_top .left .p{color:#666666;font-size: 16px;padding-bottom: 8px;line-height: 30px;}
.Contact_top .left .p a{font-size: 16px; color:#333;}
.Contact_top .left{width: 56%;float: left;}
.Contact_top .right {float: right; width: 42%;}

.qtjk{color:#333333;font-size:15px;overflow:hidden;width:100%;line-height:40px;padding-bottom:60px;}
.dilk{width:97%;margin:20px auto 0;overflow:hidden;}
.dilk ul{width:100%;overflow:hidden;margin-bottom:16px;}
.dilk li{width:100%;}
.dilk .rt1{display:table;width:49.470899470899%;float:left;overflow:hidden;border:1px solid #dcdcdc;padding: 0;margin: 0;}
.dilk .rt2{display:table;width:49.470899470899%;float:right;overflow:hidden;border:1px solid #dcdcdc;padding: 0;margin: 0;}
.dilk dl{width:100%;overflow:hidden;display:table;}
.dilk dt{width:60px;height:45px;display:table-cell;}
.dilk dd{height:45px;display:table-cell;}
.dilk dd input{height:100%;border:0px;width:100%;font-size:16px;color:#acacac;}
::-webkit-input-placeholder{font-size:16px;color:#acacac;}
::-moz-input-placeholder{font-size:16px;color:#acacac;}
::-ms-input-placeholder{font-size:16px;color:#acacac;}
.dilk .ag1 dt{background:url(../images/lk_02.png) no-repeat center #fff;}
.dilk .ag2 dt{background:url(../images/lk_03.png) no-repeat center #fff;}
.dilk .ag3 dt{background:url(../images/lk_09.png) no-repeat center #fff;}
.dilk .ag4 dt{background:url(../images/lk_10.png) no-repeat center #fff;}
.dilk .ag5 dt{background:url(../images/lk_01.png) no-repeat center #fff;}
.dilk .ag6 dt{background:url(../images/lk_05.png) no-repeat center #fff;}
.shil{border:1px solid #dcdcdc;overflow:hidden;background:#fff;width:100%;box-sizing:border-box;padding: 0 !important;margin: 0 !important;}
.shil dl{width:100%;overflow:hidden;display:table;}
.shil dt{background:url(../images/s1.png) no-repeat left top;width:60px;height:45px;display:table-cell;}
.shil dd{display:table-cell;height:240px;}
.shil dd textarea{width:100%;height:100%;resize:none;border:0px;font-size:16px;color:#acacac;padding-top:15px;line-height:26px;}
.asfg{width:97%;margin:0 auto;overflow:hidden;}
.zuor{float:left;overflow:hidden;color:#666666;font-size:16px;}
.your{float:right;overflow:hidden;}
.form-control{width:193px;height:40px;border:1px solid #dcdcdc;}
.btna{width:184px;height:42px;background:#8bcc4c;color:#fff;border:0px;font-size:16px;font-weight:bold;}
.btnb{width:184px;height:42px;background:#b1b1b1;color:#fff;border:0px;font-size:16px;font-weight:bold;margin-left:10px;}

.detailtxt .ppp{ margin:10px; line-height:24px;clear: both;}

.conn{color:#555;font-size:14px;line-height:28px; z-index:1; position:relative;overflow: hidden;margin-top: 10px;}
.ny_content .ny_news_con2{min-height:300px;}
.conn .pro_name{font-size:28px;font-weight:bold;line-height:28px;color:#333;margin-bottom:16px;}
.conn .proshow1{position:relative;}
.conn .proshow1 .js-silder{float:left;width:40%;margin-top:0 !important;border:1px solid #ddd;}
.proshow1 .js-silder .silder-main-img {width:540px;text-align:center;height:380px;align-content: center;vertical-align: middle;display: table-cell;}
.proshow1 .js-silder .silder-main-img img {max-width:80% !important;vertical-align:middle}
.proshow1 .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;}
.proshow1 .prodesc p.bt{font-size:18px;color:#7caf4b;}
.conn .proshow1 .prodesc{float:right;width:58%;}
.conn .proshow1 .prodesc p.desc{overflow:hidden;color:#999;background: #f3f3f3;padding: 10px;}
.conn .proshow1 .pro_btn{padding-top:20px;overflow:hidden;}
.conn .proshow1 .pro_btn1{display:block;width:24%;margin-right:12px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:#8bcc4c;border-radius:2px;float:left;border:1px solid #fff;}
.conn .proshow1 .pro_btn2{display:block;margin-right:0;height:45px;line-height:45px;text-align:center;float:left;}
.conn .proshow1 .pro_btn2 span{ font-size:16px; color:#f60;}
.conn .proshow1 .pro_btn1:hover{background:#fff;border:1px solid #c71219;color:#c71219;}
.productdet .ppp{ margin:10px; line-height:24px;clear: both;}
.prodetppp{margin: 20px 0;background: #f3f3f3;padding: 10px 20px;}
.prodetppp .spanppp{font-size: 16px;border-left: 4px solid #00a9ae;padding-left: 10px;}


.product{ width:100%; float:left; padding:30px 0 60px 0; background:#eff3f7; margin-bottom:20px;}
	/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative; display:block; margin-top:20px; float:left;}
		.picScroll-left .hd{ overflow:hidden;  padding:0 10px;  }
		
		.picScroll-left .hd .next{ background:url(../images/jt1_1.jpg); position:absolute; top:50%; left:0; width:42px; height:48px;cursor:pointer; margin-top:-20px; }
.picScroll-left .hd .prev{ background:url(../images/jt1_2.jpg);position:absolute; top:50%; right:0; width:42px; height:48px;cursor:pointer; margin-top:-20px; }
		.picScroll-left .bd{ padding:10px; max-width:90%; margin:auto;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{  float:left; width:25%; overflow:hidden; text-align:center;padding:0 10px; box-sizing:border-box;  }
		.picScroll-left .bd ul li dt{width:100%; float:left; position:relative; height:220px; background:#fff; overflow:hidden; }

		.picScroll-left .bd ul li img{ max-height:100%; max-width:100%; display:block;  padding:2px; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
	.picScroll-left .bd ul li img:hover{transform: scale(1.1); -webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../images/80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:507px; position:absolute; z-index:999999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block; color:#045CB6; font-weight:bold; line-height:20px; font-size:14px; }
#mbNumber { display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/customblackprevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/customblacknext.gif) no-repeat center; position: absolute; top:38%; right:-32px;}
#mbCloseLink { width:24px; background:transparent url(../images/customblackclose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }