@charset "utf-8";
@media(max-width:999px){
#top{ background:#3150a2; width:100%; overflow:hidden;}
#top1{ width:100%; margin:0 auto; overflow:hidden;}
#logo{ float:left;}
#logo img{ height:3rem; margin-left:1rem;}
#menubtn{ float:right;}
#menubtn img{ height:3rem;}  
#lan{ float:right;}
#lan a{ line-height:3rem; color:#fff; margin-right:1rem; display:block;}
#lan a img{ margin-right:2px; vertical-align:middle; margin-bottom:3px;}
#menu{ width:100%; overflow:hidden; display:none;}
#menu ul{ list-style:none;}
#menu ul li{ width:100%; border-top:solid 1px rgba(255,255,255,0.1);}
#menu ul li a{ display:block; color:#fff; font-size:14px; line-height:3rem; text-align:center;}
#menu dl{ display:none}


.swiper-container {	width: 100%;height: 100%;}
.swiper-slide{ overflow:hidden;}
.swiper-container img {	width: 160%; margin-left:-30%;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#index1{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#index1 ul{ list-style:none; width:100%;}
#index1 ul li{ margin-bottom:10px;}
#index1 ul li a{ display:block; color:#fff; overflow:hidden;}
#index1 ul li a img{ width:100%; height:10rem;}
#index1 ul li a p{ position:absolute; margin:-9rem 0 0 1rem;}
#index1 ul li a p.a2{ display:none;}
#index1 ul li a:hover p.a1{ display:none;}
#index1 ul li a:hover p.a2{ display:inherit;}

#index_tt{ font-size:24px; color:#000; overflow:hidden; text-align:center; line-height:40px; padding-top:20px;}
#index_tt img{ width:60%;}

#partner{ width:100%; overflow:hidden; text-align:center; padding-top:20px;}
#partner ul{ list-style:none; width:90%; margin:0 auto;}
#partner ul li{ float:left; width:49%; border:solid 1px #eee; overflow:hidden;}
#partner ul li p{ overflow:hidden;}
#partner ul li img{ width:100%;}

#index_more{ overflow:hidden; width:100%; margin:10px auto 20px auto;}
#index_more a{ display:block; margin:0 auto; width:80px; border:solid 2px #eee; border-radius:20px; line-height:26px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-align:center;}
#index_more a:hover{ background:#3150a2; color:#fff;}

#bottom{ display:none}
#mbottom{ width:100%; overflow:hidden; position:fixed; bottom:0;left:0; background:#3150a2;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ width:25%; float:left;}
#mbottom ul li a{ display:block; text-align:center; font-size:.6rem; color:#fff; line-height:1rem; padding-bottom:.3rem; padding-top:.2rem;}
#mbottom ul li a img{ height:1.5rem;}
#mbottom1{ height:3rem; width:100%; overflow:hidden;}

#conpic{ width:100%; overflow:hidden;}
#conpic img{ width:150%; margin-left:-25%;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#aboutmenu ul{ width:100%; margin:0 auto; list-style:none; border-right:solid 1px #eee; overflow:hidden;}
#aboutmenu ul li{ float:left; width:20%;}
#aboutmenu ul li a{ display:block; line-height:3rem; text-align:center; border-left:solid 1px #eee; font-size:.8rem; background:url(image/di.jpg) center -245px no-repeat/100% 245px;}
#aboutmenu ul li a:hover{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% 245px;}
#aboutmenu ul li a.it{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% 245px;}

#title{ width:90%; margin:0 auto; overflow:hidden; text-align:left; font-size:1rem; color:#000; line-height:40px; padding-top:1rem; border-bottom:solid 1px #eee;}
#title span{ float:right; font-size:.6rem; color:#999;}

#content{ width:90%; margin:30px auto 0 auto; overflow:hidden;}
#content p{ overflow:hidden;}
#content p.a1 img{ width:100%;}
#content p.a2 img{ width:100%;}
#content p span{ padding-top:30px; display:block; padding-bottom:30px;}

#picture{ width:95%; margin:30px auto 0 auto; overflow:hidden;}
#picture ul{ list-style:none; width:100%;}
#picture ul li{ float:left; width:50%; margin-bottom:10px;}
#picture ul li a{ display:block; width:95%; margin:0 auto; line-height:40px; text-align:center;}
#picture ul li a img{ width:100%;}

#page{ width:100%; overflow:hidden; text-align:center; padding:20px 0 30px 0;}
#page ul{ list-style:none; display:inline-block;}
#page ul li{ float:left; margin:0 3px;}
#page ul li a{ display:block; line-height:40px; padding:0 10px; border:solid 1px #eee;}
#page ul li a:hover{ background:#3150a2; color:#fff;}
#page ul li a.it{ background:#ff6060; color:#fff;}
#page ul li.pageList{ display:none;}

#history{ width:90%; margin:10px auto 80px auto; overflow:scroll;}
#history ul{ list-style:none; width:1200px; background:url(image/line.jpg) left 178px repeat-x; overflow:hidden;}
#history ul li{ float:left; width:25%;}
#history ul li.k1{ padding-top:130px;}
#history ul li.k2{ padding-top:65px;}
#history ul li.k3{ padding-top:100px;}
#history ul li.k4{ padding-top:6px;}
#history ul li p.ai{border-radius:200px; width:150px; height:150px; margin-bottom:20px; overflow:hidden;}
#history ul li p.ai img{ width:100%;}
#history ul li p.a0{ width:6px; height:6px; border:solid 6px #ff6060; border-radius:20px; margin-bottom:20px; background:#fff; margin-left:55px;}
#history ul li p.a1{ font-size:20px; color:#000; font-family:arial; font-weight:bold;padding-left:60px;}
#history ul li p.a2{ font-size:14; color:#ff6060; font-family:arial; font-weight:bold;padding-left:60px; padding-top:10px;}
#history ul li p.a3{ padding-left:60px;}

#pro{ width:95%; margin:30px auto 0 auto; overflow:hidden;}
#pro ul{ list-style:none; width:100%;}
#pro ul li{ float:left; width:50%; margin-bottom:10px;}
#pro ul li a{ display:block; width:95%; margin:0 auto; line-height:40px; text-align:center;}
#pro ul li a img{ width:100%;}
#pro ul li a p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
	
#promenu{ width:100%; overflow:scroll; border-bottom:solid 1px #eee;}
#promenu ul{ width:100000px; margin:0 auto; list-style:none; border-right:solid 1px #eee; overflow:hidden;}
#promenu ul li.k1{ float:left; width:200px;}
#promenu ul li.k2{ float:left; width:200px;}
#promenu ul li.k3{ float:left; width:200px;}
#promenu ul li div{ position:absolute; width:100%; background:#fff; display:none; left:0;}
#promenu ul li div dl{ list-style:none;}
#promenu ul li div dl dd{ border-top:solid 1px #eee;}

#promenu ul li a{ display:block; line-height:3rem; font-size:.8rem; text-align:center; border-left:solid 1px #eee;}
#promenu ul li a:hover{ background:#ff6060; color:#fff;}

#partnerlist{ width:100%; overflow:hidden; text-align:center; padding-top:20px;}
#partnerlist ul{ list-style:none; width:90%; margin:0 auto;}
#partnerlist ul li{ float:left; width:49%; overflow:hidden; border:solid 1px #eee;}
#partnerlist ul li p{ overflow:hidden;}
#partnerlist ul li img{ width:100%;}

#newsmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#newsmenu ul{ width:100%; margin:0 auto; list-style:none; border-right:solid 1px #eee; overflow:hidden;}
#newsmenu ul li{ float:left; width:50%;}
#newsmenu ul li a{ display:block; line-height:50px; text-align:center; border-left:solid 1px #eee; background:url(image/di.jpg) center -245px no-repeat/100% auto;}
#newsmenu ul li a:hover{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% auto;}
#newsmenu ul li a.it{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% auto;}

#news{ width:90%; margin:0 auto; overflow:hidden;}
#news ul{ list-style:none;}
#news ul li{}
#news ul li a{ display:block; border-bottom:solid 1px #eee; padding:20px 0;}
#news ul li a p.a1{ font-size:20px; color:#3150a2;}
#news ul li a p.a2{ font-size:12px; color:#999;}
#news ul li a p.a4{ font-size:24px; color:#ccc;}

#contact{ width:90%; margin:20px auto 20px auto; overflow:hidden;}
#contact .left{ width:100%; overflow:hidden;}
#contact .left p{ line-height:1rem; font-size:.8rem; padding:1rem 0; border-bottom:solid 1px #eee;}
#contact .left p img{ width:1.5rem; border:solid 2px #eee; border-radius:50px; float:left; margin:-0.5rem 1rem 0 0;}
#contact .left p.code{ border:0; overflow:hidden; padding-bottom:2rem;}
#contact .left p.code img{ width:100px; border:none; border-radius:0;}
#contact .right{ width:100%; float:right; border:solid 1px #eee; padding:1px;}
#contact .right img{ width:100%;}

#feedback{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#feedback .left{ float:left; width:100%;}
#feedback .left p{ padding:10px 0; overflow:hidden;}
#feedback .left p span{ background:#3150a2; color:#fff; display:block; float:left; line-height:42px; width:20%; text-align:center;}
#feedback .left p input{ border:solid 1px #ddd; width:79%; height:40px; line-height:40px;}
#feedback .left p a{ display:block; line-height:46px; background:#ff6060; border:solid 1px #ff6060; color:#fff; width:98%; margin-bottom:10px; text-align:center; border-radius:3px; font-size:16px;}

#feedback .left p a.a1{ display:block; line-height:46px; background:#fff; border:solid 1px #ff6060; color:#ff6060; width:98%; text-align:center; border-radius:3px; font-size:16px;}



#feedback .right{ float:right; display:none; margin-top:10px;}

/*-------------------------*/

#about_tt1{ width:90%; margin:40px auto 0 auto; overflow:hidden; background:url(image/e1.png) 180px top no-repeat/60px auto; padding-top:30px;}
#about_tt1 p.a1{ font-family:toy; text-transform:uppercase; font-size:30px; color:#000; line-height:40px;}
#about_tt1 p.a2{ font-size:24px; color:#000;}
#about_con1{ width:90%; margin:20px auto 50px auto; overflow:hidden;}

#about_di{ width:100%; overflow:hidden; background:#1f2a43;}
#about_tt2{ width:90%; margin:20px auto 0 auto; overflow:hidden;}
#about_tt2 p.a1{ font-family:toy; text-transform:uppercase; font-size:30px; color:#fff; line-height:48px;}
#about_tt2 p.a2{ font-size:24px; color:#fff;}
#about_con2{ width:90%; margin:0 auto 60px auto; overflow:hidden;}

#about_con2 ul li{ width:33.33%; color:#fff; overflow:hidden; float:left; text-align:center;margin:2rem 0 0 0;}
#about_con2 ul li div.a1{ width:100%;}
#about_con2 ul li div.a1 img{ width:80%;}
#about_con2 ul li div.a2{ overflow:hidden;  width:100%;}
#about_con2 ul li div.a2 p{ font-size:.8rem; line-height:40px;}

#about_tt3{ width:70%; margin:20px auto 0 auto; overflow:hidden; background:url(image/e8.png) left center no-repeat/auto 78px; padding:10px 0 10px 20%;} 
#about_tt3 p.a1{ font-family:toy; text-transform:uppercase; font-size:30px; color:#000; line-height:30px;}
#about_tt3 p.a2{ font-size:24px; color:#000;}

#about_tt4{ width:90%; margin:20px auto 0 auto; overflow:hidden;}
#about_tt4 p.a1{ font-family:toy; text-transform:uppercase; font-size:30px; color:#000; line-height:48px;}
#about_tt4 p.a2{ font-size:24px; color:#000;}

#about_con3{ width:90%; margin:10px auto 0px auto; overflow:hidden;}
#about_con3 ul li{ width:100%; padding-bottom:2rem;}
#about_con3 ul li img{ width:100%;}
#about_con3 ul li p.a1{ font-size:18px; line-height:50px; color:#000; text-align:center;}

#case{ width:90%; margin:20px auto 40px auto; overflow:hidden;}
#case ul li{ border-bottom:solid 1px #eee; margin-top:20px; overflow:hidden; padding-bottom:60px;}
#case ul li div.left{width:100%; text-align:center}
#case ul li div.left img{width:40%;}
#case ul li div.right{width:100%;}
#case ul li div.right p.a1{ font-size:24px; text-align:center; line-height:30px; font-family:toy; color:#000; padding-top:20px; display:none;}
#case ul li div.right p.a2{ font-size:30px; line-height:36px; text-align:center; color:#000; display:none;}

#case ul li div.right p.a4{ padding-top:0px; text-align:center;}
#case ul li div.right p.c1{ color:#51ca47;}
#case ul li div.right p.c2{ color:#28a7e1;}
#case ul li div.right p.c3{ color:#ff6060;}
#case ul li div.right p.c4{ color:#ffd200;}

#case ul li div.right p.a3{ font-size:18px; line-height:30px; text-align:center; font-weight:900; color:#000;}

#case1{ width:90%; margin:1rem auto 0 auto; overflow:hidden; font-size:1rem; line-height:1.4rem; border-bottom:solid 1px #eee; padding-bottom:2rem; }


#news_tt{ width:90%; margin:0px auto 0 auto; overflow:hidden; background:url(image/e14.png) 370px top no-repeat; padding-top:40px;}
#news_tt p.a1{ font-family:toy; text-transform:uppercase; font-size:30px; color:#000; line-height:30px;}
#news_tt p.a1 span{ font-family:toy1;}
#news_tt p.a2{ font-size:24px; color:#000;}

#contact_tt{ width:90%; margin:0px auto 0 auto; overflow:hidden; background:url(image/e35.png) 370px top no-repeat; padding-top:40px;}
#contact_tt p.a1{ font-family:toy; text-transform:uppercase; font-size:30px; color:#000; line-height:30px;}
#contact_tt p.a1 span{ font-family:toy1;}
#contact_tt p.a2{ font-size:24px; color:#000;}

#hotnews{ width:90%; margin:25px auto 0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:50px;}
#hotnews a{ display:block;}
#hotnews a img{ width:100%;}
#hotnews a div.a2{ overflow:hidden;}
#hotnews a div.a2 p.a{}
#hotnews a div.a2 p.b{ color:#3150a2; font-size:18px; line-height:20px;}
#hotnews a div.a2 p.c{ margin-top:30px;color:#666;}
#hotnews a div.a2 p.d{ margin-top:0px;color:#ccc; font-size:36px; line-height:36px;}
#hotnews a:hover div.a2 p.b{ color:#ff6060;}

#partner_di{ background:#e5ebf9; width:100%; overflow:hidden;}
#partner_tt{ width:90%; margin:60px auto 0 auto; overflow:hidden;}
#partner_tt img{ width:100%;}
#partner_tt p{ font-size:24px; line-height:40px; color:#000;}

#partner_brand{ width:90%; margin:10px auto 40px auto; overflow:hidden;}
#partner_brand ul li{ float:left; width:50%}
#partner_brand ul li a{ display:block; border:solid 1px #d6dbe8;}
#partner_brand ul li a img{ width:100%;}

#partner_tt1{ width:90%; margin:60px auto 0 auto; overflow:hidden;}
#partner_tt1 p{ font-size:24px; line-height:40px; color:#000;}
#partner_tt1 img{ width:80%;}

#partner_list{ width:90%; margin:0 auto 30px auto; overflow:hidden;}
#partner_list ul li{ border-bottom:solid 1px #eee; padding:30px 0; overflow:hidden;}
#partner_list ul li a{ display:block; color:#666;}
#partner_list ul li a img{ width:100%;}
#partner_list ul li a p{ font-size:20px; line-height:30px; padding:10px 0; color:#000;}
#partner_list ul li a p img{ width:70%;}

#pro_di{ border-top:solid 5px #eee;  width:100%; overflow:hidden;}
#pro_di1{ border-top:solid 5px #eee;  width:100%; overflow:hidden;}
#pro_di2{ border-top:solid 5px #eee;  width:100%; overflow:hidden;}
#pro_di3{ border-top:solid 5px #eee;  width:100%; overflow:hidden;}
#pro_di4{ border-top:solid 5px #eee;  width:100%; overflow:hidden;}

.pro_tt{ width:90%; margin:40px auto 0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:60px;}
.pro_tt img{ width:40%;}
.pro_tt .pro_r{ overflow:hidden; width:100%;}
.pro_tt .pro_r p.a1{ font-family:toy; font-size:36px; line-height:30px; color:#000; text-transform:uppercase; padding-top:20px;}
.pro_tt .pro_r p.a2{  font-size:24px; line-height:60px; color:#000;}

.pro_l{ width:90%; margin:50px auto 60px auto; overflow:hidden;}
.pro_l dl{}
.pro_l dl dd{ float:left; width:50%;}
.pro_l dl dd img{ width:100%; height:150px;}
.pro_l dl dd p{ text-align:center; font-size:12px;}
.pro_l dl dt{ float:left; width:50%;}
.pro_l dl dt a{ display:block; width:100%; height:150px; line-height:150px; text-align:center; font-size:30px; color:#fff; font-family:toy; text-transform:uppercase;}
.pro_l dl dt a.a1{ background:#00bdb2;}
.pro_l dl dt a.a2{ background:#ffd200;}
.pro_l dl dt a.a3{ background:#ff6060;}
.pro_l dl dt a.a4{ background:#84ca66;}
.pro_l dl dt a.a5{ background:#ffb35a;}
.pro_l dl dt a:hover{ background:#3150a2;}

#pro_con{ width:90%; margin:0 auto; overflow:hidden; font-size:16px; line-height:36px; padding:30px 0;}


#index_btn{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#index_btn ul li{ float:left; width:100%; margin-bottom:1rem; background:#000; }
#index_btn ul li a{ display:block;color:#fff;}
#index_btn ul li a div.a1{ float:left; overflow:hidden; width:60%;}
#index_btn ul li a div.a1 img{ width:100%;}

#index_btn ul li a div.a2{ float:right; width:40%; overflow:hidden;}
#index_btn ul li a div.a2 p.b1{ font-family:toy; padding:20px 0 0 10px; font-size:.6rem;}
#index_btn ul li a div.a2 p.b2{ font-size:1rem; font-weight:900; padding:0 0 10px 10px;}
#index_btn ul li a div.a2 p.b3{ padding:0 20px 0 10px; line-height:18px;}
#index_btn ul li a div.a2 p.b4{ padding:20px 0 0 10px;}

#index_btn ul li.c1{ background:#01539d}
#index_btn ul li.c2{ background:#a7966c}
#index_btn ul li.c3{ background:#14a581}
#index_btn ul li.c4{ background:#f06f6f}
#index_btn ul li.c5{ background:#db9523}
#index_btn ul li.c6{ background:#8153b0}


#member{ width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-top:20px; }
#member font{ color:#d00;}
#member span{display:block;}
#member span a:hover{ color:#d00; text-decoration:underline;}


#liucheng{ width:100%; margin:0 auto 2rem auto; overflow:hidden;}
#liucheng img{ width:100%}
#liucheng img.a1{ display:none;}

}