@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:#3f3c36;	text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}
@media(max-width:1370px) {
#top{ width:100%; position:fixed; top:0; left:0; z-index:10; background:none; box-shadow:0 3px 3px rgba(0,0,0,0); transition:all 0.5s;}
#kuang{ width:100%; margin:0 auto;}
#logo{ float:left; overflow:hidden;}
#logo img{ margin:17px 0;}
#logo a{ float:left; display:block;}

#lan{ float:right; margin-left:0; margin-right:1rem;}
#lan p{ float:left; margin-left:20px;}
#lan p a{ display:block; font-size:16px; line-height:90px;}
#lan p a img{ margin:0px 5px 2px 0 ; vertical-align:middle;}
#lan span{ display:none;}

#lan_btn{ float:left; margin-left:20px;}
#lan_btn a{ display:block; font-size:14px; line-height:100px;}
#lan_btn a img{ margin:0px 5px 2px 0 ; vertical-align:middle;}



#toptt{ background:#000; line-height:30px; width:100%; height:30px; overflow:hidden;}

#top_menu{ width:100%; background:#222; overflow:hidden; z-index:140;}
#menu{ line-height:50px;overflow:hidden; float:right;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; font-size:16px; color:#16425b; padding:0 0.7vw; font-weight:900;}
#menu ul li a:hover{ color:#ca0303; }


#menu ul li .zmenu{ position:absolute; background:#f0f1f3; text-align:left; overflow:hidden; padding:10px 0; width:auto;display:none; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
#menu ul li .zmenu div{}
#menu ul li .zmenu p{}
#menu ul li .zmenu a{ line-height:36px; font-size:14px; color:#0a3148; font-weight:400; padding:0 30px; display:block;}
#menu ul li .zmenu a:hover{ color:#fff; background:#0a3148;}


#m_menu{ display:none;}
#close{ display:none;}

#search_btn{ float:right; background:url(image/search.png) no-repeat center; border-radius:50%; width:40px; height:40px; cursor:pointer; margin:30px 0 0 20px; transition:all 0.5s;}

#search{ background:none; position:fixed; left:0;top:100px; width:100%; padding:50px 0;overflow:hidden; display:none;}
#search div{ width:600px; padding:20px; margin:0 auto; overflow:hidden; background:#f0f1f3; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
#search input{ width:500px; height:40px; background:#fff; text-indent:20px; float:left; color:#0a3148;}
#search button{ width:100px; height:40px; background:url(image/search1.png) no-repeat center #0a3148; cursor:pointer;}

#search .guan{ background:#0a3148; width:20px; height:20px; overflow:hidden; padding:0; position:absolute; border-radius:50%; padding:5px; margin:-35px 0 0 605px; cursor:pointer;}
#search .guan img{ width:100%;}

/*banner*/
#banner{ overflow:hidden; margin-top:0;}
.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:100%;}
.PC_banner{ display:block;}
.M_banner{ display:none;}

#banner .word{ position:absolute;  text-align:center; color:#0a3148; margin-top:-150px;}
#banner .word p.a1{ font-size:60px; font-weight:900; line-height:70px; letter-spacing:5px;}
#banner .word p.a2{ font-size:16px; line-height:40px;}
#banner .word p.a3{ font-size:14px; line-height:50px;}
#banner .word p.a4{ margin-top:50px;}
#banner .word p.a4 a{ display:block; width:140px; line-height:40px; color:rgba(22,66,91,0.5); font-size:14px; margin:0 auto;text-align:left; text-indent:35px; background:url(image/bit1.png) no-repeat 80% center #fff; border-radius:5px;}
#banner .word p.a4 a:hover{ background:url(image/bit2.png) no-repeat 80% center #ca0303; color:#fff;}

#ind_pro{ width:100%; background:#f0f1f3; text-align:center; overflow:hidden;}
#ind_pro .title{}
#ind_pro .title h2{ font-size:40px; font-weight:900; color:#0a3148; line-height:60px; padding-top:5vw;}
#ind_pro .title p{ color:rgba(22,66,91,0.8);}

#ind_pro .menu{ width:100%; text-align:center; overflow:hidden; margin-top:2.5vw;}
#ind_pro .menu ul{ display:inline-block}
#ind_pro .menu ul li{ float:left; margin:0 0.15vw;}
#ind_pro .menu ul li a{ display:block; line-height:40px; background:#4d5965; color:#fff; border-radius:5px; padding:0 0.8vw; font-size:12px;}
#ind_pro .menu ul li a:hover{ background:#ca0303}


#ind_pro .list{ width:100%; overflow:hidden; margin:2.4vw auto 2vw auto;}
#ind_pro .list ul{ display:inline-block;}
#ind_pro .list ul li{ float:left; margin:0 1.2vw 2vw 1.2vw; width:30vw;}
#ind_pro .list ul li a{ display:block; background:#4d5965; line-height:50px; color:#fff; font-size:16px;}
#ind_pro .list ul li a p{ overflow:hidden;}
#ind_pro .list ul li a img{ width:100%; transition:all 1s;}
#ind_pro .list ul li a:hover img{ transform:scale(1.15);}
#ind_pro .list ul li a:hover{ background:#ca0303; box-shadow:0 8px 10px rgba(0,0,0,0.2);}
/*#ind_pro .list ul li:nth-child(4){ display:none;}
#ind_pro .list ul li:nth-child(5){ display:none;}
#ind_pro .list ul li:nth-child(6){ display:none;}*/

#ind_pro .list2{ width:100%; overflow:hidden; margin:2.4vw auto 2vw auto;}
#ind_pro .list2 ul{ display:inline-block;}
#ind_pro .list2 ul li{ float:left; margin:0 25px 2vw 25px; width:400px;}
#ind_pro .list2 ul li a{ display:block; background:#4d5965; line-height:50px; color:#fff; font-size:16px;}
#ind_pro .list2 ul li a p{ overflow:hidden;}
#ind_pro .list2 ul li a img{ width:100%; transition:all 1s;}
#ind_pro .list2 ul li a:hover img{ transform:scale(1.15);}
#ind_pro .list2 ul li a:hover{ background:#ca0303; box-shadow:0 8px 10px rgba(0,0,0,0.2);}

#ind_pro .list{display:block;}
#ind_pro .list2{display:none;}
#ind_pro .list3{display:none;}

#ind_pro .more{ display:none;}
#ind_pro .more a{ display:block; background:#4d5965; color:#fff;}

#ind_app{ width:100%; overflow:hidden; text-align:center; background:#fff}
#ind_app .title{}
#ind_app .title h2{ font-size:40px; font-weight:900; color:#0a3148; line-height:60px; padding-top:5vw;}
#ind_app .title p{ color:rgba(22,66,91,0.8);}
#ind_app .title p a{ display:block; width:136px; line-height:40px; text-align:left; text-indent:35px; border-radius:5px; background:url(image/bit2.png) no-repeat 80% center #4d5965; margin:2vw auto 0 auto; color:#fff;}
#ind_app .title p a:hover{ background:url(image/bit2.png) no-repeat 80% center #ca0303;}

#ind_app .btn{ width:100%; margin:2.5vw auto 6vw auto; overflow:hidden;}
#ind_app .btn .left{ float:left; background:url(image/bit9.png) no-repeat center; color:#fff; width:27vw; transition:all 0.5s;}
#ind_app .btn .left a{ display:block; font-size:18px; line-height:80px; color:#fff; height:539px;}
#ind_app .btn .left a img{ margin-top:194px;}
#ind_app .btn .left:hover{background:url(image/bit10.png) no-repeat center;}

#ind_app .btn .right{ float:right; width:70.76vw;}
#ind_app .btn .right ul li{ float:left;}
#ind_app .btn .right ul li:nth-child(1){ display:none;}
#ind_app .btn .right ul li:nth-child(2){ width:35vw; margin:0 0.76vw 0.76vw 0;}
#ind_app .btn .right ul li:nth-child(2) img{ margin-top:40px;}
#ind_app .btn .right ul li:nth-child(2) a{ height:231px;}

#ind_app .btn .right ul li:nth-child(3){ width:35vw; margin:0 0px 0.76vw 0;}
#ind_app .btn .right ul li:nth-child(3) img{ margin-top:40px;}
#ind_app .btn .right ul li:nth-child(3) a{ height:231px;}

#ind_app .btn .right ul li:nth-child(4){ width:23.07vw; margin:0 0.76vw 0.76vw 0;}
#ind_app .btn .right ul li:nth-child(4) img{ margin-top:73px;}
#ind_app .btn .right ul li:nth-child(4) a{ height:298px;}

#ind_app .btn .right ul li:nth-child(5){ width:23.07vw; margin:0 0.76vw 0.76vw 0;}
#ind_app .btn .right ul li:nth-child(5) img{ margin-top:73px;}
#ind_app .btn .right ul li:nth-child(5) a{ height:298px;}

#ind_app .btn .right ul li:nth-child(6){ width:23.07vw; margin:0 0 0.76vw 0;}
#ind_app .btn .right ul li:nth-child(6) img{ margin-top:73px;}
#ind_app .btn .right ul li:nth-child(6) a{ height:298px;}

#ind_app .btn .right ul li a{ display:block; background:#4d5965; color:#fff; line-height:70px; font-size:18px;}
#ind_app .btn .right ul li a:hover{ background:#ca0303;}

#ind_cl{ width:100%; background:#f0f1f3; overflow:hidden; text-align:center;}
#ind_cl .title h2{ font-size:40px; font-weight:900; color:#0a3148; line-height:60px; padding-top:5vw;}
#ind_cl .title p{ color:rgba(22,66,91,0.8);}

#ind_cl .list{ width:100%; overflow:hidden; margin:2.4vw auto 4vw auto;}
#ind_cl .list ul{ display:inline-block;}
#ind_cl .list ul li{ float:left; margin:0 1% 2vw 1%; width:23%;}
#ind_cl .list ul li a{ display:block; background:#4d5965; line-height:50px; color:#fff; font-size:16px;}
#ind_cl .list ul li a p{ overflow:hidden;}
#ind_cl .list ul li a img{ width:100%; transition:all 1s;}
#ind_cl .list ul li a:hover img{ transform:scale(1.15);}
#ind_cl .list ul li a:hover{ background:#ca0303; box-shadow:0 8px 10px rgba(0,0,0,0.2);}

#ind_about{ width:95%; margin:5vw auto; overflow:hidden;}
#ind_about .left{ float:left; width:40vw;}
#ind_about .left h1{ font-size:30px; font-weight:900; line-height:50px; color:#0a3148;}
#ind_about .left h2{ font-size:16px;line-height:30px; color:rgba(22,66,91,0.5);}
#ind_about .left p:nth-child(3){ color:#666; margin-top:20px;}
#ind_about .left p a{ display:block; width:136px; line-height:40px; text-align:left; text-indent:35px; border-radius:5px; background:url(image/bit2.png) no-repeat 80% center #4d5965; margin:2vw 0 0 0; color:#fff;}
#ind_about .left p a:hover{background:url(image/bit2.png) no-repeat 80% center #ca0303;}

#ind_about .right{ float:right; width:50vw; height:400px;}

#ind_data{ background:#f0f1f3; width:100%; overflow:hidden; text-align:center; }
#ind_data ul{ display:inline-block; margin:4vw 0 5vw 0;}
#ind_data ul li{ float:left; margin:0 3.2vw;}
#ind_data ul li p:nth-child(1){ font-size:48px; font-weight:900; color:#16425b; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:60px;}
#ind_data ul li p:nth-child(2){ color:rgba(22,66,91,0.5); font-size:18px;}

#ind_service{ background:url(image/di1.jpg) no-repeat center top/120% auto #f0f1f3; width:100%; overflow:hidden; text-align:center;}
#ind_service .title h2{ font-size:40px; font-weight:900; color:#fff; line-height:60px; padding-top:5vw;}
#ind_service .title p{ color:rgba(255,255,255,1); letter-spacing:5px;}

#ind_service .list{ width:100%; text-align:center; overflow:hidden; margin-top:3vw; margin-bottom:5vw;}
#ind_service .list ul{ display:inline-block;}
#ind_service .list ul li{ margin:0 1.5%; float:left; width:30%;}
#ind_service .list ul li a{ display:block; width:100%; text-align:left;}
#ind_service .list ul li a p:nth-child(1) img{ width:100%; transition:all 0.5s;}
#ind_service .list ul li a p{ overflow:hidden;}
#ind_service .list ul li a p:nth-child(2){ color:rgba(33,44,134,0.2); text-transform:uppercase; font-size:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:20px; }
#ind_service .list ul li a p:nth-child(3){ color:#16425b; font-size:24px; line-height:30px; font-weight:900;}
#ind_service .list ul li a p:nth-child(4){ color:#666; padding-top:10px; min-height:72px;}
#ind_service .list ul li a p:nth-child(5){ margin-top:40px;}
#ind_service .list ul li a:hover p:nth-child(1) img{ transform:scale(1.15);}


#ind_case{ width:100%; overflow:hidden; text-align:center; background:#fff;}
#ind_case .title h2{ font-size:40px; font-weight:900; color:#0a3148; line-height:60px; padding-top:5vw;}
#ind_case .title p{ color:rgba(22,66,91,0.8);}

#about_honor{ overflow:hidden; padding-top:2vw;}
.honor_list{ width:100%; 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{display:block; font-size:16px; text-align:center; transition:all 0.5s; overflow:hidden;color:#fff;}
.honor .swiper-slide a img{ width:100%; transition:all 0.5s;max-width: 400px;}
.honor .swiper-slide a:hover img{ transform:scale(1.15);}
.honor .swiper-slide a p.tt{line-height:50px; color:#000;}



#honor_k{ width:100%; position:absolute; z-index:10; margin-top:-0.5vw;}
#honor_k img{ width:100%;}

#honor_k2{ width:100%; position:absolute; z-index:10; margin-top:26vw;}
#honor_k2 img{ width:100%;}

#honor_li{ width:100%; overflow:hidden;}
#honor_li td img{ height:30.2vw;}

#demo{ overflow:hidden; width:100vw; HEIGHT:30.2vw}











#index_page{ text-align:center; overflow:hidden; width:100%; padding-bottom:6vw; padding-top:2vw;}
#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/bit1a.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bit1a.png) no-repeat -60px center #ca0303;}

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

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


#ind_news{ width:100%; text-align:center; overflow:hidden; margin-bottom:6vw;}
#ind_news .title h2{ font-size:40px; font-weight:900; color:#0a3148; line-height:60px; padding-top:5vw;}
#ind_news .title p{ color:rgba(22,66,91,0.8);}

#ind_news .list{ width:100%; margin:3vw auto 0 auto; overflow:hidden;}
#ind_news .list .left{ float:left; width:48vw;}
#ind_news .list .left a{ display:block; background:#f0f1f3; text-align:left; height:430px;}
#ind_news .list .left a p{ overflow:hidden;}
#ind_news .list .left a img{ width:100%; transition:all 0.5s;}
#ind_news .list .left a:hover img{ transform:scale(1.15)}
#ind_news .list .left a p:nth-child(2){ font-size:16px; color:rgba(37,45,49,0.3); font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:25px 0 0 40px;}
#ind_news .list .left a p:nth-child(3){ color:#16425b; font-size:24px; line-height:30px; overflow:hidden; padding:0 40px; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;}
#ind_news .list .left a:hover{ background:#ca0303;}
#ind_news .list .left a:hover p:nth-child(2){color:#fff;}
#ind_news .list .left a:hover p:nth-child(3){color:#fff;}

#ind_news .list .right{ width:49vw; float:right;}
#ind_news .list .right ul li{ float:left;}
#ind_news .list .right ul li a{ display:block; text-align:left;}
#ind_news .list .right ul li a p:nth-child(1){ color:rgba(37,45,49,0.3); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 50px;}
#ind_news .list .right ul li a p:nth-child(2){ color:#16425b; font-size:18px; font-weight:900; line-height:24px; padding:0 50px;}
#ind_news .list .right ul li a p:nth-child(3){ background:url(image/bit12.png) no-repeat; width:14px; height:10px; margin:30px 0 0 50px;}

#ind_news .list .right ul li a:hover p:nth-child(1){ color:#fff;}
#ind_news .list .right ul li a:hover p:nth-child(2){ color:#fff;}
#ind_news .list .right ul li a:hover p:nth-child(3){ background:url(image/bit13.png) no-repeat;}

#ind_news .list .right ul li:nth-child(1){ width:100%;}
#ind_news .list .right ul li:nth-child(1) a{height:188px; background:url(image/newsdi1.jpg) no-repeat center;}
#ind_news .list .right ul li:nth-child(1) a p:nth-child(1){ padding-top:50px;}
#ind_news .list .right ul li:nth-child(1) a:hover{background:url(image/newsdi2.jpg) no-repeat center;}

#ind_news .list .right ul li:nth-child(2){ width:25vw; margin:1vw 1vw 0 0;}
#ind_news .list .right ul li:nth-child(2) a{ background:#f0f1f3; height:232px;}
#ind_news .list .right ul li:nth-child(2) a p:nth-child(1){ padding-top:50px;}
#ind_news .list .right ul li:nth-child(2) a:hover{ background:#ca0303;}


#ind_news .list .right ul li:nth-child(3){ width:23vw; margin:1vw 0 0 0;}
#ind_news .list .right ul li:nth-child(3) a{ background:#f0f1f3; height:232px;}
#ind_news .list .right ul li:nth-child(3) a p:nth-child(1){ padding-top:50px;}
#ind_news .list .right ul li:nth-child(3) a:hover{ background:#ca0303;}


#bottom{ width:100%; background:#0b2433; overflow:hidden;}
#bottom ul{ width:100%; margin:0 auto; overflow:hidden;}
#bottom ul li{ float:left;}
#bottom ul li p.tt{ font-size:18px; color:#fff; line-height:50px; padding-top:40px; border-bottom:solid 1px #364a57; margin-bottom:20px;}

#bottom ul li p.a1{ color:#fff; font-size:13px;}
#bottom ul li p.a1 a{ color:#fff;font-size:13px;}
#bottom ul li p.a1 a:hover{ color:#fe0000;}

#bottom ul li:nth-child(1){ width:18vw; margin-right:50px;}
#bottom ul li:nth-child(2){ width:12vw;}
#bottom ul li:nth-child(3){ width:11vw; margin-right:50px;}
#bottom ul li:nth-child(4){ width:12vw; margin-right:50px;}
#bottom ul li:nth-child(5){ width:31vw;}

#bottom ul li p.a4{ margin-top:40px;}
#bottom ul li p.a4 a{ display:block; width:36px; margin-right:10px; border-radius:50%; float:left; }
#bottom ul li p.a4 a:nth-child(1){ background:#1d5136}
#bottom ul li p.a4 a:nth-child(2){ background:#203e64}
#bottom ul li p.a4 a:nth-child(3){ background:#401b4c}
#bottom ul li p.a4 a:nth-child(4){ background:#72393f}
#bottom ul li p.a4 a:nth-child(1):hover{ background:#338c5e}
#bottom ul li p.a4 a:nth-child(2):hover{ background:#4075b8}
#bottom ul li p.a4 a:nth-child(3):hover{ background:#79358f}
#bottom ul li p.a4 a:nth-child(4):hover{ background:#b45b64}

#gzh{ position:absolute; margin:50px 0 0 0; display:none;}
#gzh img{ width:100px;}

#douyin{ position:absolute; margin:50px 0 0 50px; display:none;}
#douyin img{ width:100px;}

#float span{ display:block; width:100px; height:100px; position:absolute; right:70px; display:none;}
#float span img{ width:100%;}


#copyright{ width:1300px; margin:40px auto 0 auto; overflow:hidden; border-top:solid 1px #364a57; text-align:center; line-height:100px; color:#fff;}
#copyright span{ float:right;}
#copyright span a{ color:#fff;}

#float{ position:fixed; z-index:20; bottom:60px;right:20px;}
#float p{ background:rgba(51,51,51,0.8);border-top-right-radius:10px;border-bottom-left-radius:10px; margin-bottom:5px; cursor:pointer;}
#float p.a3{ background:#ca0303; cursor:pointer;}

#k_height{ height:100px; background:#f0f1f3; width:100%; overflow:hidden;}




#banner_about{ width:100%; background:#000;}
#banner_about img{ width:100%;}


#banner_probig{ width:100%; background:#000;}
#banner_probig img{ width:100%;}


#about_menu{ width:100%; overflow:hidden;  text-align:center;  position:absolute; margin-top:-50px;}
#about_menu ul{ display:inline-block;}
#about_menu ul li{ float:left; margin:0 10px;}
#about_menu ul li a{ display:block; line-height:40px; font-size:14px; padding:0 50px; background:#f0f1f3; color:#0a3148; border-radius:3px;}
#about_menu ul li a:hover{ background:#ca0303; color:#fff;}
#about_menu ul li a.it{ background:#ca0303; color:#fff;}

#case_menu{ width:100%; overflow:hidden;  text-align:center;  position:absolute; margin-top:-50px;}
#case_menu ul{ display:inline-block;}
#case_menu ul li{ float:left; margin:0 10px;}
#case_menu ul li a{ display:block; line-height:40px; font-size:14px; padding:0 50px; background:#f0f1f3; color:#0a3148; border-radius:3px;}
#case_menu ul li a:hover{ background:#ca0303; color:#fff;}
#case_menu ul li a.it{ background:#ca0303; color:#fff;}

#pro_menu{ width:100%; overflow:hidden;  text-align:center;  position:absolute; margin-top:-50px;}
#pro_menu ul{ display:inline-block;}
#pro_menu ul li{ float:left; margin:0 0.15vw;}
#pro_menu ul li a{ display:block; line-height:40px; font-size:12px; padding:0 0.8vw; background:#f0f1f3; color:#0a3148; border-radius:3px;}
#pro_menu ul li a:hover{ background:#ca0303; color:#fff;}
#pro_menu ul li a.it{ background:#ca0303; color:#fff;}

#title{ width:100%; margin:4vw auto 20px auto; overflow:hidden; border-bottom:solid 0px #eee;}
#title h1{ font-size:40px; line-height:60px; font-weight:900; text-align:center; color:#0a3148}
#title p{ float:right; line-height:60px; color:#999; display:none;}
#title p a{ color:#999;}
#title p a:hover{ color:#000;}

#k_di{ background:#f0f1f3; overflow:hidden; width:100%;}

#about0{ width:100%; margin:0 auto; overflow:hidden; font-size:16px; color:#666; text-align:center; line-height:30px;}

#about1{ width:100%; margin:0 auto; overflow:hidden; color:#666; background:#f7f8fa; padding:40px 0;}
#about1 .k{ width:95%; margin:0 auto; overflow:hidden;}
#about1 .left{ width:46%; float:left; padding:50px 0; }
#about1 .left p.cc{ font-size:16px;line-height:30px;text-indent:32px;}
#about1 .right{ float:right; width:50%; overflow:hidden;}

#about2{ width:100%; padding:40px 0; overflow:hidden; color:#666; background:#fff;}
#about2 .k{ width:95%; margin:0 auto; }
#about2 .left{ width:46%; float:right; padding:50px 0; }
#about2 .left p.cc{ font-size:16px;line-height:30px;text-indent:32px;}
#about2 .right{ float:left; width:50%; overflow:hidden;}

#about2_a{ width:100%; padding:40px 0 100px 0; overflow:hidden; color:#666;}
#about2_a .k{ width:95%; margin:0 auto; overflow:hidden;}
#about2_a .left{ width:46%; float:left; padding:50px 0; }
#about2_a .left p.cc{ font-size:16px;line-height:30px;text-indent:32px;}
#about2_a .right{ float:right; width:50%; overflow:hidden;}

#about2_b{ width:1200px; margin:40px auto 120px auto; overflow:hidden; color:#666; background:#f7f8fa;}
#about2_b .left{ width:440px; float:right; padding:50px 80px; }
#about2_b .left p.cc{ font-size:16px;line-height:30px; }
#about2_b .right{ float:left; width:600px; overflow:hidden;}
#about2_b .right img{ transition:all 0.5s;}
#about2_b:hover .right img{transform:scale(1.15);}



#about3{ width:1200px; margin:40px auto 30px auto; text-align:center; overflow:hidden; padding:0 0;}
#about3 ul{ display:inline-block;}
#about3 ul li{ float:left; box-shadow:0 2px 10px rgba(0,0,0,0); width:210px; text-align:center; color:#000; background:#fff; cursor:pointer; line-height:50px; margin-right:10px;border-radius:5px; font-size:14px; transition:all 0.5s;}

#about4{ width:100%; background:url(image/dicom.jpg) no-repeat top; background-attachment:fixed; padding:0 0 100px 0; overflow:hidden; }

#about4_1 .tt{ font-size:30px; line-height:60px; color:#fff; text-align:center; padding-bottom:40px; padding-top:30px;}
#about4_1_a{ width:1200px; margin:20px auto 00px auto; overflow:hidden; background:rgba(255,255,255,0.9);}
#about4_1_a .left{ width:440px; float:left; padding:50px 80px;}
#about4_1_a .left p.a1{ font-size:24px; line-height:60px; }
#about4_1_a .left p.a2{ line-height:30px; color:#666; font-size:16px; }
#about4_1_a .right img{ border-top-right-radius:0px;border-bottom-left-radius:0px;}

#about4_1_b{ width:1200px; margin:00px auto 40px auto; overflow:hidden; background:rgba(255,255,255,0.9);}
#about4_1_b .left{ width:440px; float:right; padding:50px 80px;}
#about4_1_b .left p.a1{ font-size:24px; line-height:60px;}
#about4_1_b .left p.a2{ line-height:30px; color:#666; font-size:16px;}
#about4_1_b .right img{ border-top-right-radius:0px;border-bottom-left-radius:0px;}



#about4_2{ width:1200px; margin:0 auto; overflow:hidden;}
#about4_2 .con p.a1{ font-size:30px; line-height:60px; text-align:center; padding-bottom:40px; padding-top:30px; color:#fff}
#about4_2 .con p.a2{ line-height:30px; color:#666; font-size:16px;color:#fff}

#about4_2 .list{ width:1200px; margin:100px auto 0 auto; overflow:hidden;}


/*ind_pro*/
.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{ overflow:hidden; text-align:center; background:none; }
.ind_honor .swiper-slide a{ padding:0; display:block; font-size:16px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; margin-bottom:50px;}
.ind_honor .swiper-slide a div{ overflow:hidden;}
.ind_honor .swiper-slide a img{width:100%;transition:All 2s ease-in-out;}

.ind_honor .swiper-slide a p{line-height:60px;}
.ind_honor .swiper-slide a:hover{margin-top:0px; color:#ca0303;}
.ind_honor .swiper-button-next{ display:inherit;}
.ind_honor .swiper-button-prev{ display:inherit;}

#about4_3{ width:1200px; margin:0 auto; overflow:hidden;}
#about4_3 .con p.a1{ font-size:30px; line-height:60px; text-align:center; padding:30px 0 40px 0;color:#fff}
#about4_3 .con p.a2{ line-height:30px; color:#666; font-size:16px;color:#fff}

#about4_3 .li{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
#about4_3 .li ul{ width:1400px;}
#about4_3 .li ul li{ background:#fff; padding:30px;border-top-right-radius:0;border-bottom-left-radius:0; float:left; margin:10px 10px 0px 0;}
#about4_3 .li ul li p{ color:#666;}
#about4_3 .li ul li p.cc{ min-height:120px;}
#about4_3 .li ul li p.tt{ font-size:18px; color:#000; line-height:30px; padding-bottom:10px;}
#about4_3 .li ul li p.tt span{ display:block; float:left; background:#ca0303; border-radius:50%; line-height:24px; width:24px; margin:3px 5px 0 0; text-align:center; color:#fff; font-size:14px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#about4_3 .li ul li:nth-child(1){ width:260px}
#about4_3 .li ul li:nth-child(2){ width:390px}
#about4_3 .li ul li:nth-child(3){ width:350px;}
#about4_3 .li ul li:nth-child(4){ width:720px}
#about4_3 .li ul li:nth-child(5){ width:350px}
#about4_3 .li ul li:nth-child(6){ width:720px}
#about4_3 .li ul li:nth-child(7){ width:350px}

#about4_4{ width:1200px; margin:0 auto; overflow:hidden;}
#about4_4 .con p.a1{ font-size:30px; line-height:60px; text-align:center; padding:30px 0 40px 0;color:#fff}
#about4_4 .con p.a2{ line-height:30px; color:#666; font-size:16px;color:#fff}

#about4_4 .list{ width:1200px; margin:80px auto 0 auto; overflow:hidden;}
/*ind_equipment*/
.ind_equipment {width:100%; margin-left:auto; margin-right:auto; }
.ind_equipment .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_equipment .swiper-slide{ overflow:hidden; text-align:center; background:none; }
.ind_equipment .swiper-slide a{ padding:10px; display:block; font-size:16px; margin-bottom:50px; background:#fff; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px;}
.ind_equipment .swiper-slide a div{ overflow:hidden;}
.ind_equipment .swiper-slide a img{width:100%;transition:All 2s ease-in-out;}

.ind_equipment .swiper-slide a p{line-height:60px;}
.ind_equipment .swiper-slide a:hover{margin-top:0px; color:#ca0303;}
.ind_equipment .swiper-button-next{ display:inherit;}
.ind_equipment .swiper-button-prev{ display:inherit;}

#history{ width:95%; margin:3vw auto 100px auto; overflow:hidden;}

#history_info{ width:33vw; float:left;}
#history_info p.a1 img{ width:100%;}
#history_info p.a2{ font-size:16px; color:#666; line-height:30px; padding-top:20px;}
#history_info p.a3{ padding-top:20px;}
#history_info p.a3 img{ width:100%;}

#history_con{ width:60vw; float:right; overflow:hidden; background:url(image/line4.jpg) 30px top repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) 22px 25px no-repeat; overflow:hidden; padding-top:0px; padding-bottom:30px; margin-bottom:0px; }
#history_con dl dd div{ width:81%; float:right; overflow:hidden; border:solid 1px #0; padding:20px 4% 5px 4%; box-shadow:0 2px 5px rgba(0,0,0,0); background:url(image/line2.jpg) no-repeat left bottom/0% 2px #fff; transition:all 0.5s;}
#history_con dl dd span{display:block; text-align:left; font-size:30px; color:#0a3148; font-weight:900; line-height:30px; padding-bottom:20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#history_con dl dd p{ text-align:left; border-top:solid 1px #eee; line-height:30px; font-size:16px; padding-bottom:20px; color:#666; padding-top:20px;}
#history_con dl dd div span.mig{ position:absolute; margin:-15px 0 0 -52px;}

#history_con dl dd:hover div{ background:url(image/line2.jpg) no-repeat left bottom/100% 2px #fff;}
#history_con dl dd:hover div span{ color:#ca0303;}



#team{ width:100%; margin:3vw auto 0 auto; overflow:hidden; background:rgba(255,255,255,0.5);}
#team .left{ float:left; width:50vw;}
#team .left img{ width:100%;}
#team .right{ font-size:18px; line-height:40px; padding:50px 3vw; float:right; width:40vw; color:#666;}

#team1{ width:100%; margin:5vw auto 5vw auto; overflow:hidden;}
#team1 ul{ width:100%;}
#team1 ul li{ width:30%; float:left; margin-right:3%; text-align:center; line-height:50px; color:#666; margin-bottom:20px; font-size:16px;}
#team1 ul li img{ width:100%;}

#honor{ width:95%; margin:3vw auto 0 auto; overflow:hidden;}
#honor ul{ width:100%;}
#honor ul li{ float:left; width:15.4%; margin-right:1%;}
#honor ul li a{ display:block;}
#honor ul li a img{ width:100%;}

#honor1{ width:95%; margin:3vw auto 0 auto; overflow:hidden;}
#honor1 ul{ width:100%;}
#honor1 ul li{ float:left; width:32%; margin-right:1%; margin-bottom:40px;}
#honor1 ul li a{ display:block;}
#honor1 ul li a img{ width:100%;}

#workshop{ width:95%; margin:3vw auto 1vw auto; overflow:hidden;}
#workshop ul{ width:100%;}
#workshop ul li{ width:30%; float:left; margin-right:3%; text-align:center; line-height:50px; color:#666; margin-bottom:20px; font-size:16px;}
#workshop ul li a p{ overflow:hidden;}
#workshop ul li a img{ width:100%; transition:all 0.5s;}
#workshop ul li a:hover img{ transform:scale(1.15)}

#news{ width:95%; margin:0 auto; overflow:hidden;}
#news ul{ width:100%;}
#news ul li{ overflow:hidden; border-bottom:solid 1px #ddd; width:100%; margin-right:30px; float:left;}
#news ul li a{ display:block;overflow:hidden; padding:50px 0; background:url(image/line2.jpg) no-repeat left bottom/0% 2px;}
#news ul li a:hover{ background:url(image/line2.jpg) no-repeat left bottom/100% 2px;}
#news ul li a .a1{ float:left; margin-right:50px;}
#news ul li a .a1 img{ border-top-right-radius:0px;border-bottom-left-radius:0px;}
#news ul li a .a2{ overflow:hidden;}
#news ul li a .a2 p.tt{ font-size:24px; color:#0a3148; padding:20px 0;}
#news ul li a:hover .a2 p.tt{ color:#ca0303;}
#news ul li a .a2 p.cc{ min-height:96px; color:#666; font-size:16px; margin-bottom:30px;}
#news ul li a .a2 p.time{ background:url(image/k9.png) no-repeat left; padding-left:20px; color:#999; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#case_tt{ width:95%; margin:0 auto; overflow:hidden; text-align:center; font-size:15px; color:#666;}

#case{ width:100%; margin:3vw auto 1vw auto; overflow:hidden;}
#case ul{ width:100%;}
#case ul li{ width:30%; float:left; margin-right:1.5%; margin-left:1.5%; text-align:center; line-height:50px; color:#666; margin-bottom:20px; font-size:16px;}
#case ul li a p{ overflow:hidden;}
#case ul li a img{ width:100%; transition:all 0.5s;}
#case ul li a:hover img{ transform:scale(1.15)}

#case1{ width:95%; margin:3vw auto 1vw auto; overflow:hidden;}
#case1 ul{ width:100%;}
#case1 ul li{ width:30%; float:left; margin-right:1.5%; margin-left:1.5%;  text-align:center; line-height:50px; color:#666; margin-bottom:50px; font-size:16px;}
#case1 ul li a p{ overflow:hidden;}
#case1 ul li a img{ width:100%; transition:all 0.5s;}
#case1 ul li a:hover img{ transform:scale(1.15)}

#quality{ width:95%; margin:3vw auto 0 auto; overflow:hidden; background:rgba(255,255,255,0.5)}
#quality .left{ float:left; width:50%;}
#quality .left img{ width:100%}
#quality .right{ width:40%; float:right; font-size:14px; color:#666; padding:20px 5%; }
#quality .right p{ padding-bottom:20px; text-indent:32px; line-height:24px;}

#service{ width:100%; text-align:center; overflow:hidden; margin-top:3vw; margin-bottom:5vw;}
#service ul{ display:inline-block;}
#service ul li{ margin:0 1.5%; width:30%; float:left;}
#service ul li a{ display:block; width:100%; text-align:left;}
#service ul li a p:nth-child(1) img{ width:100%; transition:all 0.5s;}
#service ul li a p{ overflow:hidden;}
#service ul li a p:nth-child(2){ color:rgba(33,44,134,0.2); text-transform:uppercase; font-size:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:20px; }
#service ul li a p:nth-child(3){ color:#16425b; font-size:24px; line-height:30px; font-weight:900;}
#service ul li a p:nth-child(4){ color:#666; padding-top:10px; min-height:72px;}
#service ul li a p:nth-child(5){ margin-top:40px;}

#service1{ width:100%; overflow:hidden; background:rgba(255,255,255,1);}
#service1 .k{ width:95%; margin:5vw auto; overflow:hidden;}
#service1 .k .left{ width:30%; float:left;}
#service1 .k .left .tt{ font-size:30px; color:#0a3148; font-weight:bold; line-height:40px; padding-bottom:20px;}
#service1 .k .left .cc{ width:100%; overflow:hidden;}
#service1 .k .left .cc p{ width:100%; float:left; color:#666; font-size:15px; line-height:24px;}

#service1 .k .right{ float:right; width:68%;}
#service1 .k .right img{ width:100%;}

#job1{ width:95%; margin:3vw auto 0 auto; overflow:hidden;}
#job1 ul li{ border:solid 0px #eee; overflow:hidden; margin-bottom:30px; border-top:solid 2px #0a3148;}
#job1 ul li span{ font-weight:900;}
#job1 ul li font{ color:#d6000f;}
#job1 ul li div.tt{ border-bottom:solid 0px #eee; background:rgba(255,255,255,1);overflow:hidden; line-height:50px;}
#job1 ul li div.tt p{ width:20%; float:left; text-indent:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#job1 ul li div.cc{ border-bottom:solid 0px #eee; overflow:hidden; line-height:50px; background:rgba(255,255,255,0.5);}
#job1 ul li div.cc p{ width:20%; float:left; text-indent:20px;}
#job1 ul li div.dd{ border-bottom:solid 0px #eee; background:rgba(255,255,255,1); overflow:hidden; line-height:50px;}
#job1 ul li div.dd p{ width:40%; float:left; text-indent:20px;}
#job1 ul li div.aa{ background:rgba(255,255,255,0.5); overflow:hidden; line-height:24px; padding:20px 0;}
#job1 ul li div.aa p{ width:45%; float:left; padding-left:20px;}

#prolist{ width:95%; overflow:hidden; margin:3vw auto 0 auto;}
#prolist ul{ width:100%;}
#prolist ul li{ float:left; margin-right:1.5%; margin-left:1.5%; width:30%; margin-bottom:50px;}
#prolist ul li a{ display:block; background:#4d5965; line-height:50px; color:#fff; font-size:16px; text-align:center;}
#prolist ul li a p{ overflow:hidden;}
#prolist ul li a img{ width:100%; transition:all 1s;}
#prolist ul li a:hover img{ transform:scale(1.15);}
#prolist ul li a:hover{ background:#ca0303; box-shadow:0 8px 10px rgba(0,0,0,0.2);}

























#page{ width:100%; text-align:center; overflow:hidden; margin:60px auto 100px 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; background:#fff; border-radius:5px;}
#page ul li a:hover{ background:#0a3148; color:#fff;}
#page ul li a.it{ background:#0a3148; color:#fff;}

#contact{ width:95%; margin:40px auto 100px auto; overflow:hidden;}
#contact .con{ width:100%; overflow:hidden;}
#contact .con div.li{ line-height:60px; overflow:hidden; border-bottom:solid 1px #eee; color:#666;  font-size:16px; float:left; width:48%;margin-right:2%; margin-bottom:20px;}

#contact .con div.li p{ float:left;}
#contact .con div.li p img{ height:50px; margin-top:5px;}

#contact .map{ width:95%; margin-top:50px; overflow:hidden;}
#contact .map img{ border-top-right-radius:0px;border-bottom-left-radius:0px;}

#login{ width:100%; background:url(image/downloadpic.jpg) no-repeat top center #eee; padding-top:100px; overflow:hidden;}

#login .kuang{ width:400px; margin:150px auto 150px auto; overflow:hidden; background:#fff; padding:30px 50px; border-top-right-radius:50px;border-bottom-left-radius:50px;}
#login .kuang p.tt{ font-size:30px; line-height:50px; padding-bottom:30px;}
#login .kuang p.cc{ margin-bottom:20px;}
#login .kuang p.cc input{ width:100%; height:50px; background:#f7f7f7; text-indent:20px; border-top-right-radius:10px;border-bottom-left-radius:10px;}
#login .kuang p.forget{ text-align:right;}
#login .kuang p.forget a{ color:#ca0303;}
#login .kuang p.gogo button{ background:#ca0303; transition:all 0.5s; color:#fff; width:100%; line-height:50px; font-size:18px; margin-top:20px;border-top-right-radius:10px;border-bottom-left-radius:10px; cursor:pointer;}
#login .kuang p.gogo button:hover{ background:#f04f00;}
#login .kuang p.reg{ border-top:solid 1px #eee; width:80%; margin:80px auto 0 auto; text-align:center; padding-top:30px; padding-bottom:50px;}

#bread{ width:1200px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; line-height:50px; padding-top:40px;}
#bread span{ color:#ca0303;}

#bread1{ width:95%; margin:0 auto; overflow:hidden; border-bottom:solid 0px #eee; line-height:50px; padding-top:20px;}
#bread1 span{ color:#ca0303;}

.title1{ width:1200px; margin:20px auto 30px auto; overflow:hidden; text-align:center; padding:30px 0 0px 0; background:none; border-radius:50px;}
.title1 h2{ font-size:30px; line-height:50px; font-weight:500; }
.title1 p{ width:800px; margin:0 auto; color:#666; font-size:15px;}
.title1 span{display:block; margin:0 auto; padding-top:30px;}
.title1 span a{ display:block; background:#fff; border-radius:50px; border:solid 2px #eee; color:#666; line-height:30px; width:100px; margin:0 auto;}
.title1 span a:hover{ background:#ca0303; color:#fff; border:solid 2px #ca0303; width:120px;}


.proa{ width:1200px; margin:0 auto; overflow:hidden;}
.proa ul{ width:1300px;}
.proa ul li{ float:left; width:285px; text-align:center; margin:10px 20px 30px 0; height:400px; }
.proa ul li a{ display:block; text-align:center; border:solid 1px #eee; font-size:14px; margin-top:10px; box-shadow:0 5px 10px rgba(0,0,0,0); background:url(image/line2.jpg) no-repeat left bottom/0 3px #fff;}
.proa ul li a img{ width:100%;}
.proa ul li a p.num{ font-size:24px;line-height:40px; font-weight:700; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  border-bottom:solid 1px #eee; width:80%; font-weight:700; margin:0 auto;}
.proa ul li a p.cc{ line-height:40px; padding-bottom:10px; font-size:16px;}
.proa ul li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.1); color:#ca0303; border:solid 1px #eee;background:url(image/line2.jpg) no-repeat left bottom/100% 3px #fff;margin-top:0px; }

#gao{ height:60px; overflow:hidden; width:100%;}



#pro{ width:1200px; margin:0 auto; overflow:hidden;}
#pro ul{ width:1300px;}
#pro ul li{ float:left; width:285px; text-align:center; margin:10px 20px 30px 0; height:400px; }
#pro ul li a{ display:block; text-align:center; border:solid 1px #eee; font-size:14px; margin-top:10px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0); background:url(image/line2.jpg) no-repeat left bottom/0 3px;}
#pro ul li a img{ width:100%;}
#pro ul li a p.num{ font-size:24px;line-height:40px; font-weight:700; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  border-bottom:solid 1px #eee; width:80%; font-weight:700; margin:0 auto;}
#pro ul li a p.cc{ line-height:40px; padding-bottom:10px; font-size:16px;}
#pro ul li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.1); color:#ca0303; border:solid 1px #eee;background:url(image/line2.jpg) no-repeat left bottom/100% 3px;margin-top:0px; }

#probig{ width:95%; margin:0 auto; overflow:hidden;}
#probig .left{ width:45%; border:solid 1px #eee; float:left;}
#probig .left img{ width:100%;}
#probig .left .video{ width:100%; height:375px; overflow:hidden; background:#000;}


#probig .left li{ display:none;}
#probig .right{ width:50%; float:right;}
#probig .right p.a1{ font-size:24px; font-weight:900; color:#0a3148; line-height:60px; border-bottom:solid 1px #eee; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#probig .right p.a3{ padding:20px 0; border-bottom:solid 1px #eee; color:#666;}

#probig .right div.a4{ overflow:hidden; padding-top:20px;}
#probig .right div.a4 span{ width:60px; float:left; border:solid 1px #eee; border-radius:0; margin-right:10px; cursor:pointer; padding:10px;}
#probig .right div.a4 span img{ width:100%;}

#probig .right p.a5{ overflow:hidden; margin-top:50px;}
#probig .right p.a5 a{ display:block; background:#4d5965; color:#fff; line-height:50px; width:200px; font-size:16px; border-radius:3px; text-align:center;}
#probig .right p.a5 a:hover{ background:#ca0303; width:220px;}

#probig1{ width:100%; background:#f0f1f3; overflow:hidden; margin-top:80px; padding-bottom:100px;}

#probig1 .btn{ width:95%; margin:30px auto 10px auto; overflow:hidden;}
#probig1 .btn p{ float:left; background:#4d5965; color:#fff; width:150px; margin-right:10px; text-align:center; line-height:50px; margin-top:20px; font-size:16px; cursor:pointer; transition:all 0.5s; border-radius:3px;}

#pro_con{ width:90%; margin:0 auto 0px auto; overflow:hidden; background:#fff; padding:50px; font-size:16px; color:#666; line-height:30px; display:none;}
#pro_con p.tt{ font-size:18px; font-weight:900; line-height:50px; color:#000;}
#pro_con p.t1{ color:#000;}
#pro_con p.pic{ margin:30px 0;}
#pro_con p.pic img{ width:100%;}


#pro_can{ width:95%; margin:0 auto 0px auto; overflow:hidden; background:#fff; padding:50px; font-size:16px; color:#666; line-height:30px; display:none;}
#pro_can table{ border-top:solid 1px #eee; border-left:solid 1px #eee; width:100%;}
#pro_can table td{border-bottom:solid 1px #eee; border-right:solid 1px #eee; font-size:14px; line-height:18px; padding:10px 0;text-align:center;}
#pro_can table tr.tot{ color:#fff; background:#333; text-align:center; font-weight:bold; }

#pro_app{ width:95%; margin:0 auto; overflow:hidden; text-align:center; background:#fff; padding:50px; display:none;}
#pro_app ul{ width:100%;}
#pro_app ul li{ float:left; width:25%; line-height:50px;}
#pro_app ul li img{ width:90%;}

#pro_case{ width:95%; margin:0 auto; overflow:hidden; text-align:center; background:#fff; padding:50px; display:none;}
#pro_case ul{ width:100%;}
#pro_case ul li{ float:left; width:33.33%; line-height:50px;}
#pro_case ul li img{ width:90%;}

#feedback{ width:95%; margin:80px auto 100px auto; overflow:hidden;}
#feedback .mess{ width:100%; background:#4d5965; color:#fff; text-align:center; line-height:50px;}
#feedback .list{ overflow:hidden; margin-top:20px; width:100%;}
#feedback .list p{ float:left; margin-right:1%; width:15.5%;}
#feedback .list p input{ width:100%; height:40px; border:solid 1px #eee; text-indent:10px;}
#feedback .list p.area{ width:95%; margin-top:10px;}
#feedback .list p.area textarea{ border:solid 1px #eee; width:99%; padding:10px 2%; height:200px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#feedback p.btn{ width:100%;  margin-top:20px; text-align:center;}
#feedback p.btn button{ width:200px; line-height:50px; background:#4d5965; color:#fff; text-align:center; font-size:16px; border-radius:5px; cursor:pointer; transition:all 0.5s;}
#feedback p.btn button:hover{ background:#ca0303;}



#hy{ width:100%; margin:120px auto 80px auto; background:#f1f1f1;}
#hy .list{ width:1220px; margin:0 auto; overflow:hidden; padding:100px 0 50px 0;}


#con_feedback{ width:100%; overflow:hidden; background:#f7f8fa;}


#title1{ width:1200px; margin:80px auto 0px auto; overflow:hidden; border-bottom:solid 0px #eee;}
#title1 h1{ font-size:36px; line-height:80px; font-weight:500; text-align:center; }
#title1 p{ float:right; line-height:60px; color:#999; display:none;}
#title1 p a{ color:#999;}
#title1 p a:hover{ color:#000;}

#prolist_con{ width:800px; margin:20px auto 0 auto; overflow:hidden; text-align:left; padding-bottom:80px; color:#fff; font-size:15px;}

.kuang1{ background:#f7f7f7; width:100%; overflow:hidden; padding-bottom:50px;}
.kuang2{ background:#fff; width:100%; overflow:hidden;padding-bottom:50px;}

.p_list{ width:100%; overflow:hidden;}
.p_list ul li{ width:25%; float:left;}


#app_con{ width:95%; overflow:hidden; margin:3vw auto 5vw auto; overflow:hidden; }
#app_video{ width:48%; height:400px; margin-right:50px; overflow:hidden; float:left; background:#000;}
#app_con .con{ overflow:hidden;font-size:14px; line-height:28px;}

#app_pro{ width:100%; overflow:hidden; background:rgba(255,255,255,1); text-align:center;}
#app_pro h2{ font-size:36px; line-height:60px; padding-top:4vw; color:#0a3148;}
#app_pro ul{ width:100%; margin:3vw auto 5vw auto; overflow:hidden;}
#app_pro ul li{ float:left; width:25%; line-height:50px; margin-bottom:20px;}
#app_pro ul li img{ width:90%;}

#app_lc{ width:100%; overflow:hidden; text-align:center; }
#app_lc h2{ font-size:36px; line-height:60px; padding-top:4vw; color:#0a3148;}
#app_lc .lc{ width:100%; overflow:hidden; text-align:center; overflow:hidden; padding-top:3vw; padding-bottom:5vw;}
#app_lc .lc ul{ display:inline-block;}
#app_lc .lc ul li{ float:left; width:18%; overflow:hidden; line-height:40px;}
#app_lc .lc ul li img{ width:100%; border-radius:30px;}
#app_lc .lc ul dd{ float:left; width:25px; height:200px; background:url(image/jt.png) no-repeat center/15px auto;}

#app_eq{ width:100%; overflow:hidden; background:rgba(0,0,0,0.03); text-align:center;}
#app_eq h2{ font-size:36px; line-height:60px; padding-top:4vw; color:#0a3148;}

#app_eq .eq{ width:95%; margin:3vw auto 5vw auto; overflow:hidden;}
.eqlist {width:100%; margin-left:auto; margin-right:auto; }
.eqlist .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; }
.eqlist .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.eqlist .swiper-slide a{display:block; font-size:14px; line-height:40px; text-align:center; transition:all 0.5s; overflow:hidden;color:#666; padding-bottom:40px;}

#app_list{ width:1300px; margin:3vw auto 3vw auto; overflow:hidden;}
#app_list ul{ width:1400px;}
#app_list ul li{ width:228px; float:left; margin-right:40px; text-align:center; line-height:50px; color:#666; margin-bottom:20px; font-size:14px;}
#app_list ul li a p{ overflow:hidden;}
#app_list ul li a img{ width:100%; transition:all 0.5s;}
#app_list ul li a:hover img{ transform:scale(1.15)}

#news_con{ width:1300px; margin:0 auto; overflow:hidden;}
#news_con .news_title{font-size: 24px;}

.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;}
.news_info_back{ width:1260px; margin-top:10px;text-align: center;}
.news_info_back button{ width:150px; line-height:50px; background:#333; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}

#probtnlist{ display:none;}







}