@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑";}
a{ color:#000; text-decoration: none; transition:width 0.5s,background 0.5s,color 0.5s,border 0.5s,padding 0.5s;}
ul{ list-style:none;}
@font-face{ font-family:toy; src:url('font.ttf');}
@font-face{ font-family:toy1; src:url('font1.ttf');}
@media(min-width:1500px){
.swiper-container img {	width: 100%!important; margin-left:0!important;}
}
@media(min-width:1000px){
#top{ background:url(image/index_01.jpg) center top no-repeat #3150a2; width:100%; overflow:hidden;}
#top1{ width:1200px; margin:0 auto; overflow:hidden;}
#logo{ float:left; margin-top:5px;}
#menubtn{ display:none;}
#lan{ display:none;}

#menu{ float:right;}
#menu ul{ list-style:none; float:left;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; color:#fff; font-size:14px; line-height:100px; padding:0 25px;}
#menu ul li a.a1{ border-top:solid 5px #51ca47;}
#menu ul li a.a2{ border-top:solid 5px #ff6060;}
#menu ul li a.a3{ border-top:solid 5px #b85cff;}
#menu ul li a.a4{ border-top:solid 5px #00bdb2;}
#menu ul li a.a5{ border-top:solid 5px #4edd00;}
#menu ul li a.a6{ border-top:solid 5px #ffd200;}
#menu ul li a.a7{ border-top:solid 5px #ff6c00;}

#menu ul li a.a1:hover{ background:#51ca47;}
#menu ul li a.a2:hover{ background:#ff6060;}
#menu ul li a.a3:hover{ background:#b85cff;}
#menu ul li a.a4:hover{ background:#00bdb2;}
#menu ul li a.a5:hover{ background:#4edd00;}
#menu ul li a.a6:hover{ background:#ffd200;}
#menu ul li a.a7:hover{ background:#ff6c00;}
#menu dl{ float:right; margin-left:70px; margin-top:5px;}
#menu dl dt a{ color:#fff; line-height:100px;}
#menu dl dt a img{ margin-right:5px; margin-top:2px;}

.swiper-container {	width: 100%;height: 100%;}
.swiper-container img {	width: 130%; margin-left:-15%;}
.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;
	overflow:hidden;
}

#index1{ width:1279px; margin:54px auto 0 auto; overflow:hidden;}
#index1 ul{ list-style:none; width:1289px;}
#index1 ul li{ float:left; margin-right:10px; margin-bottom:10px;}
#index1 ul li a{ display:block; color:#fff;}
#index1 ul li a div.a1{ width:472px; height:230px; overflow:hidden;}
#index1 ul li a div.a2{ width:390px; height:230px; overflow:hidden;}
#index1 ul li a div.a3{ width:397px; height:230px; overflow:hidden;}
#index1 ul li a div.a4{ width:390px; height:230px; overflow:hidden;}
#index1 ul li a div.a5{ width:390px; height:230px; overflow:hidden;}
#index1 ul li a div.a6{ width:479px; height:230px; overflow:hidden;}

#index1 ul li a img{transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#index1 ul li a img:hover{transform:scale(1.15);}
#index1 ul li a p{ position:absolute; margin:-220px 0 0 20px;}
#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:60px;}

#partner{ width:1200px; margin: 0 auto; overflow:hidden; text-align:center; padding-top:40px;}
#partner ul{ list-style:none; display:inline-block;}
#partner ul li{ float:left; border:solid 1px #eee; margin:10px 10px; transition:border 0.5s;}
#partner ul li p{ height:98px; overflow:hidden;}
#partner ul li:hover{ border:solid 1px #000;}


#index_more{ overflow:hidden; width:100%; margin:60px auto 50px 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{ background:url(image/index2_48.jpg) center top no-repeat #3150a2; width:100%; overflow:hidden; border-bottom:solid 3px #91c1ff;}
#bottom1{ width:1200px; margin:0 auto; padding-top:70px; overflow:hidden; background:url(image/index_55.jpg) bottom right no-repeat;}
#bottom1 .left{ float:left; color:#fff;}
#bottom1 .left p.a1 a{ color:#fff;}
#bottom1 .left p.a1 a:hover{ text-decoration:underline;}
#bottom1 .left p.a1 span{ padding:0 20px;}
#bottom1 .left p.a2{ font-size:12px; line-height:18px; padding:20px 0;}
#bottom1 .left p.a3{ padding-bottom:30px; font-size:12px;}
#bottom1 .right{ float:right;}
#mbottom{ display:none;}
#mbottom1{ display:none;}

#conpic{ width:100%; overflow:hidden;}
#conpic img{ width:100%;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#aboutmenu ul{ width:1200px; 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:60px; text-align:center; border-left:solid 1px #eee; background:url(image/di.jpg) center -245px no-repeat/100% auto;}
#aboutmenu ul li a:hover{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% auto;}
#aboutmenu ul li a.it{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% auto;}

#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:left; font-size:24px; color:#000; line-height:40px; padding-top:30px; border-bottom:solid 1px #eee;}
#title span{ float:right; font-size:12px; color:#999;}

#content{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#content p{ overflow:hidden;}
#content p.a1 img{ float:right; margin-left:50px;}
#content p.a2 img{ float:left; margin-right:50px;}
#content p span{ padding-top:30px; display:block;}

#picture{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
#picture ul{ list-style:none; width:1300px;}
#picture ul li{ float:left; width:285px; margin-right:20px; margin-bottom:10px;}
#picture ul li a{ display:block; line-height:50px; text-align:center;}
#picture ul li a div{ width:285px; height:170px; overflow:hidden;}
#picture ul li a img{ width:100%;transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#picture ul li a:hover{ background:#3150a2; color:#fff;}
#picture ul li a img:hover{transform:scale(1.15);}

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

#history{ width:1200px; margin:40px auto 80px auto; overflow:hidden; background:url(image/line.jpg) left 178px repeat-x;}
#history ul{ list-style:none;}
#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:1200px; margin:30px auto 0 auto; overflow:hidden;}
#pro ul{ list-style:none; width:1300px;}
#pro ul li{ float:left; width:285px; margin-right:20px; margin-bottom:10px;}
#pro ul li a{ display:block; line-height:50px; text-align:center;}
#pro ul li a div{ width:285px; height:285px; overflow:hidden;}
#pro ul li a img{ width:100%;transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#pro ul li a:hover{ background:#3150a2; color:#fff;}
#pro ul li a img:hover{transform:scale(1.15);}

#promenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#promenu ul{ width:1000px; margin:0 auto; list-style:none; border-right:solid 1px #eee; overflow:hidden;}
#promenu ul li{ float:left; width:200px;}
#promenu ul li div{ position:absolute; width:200px; background:#fff; display:none;}
#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:60px; text-align:center; border-left:solid 1px #eee; background:url(image/di.jpg) center -245px no-repeat/100% 245px;}
#promenu ul li a:hover{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% auto;}
#promenu ul li a.it{ color:#fff; background:url(image/di.jpg) center 0px no-repeat/100% auto;}

#partnerlist{ width:1200px; margin:0 auto; overflow:hidden; text-align:center; padding-top:40px;}
#partnerlist ul{ list-style:none; display:inline-block;}
#partnerlist ul li{ float:left; border:solid 1px #eee; margin:0 10px; transition:border 0.5s; margin-bottom:20px;}
#partnerlist ul li p{ height:98px; overflow:hidden;}
#partnerlist ul li:hover{ border:solid 1px #000;}
#partnerlist ul li img{ margin-top:0; transition:margin 0.5s;}
#partnerlist ul li:hover img{ margin-top:-98px;}

#newsmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#newsmenu ul{ width:400px; margin:0 auto; list-style:none; border-right:solid 1px #eee; overflow:hidden;}
#newsmenu ul li{ float:left; width:200px;}
#newsmenu ul li a{ display:block; line-height:60px; 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:1200px; margin:0 auto 40px auto; overflow:hidden;}
#news ul{ list-style:none; width:1300px;}
#news ul li{ width:380px; margin-right:30px; margin-top:50px; float:left;}
#news ul li a{ display:block; }
#news ul li a p.a1{ font-size:18px; color:#000; overflow:hidden; white-space:nowrap;}
#news ul li a p.a2{ font-size:12px; line-height:18px; color:#3150a2; margin-top:10px;}
#news ul li a p.a3{ color:#666; line-height:24px; margin-top:20px; height:72px; overflow:hidden;}
#news ul li a:hover p.a1{ color:#ff6060;}

#contact{ width:1200px; margin:40px auto 80px auto; overflow:hidden;}
#contact .left{ float:left; width:460px; overflow:hidden;}
#contact .left p{ line-height:60px; border-bottom:solid 1px #eee;}
#contact .left p img{ width:30px; border-radius:50px; margin:15px 10px 0 0; float:left; border:solid 2px #eee;}
#contact .left p.code img{ width:100px; border:none; border-radius:0;}
#contact .left p.code{ border:0; overflow:hidden; padding-bottom:2rem;}
#contact .right{width:700px; float:right; border:solid 1px #eee; padding:1px;}

#feedback{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#feedback .left{ float:left; width:600px;}
#feedback .left p{ padding:10px 0; overflow:hidden;}
#feedback .left p span{ background:#3150a2; color:#fff; display:block; float:left; line-height:42px; width:80px; text-align:center;}
#feedback .left p input{ border:solid 1px #ddd; width:500px; height:40px; line-height:40px;}
#feedback .left p a{ float:left; margin-right:10px; display:block; line-height:46px; background:#ff6060;border:solid 1px #ff6060; color:#fff; width:200px; text-align:center; border-radius:3px; font-size:16px;}
#feedback .left p a:hover{ width:240px; background:#3150a2;border:solid 1px #3150a2;}

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


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



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

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

#about_di{ width:100%; overflow:hidden; background:#1f2a43;}
#about_tt2{ width:1200px; margin:80px auto 0 auto; overflow:hidden;}
#about_tt2 p.a1{ font-family:toy; text-transform:uppercase; font-size:48px; color:#fff; line-height:48px;}
#about_tt2 p.a2{ font-size:24px; color:#fff;}
#about_con2{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#about_con2 ul{ width:1400px;}
#about_con2 ul li{ width:200px; color:#fff; overflow:hidden; float:left; text-align:left; margin:50px 0 0 0;}
#about_con2 ul li div.a1{}
#about_con2 ul li div.a2{ overflow:hidden;}
#about_con2 ul li div.a2 p{ font-size:18px; line-height:40px; text-align:center; width:156px;}

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

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

#about_con3{ width:1200px; margin:30px auto 80px auto; overflow:hidden;}
#about_con3 ul{ width:1300px}
#about_con3 ul li{ width:380px; float:left; margin-right:30px;}
#about_con3 ul li p.a1{ font-size:18px; line-height:50px; color:#000; text-align:center;}

#case{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#case ul li{ border-bottom:solid 1px #eee; margin-top:60px; overflow:hidden; width:50%; float:left; padding-bottom:60px;}
#case ul li div.left{ float:left;}
#case ul li div.left img{ width:130px;}
#case ul li div.right{ float:right; width:440px;}
#case ul li div.right p.a1{ font-size:30px; line-height:50px; font-family:toy; color:#000;display: none;}
#case ul li div.right p.a2{ font-size:30px; line-height:36px; color:#000; display:none;}

#case ul li div.right p.a4{ padding-top:0px; font-size:18px; }
#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:30px; line-height:40px; font-weight:900; color:#000;}

#case1{ width:1200px; margin:0 auto; overflow:hidden; font-size:18px; line-height:50px; border-bottom:solid 1px #eee; padding-bottom:50px; letter-spacing:5px;}

#news_tt{ width:1200px; margin:40px 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:60px; color:#000; line-height:60px;}
#news_tt p.a1 span{ font-family:toy1;}
#news_tt p.a2{ font-size:24px; color:#000;}

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

#hotnews{ width:1200px; margin:25px auto 0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:50px;}
#hotnews a{ display:block;}
#hotnews a img{ float:left; margin-right:40px;}
#hotnews a div.a2{ overflow:hidden;}
#hotnews a div.a2 p.a{}
#hotnews a div.a2 p.b{ color:#3150a2; font-size:24px; line-height:30px;}
#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:url(image/salenet.png) no-repeat center #e5ebf9; width:100%; overflow:hidden;}
#partner_tt{ width:1200px; margin:60px auto 0 auto; overflow:hidden;}
#partner_tt p{ font-size:24px; line-height:40px; color:#000;}

#partner_brand{ width:1200px; margin:30px auto 70px auto; overflow:hidden;}
#partner_brand ul li{ float:left; margin-right:20px; margin-bottom:20px;}
#partner_brand ul li a{ display:block; border:solid 1px #d6dbe8;}
#partner_brand ul li a:hover{ border:solid 1px #ff6060;}

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

#partner_list{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#partner_list ul{ width:1300px;}
#partner_list ul li{  width:380px; margin-right:30px; float:left; padding:60px 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:60px; color:#000;}
#partner_list ul li a p img{ width:auto;}

#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:1200px; margin:80px auto 0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:60px;}
.pro_tt img{ float:left; margin-right:40px;}
.pro_tt .pro_r{ overflow:hidden;}
.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:1200px; margin:50px auto 60px auto; overflow:hidden;}
.pro_l dl{ width:1300px;}
.pro_l dl dd{ float:left;text-align:center; width:276px; margin-right:32px;}
.pro_l dl dd img{ width:100%;}
.pro_l dl dt{ float:left; width:276px;}
.pro_l dl dt a{ display:block; width:276px; height:276px; line-height:276px; text-align:center; font-size:36px; 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:1200px; margin:0 auto; overflow:hidden; font-size:16px; line-height:36px; padding:30px 0;}

#index_btn{ width:1290px; margin:60px auto 0 auto; overflow:hidden;}
#index_btn ul li{ float:left; width:420px; margin:5px; background:#000; }
#index_btn ul li a{ display:block;color:#fff;}
#index_btn ul li a div.a1{ float:left; overflow:hidden;}
#index_btn ul li a div.a1 img{transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#index_btn ul li a:hover div.a1 img{transform:scale(1.15);}

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

#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:1200px; margin:0 auto; overflow:hidden; padding-top:20px; }
#member font{ color:#d00;}
#member span{ padding-left:30px;}
#member span a:hover{ color:#d00; text-decoration:underline;}

#liucheng{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#liucheng img.a2{ display:none;}

}