@charset "utf-8";
ul,li,dl,dd{
margin:0px; padding:0px; list-style:none}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingFang TC Light_5";
  src: url("fonts/PingFangTCLight_5/PingFang TC Light_5.woff2") format("woff2"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.woff") format("woff"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.ttf") format("truetype"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.eot") format("embedded-opentype"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.svg") format("svg"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingHei-light";
  src: url("fonts/PingHei-light/PingHei-light.woff2") format("woff2"),
       url("fonts/PingHei-light/PingHei-light.woff") format("woff"),
       url("fonts/PingHei-light/PingHei-light.ttf") format("truetype"),
       url("fonts/PingHei-light/PingHei-light.eot") format("embedded-opentype"),
       url("fonts/PingHei-light/PingHei-light.svg") format("svg"),
       url("fonts/PingHei-light/PingHei-light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy light";
  src: url("fonts/GILROY-LIGHT/GILROY-LIGHT.woff2") format("woff2"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.woff") format("woff"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.ttf") format("truetype"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.eot") format("embedded-opentype"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.svg") format("svg"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic";
  src: url("fonts/CenturyGothic/CenturyGothic.woff2") format("woff2"),
       url("fonts/CenturyGothic/CenturyGothic.woff") format("woff"),
       url("fonts/CenturyGothic/CenturyGothic.ttf") format("truetype"),
       url("fonts/CenturyGothic/CenturyGothic.eot") format("embedded-opentype"),
       url("fonts/CenturyGothic/CenturyGothic.svg") format("svg"),
       url("fonts/CenturyGothic/CenturyGothic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
body{
font-size:14px; color:#4c4c4c;}
body,html{  font-family: "SourceHanSansCN-Normal";}
.daxie{
text-transform:uppercase;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; margin:0px; padding:0px; overflow:hidden; clear:both;}
.cssimg,.cssimgp img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
img{
max-width:100%;}
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; width:100%; }
/****************************************************************************************************************************/ 
.div1240{
margin:0 auto; width:1240px; padding:0px;} 
.hx_header_1{
background-color:#1d222c; padding:20px 0px; color:#fff;}
.hx_header_1_left{
 font-family: "Gilroy light"; font-size:16px; float:left;}
.hx_header_1_right{
float:right;}
.hx_header_1_right ul li{
float:right; margin-left:44px;}
.hx_header_1_right ul li img{
float:right;}
.hx_header_2{ z-index:888; 
position:relative; background-position:center; background-repeat:repeat-x; background-image:url(../images/header/img6.png);}
.hx_header_2_mid{
position:relative;height:95px;}
.hx_header_2_right_search{ position:relative; z-index:10;
float:right; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img4.jpg); height:21px; padding-left:20px; height:95px;}
.hx_header_2_right_search div{ padding:10px; top:95px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1); display:none;
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
position:absolute; right:-30px;background-color:#fff; z-index:10;}
 
.hx_header_2_right_search div input{ width:140px;border-radius:2px; padding:0px 10px;
border:none; background:none; height:24px; line-height:24px; border:1px #ccc solid;}
.hx_header_2_right_search a{ margin-top:37px;
display:inline-block; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img3.jpg); width:16px; height:21px;}
.hx_header_2_right{
float:left; margin-left:315px;}
.hx_header_2_right ul li{ position:relative;
float:left; margin-left:65px;}
.hx_header_2_right ul li dl{ display:none;
position:absolute; left:-43px; width:150px; background-color:#fff; z-index:10; background-color:#fff; text-align:center;}
.hx_header_2_right ul li dl dd a{ display:block;
border-bottom:1px #dedede solid; padding:3px 0px; overflow:hidden;}
.hx_header_2_right ul li dl dd a:hover{
background-color:#efefef; color:#007dcf}
.hx_header_2_right ul li:nth-child(1){
margin-left:0;}
.hx_header_2_right ul li a.biga{
line-height:95px; color:#121c24; font-size:16px;}
.hx_header_2_right ul li a.bigaon{
color:#007dcf}
.hx_header_2_left{
position:absolute; left:0; top:-8px; width:274px; height:111px; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img5.png);}
.hx_header_2_left img{
float:left; margin-top:18.5px; margin-left:30px;}
.hx_header_2_bg{
background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img8.png); height:111px; position:absolute; left:0; bottom:-8px; z-index:0; width:100%;}
.hx_header_2 .div1240{
position:relative; z-index:10;}
.nybanner{
width:100%;}
.nybanner img{
width:100%;}
.hx_header_2_right ul li a.bigaon,.hx_header_2_right ul li a.biga:hover{
color:#007dcf}
.hx_footer_1_left{
float:left; width:275px;}
.hx_footer_1_right{
float:right; width:127px;}
.hx_footer_1_mid{
float:left; margin:0 50px; width:736px; border-left:1px #11171e solid; border-right:1px #11171e solid;}
.hx_footer_1_mid ul li{
float:left; margin-left:50px;}
.hx_footer_1_mid ul li p{ margin-bottom:18px;
color:#fff; font-size:18px; font-family: "PingHei-light";}
.hx_footer_1_left_1,.hx_footer_1_right_1{ margin-bottom:18px;
color:#fff; font-size:18px; font-family: "PingHei-light";}
.hx_footer_1_left_2{
font-size:16px; color:#fff;font-family: "PingHei-light";}
.hx_footer_1_mid ul li dl dd a{
font-size:13px; color:#9ea7b0; 
}
.hx_footer_1_right_3{font-size:13px; color:#9ea7b0; margin-top:5px;}
.hx_footer_1_mid ul li dl dd{
margin-bottom:5px;}
.hx_footer_1_mid ul li dl dd a:hover{
color:#fff;}
.hx_footer_1_left_3{
color:#9ea7b0; font-size:13px; line-height:20px;}
.hx_footer_2{
font-size:12px; color:#b1b1b1; border-top:1px #222c36 solid; padding:7px 0px;}
.hx_footer_2 a{
color:#b1b1b1;}
.hx_footer_2 a:hover{
color:#fff;}
.hx_footer_2_left{
float:left;}
.hx_footer_2_right{
float:right;}
.hx_footer{
background-color:#0c1218;}
.hx_footer_1{
margin:62px 0px 70px 0px;}
.hx_footer_1_left_4 a{font-family: "Gilroy light";
display:inline-block; width:165px; height:38px; text-align:center; line-height:38px; color:#fff; background-color:#0154a4;}
.hx_footer_1_left_4{
margin-top:35px;}
.hx_footer_1_left_4 a:hover{
background-color:#fff; color:#0154a4}
.about_1_mid{
position:relative; overflow:hidden; clear:both;}
.about_1_right{
position:absolute; right:0; top:0; width:419px; height:612px;}
.about_1_left{ margin-bottom:50px;
max-width:760px; margin-top:30px;}
.about_1_left_1 span{ display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img15.png);
color:#111; font-size:24px; font-family:Helvetica, sans-serif; padding-right:25px; line-height:24px;}
.about_1_left_2{
font-size:33px; line-height:33px; color:#000; margin-top:10px; margin-bottom:40px;}
.about_1_left_3{
color:#666; font-size:16px; line-height:38px; text-indent: 2em;}
.about_1_right_1{ z-index:1;
position:absolute; left:0; bottom:0; width:395px; height:591px; overflow:hidden;}
.about_1_right_2{
position:absolute; right:0; top:0;}
.about_1{
margin:113px 0px;}
.about_2{ padding:105px 0px;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img5.jpg);}
.about_2_2 ul li{ margin-top:30px;
float:left; color:#fff; width:608px;}
.about_2_2 ul li:nth-child(2n){
float:right;}
.about_2_2_1{
overflow:hidden;}
.about_2_2_2{ margin-top:35px;
font-size:22px; position:relative; padding-left:48px;}
.about_2_2_2 span{
position:absolute; left:0; top:0; font-size:30px; font-weight:bold;}
.cjplist li{ margin-right:23px; margin-top:30px;
float:left; width:398px;/* height:531px;*/} 
.cjplist li:nth-child(3n){
margin-right:0;}
.about_3_2{
position:relative;}
.swiper-button-next-honor{ cursor:pointer;
position:absolute; right:0; bottom:0; width:47px; height:46px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img7.png);}
.swiper-button-prev-honor{ cursor:pointer;
position:absolute; right:60px; bottom:0; width:47px; height:46px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img6.png);}
.swiper-button-next-honor:hover{
background-image:url(../images/about/img8.png);}
.swiper-button-prev-honor:hover{
background-image:url(../images/about/img9.png);}
.about_3{
margin:77px 0px;}
.ml_name{
overflow:hidden;}
.about_4_1{ 
position:relative; height:665px;}
.about_4_1_right{
position:absolute; right:0; top:0; width:50%; height:100%; z-index:10; background-image:url(../images/about/img16.png);}
.about_4_1_right_mid{ color:#fff;
width:65.625%; margin-left:11.97916666666667%;}
.about_4_1_right_mid_1{ 
font-size:26px; line-height:26px; font-weight:bold; margin-top:70px;}
.about_4_1_right_mid_2{ font-size:11px;
color:#97c2ec;}
.about_4_1_right_mid_3{
color:#e1edfa; font-size:15px; line-height:34px; margin-top:20px; padding-bottom:35px; overflow:hidden; border-bottom:1px #76b8e4 solid;}
.about_4_1_right_mid_4{margin-bottom:25px;
font-size:24px; line-height:24px; margin-top:35px;}
.about_4_1_right_mid_5 div{
width:350px;}
.about_4_1_right_mid_5 div a{
float:left; margin-right:6px; margin-bottom:6px; display:inline-block; width:63px; height:21px; line-height:21px; text-align:center; border:1px #7cbce6 solid; color:#e1edfa; font-size:13px;}
.about_4_1_right_mid_5 div a.on{
border-color:#fff; background-color:#fff; color:#0075c1;}
.about_4_1_right_mid_5 div a:nth-child(5n){
margin-right:0;}
.about_contact_2_right_3 .about_contact_2_right_3_name{ padding-bottom:12px;
font-size:20px; color:#010101; background-position:left bottom; background-repeat:no-repeat; background-image:url(../images/about/img14.png);}
.about_contact_2_right_3 li dl dd{ margin-bottom:3px; font-size:15px;
position:relative; padding-left:30px;}
.about_contact_2_right_3 li dl dd span{
position:absolute; left:0; top:0; background-position:left center; background-repeat:no-repeat;}
.about_contact_2_right_3 li dl dd:nth-child(1) span{
background-image:url(../images/about/img11.png); width:12px; height:16px; top:7px;}
.about_contact_2_right_3 li dl dd:nth-child(2) span{
background-image:url(../images/about/img12.png); width:13px; height:13px; top:8px;}
.about_contact_2_right_3 li dl dd:nth-child(3) span{
background-image:url(../images/about/img13.png); width:13px; height:13px; top:8px;}
.about_contact_2_right_3 li dl{
margin-top:15px; color:#666;}
.about_5_1{
text-align:center; font-size:36px; color:#000; line-height:36px; margin-top:96px; margin-bottom:10px;}
.about_5_2{ font-size:24px; color:#080808; line-height:24px; text-align:center;
font-family:Helvetica, sans-serif; margin-bottom:68px;}
.about_5_3 ul li{ margin-bottom:16px;
float:left; width:49.5%;}
.about_5_3 ul li:nth-child(2){
float:right;}
.about_5_3 ul li:nth-child(3),.about_5_3 ul li:nth-child(4){
width:100%;}
.about_5_3 ul li div{
border:1px #ccc solid; padding:0 20px;}
.about_5_3 ul li div input{ font-family: "PingHei-light";
border:none; background:none; width:100%; height:42px; line-height:42px; font-size:16px;}
.about_5_3 ul li div #message{ font-family: "PingHei-light";
border:none; background:none; width:100%; height:90px; padding:15px 0px; font-size:16px;}
.about_5_4 a{font-family: "PingHei-light";
display:inline-block; width:210px; height:40px; line-height:40px; text-align:center; background-color:#1688d2; color:#fff; font-size:18px;}
.about_5_4 a:hover{
background-color:#999;}
.about_5_4{
margin-top:22px; text-align:center; margin-bottom:96px;}
.pro_1{
margin-top:60px;}
.pro_2_1 ul li{ margin-right:56px;
float:left; width:376px; margin-bottom:90px;}
.pro_2_1 ul li:nth-child(3n){
margin-right:0;}
.pro_2_1_1 img{
width:100%;}
.pro_2_1_1{
overflow:hidden;}
.pro_2_1_2{ text-align:center; font-size:24px; line-height:24px;
font-family: "PingFang TC Light_5"; margin-top:32px; margin-bottom:7px;}
.pro_2_1_3{
text-align:center; font-size:18px; color:#727272; padding-bottom:17px;}
.pro_2_1{ padding-bottom:20px; overflow:hidden;
padding-top:20px;}
.pro_2_1 ul li:hover{
background-color:#007dcf;}
.pro_2_1 ul li:hover .pro_2_1_2{
color:#fff;}
.pro_2_1 ul li:hover .pro_2_1_3{
color:#7dc3f0;}
.pro_info_1{ font-size:16px; line-height:68px;
background-color:#f4f7f8; color:#666;}
.pro_info_1 span,.pro_info_1 a:hover{
color:#007dcf;}
.pro_info_2{
margin:68px 0px 56px 0px;}
.pro_info_2_left{
float:left; overflow:hidden; width:619px;}
.pro_info_2_left img{
width:100%;}
.pro_info_2_right{
float:right; width:570px;}
.pro_info_2_right_1{ padding-top:10px;
position:relative; padding-right:40px; font-size:30px; color:#0a0a0a; border-bottom:1px #d3d3d3 solid; padding-bottom:25px;}
.pro_info_2_right_1 a{ background-image:url(../images/product/img6.png); position:absolute; right:0; bottom:23px; display:block;
width:36px; height:36px; background-position:center; background-repeat:no-repeat; border:1px #c5c5c5 solid;border-radius:100%;}
.pro_info_2_right_1 a:hover{
background-image:url(../images/product/img7.png); background-color:#007dcf; border-color:#007dcf;}
.pro_info_2_right_2_1{
font-size:18px; margin-top:25px; color:#010101;}
.pro_info_2_right_2{
margin-top:10px;}
.pro_info_2_right_2_2{
font-size:16px; margin-top:10px; color:#666;}
.pro_info_3_1{
background-color:#616161;}
.pro_info_3_1 a{
float:left; display:block; width:180px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:15px; border-right:1px #fff solid;}
.pro_info_3_1 a.on{
background-color:#007dcf;}
.pro_info_3_2{ font-size:16px; display:none;
color:#666; margin:60px 0px;}
.pro_info_3_2_1{font-family: "PingFang TC Light_5"; margin-bottom:50px;
text-align:center; font-size:24px; color:#000;}
.pro_info_3_2_2{
position:relative;}
.pro_info_3_2_2 img{
width:100%;}
.pro_info_3_2_2 span{ z-index:10; left:50%; top:50%; margin-left:-60px; margin-top:-60px;
display:block; position:absolute; width:120px; height:120px; background-position:center; background-repeat:no-repeat; background-image:url(../images/product/img4.png);}
.str_1{
position:relative;}
.str_1_right{
float:right; width:50%; overflow:hidden;}
.str_1_right img{
width:100%;}
.str_1_left{
position:absolute; left:0; top:0; height:100%; width:50%;}
.str_1_left_mid{
float:right; width:525px; margin-right:95px;}
.str_1_left_mid_2{
font-size:20px; color:#000; line-height:22px;}
.str_1_left_mid_3{
font-size:16px; margin-top:10px; color:#666;}
.str_1{
margin-top:76px; margin-bottom:119px;}
.str_2{
overflow:hidden;}
.str_3_mid{
position:relative; padding-left:314px;}
.str_3_mid_left{
position:absolute; left:0; top:0; height:100%;}
.str_3_mid_right{
color:#0b0306;}
.str_3{
margin:90px 0px; margin-bottom:100px;}
.str_pic_mid_pic{
width:100%; overflow:hidden;}
.str_pic_mid_pic img{
width:100%;}
.swiper-button-next-pz{ background-size:auto;border-radius:50%;
width:42px; height:40px; background-position:center; background-repeat:no-repeat; background-image:url(../images/str/img6.png);}
.swiper-button-next-pz:hover{
background-image:url(../images/str/img7.png);}
.swiper-button-prev-pz{ background-size:auto;border-radius:50%;
width:42px; height:40px; background-position:center; background-repeat:no-repeat; background-image:url(../images/str/img5.png);}
.swiper-button-prev-pz:hover{
background-image:url(../images/str/img8.png);}
.str_pic{
margin-bottom:118px;}
.str_4_pic{ position:relative;
overflow:hidden;}
.str_4_pic img{
width:100%;}
.str_4_pic_mask{
position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; text-align:center; color:#fff;}
.str_4_pic_mask_1 span{ background-image:url(../images/str/img9.png);
display:inline-block; width:133px; height:133px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.str_4_pic_mask_2{
font-size:36px; line-height:36px; margin-top:45px;}
.str_4_pic_mask_3{ font-size:24px; margin-top:24px;
font-family:Helvetica, sans-serif}
.cjplist2 li{
float:left; width:20%;}
.ml_name2{
width:100%; height:54px;}
.swiper-pagination-p .swiper-pagination-bullet{
width:49px; height:5px;border-radius:0;}
.swiper-pagination-p{
position:static; margin-top:80px;}
.str_5{
margin-bottom:140px; margin-top:20px;}
.service_1_1{
margin-top:100px;}
.service_1_2{
font-size:16px; color:#666; margin-bottom:20px;}
.service_1_3{
margin-bottom:100px;}
.service_2{ overflow:hidden; padding-bottom:78px;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img1.jpg);}
.service_2_1{
margin-top:85px;}
.service_2_2 ul li{ margin-top:17px;
float:left; width:49%; background-image:url(../images/service/img2.png); color:#fff;border-radius:5px;}
.service_2_2 ul li:nth-child(2n){
float:right;}
.service_2_2_mid{
padding:15px 20px;}
.service_2_2_mid_1{
font-size:18px; color:#fff; border-bottom:1px #222631 solid; padding-bottom:8px;}
.service_2_2_mid_2{
margin-top:10px; line-height:22px; height:44px; overflow:hidden;}
.pagination{
text-align:center; display:block;}
.pagination li{
display:inline-block; float:none; margin:0 4px;}
.page-link{
color:#000;}
.pagination-sm .page-link{ padding-left:1rem; padding-right:1rem; font-size:16px; cursor:pointer;
line-height:34px;font-family: "Gilroy light";}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:0rem;border-bottom-left-radius:0rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:0rem;border-bottom-right-radius:0rem}
.service_2_3{
margin-top:78px;}
.page-item.active .page-link.loading{ border-color:#dee2e6;
color:#fff; background-color:#fff; background-image:url(../images/service/loading.gif); background-position:center; background-repeat:no-repeat;}
.service_3_1_left{
float:left;}
.service_3_1_right{
float:left; margin-left:45px; margin-top:235px;}
.service_3_1_right_1{
font-size:20px; color:#000;}
.service_3_1_right_2{ margin-top:10px;
font-size:16px; color:#313131;}
.service_3_1{
margin-bottom:150px;}
.service_4{ overflow:hidden;
background-color:#f9f9f9; padding-bottom:78px;}
.service_4_1{
overflow:hidden;}
.service_4_1 img{
width:100%;}
.service_4_2{
margin-top:20px;}
.service_4_2 ul li{
padding:13px 0px; border-bottom:1px #dddddd solid;}
.service_4_2 ul li a{ position:relative;
display:block; line-height:27px; padding-left:37px; font-size:16px; color:#000; text-decoration:none; background-position:left center; background-repeat:no-repeat;}
.service_4_2 ul li a span{ position:absolute; right:0; bottom:0; background-position:left center; background-repeat:no-repeat; padding-left:20px; background-image:url(../images/service/img6.png);
color:#8d8d8d;}
a:hover{
text-decoration:none}
.service_info_1{ line-height:38px;
text-align:center; font-size:30px; color:#000; margin-top:60px;}
.service_info_2{font-family: "CenturyGothic"; margin-top:10px; margin-bottom:30px;
text-align:center; font-size:16px; color:#000;}
.service_info_3{
font-size:16px; color:#666; border-bottom:1px #dfdfdf solid; padding-bottom:35px;}
.service_info_4_mid{ line-height:15px; background-position:center; background-repeat:no-repeat; background-image:url(../images/service/img9.png);
margin:0 auto; width:170px; height:15px;}
.service_info_4_mid a:nth-child(1){
float:left; font-size:12px; font-family:"宋体"; color:#666; background-position:left center; padding-left:18px; background-repeat:no-repeat; background-image:url(../images/service/img7.png);}
.service_info_4_mid a:nth-child(2){
float:right; font-size:12px; font-family:"宋体"; color:#666; background-position:right center; padding-right:18px; background-repeat:no-repeat; background-image:url(../images/service/img8.png);}
.service_info_4{
margin-top:35px; margin-bottom:85px;}
.service_info_4_mid a:nth-child(1):hover,.service_info_4_mid a:nth-child(2):hover{
color:#007dcf}
.pro_news_nav{
position:relative;}
.pro_news_nav_right{
position:absolute; right:0; bottom:0; text-align:right;}
.pro_news_nav_right a{
font-size:16px; color:#080808; margin-left:17px;}
.pro_news_nav_right a:hover,.pro_news_nav_right a.on{
color:#007dcf}
.news_1 ul li{ margin-right:5%; margin-bottom:50px;
float:left; width:30%;}
.news_1 ul li:nth-child(3n){
margin-right:0;}
.news_1_pic{
overflow:hidden; position:relative;}
.news_1_pic img{
width:100%;}
.news_1_pic_time{ text-align:center;
position:absolute; left:0; top:0; z-index:10; background-color:#007dcf; width:70px; height:65px; color:#fff;}
.news_1_pic_time_1{
font-family: "PingFang TC Light_5"; font-size:36px; line-height:36px; margin-top:5px;}
.news_1_pic_time_2{
font-family: "PingFang TC Light_5"; font-size:12px; line-height:14px; margin-top:2px;}
.news_1_jj_1{font-family: "PingFang TC Light_5"; color:#000;
font-size:20px; margin-bottom:10px; margin-top:20px;}
.news_1_jj_2{
font-size:15px; color:#666; line-height:25px; height:75px; overflow:hidden;}
.news_1 ul li:hover .news_1_jj_1{
color:#fff;}
.news_1 ul li:hover .news_1_jj_2{
color:#cde7f8;}
.news_1_jj{
padding-bottom:19px;}
.news_1 ul li:hover .news_1_jj{
background-color:#007dcf; overflow:hidden; padding-left:19px;padding-right:19px;}
.news_1{
padding-top:30px; padding-bottom:20px;}
.news_2{
margin-bottom:105px;}
.news_info_left{
float:left; overflow:hidden; width:585px;}
.news_info_left img{
width:100%;}
.news_info_right{
float:right; width:620px;}
.rec_1_mid_left{ margin-top:15px;
float:left; width:640px;}
.rec_1_mid_right{
float:right; width:563px;}
.rec_1_mid_left_2{
font-size:18px; color:#010101;}
.rec_1_mid_left_3{
color:#666; line-height:25px; margin-top:13px;}
.rec_1_mid_right_left{
float:left; overflow:hidden;}
.rec_1_mid_right_right{
float:right; overflow:hidden;}
.rec_1{
margin-top:130px; margin-bottom:195px;}
.rec_2{ padding-bottom:88px;
background-color:#f9f9f9; overflow:hidden;}
.rec_2_1{ margin-top:105px;
text-align:center; font-size:24px; color:#1d1d1d; font-family:Helvetica, sans-serif}
.rec_2_2{
text-align:center; font-size:36px; line-height:38px; color:#000; margin-top:17px; margin-bottom:80px;}
.rec_2_3{
background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.rec_2_3 table{ border:none;border-collapse:collapse;
width:100%; text-align:center}
.rec_2_3 table thead th{border-collapse:collapse; padding:20px 0px;
font-weight:normal; font-size:18px; color:#fff; background-color:#007dcf;}
.rec_2_3 table td{border-collapse:collapse; padding:20px 0px;
font-weight:normal; border-bottom:1px #f4f4f4 solid; font-size:14px; color:#000;  }
.rec_2_3 table td a{
color:#000;}
.rec_2_3 table td a:hover{
color:#007dcf}
.rec_2_4{
margin:48px 0px;}
.bjj{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;}
.bjj_mid_1{
font-size:58px; line-height:58px;}
.bjj_mid_2{
font-size:16px; margin-top:30px; margin-bottom:50px;}
.bjj_mid_3 a{ background-color:#007dcf;
display:inline-block; width:223px; height:48px; line-height:48px; text-align:center;}
.bjj_mid_3 a span{ color:#fff; padding-right:40px; font-size:15px; font-family:Helvetica, sans-serif;
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img1.png);}
.bjj_mid_3 a:hover span{
padding-right:50px;}
.bjj_mid_t span{ background-color:#007dcf; padding:0 30px; border-left:5px #fff solid; line-height:50px;
display:inline-block;font-size:22px; font-family:Helvetica, sans-serif;}
.bjj_mid_t{
margin-bottom:30px;}
.index_1_mid_right{
float:right; width:620px; overflow:hidden;}
.index_1_mid_left{
float:left; width:585px;}
.index_1_mid_left_1{ font-family:Helvetica, sans-serif;
font-size:36px; line-height:36px; color:#111; margin-top:125px;}
.index_1_mid_left_2{font-family: "PingFang TC Light_5"; margin-top:10px;
font-size:24px; color:#000;}
.index_1_mid_left_3{
color:#666; font-size:16px; margin-top:35px; margin-bottom:55px;}
.index_1{
margin-top:95px; margin-bottom:170px;}
.index_2_1_1{
margin-top:0;}
.index_2_1_1,.index_2_1_2{
color:#fff; text-align:center;}
.index_2{
background-position:center top; background-repeat:no-repeat; overflow:hidden; background-image:url(../images/index/img3.jpg);}
.index_2_1{
margin-top:125px; margin-bottom:105px;}
.index_2_2{
position:relative; padding:0 20px;}
.index_2_2_mid{
position:relative; overflow:hidden;}
.index_2_2_mid img{
width:100%;}
.index_2_2_mid_mask{opacity:0; color:#fff; left:4%; width:92%; top:3%; height:94%; text-align:center;
position:absolute; z-index:10; background-image:url(../images/index/img5.png);}
.indexproact:hover .index_2_2_mid_mask{
opacity:1}
.index_2_2_mid_mask_mid{
padding:35px;}
.index_2_2_mid_mask_mid_2{font-family: "PingFang TC Light_5";
font-size:20px;}
.index_2_2_mid_mask_mid_3{ margin:20px 0px;
background-position:center; background-repeat:no-repeat; height:9px; background-image:url(../images/index/img4.png);}
.index_2_2_mid_mask_mid_4{
line-height:25px; margin-bottom:60px;}
.index_2_2_mid_mask_mid_5 span{font-family: "Gilroy light"; display:inline-block; font-size:12px;
border:1px #fff solid; width:128px; line-height:31px; color:#fff;}
.index_2_2_mid_mask_mid_1{
margin-top:20px;}
.index_2_2_mid_mask_mid_5 a:hover span{
background-color:#fff; color:#007dcf}
.index_2_2_mid_jj_1{font-family: "PingFang TC Light_5";
font-size:20px;
text-align:center; color:#000;}
.index_2_2_mid_jj_2{
text-align:center;}
.index_2_2_mid_jj{
padding:20px;}
.indexproact:hover .index_2_2_mid_jj{
opacity:0}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
display:none}
.bjj_mid_3_n_l{
text-align:center;}
.bjj_mid_3.bjj_mid_3_n_l a{
background:none; border:1px #b5b5b5 solid; width:221px; height:46px; line-height:46px;}
.bjj_mid_3.bjj_mid_3_n_l a span{
color:#000; background-image:url(../images/index/img6.png);}
.bjj_mid_3.bjj_mid_3_n_l a:hover span{
color:#fff; background-image:url(../images/index/img1.png);}
.bjj_mid_3.bjj_mid_3_n_l a:hover{
background-color:#007dcf; border-color:#007dcf}
.index_2_3{
margin-top:30px; margin-bottom:109px;}
.index_3{ padding-top:95px; padding-bottom:135px;
overflow:hidden; background-color:#ecf1f4;}
.index_3_1{
font-size:38px; color:#131313; font-family:Helvetica, sans-serif}
.index_3_1 span{
color:#028ef3;}
.index_3_2{font-family: "PingFang TC Light_5";
color:#292929; font-size:22px; margin-top:10px; margin-bottom:45px;}
.index_3_3 ul li{
float:left; width:394px; margin-right:31px; background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow:0 5px 10px rgba(0,0,0,0.1);
    box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.index_3_3 ul li:nth-child(3n){
margin-right:0; width:390px;}
.index_3_3_pic{
overflow:hidden;}
.index_3_3_pic img{
width:100%;}
.index_3_3_jj{
padding:20px 25px;}
.index_3_3_jj_1{  font-family: "Gilroy light";
color:#231f20; font-size:17px;}
.index_3_3_jj_2{
font-size:20px;font-family: "PingFang TC Light_5"; color:#000; margin-top:5px; margin-bottom:10px;}
.index_3_3_jj_3{
color:#1b1b1b; line-height:25px; height:100px; overflow:hidden;}
.index_3_3_jj_4 span{ padding-right:40px; font-family:Helvetica, sans-serif;
color:#0c87e0; font-size:15px; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img7.png);}
.index_3_3_jj_4{
margin-top:30px;}
.index_3_3 ul li:nth-child(1):hover .index_3_3_jj_4 span,.index_3_3 ul li:nth-child(2):hover .index_3_3_jj_4 span{
padding-right:50px;}
.index_3_3 ul li:nth-child(3n) .index_3_3_jj_1{
font-size:13px;}
.index_3_3 ul li:nth-child(3n) .index_3_3_jj_3{
height:50px;}
.index_3_3 ul li:nth-child(3n) .index_3_3_jj{
border-bottom:1px #dfe8ee solid; padding-top:15px; padding-bottom:15px;}
.index_3_3 ul li dl dd:hover .index_3_3_jj_4 span{
padding-right:50px;}
.index_5{
background-position:center; background-repeat:no-repeat; height:237px; background-image:url(../images/index/img10.jpg);}
.index_4_mid_right{
float:right; width:446px; background-color:#2f353b;}
.index_4_mid_right_mid{
padding:30px}
.index_4_mid_right_mid_1{
line-height:46px;}
.index_4_mid_right_mid_2{
font-size:20px; color:#fff;font-family: "PingFang TC Light_5"; margin:23px 0px 30px 0px;}
.index_4_mid_right_mid_3 ul li{ margin-bottom:7px;
background-color:#fff;border-radius:3px;}
.index_4_mid_right_mid_3 ul li div{
padding:0 22px;}
.index_4_mid_right_mid_3 ul li div input{
border:none; background:none; width:100%; height:44px; line-height:44px; font-size:15px; font-family:Helvetica, sans-serif;}
.index_4_mid_right_mid_3 ul li div #message{
border:none; background:none; width:100%; height:120px; padding:10px 0;   font-size:15px; font-family:Helvetica, sans-serif;}
.index_4_mid_right_mid_4 a{ color:#fff;
display:inline-block;border-radius:3px; background-color:#028ef3; width:170px; text-align:center; line-height:44px;}
.index_4_mid_right_mid_4 a span{ font-family:Helvetica, sans-serif;
display:inline-block; font-size:17px; background-position:right center; background-repeat:no-repeat; padding-right:40px; background-image:url(../images/index/img1.png);}
.index_4_mid_right_mid_4{
margin-top:29px;}
.index_4_mid_right_mid_4 a:hover{
background-color:#999;}
.index_4_mid_right_mid_4 a:hover span{
padding-right:50px;}
.index_4_mid_left{
float:left; width:740px;}
.index_4_mid_left_1{font-family: "PingFang TC Light_5"; margin-top:25px; margin-bottom:35px;
font-size:20px; color:#666;}
.index_4_mid_left_2{
background-color:#ecf1f4; padding:10px 28px; overflow:hidden;}
.index_4_mid_left_2_1{
position:relative; padding-right:40px;}
.index_4_mid_left_2_1_name{font-family: "PingFang TC Light_5";
color:#000000; font-size:20px;}
.index_4_mid_left_2_1 span{
position:absolute; right:0; bottom:4px; width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img8.png);}
.index_4_mid_left_2_2{ display:none; margin-top:16px; margin-bottom:10px;
color:#000; line-height:24px; font-size:13px;}
.index_4_mid_left_2 ul li{ cursor:pointer;
padding:17px 0px; border-bottom:1px #d7d7d7 solid;}
.index_4_mid_left_2 ul li:last-child{
border:none;}
.index_4_mid_left_2 ul li.on .index_4_mid_left_2_2{
display:block;} 
.index_4_mid_left_2 ul li.on .index_4_mid_left_2_1 span{
background-image:url(../images/index/img9.png);}
.index_4_mid_left_3 a{ font-family:Helvetica, sans-serif; color:#028ef3; font-size:17px;
display:inline-block; padding-right:40px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img7.png);}
.index_4_mid_left_3 a:hover{
padding-right:50px;}
.index_4_mid_left_3{
margin-top:25px;}
.index_4{
margin-top:94px; margin-bottom:165px;}
.index_4_mid_left_2 ul li:hover .index_4_mid_left_2_1_name,.index_4_mid_left_2 ul li.on .index_4_mid_left_2_1_name{
color:#028ef3}