@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	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:all 0.5s;} 
ul{ list-style:none;}
@media(min-width:1300px) {	
#menu{margin-left:5vw!important;}
#menu ul li a{padding:0 1.5vw!important;}
}
@media(min-width:1024px) {
/*banner*/
.swiper-container {	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:1920px;}

#top_k{ width:100%; background:#fff; position:fixed; z-index:30; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
#top{ width:100%; margin:0 auto; overflow:hidden;}
#hei{ height:90px; width:100%; overflow:hidden;}

#logo{ float:left; margin-left:2vw;}
#menu{ float:left; margin-left:2vw;}
#menu ul{ float:left;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; font-size:16px; padding:0 1vw; color:#333;}
#menu ul li a:hover{ background:#1e90ff; color:#fff;}

#menu ul li div{ position:absolute; z-index:500; display:none;}
#menu ul li div p{}
#menu ul li div p a{ line-height:40px; background:url(image/b1.png) no-repeat 98% #fff; color:#000; font-size:14px; width:160px;border-top:solid 1px #eee;}
#menu ul li div p a:hover{background:url(image/b2.png) no-repeat 10% #1e90ff; color:#fff; padding-left:40px;}

#close{ display:none;}
#lan{ float:right;}
#lan ul li{ float:left; width:100px; height:100px; text-align:center; cursor:pointer; color:#fff;}
#lan ul li img{ margin-top:10px;}
#lan ul li:nth-child(1){ background:#1e90ff;}
#lan ul li:nth-child(2){ background:#0059b0;}

#search{ position:absolute; background:#1e90ff; padding:40px; top:100px; right:100px; overflow:hidden; display:none;}
#search input{ border:solid 1px rgba(255,255,255,1); background:none; height:36px; width:300px; text-indent:10px; color:#fff;}
#search input::placeholder{ color:#fff;}
#search button{ width:100px; height:38px; float:right; cursor:pointer; background:#fff;}

#language{ position:absolute; background:#0059b0; top:100px; right:0; padding:30px; display:none;}
#language a{ display:block; line-height:40px; width:150px; text-align:center; color:#fff;}
#language a:hover{ color:#fff; background:#1e90ff; border-radius:20px;}

#menubtn{ display:none;}

#index_about_k{ background:url(image/di1.jpg) no-repeat center top; width:100%; overflow:hidden; height:auto;}

#index_about_k .tt{ text-align:center; width:1200px; margin:60px auto 0 auto; overflow:hidden;}
#index_about_k .tt p:nth-child(1){}
#index_about_k .tt p:nth-child(1) img{ width:104px;}
#index_about_k .tt p:nth-child(2){ font-size:48px; line-height:60px; font-weight:bold; color:#000;}
#index_about_k .tt p:nth-child(3){ font-size:16px; line-height:60px;  color:#666;}


#index_about{ width:1200px; margin:40px auto 30px auto; overflow:hidden;}
#index_about ul{ width:1300px;}
#index_about ul li{ float:left; margin-right:30px; width:380px; overflow:hidden;}
#index_about ul li a{ display:block;}
#index_about ul li a img{ width:100%; transition:all 0.5s;}
#index_about ul li a:hover img{ transform:scale(1.15);}

#index_about1{ width:1200px; margin:0 auto; overflow:hidden; background:url(image/jpic4.jpg) no-repeat center/100% auto; transition:all 0.5s; height:550px; text-align:center;}
#index_about1 img{ margin-top:240px;}
#index_about1 a{ display:block;}
#index_about1:hover{ background:url(image/jpic4.jpg) no-repeat center/120% auto;}
#index_about1 video{ width:100%;}

#index_about2{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:130px;}
#index_about2 .left{ width:610px; float:left; color:#fff; padding:0 90px 0 50px;}
#index_about2 .left p:nth-child(1){ font-size:30px; line-height:60px; font-weight:bold; padding-top:30px;}
#index_about2 .left p:nth-child(2){ padding-top:10px;}
#index_about2 .left p:nth-child(3){ margin-top:30px;}
#index_about2 .left p:nth-child(3) a{ color:#fff; font-size:16px; background:url(image/line.jpg) no-repeat bottom left/0% 1px;}
#index_about2 .left p:nth-child(3) a:hover{background:url(image/line.jpg) no-repeat bottom left/100% 1px;}

#index_about2 .right{ width:450px; float:right;}
#index_about2 .right div{ position:absolute; background:#fff; width:330px; height:397px; margin-top:-70px; padding:0 60px;}
#index_about2 .right div p:nth-child(1){ font-size:30px; line-height:60px; padding-top:30px; font-weight:bold; color:#333;}
#index_about2 .right div p:nth-child(2){ font-size:16px; line-height:30px; padding-top:10px;color:#666;}
#index_about2 .right div p:nth-child(3){ font-size:16px; line-height:40px; padding-top:20px;color:#666; border-bottom:solid 1px #eee; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#index_about2 .right div p:nth-child(3) img{ vertical-align:middle; margin:0 10px 2px 0;}
#index_about2 .right div p:nth-child(4){ font-size:16px; line-height:40px; color:#666; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#index_about2 .right div p:nth-child(4) img{ vertical-align:middle; margin:0 10px 2px 0;}

#ind_hot_pro{ width:100%; overflow:hidden; background:#f8f8f8;}
#ind_hot_pro .ku{ width:1200px; margin:130px auto 100px auto; overflow:hidden; }
#ind_hot_pro .ku ul:nth-child(1){float:left; width:780px; overflow:hidden;}
#ind_hot_pro .ku ul:nth-child(1) li{ float:left;}
#ind_hot_pro .ku ul:nth-child(1) li p{ overflow:hidden;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(1){margin-right:20px; width:380px;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(1) a{ display:block; text-align:center; font-size:16px; color:#666; line-height:60px;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(1) a img{ width:100%; transition:all 0.5s;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(1) a:hover img{ transform:scale(1.15);}

#ind_hot_pro .ku ul:nth-child(1) li:nth-child(2){margin-right:50px; width:380px;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(2) a{ display:block; text-align:center; font-size:16px; color:#666; line-height:60px;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(2) a img{ width:100%; transition:all 0.5s;}
#ind_hot_pro .ku ul:nth-child(1) li:nth-child(2) a:hover img{ transform:scale(1.15);}

#ind_hot_pro .ku ul:nth-child(2){float:right; width:370px;}
#ind_hot_pro .ku ul:nth-child(2) li{width:370px;}
#ind_hot_pro .ku ul:nth-child(2) li p:nth-child(1){ font-size:30px; color:#333; line-height:60px; font-weight:bold;}
#ind_hot_pro .ku ul:nth-child(2) li p:nth-child(2){ font-size:16px; color:#666; line-height:30px; margin-top:10px;}
#ind_hot_pro .ku ul:nth-child(2) li p:nth-child(3){ margin-top:40px;}
#ind_hot_pro .ku ul:nth-child(2) li p:nth-child(3) a{ display:block; width:150px; line-height:50px; border-radius:5px; color:#fff; text-align:center; font-size:16px; background:#1e90ff;}
#ind_hot_pro .ku ul:nth-child(2) li p:nth-child(3) a:hover{ width:170px;}


.ind_h_pro {width:100%; margin-left:auto; margin-right:auto; }
.ind_h_pro .swiper-slide {text-align: center;padding-bottom:20px;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_h_pro .swiper-slide{background:none;}
.ind_h_pro .swiper-slide a{ display:block;text-align:center;overflow:hidden; color:#666; font-size:16px; line-height:50px; text-align:center;}
.ind_h_pro .swiper-slide a p{ overflow:hidden;}
.ind_h_pro .swiper-slide a img{ width:100%; transition:all 0.5s; padding:0;}
.ind_h_pro .swiper-slide a:hover img{ transform:scale(1.15);}



#ind_strength{ width:100%; background:url(image/di2.jpg) no-repeat center top; overflow:hidden;}
#ind_strength .tt{ text-align:center; color:#fff; padding-top:70px;}
#ind_strength .tt p:nth-child(1){ font-size:48px; font-weight:bold; line-height:80px;}
#ind_strength .tt p:nth-child(2){ width:820px; margin:0 auto; overflow:hidden; padding-top:10px;}

#ind_strength .list{ width:1200px; margin:50px auto 110px auto; overflow:hidden;}
#ind_strength .list ul li{ width:320px; background:url(image/k1.png) no-repeat 310px 200px #ddd; float:left; padding:0 40px; height:285px; margin-top:40px;}
#ind_strength .list ul li p:nth-child(1){ line-height:80px; font-size:24px; font-weight:bold; color:#333; padding-top:20px;}
#ind_strength .list ul li p:nth-child(3){ padding-top:30px;}
#ind_strength .list ul li p:nth-child(3) a{ color:#666;}
#ind_strength .list ul li p:nth-child(3) a:hover{ color:#000;}
#ind_strength .list ul li:nth-child(2){ width:320px; background:url(image/k1.png) no-repeat 310px 280px #1e90ff; float:left; color:#fff; padding:0 40px; height:365px;margin-top:0px;}
#ind_strength .list ul li:nth-child(2) p:nth-child(1){ line-height:80px; font-size:24px; font-weight:bold; color:#fff; padding-top:60px;}
#ind_strength .list ul li:nth-child(2) p:nth-child(3) a{ color:#fff;}


#index_pro_tt{ width:1200px; margin:80px auto 0 auto; overflow:hidden; color:#fff; text-align:center;}
#index_pro_tt p.tt{ font-size:48px; font-weight:900; line-height:60px; color:#fff;}
#index_pro_tt p.cc{overflow:hidden; margin:10px 0 20px; color:#fff;}


#index_pro{ width:100%;  overflow:hidden; background:#0059b0;}
/*ind_pic*/
.kuang{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;padding-bottom:20px;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{ padding:10px; display:block; font-size:16px; text-align:center; transition:all 0.5s; margin-top:5px; color:#fff;}
.ind_app .swiper-slide a div.im{background-size:100% auto; background-repeat:no-repeat; background-position:center; transition:all 0.5s; overflow:hidden;}
.ind_app .swiper-slide img{ width:100%; height:100%; border:solid 5px #0059b0;}
.ind_app .swiper-slide a div.im:hover{background-size:120% auto;}
.ind_app .swiper-slide a p.tt{line-height:50px; color:#fff;}

#ind_honor{ width:100%; overflow:hidden; height:540px;}
#ind_honor ul{ width:1200px; margin:100px auto; overflow:hidden;}
#ind_honor ul li{ float:left; width:20%;}
#ind_honor ul li a{ border:solid 10px #000; display:block; width:80%; margin:20px auto 0 auto;}
#ind_honor ul li a img{ width:100%;}
#ind_honor ul li a:hover{ width:90%; margin-top:0;}

#ind_honor .k{ width:1200px; margin:5.5vw auto 60px auto; overflow:hidden;}
.ind_honor {width:100%; margin-left:auto; margin-right:auto; }
.ind_honor .swiper-slide {text-align: center;padding-bottom:20px;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_honor .swiper-slide a{ display:block;text-align:center; border:solid 10px #0059b0;}
.ind_honor .swiper-slide a img{ width:100%; transition:all 0.5s;}



#index_news_tt{ text-align:center; padding-top:80px;}
#index_news_tt p.a1{ font-size:48px; color:#333; line-height:80px; font-weight:bold;}


#index_news{ width:1200px; margin:30px auto 80px auto; overflow:hidden;}
#index_news ul{ width:1300px;}
#index_news ul li{ width:380px; margin-right:30px; float:left;}
#index_news ul li a{ display:block;}
#index_news ul li a p:nth-child(1){overflow:hidden;}
#index_news ul li a p:nth-child(1) img{ width:100%; transition:all 0.5s;}
#index_news ul li a p:nth-child(2){ font-size:18px; color:#333; line-height:60px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#index_news ul li a p:nth-child(3){ background:#1e90ff; width:33px; height:3px; transition:all 0.5s;}
#index_news ul li a p:nth-child(4){ color:#666; padding-top:15px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#index_news ul li a p:nth-child(5){ color:#ccc; line-height:50px;}
#index_news ul li a:hover p:nth-child(1) img{ transform:scale(1.15);}
#index_news ul li a:hover p:nth-child(3){ width:100%;}

#ind_ser{ width:100%; background:url(image/di4.jpg) no-repeat top center; overflow:hidden; height:528px;}
#ind_ser .k{ width:1200px; margin:0 auto; overflow:hidden;}
#ind_ser .k .left{ color:#fff; width:640px; float:left;}
#ind_ser .k .left p:nth-child(1){ font-size:18px; padding-top:110px;}
#ind_ser .k .left p:nth-child(2){ font-size:36px; line-height:40px;}
#ind_ser .k .left p:nth-child(3){ font-size:18px; padding-top:30px; line-height:30px;}
#ind_ser .k .left .ser{ width:100%; overflow:hidden; margin-top:80px;}
#ind_ser .k .left .ser .a1{ float:left; width:260px}
#ind_ser .k .left .ser .a1{ display:block; width:223px; margin-right:37px; line-height:60px; font-size:18px; background:#fff; text-align:center; color:#000;}
#ind_ser .k .left .ser .a1 img{ vertical-align:middle; margin:0 10px 5px 0;}

#ind_ser .k .left .ser .a2{ float:left; overflow:hidden;}
#ind_ser .k .left .ser .a2 .l{ float:left; width:60px; height:60px; background:url(image/k3.png) no-repeat center rgba(255,255,255,0.3); border-radius:50%;}
#ind_ser .k .left .ser .a2 .r{ float:left; margin-left:15px;}
#ind_ser .k .left .ser .a2 .r p.b1{ padding:0; font-size:14px;}
#ind_ser .k .left .ser .a2 .r p.b2{ font-size:36px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:36px;}

#ind_ser .k .right{ float:right; width:500px; padding-top:86px;}
#ind_ser .k .right p input{ width:100%; background:rgba(255,255,255,0.3); line-height:60px; height:60px; color:#fff; text-indent:20px; font-size:16px;}
#ind_ser .k .right p input::placeholder{ color:#fff;}
#ind_ser .k .right p textarea::placeholder{ color:#fff;}
#ind_ser .k .right p:nth-child(1){ float:left; width:240px; margin-right:20px; margin-bottom:20px;}
#ind_ser .k .right p:nth-child(2){ float:left; width:240px;margin-bottom:20px;}
#ind_ser .k .right p:nth-child(3){ float:left; width:500px;margin-bottom:20px;}
#ind_ser .k .right p textarea{ background:rgba(255,255,255,0.3); color:#fff; padding:20px; width:460px; font-size:16px; color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; height:136px;}
#ind_ser .k .right p:nth-child(4) button{ width:100%; line-height:60px; font-size:18px; color:#fff; background:#1e90ff; cursor:pointer; transition:all 0.5s;}
#ind_ser .k .right p:nth-child(4) button:hover{ background:#fff; color:#000;}


#bottom{ background:url(image/di5.jpg) no-repeat center top; width:100%; overflow:hidden;}
#link{ width:1200px; margin:40px auto 0 auto; overflow:hidden; background:url(image/di6.jpg) no-repeat left top #004e9a;}
#link ul li{ float:left; line-height:80px; color:#fff; margin-left:40px; font-size:16px;}
#link ul li:nth-child(1){ margin-right:80px;}
#link ul li a{ color:#fff;}
#link ul li a:hover{ color:#1e90ff;}

.bottom{ width:1200px; margin:20px auto 40px auto; overflow:hidden;}
.bottom ul li{ float:left; color:#fff; width:300px;}
.bottom ul li p:nth-child(1){ font-size:18px; line-height:80px;}
.bottom ul li:nth-child(4) p:nth-child(3){ font-size:36px; line-height:36px; color:#1e90ff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:800;}
.bottom ul li p a{ color:#fff;}
.bottom ul li p a:hover{ color:#1e90ff;}

#bottom1{ line-height:110px; overflow:hidden; width:100%; width:1200px; margin:70px auto 0 auto; border-top:solid 1px rgba(255,255,255,0.2); color:#fff; text-align:center;}
 

#mbottom{ display:none;}
#mbottom1{ display:none;}

#float{ position:fixed;right:10px; bottom:10px; z-index:500;}
#float p{ margin-bottom:1px; background:rgba(0,0,0,0.7); cursor:pointer; transition:background 0.5s;}
#float p span{ position:absolute; width:100px; margin-left:-100px; display:none;}
#float p:nth-child(2) span{width:200px; margin-left:-200px;}
#float p span img{ width:100%;}
#float p:hover{  background:#1e90ff;}

/*内页CSS*/
#banner_cc{ width:100%; overflow:hidden;}
#banner_cc img{ width:100%;}

/*内页CSS*/
#banner_pp{ width:100%; overflow:hidden;}
#banner_pp img{ width:100%;}

#aboutmenu{ width:100%; overflow:hidden;text-align:center; position:absolute; margin-top:-60px; border-bottom:solid 5px #1e90ff;}
#aboutmenu ul{ display:inline-block;}
#aboutmenu ul li{ float:left; margin:0 5px 0 5px;}
#aboutmenu ul li a{ display:block; line-height:50px; font-size:14px; color:#000; background:#fff; padding:0 60px; margin-bottom:10px;}
#aboutmenu ul li a:hover{ background:#1e90ff; color:#fff;}
#aboutmenu ul li a.it{ background:#1e90ff; color:#fff;}

#promenu{ width:100%; overflow:hidden;text-align:center; position:absolute; margin-top:-60px; border-bottom:solid 5px #1e90ff;}
#promenu ul{ display:inline-block;}
#promenu ul li{ float:left; margin:0 5px 0 5px;}
#promenu ul li a{ display:block; line-height:50px; font-size:14px; color:#000; background:#fff; padding:0 30px; margin-bottom:10px;}
#promenu ul li a:hover{ background:#1e90ff; color:#fff;}
#promenu ul li a.it{ background:#1e90ff; 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:14px; padding:0 60px;}
#newsmenu ul li a:hover{ background:#1e90ff; 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:14px; padding:0 60px;}
#servicemenu ul li a:hover{ background:#1e90ff; color:#fff;}

#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:36px; line-height:60px; font-weight:900; color:#000; padding-top:60px;}
#title p.bread{ color:#ccc; font-size:14px;}
#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;}

#about1{ width:1200px; margin:50px auto 0 auto; overflow:hidden; background:#f7f7f7;}
#about1 .left{ width:500px; font-size:16px; line-height:25px;float:left; padding:50px;}
#about1 .right{ width:600px; overflow:hidden;}
#about1 .right img{ width:100%; transition:all 0.5s;}
#about1:hover .right img{ transform:scale(1.15);}

#about2{ width:1200px; margin:30px auto 0 auto; overflow:hidden; background:#f7f7f7;}
#about2 .left{ width:500px; font-size:16px; line-height:30px;float:right; padding:50px;}
#about2 .right{ width:600px; overflow:hidden; float:left;}
#about2 .right img{ width:100%; transition:all 0.5s;}
#about2:hover .right img{ transform:scale(1.15);}

#about3{ width:1200px; margin:30px auto 100px auto; overflow:hidden; background:#f7f7f7;}
#about3 .left{ width:500px; font-size:16px; line-height:30px;float:left; padding:50px;}
#about3 .right{ width:600px; overflow:hidden; float:right;}
#about3 .right img{ width:100%; transition:all 0.5s;}
#about3:hover .right img{ transform:scale(1.15);}

#about4{ width:100%; overflow:hidden; background:#f7f7f7}
#about4 h2{ font-size:36px; line-height:60px; text-align:center; padding-top:80px; font-weight:bold; color:#000;}

#about_honor{ overflow:hidden; padding-top:20px;}
.honor_list{ width:1200px; margin:0 auto 0px auto; overflow:hidden;}
.honor {width:100%; margin-left:auto; margin-right:auto; }
.honor .swiper-slide {text-align: center;padding-bottom:20px;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; }
.honor .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.honor .swiper-slide a{ padding:10px; display:block; font-size:16px; text-align:center; transition:all 0.5s; margin-top:5px; color:#fff;}
.honor .swiper-slide a div.im{background-size:100% auto; background-repeat:no-repeat; background-position:center; transition:all 0.5s; overflow:hidden; border:solid 10px #0059b0;}
.honor .swiper-slide img{ width:100%; height:100%;}
.honor .swiper-slide a div.im:hover{background-size:120% auto;}
.honor .swiper-slide a p.tt{line-height:50px; color:#000;}

#index_page{ text-align:center; overflow:hidden; width:100%; padding-bottom:80px;}
#index_page ul{ display:inline-block;}
#index_page ul li{ float:left; margin:0 1.5px;}
#index_page ul li a{ display:block; background:#fff; border-radius:3px;}
#index_page ul li.a1 a{ width:60px; height:36px; background:url(image/bit1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bit1.png) no-repeat -60px center #1e90ff;}

#index_page ul li.a2 a{ width:60px; height:36px; background:url(image/bit3.png) no-repeat 0 -36px #fff;}
#index_page ul li.a2 a:hover{ background:url(image/bit3.png) no-repeat 0 0 #1e90ff;}

#index_page ul li.a3 a{ width:60px; height:36px; background:url(image/bit2.png) no-repeat -60px center #fff;}
#index_page ul li.a3 a:hover{ background:url(image/bit2.png) no-repeat 0 center #1e90ff;}

#culture{ width:1200px; margin:60px auto 0 auto; overflow:hidden; background:url(image/culture1.jpg) no-repeat center top;}
#culture .left{ width:500px; padding:50px; font-size:16px; line-height:30px; color:#fff;}
#culture .left p:nth-child(1){ font-size:24px; line-height:30px; padding-bottom:10px; color:#fff; font-weight:bold;}

#culture1{ width:1200px; margin:20px auto 0 auto; background:#fff;}
#culture1 .tt{ text-align:center; color:#000; font-size:30px; font-weight:bold; line-height:60px; padding-top:60px;}

#culture1 .list{ width:1200px; overflow:hidden; margin-top:50px;}
#culture1 .list ul{ width:1300px;}
#culture1 .list ul li{ width:578px; border:solid 1px #eee; overflow:hidden; float:left; margin-right:40px; min-height:190px; margin-bottom:40px;}
#culture1 .list ul li .l{ float:left;}
#culture1 .list ul li .r { overflow:hidden}
#culture1 .list ul li .r p.a1{ font-size:20px; color:#000; line-height:30px; padding-top:30px;}
#culture1 .list ul li .r p.a2{ padding-right:30px; font-size:14px; padding-top:10px;}

#culture2{ width:100%; background:#f1f1f1; overflow:hidden; margin-top:80px;}
#culture2 .tt{ font-size:30px; color:#000; line-height:60px; font-weight:bold; text-align:center; padding-top:80px;}
#culture2 .list{ width:1200px; margin:40px auto 100px auto; overflow:hidden;}
#culture2 .list ul{ width:1300px;}
#culture2 .list ul li{ width:380px; margin-right:30px; overflow:hidden; float:left;}
#culture2 .list ul li p:nth-child(2){ font-size:18px; line-height:40px; padding-top:20px; color:#000; font-weight:bold;}




#workshop{ width:1200px; margin:40px 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:#1e90ff; 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:#000; color:#fff; 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:#1e90ff; 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:#1e90ff; color:#fff;}
#page ul li a.it{ background:#1e90ff; 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:40px auto 40px auto; overflow:hidden; border-top:solid 1px #eee;}
#news ul li{ border-bottom:solid 1px #eee; margin-top:30px; overflow:hidden; padding-bottom:30px;}
#news ul li div{ overflow:hidden; width:780px; float:right;}
#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:3px; margin-top:10px; text-align:center; color:#1e90ff; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:12px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#1e90ff; color:#fff; width:150px;}



#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:#1e90ff; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px; transition:all 0.5s;}
#wyjob p a:hover{ background:#1e90ff; width:180px;}

#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 30px auto; overflow:hidden;}
#contact .contact{ width:1300px;}
#contact p{ font-size:16px; line-height:60px; border-bottom:solid 1px #eee; width:580px; float:left; margin-right:40px;}
#contact p.tt{ font-size:20px; color:#000; font-weight:900; line-height:60px;}

#map{ width:1200px; margin:0 auto 100px auto; overflow:hidden;}




#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:#2b81ff; color:#fff; transition:all 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#feedback p a:hover{ background:#c00; width:180px;}

#prolist{ width:1230px; margin:30px auto 20px auto; overflow:hidden;}
#prolist ul{ width:1300px;}
#prolist ul li{ float:left; width:380px; margin:0 15px 30px 15px;}
#prolist ul li a{ display:block; border:solid 1px #f7f7f7; padding:20px 20px 0px 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0); transition:all 0.5s;}
#prolist ul li a img{ width:100%; transition:all 0.5s;}
#prolist ul li a p{ overflow:hidden;}
#prolist ul li a p.tt{ line-height:60px; font-size:16px;  text-align:center;}
#prolist ul li a p.con{ padding:20px 0; color:#666; overflow:hidden; }
#prolist ul li a:hover img{ transform:scale(1.15)}
#prolist ul li a:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.2); background:#032E84; color:#fff;}

#probig{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
#probig .left{ width:600px; float:left;}
#probig .left img{ width:100%;}
#probig .left ul li{ display:none;}
#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; border-bottom:solid 1px #eee; padding-bottom:30px;}
#probig .right p.a5{ overflow:hidden; margin-top:20px; border-top:solid 1px #eee; padding-top:40px;}
#probig .right p.a5 a{ display:block; background:#1e90ff; color:#fff; line-height:50px; width:150px; font-size:16px; border-radius:5px; text-align:center;}
#probig .right p.a5 a:hover{ background:#032E84; width:170px}

#probig .right .tag{ margin-top:20px;}

#probit_btn{ width:100%; overflow:hidden; margin-top:30px;}
#probit_btn ul li{ float:left; width:80px; margin-right:10px; cursor:pointer;}
#probit_btn ul li img{ width:100%;}
#probit_btn ul li.it{ border-bottom:solid 2px #1e90ff;}

#probit_btn1{ display:none;}





#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:#1e90ff; color:#fff;}
#probig_menu ul li a.it{ background:#1e90ff; color:#fff;}

#probig_con{ width:1200px; margin:30px auto 50px auto; overflow:hidden;}


#canshu{ width:1200px; margin:40px auto 40px auto; overflow:hidden;}
#canshu table{ border-left:solid 1px #eee; border-top:solid 1px #eee; text-align:center; width:100%;}
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; }
#canshu table tr:nth-child(1){ background:#00b1ab; color:#fff; font-size:16px;}



#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;}

#xg_pro{ width:100%; overflow:hidden;}
#xg_pro .title{ font-size:30px; font-weight:bold; text-align:center; line-height:60px; color:#000;}

#xg_pro .list{ width:1230px; margin:30px auto 80px auto; overflow:hidden;}
#xg_pro .list ul{ width:1300px;}
#xg_pro .list ul li{ float:left; width:380px; margin:0 15px 30px 15px;}
#xg_pro .list ul li a{ display:block; border:solid 1px #f7f7f7; padding:20px 20px 0px 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0); transition:all 0.5s;}
#xg_pro .list ul li a img{ width:100%; transition:all 0.5s;}
#xg_pro .list ul li a p{ overflow:hidden;}
#xg_pro .list ul li a p.tt{ line-height:60px; font-size:16px;  text-align:center;}
#xg_pro .list ul li a p.con{ padding:20px 0; color:#666; overflow:hidden; }
#xg_pro .list ul li a:hover img{ transform:scale(1.15)}
#xg_pro .list ul li a:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.2); background:#032E84; color:#fff;}

#video{ width:1200px; margin:40px auto 30px auto; overflow:hidden;}
#video ul{ width:1300px;}
#video ul li{ width:380px; float:left; margin-right:30px; margin-bottom:30px;}
#video ul li a{ display:block; text-align:center; line-height:60px; font-size:16px; background:#f7f7f7; padding:20px 20px 0 20px }
#video ul li a div{ background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:all 1s;}
#video ul li a div p{ background:url(image/play.png) no-repeat center rgba(0,0,0,0.6); height:255px; transition:all 0.5s;}
#video ul li a:hover div{ background-size:130% auto;}
#video ul li a:hover{ background:#1e90ff; color:#fff;}
#video ul li a:hover div p{ background:url(image/play.png) no-repeat center rgba(0,0,0,0.2);}

#is_video1{ width:1200px; margin:60px auto 0 auto; overflow:hidden;}
#is_video1 video{ width:100%;}

#video_tag{ width:1200px;margin:20px auto 100px auto;}







#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;}


#job{ width:1200px; margin:30px auto 40px auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden;  padding:20px 30px; background:#f7f7f7; width:1140px; float:left; overflow:hidden; font-size:16px; margin-bottom:30px;}
#job ul li p{ float:left;}
#job ul li p:nth-child(1){ width:50%; float:left; text-align:left;}
#job ul li p:nth-child(2){ width:50%; float:right; text-align:right;}
#job ul li p:nth-child(2) span{ color:#d00;}
#job ul li p:nth-child(3){ width:100%; font-size:12px; border-top:solid 1px #eee; margin-top:20px; line-height:30px; border-bottom:solid 1px #eee;}
#job ul li p:nth-child(4){ font-size:14px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#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:#1e90ff; width:100px; color:#fff; 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:#1e90ff}

#ypjob{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#ypjob p{ padding-top:20px; float:left; width:25%;}
#ypjob p.content{ width:98.2%;}
#ypjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#ypjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#ypjob p:last-child{ width:100%;}
#ypjob p a{ display:block; background:#1e90ff; color:#fff; transition:background 0.5s; line-height:46px; width:150px; margin:0 auto; text-align:center; border-radius:5px; font-size:14px; transition:all 0.5s;}
#ypjob p a:hover{ background:#1e90ff; width:180px;}

#newstitle{ width:100%; text-align:center;}
#newstitle h1{ font-size:30px; color:#000; line-height:60px; padding-top:60px;}
#newstitle p{ line-height:30px; color:#666; border-top:solid 1px #eee;border-bottom:solid 1px #eee; font-size:12px; width:1200px; margin:20px auto 0 auto;}

#news_content{width:1200px; margin:30px auto 50px auto; overflow:hidden; }
#news_content img{}

#news_page{ width:1200px; margin:0 auto 80px auto; overflow:hidden; border-top:solid 1px #eee; padding-top:30px;}
#news_page .left{ float:left;}
#news_page .left a:hover{ color:#1e90ff;}
#news_page .right{ float:right;}
#news_page .right a{ display:block; line-height:40px; width:150px; background:#1e90ff; color:#fff; text-align:center; border-radius:5px;}
#news_page .right a:hover{ width:180px;}

#news_pro_link{ position:fixed; right:10px; bottom:300px;}
#news_pro_link a{ display:block; width:150px; text-align:center; background:#1e90ff; line-height:40px; color:#fff; padding:10px;}
#news_pro_link a img{ width:100%}

#news_tag{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0; border-top:solid 1px #eee;}

#search_list{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
#search_list ul li{ border-bottom:solid 1px #eee;}
#search_list ul li a{ display:block; overflow:hidden; }
#search_list ul li a p.tt{ font-size:16px; color:#000; line-height:40px;}
#search_list ul li a p i{color:#F00;}
}