﻿@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a{font-size:14px; color:#000; text-decoration:none; transition:background 0.5s,color 0.5s,border 0.5s,width 0.5s,padding 0.5s,margin 0.5s;}
ul{ list-style:none;}
img{ padding:0; margin:0;}

@media(min-width:1500px){
.idd_banner .swiper-slide img{ width:1920px!important;}
	}
@media(min-width:900px){
/*banner*/
.swiper-container1 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-container2 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-container3 {width:100%; margin-left:auto; margin-right:auto; }
.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-slide{ overflow:hidden;}
.swiper-slide img{ width:100%;}

#index1{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat top center; padding-bottom:50px;}

.kuang{ width:1200px; margin:0 auto;}

/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto;}
.ind_app .swiper-slide {text-align: center;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; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.ind_app .swiper-slide a{ display:block; text-align:center;background:#f7f7f7;}
.ind_app .swiper-slide a img{width:100%;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}

#top{ width:100%;  background:#fff; height:90px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); position:fixed; z-index:500; top:0; left:0;}
#top1{ width:100%; height:90px; overflow:hidden;}

#top_k{ width:1200px; margin:0 auto; overflow:hidden;}
#logo{ float:left;}
#menu{ float:right; }
#menu ul li{float:left;}
#menu ul li a{ display:block; line-height:90px; font-size:17px; padding:0 20px; font-weight:700; color:#333;}
#menu ul li a:hover{ background:#f7f7f7; color:#1c1f8a;}

#menu ul li .kmenu{ width:200px;position:absolute; z-index:500; background:#fff; display:none;}
#menu ul li .kmenu div.p a{ font-size:16px; line-height:50px; color:#666; font-weight:200;}
#menu ul li .kmenu div.p div.san{ position:absolute; overflow:hidden; width:200px; margin-left:200px; background:#f7f7f7; display:none; margin-top:-50px;}
#menu ul li .kmenu div.p a:hover{ color:#1c1f8a; background:#f7f7f7;}

#pro_zmenu{ width:100%; background:#f7f7f7; overflow:hidden; position:absolute; left:0; text-align:center; padding:20px 0; display:none;}
#pro_zmenu dl{ display:inline-block;}
#pro_zmenu dl dd{ float:left; width:124px; text-align:left; margin:0 10px;}
#pro_zmenu dl dd p.tt a{ line-height:40px; font-size:14px; color:#000; font-weight:900;}
#pro_zmenu dl dd a{ line-height:30px; display:inline; padding:0; font-size:14px; font-weight:100; color:#666;background:url(image/line3.jpg) no-repeat left bottom/0% 1px;}
#pro_zmenu dl dd a:hover{ color:#c00; background:url(image/line3.jpg) no-repeat left bottom/100% 1px;}

#close{ display:none;}
#mbtn{ display:none;}

#lan{ float:right;}
#lan a{ display:block; background:#f7f7f7; line-height:30px; border-radius:5px; width:102px; text-align:center; margin-top:25px; color:#666; font-family:Arial, sans-serif;}
#lan a img{ vertical-align:middle; margin-right:2px; margin-bottom:3px;}
#lan a:hover{ color:#fff; background:#1b1e87;}

.index_title{ overflow:hidden; text-align:center; font-size:30px; line-height:40px; color:#000; font-weight:900; padding-top:50px; width:1200px; margin:0 auto;}
.index_title p{ font-size:14px; color:#333; text-transform:uppercase; font-weight:200; line-height:20px; background:url(image/line2.png) no-repeat center;}


#index_page{ text-align:center; overflow:hidden; width:100%; padding-top:20px;}
#index_page ul{ display:inline-block;}
#index_page ul li{ float:left; margin:0 5px;}
#index_page ul li a{ display:block; background:#fff; border-radius:3px;}
#index_page ul li.a1 a{ width:68px; height:40px; background:url(image/bit1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bit1.png) no-repeat -68px center #c00;}

#index_page ul li.a2 a{ width:88px; height:40px; background:url(image/bit3.png) no-repeat 0 -40px #fff;}
#index_page ul li.a2 a:hover{ background:url(image/bit3.png) no-repeat 0 0 #c00;}

#index_page ul li.a3 a{ width:68px; height:40px; background:url(image/bit2.png) no-repeat -68px center #fff;}
#index_page ul li.a3 a:hover{ background:url(image/bit2.png) no-repeat 0 center #c00;}

#index_probtn{ width:100%; overflow:hidden; text-align:center; background:#fff; padding:40px 0 20px 0;}
#index_probtn ul{ display:inline-block; width:90%;}
#index_probtn ul li{ float:left; width:10%;}
#index_probtn ul li a{ display:block; color:#666; line-height:40px;}
#index_probtn ul li a:hover{ color:#d00;}

#index_news{ background:url(image/di.jpg) no-repeat center top; width:100%; overflow:hidden;}


.index_title1{ overflow:hidden; text-align:center; font-size:30px; line-height:40px; color:#fff; padding-top:50px; width:1200px; margin:0 auto; font-weight:900;}
.index_title1 p{ font-size:14px; color:rgba(255,255,255,0.5); text-transform:uppercase; line-height:20px; background:url(image/line1.png) no-repeat center; font-weight:100;}

#index_newslist{ width:1200px; margin:30px auto 80px auto; overflow:hidden;}
#index_newslist .newsli{ float:left; width:550px; overflow:hidden; background:url(image/hline.png) repeat-y 8px;}
#index_newslist .newsli ul li{ padding-top:15px; overflow:hidden; padding-bottom:10px;}
#index_newslist .newsli ul li a{ display:block; color:#fff;}
#index_newslist .newsli ul li a .bit{ float:left; width:40px;}
#index_newslist .newsli ul li a .con{ overflow:hidden; float:right; width:510px; border-bottom:solid 1px rgba(255,255,255,0.1); padding-bottom:15px;background:url(image/line2.jpg) no-repeat left bottom/0% 1px; transition:background 0.5s;}
#index_newslist .newsli ul li a .con p.a1{ color:rgba(255,255,255,0.5);}
#index_newslist .newsli ul li a .con p.a2{ font-size:18px;}
#index_newslist .newsli ul li a .con p.a3{ color:rgba(255,255,255,0.3); font-size:12px;}
#index_newslist .newsli ul li.it a .con{ text-decoration:underline;}
#index_newslist .newsli ul li.it a .con{ border:none;}

#index_newslist .newsli ul li a:hover .con{ background:url(image/line2.jpg) no-repeat left bottom/100% 1px;}


#index_newslist .newspic{ float:right;}
#index_newslist .newspic p{ display:none;}

#index_about_di{ width:100%; background:url(image/di2.jpg) no-repeat center/auto 100%; overflow:hidden;}

#index_about{ width:90%; margin:90px auto; overflow:hidden;}
#index_about .pic{ float:left; width:50%}
#index_about .pic img{ width:100%;}
#index_about .con{ float:right; width:45%;}
#index_about .con p.a0 img{ width:200px;}
#index_about .con p.a1{ font-size:30px; line-height:60px; font-weight:900; color:#333; padding-bottom:50px;}
#index_about .con p.a2{ font-size:18px; color:#555;  line-height:30px;}
#index_about .con p.a3{ margin-top:70px;}
#index_about .con p.a3 a{ background:#1c1f8a; width:105px; line-height:36px; border-radius:5px; display:block; color:#fff; text-align:center; transition:width 0.5s,background 0.5s,color 0.5s;}
#index_about .con p.a3 a:hover{ background:#c00; color:#fff; width:130px;}

#index_partner{ width:100%; background:#9bdae0; text-align:center; overflow:hidden; padding:40px 0;}
#index_partner ul{ display:inline-block;}
#index_partner ul li{ float:left; margin:0 10px;}
#index_partner ul li a{ display:block; box-shadow:0px 5px 5px rgba(0,0,0,0); transition:box-shadow 0.5s;}
#index_partner ul li a:hover{ box-shadow:0px 5px 5px rgba(0,0,0,0.2);}

#bottom{ width:100%; background:#0d1c33; overflow:hidden;}
.bottom{ width:1200px; margin:40px auto 70px auto; overflow:hidden; color:#fff;}
.bottom a{ color:#ccc;}
.bottom ul li{ float:left;}
.bottom ul li p{ font-size:16px; line-height:60px;}
.bottom ul li.a1{ margin-right:140px;}
.bottom ul li.a2{ margin-right:80px;}
.bottom ul li.a3{ margin-right:270px; padding-top:60px;}
.bottom ul li.a4{ margin-right:58px;}
.bottom ul li.a5{ width:315px;}
.bottom ul li.a5 span{ display:block;}
.bottom ul li.a5 span.b1{ color:#ccc; line-height:18px;}
.bottom ul li.a5 span.b2{ font-size:36px; line-height:40px; font-weight:900;}
.bottom ul li.a5 span.b3{ color:#ccc; line-height:18px; font-size:12px;}

#bottom1{ width:100%; overflow:hidden; text-align:center; background:#fff; line-height:60px; color:#666;}
#mbottom{ display:none;}
#mbottom1{ display:none;}

/*内页CSS*/
#banner_cc{ width:100%; overflow:hidden;}
#banner_cc img{ width:100%;}

#aboutmenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#aboutmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#aboutmenu ul li{ float:left; border-left:solid 1px #fff;}
#aboutmenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px;}
#aboutmenu ul li a:hover{ background:#d40012; color:#fff;}

#promenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#promenu ul{ display:inline-block; border-right:solid 1px #fff;}
#promenu ul li{ float:left; border-left:solid 1px #fff;}
#promenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 40px;}
#promenu ul li a:hover{ background:#d40012; color:#fff;}

#promenu ul li .p_zmenu{ position:absolute; background:#eee; display:none; z-index:500;}
#promenu ul li .p_zmenu p a{ line-height:40px; font-size:14px; text-align:left;}
#promenu ul li .p_zmenu p a:hover{ background:#18258b; color:#fff;}

#newsmenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#newsmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#newsmenu ul li{ float:left; border-left:solid 1px #fff;}
#newsmenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px;}
#newsmenu ul li a:hover{ background:#d40012; color:#fff;}

#servicemenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#servicemenu ul{ display:inline-block; border-right:solid 1px #fff;}
#servicemenu ul li{ float:left; border-left:solid 1px #fff;}
#servicemenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px;}
#servicemenu ul li a:hover{ background:#d40012; color:#fff;}

#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:30px; line-height:40px; font-weight:900; color:#000; padding-top:40px;}
#title p.bread{ color:#ccc; font-size:12px; background:url(image/line.jpg) repeat-x center;}
#title p.bread a{ color:#ccc;}
#title p.bread a:hover{ color:#000;}
#title p.bread span{ background:#fff; padding:0 20px;}

#content{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#pro_content{ width:1200px;margin:10px auto 0 auto; overflow:hidden;}

#workshop{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:1300px;}
#workshop ul li{ width:380px; margin-right:30px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#workshop ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#workshop 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;}
#workshop ul li a img:hover{transform:scale(1.15);}
#workshop ul li a:hover{ background:#d40012; color:#fff;}


#honor{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#honor ul{ width:1300px;}
#honor ul li{ width:285px; margin-right:20px; float:left; margin-bottom:20px;}
#honor ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#honor ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#honor 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;}
#honor ul li a img:hover{transform:scale(1.15);}
#honor ul li a:hover{ background:#d40012; color:#fff;}


#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 80px auto;}
#page ul{ 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:#d40012; color:#fff;}
#page ul li a.it{ background:#d40012; color:#fff;}

#history_con{ width:1200px; margin:60px auto; overflow:hidden; background:url(image/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:18px; color:#000; font-weight:900; line-height:20px;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:16px; padding-bottom:20px;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

#news{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; margin-top:30px;}
#news ul li a{ display:block; overflow:hidden; padding-bottom:30px;}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ float:left; margin-right:40px; width:380px;}
#news ul li a p.tt{ font-size:18px; color:#000; line-height:60px; font-weight:900;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:40px; text-align:center; color:#18258b; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#d40012; color:#fff; width:150px;}

#job{ width:1200px; margin:0 auto 40px auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:20%;}
#job ul li p.yp{ float:left; width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px;}
#job ul li p a{ float:right; display:block; background:#e4f0f4; width:100px; color:#0051a3; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; color:#fff; background:#0051a3}


#wyjob{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#wyjob p{ padding-top:20px; float:left; width:20%;}
#wyjob p.content{ width:98.2%;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#0f3d80; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ background:#d40012;}

#service{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#service div.a1{ width:100%; overflow:hidden; padding-bottom:20px; border-bottom:solid 1px #eee; margin-bottom:30px;}
#service div.a1 p{ font-size:18px; line-height:60px; color:#0051a3; font-weight:900;}
#service div.a2{ width:380px; margin-right:30px; float:left;}
#service div.a2 p{ line-height:50px; border-bottom:solid 1px #eee; font-size:18px; font-weight:900; color:#0051a3; margin-bottom:20px;}
#service div.a3{ width:380px; float:left;}
#service div.a3 p{ line-height:50px; border-bottom:solid 1px #eee; font-size:18px; font-weight:900; color:#0051a3; margin-bottom:20px;}

#contact{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#contact .contact{ width:500px; float:left;}
#contact p{ font-size:16px; line-height:24px; padding:18px 0; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:20px; color:#000; font-weight:900; line-height:24px;}
#contact .map{ float:right;}

#feedback{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#feedback p{ padding-top:20px; float:left; width:25%;}
#feedback p.content{ width:98.2%;}
#feedback p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#feedback p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#0f3d80; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#feedback p a:hover{ background:#d40012;}

#prolist{ width:1220px; margin:30px auto 20px auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ float:left; width:285px; margin:0 10px 20px 10px; }
#prolist ul li a{ display:block; border:solid 1px #eee; padding:0 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0); transition:box-shadow 0.5s;}
#prolist ul li a img{ width:100%;}
#prolist ul li a p.tt{ line-height:40px; font-size:14px;  text-align:center; border-bottom:solid 1px #eee;}
#prolist ul li a p.con{ padding:20px 0; color:#666; overflow:hidden; border-bottom:solid 1px #eee;}
#prolist ul li a p.more{ width:35%; line-height:30px; font-size:12px; color:#0f3d80; background:#f7f7f7; margin:0 auto; overflow:hidden; border-radius:5px; text-align:center; margin:20px auto; transition:background 0.5s,color 0.5s,width 0.5s;}
#prolist ul li a p.more:hover{ background:#d40012; color:#fff; width:50%;}
#prolist ul li a:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}

#probig{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
#probig .left{ width:600px; float:left;}
#probig .left img{ width:100%;}
#probig .right{ width:550px; float:right;}
#probig .right p.a1{ font-size:24px; line-height:60px; border-bottom:solid 1px #eee; color:#000;}
#probig .right p.a2{ padding:20px 0; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a3{ padding-top:20px;}
#probig .right p.a4{ font-family:Arial, sans-serif; color:#d40012; font-weight:900; line-height:40px; font-size:30px;}
#probig .right p.a5{ overflow:hidden; margin-top:20px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a5 a{ display:block; background:url(image/bit.png) 35px center no-repeat/40px auto #ffc000; color:#fff; text-indent:80px; line-height:50px; width:200px; font-size:18px; border-radius:5px; text-align:left;}
#probig .right p.a5 a:hover{ background:url(image/bit.png) 35px center no-repeat/40px auto #18258b;}

#probig_menu{ width:1200px; margin:30px auto 0 auto; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#probig_menu ul li{ float:left; width:33.33%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:50px;}
#probig_menu ul li a:hover{ background:#18258b; color:#fff;}
#probig_menu ul li a.it{ background:#18258b; color:#fff;}

#probig_con{ width:1200px; margin:30px auto 50px auto; overflow:hidden;}

.canshu{ width:1200px; margin:10px auto 10px auto; overflow:hidden;}
.canshu table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
.canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; }

#guige{ width:1200px; margin:40px auto 40px auto; overflow:hidden;}
#guige table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
#guige table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

.bbg{ display:none;}

#xunpan{ width:1200px; margin:0 auto; line-height:60px; overflow:hidden; border-top:solid 2px #000; color:#d00;}

#salenet{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#salenet .k1{ width:42%; float:left; border:solid 1px #eee; padding:10px 3% 30px 3%; height:240px; background:#f7f7f7;}
#salenet .k1 p{ font-size:18px; color:#000; line-height:60px; font-weight:900;}
#salenet .k2{ width:42%; float:right; border:solid 1px #eee; padding:10px 3% 30px 3%; height:240px; background:#f7f7f7;}
#salenet .k2 p{ font-size:18px; color:#000; line-height:60px; font-weight:900;}

#hx1{ width:100%; overflow:hidden;}
#hx1 .a1{ float:left;}
#hx1 .a2{ float:right; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx1 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx2{ width:100%; overflow:hidden;}
#hx2 .a1{ float:right;}
#hx2 .a2{ float:left; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx2 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx3{ width:100%; overflow:hidden;}
#hx3 .a1{ float:left;}
#hx3 .a2{ float:right; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx3 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx4{ width:100%; overflow:hidden;}
#hx4 .a1{ float:right;}
#hx4 .a2{ float:left; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx4 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx5{ width:100%; overflow:hidden;}
#hx5 .a1{ float:left;}
#hx5 .a2{ float:right; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx5 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx6{ width:100%; overflow:hidden;}
#hx6 .a1{ float:right;}
#hx6 .a2{ float:left; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx6 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx7{ width:100%; overflow:hidden;}
#hx7 .a1{ float:left;}
#hx7 .a2{ float:right; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx7 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#hx8{ width:100%; overflow:hidden;}
#hx8 .a1{ float:right;}
#hx8 .a2{ float:left; background:#f7f7f7; width:500px; height:300px; padding:50px;}
#hx8 .a2 p{ font-size:24px; line-height:50px; color:#333;}

#culture{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#culture p.a1{ float:left; width:600px;}
#culture p.a2{ float:right; width:600px;}


#partner{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#partner ul{ width:1300px;}
#partner ul li{ width:220px; margin:0 10px 0 10px; float:left; margin-bottom:20px;}
#partner ul li a{ display:block; line-height:50px; text-align:center; background:#fff; border:solid 1px #eee; overflow:hidden;}
#partner ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#partner 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;}
#partner ul li a img:hover{transform:scale(1.15);}
#partner ul li a:hover{ background:#d40012; color:#fff;}

#download{ width:1200px; margin:30px auto 10px auto; overflow:hidden;}
#download ul{ width:1300px;}
#download ul li{ width:580px; float:left; margin-right:40px; margin-bottom:20px;}
#download ul li a{ display:block; border:solid 1px #eee; line-height:60px; padding:0 20px;}
#download ul li a p{ float:right; color:#666;}
#download ul li a:hover{ background:#c00; color:#fff;}
#download ul li a:hover p{ color:#fff;}

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:hidden; background:#fff;}
.canshu table{width:1200px;} 
.cs-d{display:none;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}










}