锘緻charset "utf-8";
/* CSS Document */
html{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; margin:0 auto; overflow-x:hidden; max-width:1920px; width:100%; position:relative;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#323232; text-decoration: none;outline:none;}
a:hover, a:active {color:#2ba6e7; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #2ba6e7; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #2ba6e7; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#Map{ padding-top: 80px;}
#Map p{ font-size: 1.5rem; color: #3b3b3b; padding-bottom: 24px;}
#dituContent{ height:550px; border:1px solid #ddd;}
@media screen and (max-width:770px){
#dituContent{ height:230px;}
}
/*鍩虹閰嶇疆*/

@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
 font-family:"Din";
 src: url("../fonts/din.eot"),
      url("../fonts/din.ttf");
}
@font-face {
 font-family:"Ddinr";
 src: url("../fonts/ddinr.eot"),
      url("../fonts/ddinr.ttf");
}
@font-face {
 font-family:"Dcinr";
 src: url("../fonts/dcinr.eot"),
      url("../fonts/dcinr.ttf");
}
@font-face {
 font-family:"Dinstd";
 src: url("../fonts/dinstd.eot"),
      url("../fonts/dinstd.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("../fonts/agencyfb.eot"),
      url("../fonts/agencyfb.ttf");
}

/*棣栭〉style寮€濮?/
.top_bg{width:98%; padding: 0 1%; background:#f5f5f5; height: 32px; position:relative; z-index:9991; transition: 0.5s;}
.top_bg .kg{ display: flex; justify-content: space-between;}
.top_l{ line-height: 32px; height: 32px; color: #666; font-size: 0.875rem;}
.top_r{ line-height: 32px; font-size: 0.875rem; color: #666;}
.top_r span{ padding: 0 10px;}
.top_r a{ color: #666; transition: 0.5s;}
.top_r a:hover{ color: #008cd6; transition: 0.5s;}
.logonav{width: 100%;  position: relative; z-index: 999;}
.logotel{height: 106px; background: #fff; width: 100%;}
.logo{ display: flex; padding-top: 7px;}
.logo a:nth-child(2){ padding-left: 70px; position: relative; margin-top: 5px;}
.logo a:nth-child(2)::before{ content: ''; width: 1px; height: 58px; background: #e6e6e6; left: 34px; top: 10px; position: absolute;}
.logo a:nth-child(2) p:nth-child(1) img{ display: inline-block; vertical-align: top;}
.logo a:nth-child(2) p:nth-child(1) span{ color: #008cd6; font-size: 2rem; font-weight: bold; display: inline-block; vertical-align: top; padding-top: 8px;}
.logo a:nth-child(2) p:nth-child(2){ font-size: 1.25rem; color: #222; text-align: center;}
.tel{ padding-top: 38px; position: relative;transition: 0.5s;}
.tel a{ display: block; background: url(../images/tel.png) no-repeat left bottom; padding-left: 32px;}
.tel a p{ font-size: 0.875rem; color: #666;}
.tel a span{ display: block; font-size: 1.875rem; color: #1390d7; font-family: 'Ddinr'; line-height: 0.8em; margin-top: 5px;}
.nav_bg{ background: rgba(0,0,0,0.75); width: 100%; position: relative; z-index: 999; border-top: 2px solid #008cd6;}
.sp_nav i{ display:none;}
.sjj_nav>ul>li{ float:left; width: 12.5%; position: relative;}
.sjj_nav>ul>li:nth-child(3),.sjj_nav>ul>li:nth-child(4),.sjj_nav>ul>li:nth-child(5){ position:inherit;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; text-align:center; font-size:1.125rem; height:56px; line-height:56px; color:#fff; transition:0.5s; position:relative; z-index:9;}
.sjj_nav>ul>li>a>span{ display: block; position: relative; z-index: 9;}
.sjj_nav>ul>li>a::before{ content:""; background:#fff; height:18px; width:1px; position:absolute; left:0%; top:19px;}
.sjj_nav>ul>li:nth-child(1)>a::before{ display: none;}
.sjj_nav>ul>li>a::after{ content: ''; background:#008cd6; width: 100%; height: 0px; position: absolute; left: 0; top: 0px; transition: 0.5s;}
.sjj_nav>ul>li:hover>a::after,.sjj_nav>ul>li.cur>a::after{height: 60px; transition: 0.5s;}
.sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,1); left:0; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:45px; height:45px; font-size:1rem; color:#242424; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#008cd6; color:#fff; transition:0.5s;}
/*topprolm*/
.toppro{ padding: 30px 0 40px 0;}
.toppro .kg{ display: flex; justify-content: space-around;}
.sjj_nav>ul>li:nth-child(5) .toppro .kg{justify-content: space-between;}
.toppro li{ text-align: center;}
.tpro_pic{ overflow: hidden;}
.tpro_pic img{ max-width: 100%; transition: 0.5s;}
.toppro li:hover .tpro_pic img{ transform: scale(1.05);}
.tpro_mc{ color: #222; height: 36px; line-height: 36px;}
.toppro li:hover .tpro_mc{ color: #008cd6;}
@media screen and (max-width:1279px){
.sjj_nav.kg{ width: 100%;}
.sjj_nav>ul>li>a{font-size:1rem;}
}
@media screen and (max-width:1020px){
.logotel{height: 80px;}
.logotel .kg{ width: auto;}
.logo{ padding-left: 1%; padding-top: 5px;}
.logo a:nth-child(1) img{ height: 70px;}
.logo a:nth-child(2){ padding-left: 30px; margin-top: 5px;}
.logo a:nth-child(2)::before{left: 10px; height: 44px;}
.logo a:nth-child(2) p:nth-child(1) img{ height: 32px;}
.logo a:nth-child(2) p:nth-child(1) span{ font-size: 1.25rem; padding-top: 8px;}
.logo a:nth-child(2) p:nth-child(2){ font-size: 1rem; margin-top: 3px;}
.tel{ padding-top: 15px; padding-right: 5%;}
.sjj_nav.kg{ width: 50%;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1);}
.sjj_nav>ul>li:nth-child(3),.sjj_nav>ul>li:nth-child(4),.sjj_nav>ul>li:nth-child(5){ position:relative;}
.sjj_nav>ul>li>a::before,.sjj_nav>ul>li>a::after{ display: none;}
.sjj_nav>ul>li>ul{ position:relative; width:auto; background:none; left:auto;}
.tpro_mc{ color: #fff; font-size: 0.875rem; text-align: center;}
.sjj_nav>ul>li:nth-child(5) .toppro .kg{ flex-wrap: wrap;}
.sjj_nav>ul>li:nth-child(5) .toppro .kg li{flex: 0 1 33.333%; margin-left: 0;}
.sjj_nav>ul>li:nth-child(5) .toppro .kg li:nth-last-child(1),.sjj_nav>ul>li:nth-child(5) .toppro .kg li:nth-last-child(2){flex: 0 1 50%; margin-top: 5px;}
}
@media screen and (max-width:700px){
.logotel{height: 50px;}
.logo{ padding-left: 1%; padding-top: 5px;}
.logo a:nth-child(1) img{ height: 40px;}
.logo a:nth-child(2){ padding-left: 20px; margin-top: 0px;}
.logo a:nth-child(2)::before{left: 5px; top: 4px; height: 34px;}
.logo a:nth-child(2) p:nth-child(1) img{ height: 22px;}
.logo a:nth-child(2) p:nth-child(1) span{ font-size: 1rem; padding-top: 4px;}
.logo a:nth-child(2) p:nth-child(2){ font-size: 0.875rem; margin-top: 0px;}
.top_l{ display: none;}
.top_bg{height: 28px;}
.top_r{ line-height: 28px; font-size: 0.75rem;}
.top_r span{ padding: 0 5px;}
.top_r a:hover{ color: #008cd6; transition: 0.5s;}
.nav_bg{ border-top: 1px solid #008cd6;}
.tel{ display: none;}
.sjj_nav.kg{ width: 100%;}
.sjj_nav>ul>li:nth-child(3) .toppro .kg li a,.sjj_nav>ul>li:nth-child(4) .toppro .kg li a,.sjj_nav>ul>li:nth-child(5) .toppro .kg li a{ width: auto; margin: 0 2%;}
.tpro_mc{ overflow: hidden;}
}
/*banner*/
@keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}}
.banner{width:100%; position:relative; top: -56px; margin-bottom: -56px;}
.banner_nr li{position:relative; height:100%;}
.banner_nr li a{ display:block; height:790px; width:100%;}
.banner_nr li a img{ display:none;}
.banner_an{ position: absolute; left: 0; bottom: 4%; width: 100%; text-align: center; z-index: 99;}
.banner_an li{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin: 0 8px; cursor: pointer; overflow: hidden; text-indent: -999em; border: 2px solid rgba(255,255,255,0.25); transition: 0.5s;}
.banner_an li.on{ border: 2px solid rgba(255,255,255,1); background: #008cd6; transition: 0.5s;}
.banner_jt{ position: absolute; bottom: 215px; left: -22px; display: none;}
.banner_jt a{ display:block; float:left; width:59px; height:44px; background: url(../images/ban_jt.png) no-repeat center rgba(0,0,0,0.5); position:relative; cursor:pointer; transition: 0.5s;}
.banner_jt a.next{ transform: scaleX(-1); margin-left: 5px;}
.banner_jt a:hover{ background: url(../images/ban_jt.png) no-repeat center rgba(217,123,27,1); transition: 0.5s;}
.pageState{ display: none; color:#ffaf4f; font-family:"Dinl"; font-size:1.5rem; padding-right:20px; padding-top:14px;}
.pageState span{ color:#fff; font-size:2.25rem;}
.inda_xx{ position:absolute; bottom:3%; width:100%; text-align:center; left:0; animation:topbom 4s infinite linear; z-index:101; display: none;}
.inda_xx a{ display:block; width:50px; padding:5px 0; margin:0 auto; height:auto; cursor:pointer; border-radius:5px;}
@media screen and (max-width:1360px){
.banner_nr li a{height:700px; background-size: auto 100% !important;}
}
@media screen and (max-width:1279px){
.banner_nr li a{height:550px;}
}
@media screen and (max-width:770px){
.banner{top: 0; margin-bottom: 0;}
.banner_nr li a{ height: auto; background: none !important;}
.banner_nr li a img{ display:block; width: 100%;}
}
/*banner*/

.index_bga{ background: url(../images/index_bga.jpg) no-repeat center; width: 100%; padding: 80px 0; overflow: hidden; position: relative; z-index: 9;}
.inda_title{ position: absolute; left: 0; top: 0; color: #222;}
.inda_title p{ font-family: 'Dcinr'; font-size: 3.75rem; line-height: 0.7em; padding-bottom: 10px;}
.inda_title h2{ font-size: 1.875rem;}
.inda_nr ul{ display: flex; justify-content: space-between; align-items: flex-end}
.inda_nr li{ flex: 0 1 20.39%; position: relative;}
.inda_nr li:nth-child(3){ flex: 0 1 57.7%;}
.inda_pic{overflow: hidden;}
.inda_pic img{ display: block; width: 100%;}
.inda_po{ position: absolute; width: 84%; left: 8%; top: 8%;}
.inda_nr li:nth-child(3) .inda_po{ width: 90%; left: 5%; top: 10%;}
.inda_bt h3{ font-size: 1.5rem; font-weight: bold; color: #222; padding-bottom: 8px;}
.inda_nr li:nth-child(3) .inda_bt h3{ color: #fff; font-size: 1.875rem;}
.inda_bt p{ display: inline-block; border: 1px solid #c93d3e; background: url(../images/inda_c.png) no-repeat left center #c93d3e; line-height: 22px; height: 22px; border-radius: 12px; padding: 0 11px 0 27px; color: #fff; font-size: 0.875rem;}
.inda_nr li:nth-child(3) .inda_bt p{border: 1px solid #2ba6e7; background: url(../images/inda_d.png) no-repeat left center #2ba6e7;}
.inda_kg{ color: #222; padding-top: 32%;}
.inda_kg dl dt{ font-size: 1.125rem; font-weight: bold; margin-top: 20px;  margin-bottom: 4px;}
.inda_kg dl:nth-child(1){ margin-top: 0px;}
.inda_kg dl dd{ line-height: 24px;}
.inda_mc{ color: #fff; padding-top: 30%; border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 1.5rem; font-weight: bold; padding-bottom: 23px;}
.inda_nr li:nth-child(3) .inda_kg{ padding-top: 0; color: #fff;}
.inda_nr li:nth-child(3) .inda_kg dl{ width: 50%; float: left;}
@media screen and (max-width:1279px){
.inda_title p{ font-size: 3rem;}
.inda_title h2{ font-size: 1.625rem;}
.inda_po{width: 90%; left: 5%; top: 3%;}
.inda_nr li:nth-child(3) .inda_po{ width: 94%; left: 3%; top: 5%;}
.inda_bt h3{ font-size: 1.375rem;}
.inda_nr li:nth-child(3) .inda_bt h3{font-size: 1.625rem;}
.inda_kg{padding-top: 7%;}
.inda_kg dl dd{ line-height: 22px; font-size: 0.875rem;}
.inda_kg dl dd br{ display: none;}
.inda_mc{ padding-top: 25%; font-size: 1.5rem;}
}
@media screen and (max-width:1023px){
.index_bga{ background-size: cover; padding: 60px 0 80px 0;}
.inda_title{ position: relative; left: auto; top: auto; text-align: center;}
.inda_nr{ padding-top: 30px;}
.inda_nr ul{ flex-wrap: wrap;}
.inda_nr li{ flex: 0 1 49%;}
.inda_nr li:nth-child(3){ flex: 0 1 100%; margin-top: 2%;}
}
@media screen and (max-width:700px){
.index_bga{padding: 40px 0 50px 0;}
.inda_title p{ font-size: 2.25rem; padding-bottom: 3px;}
.inda_title h2{ font-size: 1.5rem;}
.inda_nr{ padding-top: 20px;}
.inda_bt h3{ font-size: 1.125rem; padding-bottom: 4px;}
.inda_nr li:nth-child(3) .inda_bt h3{font-size: 1.375rem;}
.inda_bt p{line-height: 18px; height: 18px; border-radius: 9px; background-size: auto 100% !important; padding: 0 11px 0 24px; font-size: 0.8125rem;}
.inda_kg dl dt{ margin-top: 12px; font-size: 1rem; margin-bottom: 2px;}
.inda_kg dl dd{ line-height: 20px;}
.inda_mc{ padding-top: 10%; font-size: 1.125rem; padding-bottom: 5px;}
.inda_nr li:nth-child(3) .inda_kg dl{ width: 48%;}
.inda_nr li:nth-child(3) .inda_kg dl:nth-child(2n){ float: right;}
.inda_nr li:nth-child(3) .inda_kg dl:nth-child(3){ width: auto;}
.inda_nr li:nth-child(3) .inda_kg dd{ min-height: 40px;}
}

.index_bgb{ background: url(../images/index_bgb.jpg) no-repeat center bottom #f7fcff; width: 100%; padding: 80px 0 10px 0; overflow: hidden; position: relative; z-index: 2; box-shadow: 0px 0px 20px rgba(0,0,0,0.16);}
.indb_gd{position: relative;}
.indbbtfl{ display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 43px; border-bottom: 1px solid #eee;}
.index_bgb .inda_title{ position: relative; left: auto; top: auto;}
.indb_fl ul{ float: left;}
.indb_fl li{ float: left; position: relative; margin-left: 20px;}
.indb_fl li a{ display: block; line-height: 38px; height: 38px; border: 1px solid #ccc; padding: 0 12px; color: #666; font-size: 1.25rem; border-radius: 12px; transition: 0.5s;}
.indb_fl li a img{ margin-right: 9px; margin-bottom: -3px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: rgb(102, 102, 102); transition: 0.5s;}
.indb_fl li:hover a,.indb_fl li.on a{ color: #2ba6e7; border: 1px solid #2ba6e7; font-weight: bold; transition: 0.5s;}
.indb_fl li:hover a img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; transition: 0.5s;}
.indb_nr{ margin-top: 59px;}
.indb_l{ padding-top: 17px;}
.indb_tit h3{ color: #222; font-size: 2.5rem; font-weight: bold;}
.indb_tit p{ font-size: 1.125rem; color: #ccc; font-family: 'Dcinr'; text-transform: uppercase; padding-top: 7px;}
.indb_tit::after{ content: ''; width: 24px; height: 2px; background: #ccc; display: block; margin-top: 50px;}
.indb_ms{ padding-top: 28px; color: #666; font-size: 1.5rem;  line-height: 30px;}
.indb_more{ margin-top: 55px; background: #fff; width: 120px; height: 42px; text-align: center; line-height: 42px; color: #666; font-size: 0.875rem; border-radius: 21px; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); transition: 0.5s;}
.indb_more span{ padding-left: 10px; font-family: '瀹嬩綋';}
.indb_more:hover{ color: #fff; background: #2ba6e7; transition: 0.5s;}
.indb_l{ width: 25.77%;}
.indb_r{ width: 74.23%;}
.indb_nr li{ position: relative;}
.indb_pic{ width: 53.9%;}
.indb_pic img{ display: block; width: 100%;}
.indb_wb{ width: 42.1%; background: #2ba6e7; border-top: 4px solid #ddd; margin-top: 20px; padding: 0 2%;}
.indb_li dl{ height: 58px; border-bottom: 1px solid #1f76a4; line-height: 58px; color: #fff; border-top: 1px solid #50c0fb; padding: 0 1%;}
.indb_li dl:nth-child(1){ border-top: none;}
.indb_li dl dt{ float: left; font-size: 1.125rem; font-weight: bold;}
.indb_li dl dd{ float: left; padding-left: 38px;}
.indb_js{ border-top: 1px solid #50c0fb; padding: 0 1%; color: #fff; line-height: 24px;}
.indb_js p{ height: 40px; line-height: 40px; font-size: 1.125rem; font-weight: bold; padding-top: 7px;}
.indb_slt{ padding: 28px 1% 0 1%;}
.indb_slt p{ float: left; border: 1px solid #999; margin-bottom: 20px;}
.indb_slt p:nth-child(2n){ margin-left: 20px;}
.indb_jt{position: absolute; left: 0; bottom: 8%;}
.indb_jt a{ display: block; float: left; width: 56px; height: 56px; border-radius: 50%; background: #ccc; text-align: center; font-family: 'Dcinr'; font-size: 1.125rem; color: #999; cursor: pointer;}
.indb_jt a.next{ margin-left: 20px; background: #2ba6e7; color: #fff;}
.indb_jt p{ padding-top: 15px;}
.indb_jt a span{ display: block;}
@media screen and (max-width:1279px){
.indb_tit h3{ font-size: 1.875rem;}
.indb_tit p{ font-size: 1rem; padding-top:5px;}
.indb_ms{ padding-top: 20px; font-size: 1.125rem;}
.indb_wb{border-top: 2px solid #ddd; margin-top: 0px; width: 44.1%; padding: 0 1%;}
.indb_fl li a{font-size: 1.125rem;}
.indb_li dl{ height: 46px; line-height: 46px;}
.indb_li dl dt{font-size: 1rem;}
.indb_li dl dd{padding-left: 25px; font-size: 0.875rem;}
.indb_js{ line-height: 22px; font-size: 0.875rem;}
.indb_js p{ height: 30px; line-height: 30px; font-size: 1rem; }
.indb_slt{ padding: 20px 1% 0 1%;}
.indb_slt p{margin-bottom: 10px;}
.indb_slt p:nth-child(2n){ margin-left: 10px;}
}
@media screen and (max-width:1020px){
.indbbtfl .inda_title{ text-align: left;}
.indb_nr{ margin-top: 39px;}
.indb_fl li{ margin-left: 10px;}
.indb_fl li a{font-size: 1rem;}
.indb_l{ float: none; width: auto; text-align: center;}
.indb_r{ float: none; width: auto; margin-top: 35px;}
.indb_tit::after{ margin: 15px auto 0 auto;}
.indb_ms{ padding-top: 15px; line-height: 26px;}
.indb_more{ display: none;}
}
@media screen and (max-width:700px){
.index_bgb{padding: 40px 0 10px 0;}
.indbbtfl{ display: block; padding-bottom: 15px;}
.indbbtfl .inda_title{ text-align: center;}
.indb_fl{ display: none;}
.indb_nr{ margin-top: 8px;}
.indb_tit h3{ font-size: 1.375rem;}
.indb_tit p{ font-size: 0.875rem; padding-top:3px;}
.indb_tit::after{ margin: 10px auto 0 auto;}
.indb_ms{ font-size: 1rem; line-height: 22px; padding-top: 10px;}
.indb_r{margin-top: 15px; padding-bottom: 30px;}
.indb_pic{ float: none; width: auto;}
.indb_wb{ width: auto; background: none; border-top: none; margin-top: 20px; padding: 0;}
.indb_li,.indb_js{ display: none;}
.indb_slt{ padding: 28px 1% 0 1%; position:absolute; position: absolute; bottom: -15px; left: 0; width: 98%;}
.indb_slt p{ float: left; border: 1px solid #999; width: calc( 24% - 2px); margin-bottom: 20px; margin-left: 1.333%;}
.indb_slt p:nth-child(1){ margin-left: 0;}
.indb_slt p:nth-child(2n){ margin-left: 1.333%;}
.indb_slt p img{ display: block; width: 100%;}
.indb_jt{ width: 100%; bottom: 30%;}
.indb_jt a.next{ margin-left: 0px; float: right;}
}

.index_bgc{ background: #fafafa; width: 100%; padding: 80px 0; overflow: hidden;}
.indc_gd{position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.indc_l{ flex: 0 1 24.692%;}
.indcfl_bt{ height: 57px; background: #dfe3e6; text-align: center; color: #222; font-size: 1.125rem; line-height: 57px;}
.indcfl_bt img{ margin-bottom: -4px; margin-right: 8px;}
.indcfl_nr{ background: #f7fcff; border-top: 1px solid #ddd;}
.indcfl_nr li{ border-bottom: 1px solid #ddd; position: relative;}
.indcfl_nr li a{ position: relative; z-index: 9; height: 47px; line-height: 47px; display: block; padding-left: 47px; color: #666; transition: 0.5s;}
.indcfl_nr li:hover a,.indcfl_nr li.on a{ color: #fff; transition: 0.5s;}
.indcfl_nr li a::before{ content: ''; width: 12px; height: 12px; border: 2px solid #9d9e9e; position: absolute; left: 19px; top: 16px; border-radius: 50%; transition: 0.5s;}
.indcfl_nr li a::after{ content: ''; width: 0; height: 0; border: 3px solid transparent; border-left: 4px solid #9d9d9d; position: absolute; top: 21px; left: 26px; transition: 0.5s;}
.indcfl_nr li:hover a::before,.indcfl_nr li.on a::before{ border: 2px solid #fff; transition: 0.5s;}
.indcfl_nr li:hover a::after,.indcfl_nr li.on a::after{ border-left: 4px solid #fff; transition: 0.5s;}
.indcfl_nr li::after{ content: ''; width: 0%; height: 100%; background: #2ba6e7; position: absolute; left: 0; top: 0; transition: 0.5s;}
.indcfl_nr li:hover::after,.indcfl_nr li.on::after{ width: 100%; transition: 0.5s;}
.indcfl_more a{ display: block; height: 55px; line-height: 55px; text-align: center; background: #2ba6e7; color: #fff; font-size: 1.125rem;}
.indcfl_more a span{ display: inline-block; border: 2px solid #fff; width: 14px; height: 14px; border-radius: 50%; text-align: center; line-height: 14px; font-family: 'Ddinr'; margin-left: 10px;}
.indc_r{ flex: 0 1 74.076%;}
.indc_r li{position: relative;}
.indc_vbg{ overflow: hidden; position: relative;}
.indc_vbg img{ display: block; width: 100%;}
.indc_rmc,.indc_gd .indh_jt{ display: none;}
@media screen and (max-width:1279px){
.index_bgc .inda_title{ position: relative; left: auto; top: auto; text-align: center;}
.indc_gd{ margin-top: 25px;}
}
@media screen and (max-width:1020px){
.indc_gd,.indc_gd .indh_jt{ display: block;}
.indc_l{ display: none;}
.indc_rmc{ display: block; height: 50px; line-height: 50px; text-align: center; overflow: hidden; background: #ddd;}
}
@media screen and (max-width:700px){
.index_bgc{padding: 40px 0 50px 0;}
.indc_gd{ margin-top: 15px;}
.indc_rmc{ height: 40px; line-height: 40px; font-size: 0.9375rem;}
}

.index_bgd{ background: url(../images/index_bgd.jpg) no-repeat center fixed; padding: 80px 0 106px 0; overflow: hidden; width: 100%;}
.index_bgd .inda_title{ color: #fff; position: relative; left: auto; top: auto; text-align: center; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.indd_nr{ position: relative; padding-top: 40px;}
.indd_nr ul{ position: relative;}
.indd_nr li{ width: 49.3846%; float: left; position: relative; overflow: hidden; cursor: pointer;}
.indd_nr li:nth-child(-n+2){ margin-bottom: 30px;}
.indd_nr li:nth-child(2),.indd_nr li:nth-child(4){ width: 51.6923%;}
.indd_nr li:nth-child(2){ position: absolute; right: 0; top: 0;}
.indd_nr li:nth-child(5){ position: absolute; right: 0; bottom: 0;}
.indd_bg{position: relative;}
.indd_bg img{ display: block; width: 100%;}
.indd_bg p{ position: relative; opacity: 1; transition: 0.5s;}
.indd_bg span{ display: block; position: absolute; left: 0; top: 0; opacity: 0; transition: 0.5s;}
.indd_nr li:hover .indd_bg p{ opacity: 0; transition: 0.5s;}
.indd_nr li:hover .indd_bg span{ opacity: 1; transition: 0.5s;}
.indd_nr li a{ display: block; position: absolute; left: 0; top: 0; width: 88.8%; z-index: 9;}
.indd_nr li:nth-child(2) a,.indd_nr li:nth-child(5) a{ right: 0; left: auto;}
.indd_nr li:nth-child(2) a,.indd_nr li:nth-child(4) a{ width: 84.83%;}
.indd_pic{ width: 64.91%; position: relative; z-index: 9;}
.indd_pic p{overflow: hidden; margin: 9px;}
.indd_pic img{ width: 100%; display: block; transition: 0.5s;}
.indd_wb{ width: 30%;}
.indd_nr li:nth-child(2) .indd_wb,.indd_nr li:nth-child(5) .indd_wb{ margin-left: 5%;}
.indd_btwb{ margin-top: 30px; position: relative;}
.indd_sz{ position: absolute; top:0; left: 0; font-family: 'Dcinr'; color: #008cd6; line-height: 0.8em; font-size: 3.75rem; transition: 0.5s;}
.indd_mc{ padding-top: 85px; transition: 0.5s;}
.indd_mc h3{ color: #222; font-size: 1.875rem; font-weight: bold; transition: 0.5s;}
.indd_mc p{ font-size: 1.125rem; color: #999; font-family: 'Dcinr'; text-transform: uppercase; transition: 0.5s;}
.indd_ms{ font-size: 1rem; color: #fff; line-height: 18px; margin-top: 18px; opacity: 0; transition: 0.5s;}
.indd_ms::before{ content: ''; width: 24px; height: 1px; background: #fff; display: block; margin-bottom: 18px;}
.indd_nr li:hover .indd_sz{ left: -60px; color: #6abaec; transition: 0.5s;}
.indd_nr li:hover .indd_mc{ padding-top: 0; transition: 0.5s;}
.indd_nr li:hover .indd_mc h3{ color: #fff; transition: 0.5s;}
.indd_nr li:hover .indd_mc p{ color: rgba(255,255,255,0.4); transition: 0.5s;}
.indd_nr li:hover .indd_ms{ opacity: 1; transition: 0.5s;}
@media screen and (max-width:1279px){
.index_bgd{ background-attachment: inherit; background-size: cover;}
.indd_btwb{ margin-top: 20px;}
.indd_sz{ font-size: 3rem;}
.indd_mc{ padding-top: 50px;}
.indd_mc h3{ font-size: 1.5rem;}
.indd_mc p{ font-size: 0.875rem;}
.indd_ms{ margin-top: 10px; font-size: 0.875rem;}
.indd_ms br{ display: none;}
.indd_ms::before{ width: 24px; height: 1px; background: #fff; display: block; margin-bottom: 10px;}
}
@media screen and (max-width:1020px){
.indd_nr li:nth-child(-n+2){ margin-bottom: 15px;}
.indd_ms{ display: none;}
.indd_btwb{ margin-top: 25px;}
.indd_sz{ font-size: 2.5rem;}
.indd_mc{ padding-top: 45px;}
.indd_mc h3{ font-size: 1.375rem;}
.indd_mc p{ display: none;}
.indd_nr li:hover .indd_sz{ left: 0px;}
.indd_nr li:hover .indd_mc{ padding-top: 45px;}
}
@media screen and (max-width:700px){
.index_bgd{padding: 40px 0 70px 0;}
.index_bgd .inda_title{ padding-bottom: 10px;}
.indd_nr{ padding-top: 15px;}
.indd_bg{ display: none;}
.indd_nr li{ position: relative !important; right: auto !important; bottom: auto !important; width: 49% !important; float: left;}
.indd_nr li:nth-child(2),.indd_nr li:nth-child(5){ float: right;}
.indd_nr li:nth-child(-n+2){ margin-bottom: 2%;}
.indd_nr li a{ position: relative !important; left: auto !important; top: auto !important; background: rgba(255,255,255,0.8); width: auto !important; padding: 5px;}
.indd_pic{ width: auto; float: none;}
.indd_pic p{ margin: 0;}
.indd_wb{ float: none; width: auto;}
.indd_btwb{ margin-top: 5px;}
.indd_sz{ font-size: 2rem; top: 2px;}
.indd_mc{ padding-top: 0; padding-left: 38px;}
.indd_mc h3{ font-size: 1.125rem;}
.indd_mc p{ display: block;}
}

.index_bge{ position: relative; z-index: 9; margin-top: -24px; padding: 75px 0 0 0; width: 100%; background: url(../images/index_bge.png) no-repeat center top;}
.index_bge .inda_title{ position: relative; left: auto; top: auto; text-align: center;}
.inde_nr{ margin: 0 auto; width: 96%; max-width: 970px; padding-top: 32px;}
.inde_nr ul{ display: flex; justify-content: space-between; align-items: flex-start;}
.inde_nr li{ flex: 0 1 20.42%; margin-top: 20px; background: #f7fcff; border: 1px solid #f7fcff; position: relative; box-shadow: 0px 3px 15px rgba(0,0,0,.1); cursor: pointer; border-radius: 16px; padding-bottom: 40px; transition: 0.5s}
.inde_nr li:hover{ margin-top: 0; background: #2ba6e7; border: 1px solid #fff; transition: 0.5s;}
.inde_kg{ padding:8% 0 0 8%; position: relative; z-index: 9;}
.inde_tit{ display: flex; justify-content: space-between; padding-right: 5%; align-items: center;}
.inde_tb{box-shadow: 0px 0px 18px rgba(0,0,0,.05); width: 50px; height: 50px; border-radius: 50%; transition: 0.5s;}
.inde_nr li:hover .inde_tb{box-shadow: 0px 0px 20px rgba(0,0,0,.2); transition: 0.5s;}
.inde_yw{ font-family: 'Dcinr'; font-size: 0.875rem; color: #ccc; line-height: 16px; text-transform: uppercase;}
.inde_yw::after{ content: ''; width: 16px; height: 2px; display: block; margin-top: 8px; display: block; background: #ccc;}
.inde_mc{ margin-top: 35px; color: #222; font-size: 1.25rem; font-weight: bold; transition: 0.5s;}
.inde_ms{ margin-top: 12px; color: #666; line-height: 24px; height: 72px; transition: 0.5s;}
.inde_nr li:hover .inde_mc,.inde_nr li:hover .inde_ms{ color: #fff; transition: 0.5s;}
.inde_pic{ margin-top: -77px; position: relative;}
.inde_pic img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.inde_nr li{flex: 0 1 22%;}
.inde_pic{ margin-top: -50px; position: relative;}
}
@media screen and (max-width:1020px){
.inde_nr{width: 100%;}
.inde_nr li{flex: 0 1 24%;}
.inde_mc{ margin-top: 25px;}
.inde_ms{ font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.index_bge{margin-top: -20px; padding: 50px 0 0 0; width: 100%; background-size: auto 100%;}
.inde_nr{padding-top: 10px;}
.inde_nr ul{ flex-wrap: wrap;}
.inde_nr li{ flex: 0 1 48.5%; margin-top: 3%; border-radius: 10px;}
.inde_mc{ margin-top: 15px;}
.inde_pic{ margin-top: -30px; position: relative;}
}

.index_bgf{ background: url(../images/index_bgf.jpg) no-repeat center fixed; width: 100%; height: 100vh; position: relative; z-index: 9;}
.index_bgf .kg{ position:relative; z-index:99;}
.index_bgf::after{ content: ''; width: 100%; height: 100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2); z-index:9;}
.indf_l{ width: 51.3%; background: rgba(255,255,255,0.95); margin-top: -40px; margin-left: -40px;}
.indfl_tit{ background: url(../images/indf_lbg.png) no-repeat center bottom; display: flex; justify-content: space-between; align-items: flex-end; padding: 45px 5% 60px 5%;}
.indfl_tit .inda_title{ position: relative; left: auto; top: auto; color: #fff;}
.indfl_wb{ padding: 45px 5% 95px 5%;}
.indfl_mc{ font-size: 1.5rem; color: #222; font-weight: bold; line-height: 30px;}
.indfl_mc::after{ content: ''; width: 24px; height: 2px; background: #222; margin-top: 28px; display: block;}
.indfl_ms{ color: #666; line-height: 30px; margin-top: 15px;}
.indf_r{ padding-top: 200px; width: 40%;}
.indfr_nr ul{ display: flex; flex-wrap: wrap;}
.indfr_nr li{ flex: 0 1 50%;}
.indfr_nr li:nth-child(-n+2){ margin-bottom: 60px;}
.indfr_sz{ color: #ea5e1a; display: flex; align-items: center;}
.indfr_sz p{ font-size: 6.875rem; font-family: 'Dcinr'; line-height: 0.8em;}
.indfr_sz span{ text-align: left; font-size: 1.125rem; font-weight: bold; line-height: 24px;}
.indfr_mc{ color: #fff; margin-top: 10px;}
.indfr_more{ margin-top: 45px;}
.indfr_more a{ display: block; width: 120px; height: 42px; background: #ea5e1a; border-radius: 21px; text-align: center; color: #fff; line-height: 42px;}
.indfr_more img{ padding-left: 8px;}
@media screen and (max-width:1279px){
.index_bgf{ height: 77vh; background-attachment: inherit; background-size: cover;}
.index_bgf .kg{ width: auto;}
.indf_l{ margin-left: 0px;}
.indfl_tit{padding: 25px 5% 30px 5%;}
.indfl_wb{ padding: 20px 5% 40px 5%;}
.indfr_sz p{ font-size: 5rem;}
.indfr_mc{ font-size: 0.9375rem;}
.indfl_ms{ line-height: 24px;}
}
@media screen and (max-width:1020px){
.index_bgf{ height: auto;}
.index_bgf video{ position: relative !important;}
.index_bgf::after{ display: none;}
.indf_l{ width: 51.3%; background: rgba(255,255,255,0.95); margin-top: 0px; margin-left:0px;}
.indf_l .inda_title{ text-align: left;}
}
@media screen and (max-width:700px){
.indf_l{ width: auto; float: none;}
.indf_r{ padding: 40px 5% 50px 5%; width: auto; float: none;}
.indfr_nr ul{ justify-content: space-between;}
.indfr_nr li{ flex: 0 1 auto;}
.indfr_nr li:nth-child(-n+2){ margin-bottom: 30px;}
.indfr_sz p{ font-size: 4rem;}
.indfr_sz span{ font-size: 1rem;}
.indfr_more{ margin-top: 35px;}
.indfr_more a{width: 110px; height: 34px; margin: 0 auto; font-size: 0.875rem; line-height: 34px;}
.indfr_more img{ padding-left: 4px; height: 8px;}
}

.index_bgg{ position: relative; width: 100%; padding: 80px 0 45px 0;}
.index_bgg::before{ content: ''; background: url(../images/indg_bg.png) repeat; width: 85.9375%; position: absolute; height: calc(100% - 60px); left: 0; top: 60px;}
.index_bgg::after{ content: ''; background: url(../images/indg_dp.png) no-repeat 10% top #f7fcff; width: 85.9375%; position: absolute; height: 96%; right: 0; top: 0;}
.index_bgg .kg{ position: relative; z-index: 9;}
.index_bgg .inda_title{ position: relative; left: auto; top: auto;}
.indg_js{ padding-top: 30px; color: #666; line-height: 30px;}
.indg_jt{ margin-top: 45px;}
.indg_jt a{ display: block; width: 56px; height: 56px; border-radius: 50%; background-image: url(../images/indf_jt.png); background-repeat: no-repeat; background-position: center; float: left; cursor: pointer;}
.indg_jt a.prev{ background-color: #ccc; transform: scaleX(-1); box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.indg_jt a.next{ background-color: #2ba6e7; margin-left: 20px; box-shadow: 0px 0px 20px rgba(43,166,231,.5);}
.indg_r{ width: 66.153%; overflow: hidden;}
.indg_r li{ float: left; width: 25%;}
.indg_r li a{ display: block; margin: 0 3%;}
.indg_pic{ background: #fff; border: 1px solid #ddd; padding: 5px;}
.indg_pic p{ overflow: hidden;}
.indg_pic img{ display: block; width: 100%; transition: 0.5s;}
.indg_r li:hover .indg_pic img{ transform: scale(1.05);}
.indg_mc{ height: 42px; line-height: 42px; text-align: center; overflow: hidden; color: #666; transition: 0.5s;}
.indg_r li:hover .indg_mc{ color: #2ba6e7; transition: 0.5s;}
.indg_yd,.indg_an{ display: none;}
@media screen and (max-width:1279px){
.indg_r{ width: 72%;}
}
@media screen and (max-width:1020px){
.index_bgg{padding: 60px 0 35px 0;}
.index_bgg::after{ background-size: auto 100%;}
.indg_gd .inda_title{ text-align: left;}
.indg_js{ padding-top: 15px; line-height: 24px;}
.indg_jt{ margin-top: 20px;}
.indg_jt a{ width: 40px; height: 40px;}
}
@media screen and (max-width:700px){
.index_bgg{padding: 40px 0 50px 0;}
.index_bgg::after{ width: 100%;  height: 100%; background-size: auto 50%;}
.indg_l{ float: none; width: auto; text-align: center; position: relative; z-index: 9;}
.indg_gd .inda_title{ text-align: center;}
.indg_js{ padding-top: 10px; padding-bottom: 20px; line-height: 22px; font-size: 0.9375rem;}
.indg_r{ float: none; width: 100%;}
.indg_pc{ display: none;}
.indg_yd{ display: block;}
.indg_r li{width: 50%;}
.indg_jt{ margin-top: 0;}
.indg_jt a{ position: absolute; top: 45%;}
.indg_jt a.prev{ left: 0;}
.indg_jt a.next{ right: 0;}
.indg_mc{ height: 40px; line-height: 40px; font-size: 0.9375rem;}
}

.index_bgh{ padding: 80px 0; width: 100%; position: relative;}
.indh_btmo{ display: flex; justify-content: space-between; align-items: flex-end;}
.indh_btmo .inda_title{ position: relative; left: auto; top: auto;}
.inda_more a{ display: block; width: 120px; height: 42px; background: url(../images/indf_jth.png) no-repeat 80% center #eee; border-radius: 21px; line-height: 42px; color: #666; font-size: 0.875rem; text-indent: 21px; transition: 0.5s;}
.inda_more a:hover{background: url(../images/indf_jt.png) no-repeat 80% center #2ba6e7; color: #fff; transition: 0.5s;}
.indh_bg{ margin-top: 58px; position: relative;}
.indh_nr li{ float: left; width: 33.333%; position: relative;}
.indh_nr li a::after{ content: ''; width: 100%; height: 4px; background: #222; position: absolute; left: 0; bottom: -4px; transform: scaleX(0); transition: 0.5s;}
.indh_nr li:hover a::after{ transform: scaleX(1); transition: 0.5s;}
.indh_nr li a{ display: block; margin: 0 0.5%; position: relative; border-bottom: 4px solid #eee;}
.indh_pic{overflow: hidden;}
.indh_pic img{ display: block; width: 100%; transition: 0.5s;}
.indh_nr li:hover .indh_pic img{ transform: scale(1.05);}
.indh_wb{ position: absolute; width: 90%; background: rgba(0,0,0,.8); left: 0; bottom: 0; padding: 0 5%; color: #fff; height: 48px; overflow: hidden; transition: 0.5s;}
.indh_wb p{ height: 40px; line-height: 40px; font-size: 1.5rem; padding-top: 12px; margin-top: -52px; transition: 0.5s;}
.indh_wb h3{ height: 48px; line-height: 48px;}
.indh_nr li:hover .indh_wb{background: rgba(43,166,231,.9); height: 100px; transition: 0.5s;}
.indh_nr li:hover .indh_wb p{ margin-top: 0; transition: 0.5s;}
.indh_jt a{ display: block; position: absolute; top: 40%; background: url(../images/indf_jt.png) no-repeat center #ccc; width: 56px; height: 56px; border-radius: 50%; cursor: pointer; transition: 0.5s;}
.indh_jt a:hover{ background: url(../images/indf_jt.png) no-repeat center #2ba6e7; transition: 0.5s;}
.indh_jt a.prev{ left: -28px; transform: scaleX(-1);}
.indh_jt a.next{ right: -28px;}
.indh_hzhb{ margin-top: 32px; border: 1px solid #ddd; border-bottom: none; border-left: none;}
.indh_hzhb li{ float: left; width: 20%; position: relative;}
.indh_hzhb li a{ display: block; overflow: hidden; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.indh_hzimg{ overflow: hidden;}
.indh_hzimg img{ display: block; width: 100%;}
.indh_hzhb li p{ height: 20px; line-height: 20px; text-align: center; margin-bottom: 10px; color: #222;}
.indh_an{ display: none;}
@media screen and (max-width:1279px){
.indh_wb p{ display: none;}
.indh_nr li:hover .indh_wb{height: 48px;}
.indh_jt a{top: 36%; width: 46px; height: 46px;}
.indh_jt a.prev{ left: -2%;}
.indh_jt a.next{ right: -2%;}
}
@media screen and (max-width:1020px){
.indh_nr{ overflow: hidden;}
.indh_nr li{ width: 50%;}
.indh_hzhb li p{ font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.index_bgh{ padding: 40px 0 50px 0;}
.indh_btmo .inda_title{ text-align: left;}
.inda_more a{width: 110px; height: 34px; line-height: 34px; font-size: 0.875rem; text-indent: 18px; background-size: auto 8px;}
.indh_bg{ margin-top: 25px;}
.indh_wb{ height: 40px;}
.indh_wb h3{ height: 40px; line-height: 40px; font-size: 0.9375rem;}
.indh_nr li:hover .indh_wb{height: 40px;}
.indh_jt a{width: 36px; height: 36px;}
.indh_hzhb{ margin-top: 20px;}
.indh_hzhb li{width: 33.333%;}
.indh_hzhb li:nth-last-child(1){ display: none;}
}

.index_bgi{ background: url(../images/index_bgi.png) repeat; width: 100%; padding: 80px 0; overflow: hidden; position: relative; z-index: 1; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.index_bgi .inda_title{ position: relative; left: auto; top: auto;}
.indi_fl{ padding-top: 40px;}
.indi_fl li{ position: relative; background: #eee; margin-top: 20px; border-radius: 21px;}
.indi_fl li a{ display: block; width: 120px; height: 42px; line-height: 42px; font-size: 0.875rem; color: #666; text-indent: 32px; background-position: 50% center; border-radius: 21px; transition: 0.5s;}
.indi_fl li:hover a,.indi_fl li.on a{ color: #fff; text-indent: 21px; background: url(../images/indf_jt.png) no-repeat 81% center #2ba6e7; transition: 0.5s;}
.indi_tab{ width: 83.384%;}
.indi_one{ width: 48.44%; position: relative;}
.indi_pic{overflow: hidden;}
.indi_pic img{ display: block; width: 100%; transition: 0.5s;}
.indi_one:hover .indi_pic img{ transform: scale(1.05);}
.indi_wb{background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); position: absolute; left: 0; bottom: 0; color: #fff; padding: 40px 4% 15px 4%; width: 92%;}
.indi_wb h3{ font-size: 1.5rem; height: 36px; line-height: 36px; overflow: hidden;}
.indi_wb p{ font-size: 0.875rem; color: rgba(255,255,255,0.5); font-family: 'Dcinr';}
.indi_nr ul{ width: 49%;}
.indi_nr li{position: relative; margin-top: 10px;}
.indi_nr li:nth-child(1){ margin-top: 0;}
.indi_nr li a{ border: 1px solid #ddd; display: block; padding: 20px 0; background: #fafafa; display: flex; justify-content: space-between; transition: 0.5s;}
.indi_rq{ flex: 0 0 100px; text-align: center; position: relative; font-family: 'Dcinr'; color: rgba(102,102,102,0.5); font-size: 1.125rem; transition: 0.5s;}
.indi_rq::before{ content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; right: 0; top: 0;}
.indi_rq p{ font-size: 3.75rem; color: #666; line-height: 0.8em; padding-bottom: 11px; transition: 0.5s;}
.indi_r{ flex: 0 1 auto; padding: 0 20px;}
.indi_r h3{ font-size: 1.125rem; color: #222; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 8px; font-weight: bold; transition: 0.5s;}
.indi_r p{ color: #999; font-size: 1rem; line-height: 20px; height: 40px; overflow: hidden; transition: 0.5s;}
.indi_nr li:hover a{ background: #2ba6e7; transition: 0.5s;}
.indi_nr li:hover .indi_r h3,.indi_nr li:hover .indi_r p,.indi_nr li:hover .indi_rq p,.indi_nr li:hover .indi_rq{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1020px){
.indi_btfl{ float: none; width: auto;}
.indi_fl{ padding-top: 10px; display: flex; justify-content: center;}
.indi_fl ul{ display: flex;}
.indi_fl li{ margin: 0 10px;}
.indi_tab{ float: none; width: auto; padding-top: 30px;}
}
@media screen and (max-width:767px){
.index_bgi{ padding: 40px 0 50px 0;}
.indi_fl{ padding-top: 20px; display: block;}
.indi_fl ul{ display: flex; justify-content: center;}
.indi_fl>li{ display: none;}
.indi_fl li{ width: 32%;}
.indi_fl li:nth-child(2){ margin: 0 2%;}
.indi_fl li a{ width: auto;}
.indi_tab{ float: none; width: auto; padding-top: 25px;}
.indi_one{ width: auto; float: none;}
.indi_nr ul{ width: auto; float: none; margin-top: 10px;}
.indi_wb h3{ font-size: 1.125rem; height: 32px; line-height: 32px;}
.indi_nr li a{padding: 12px 0;}
.indi_rq{ flex: 0 0 80px; font-size: 1rem;}
.indi_rq p{ font-size: 3rem;}
.indi_r h3{ font-size: 0.9375rem; height: 26px; line-height: 26px; margin-bottom: 0px;}
.indi_r p{  font-size: 0.875rem;}
}

.link_bg{ width:100%; position:relative;}
.link_bg .kg{ border-bottom: 1px solid rgba(0,0,0,.6);  padding: 23px 0 21px 0; display: flex; justify-content: space-between;}
.link_title{ flex: 0 0 84px; height:35px; width:35px; position:relative; z-index:9;}
.link_title::before{ content: ''; width: 1px; height: 100%; background: #001b3b; position: absolute; right: 0; top: 0;}
.link_title img{ padding-left: 19px;}
.link_title p{color: rgba(255,255,255,0.5); line-height:18px; margin-top: 10px;}
.link_nr{ border-left: 1px solid #1a3553; flex: 0 1 auto; height:35px; overflow:hidden; line-height:35px; width:1280px;}
.link_nr a{ display:block; float:left; margin-left:25px; font-size:0.875rem; color:rgba(255,255,255,0.5); transition: 0.5s;}
.link_nr a:hover{ color: #fff; transition: 0.5s;}
.fzj{ flex: 0 0 80px; display: flex; justify-content: space-between;}

.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat center top; width:100%; border-top: 4px solid #00d6f0; position:relative; z-index:9;}
.ftelnav{ padding-bottom:60px;}
.ftelnav .kg{border-top: 1px solid rgba(255, 255, 255, .2); padding-top: 30px; display: flex; justify-content: space-between;}
.foot_l{ flex: 0 0 410px}
.flogowb{ display: flex; align-items: flex-end;}
.flowb{ color: #fff; padding-left: 18px;}
.flowb p{ font-size: 1.625rem; font-weight: bold;}
.flowb span{ display: block; text-align: center; font-size: 1.25rem; padding-top: 5px;}
.ftel{ padding-top: 40px;}
.ftel a{ font-family: 'Dcinr'; font-weight: bold; font-size: 2.5rem; color: #2ba6e7;}
.ftel span{ font-size: 0.875rem; font-weight: normal; color: rgba(255,255,255,0.5);}
.ftel_nr{ font-size: 0.875rem; color: rgba(255,255,255,0.5); margin-top: 5px;}
.foot_r{ flex: 0 1 auto;}
.fnav dl{ float: left; margin-left: 80px;}
.fnav dl:nth-child(1){ margin-left: 0;}
.fnav dl dt{ padding-bottom: 20px;}
.fnav dl dt a{ font-size: 1.125rem; display: block; color: #fff;}
.fnav dl dd{ border-left: 1px solid rgba(255,255,255,0.5); padding-left: 8px; line-height: 24px;}
.fnav dl dd a{ color: rgba(255,255,255,0.5); display: block; font-size: 0.875rem; transition: 0.5s;}
.fnav dl dd:hover a{ color: #fff; transition: 0.5s;}
.fewm{ padding-left: 50px; text-align: center;}
.fewm_mc{ font-size: 0.875rem; color: rgba(255,255,255,0.5); padding-top: 10px;}
.fbq{ padding:25px 0; line-height:22px; font-size:0.875rem; color:rgba(255,255,255,0.5); background: #001f2f;}
.fbq em{ font-style:normal;}
.fbq span{ float:right;}
.fbq a{ color:rgba(255,255,255,0.5);}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:1279px){
.link_bg{ display: none;}
.fnav{ display: none;}
.fbq em{ display: none;}
}
@media screen and (max-width:700px){
.ftelnav{ padding-bottom: 40px;}
.foot_l{ flex: 0 0 100%;}
.foot_r{ display: none;}
.flowb p{ font-size: 1.25rem;}
.flowb span{ font-size: 1rem;}
.ftel{ padding-top: 25px;}
.ftel a{ font-size: 2.25rem;}
.fbq{ padding:15px 0 65px 0; font-size:0.8125rem; text-align: center;}
.fbq span{ float:none; display: block;}
}

.about_banner{ background:url({{tempdir}}static/images/about_banner.jpg) no-repeat center; width:100%; height:450px; position:relative; margin-top: -56px;}
.contact_banner{ background:url({{tempdir}}static/images/contact_banner.jpg) no-repeat center; width:100%; height:450px; position:relative; margin-top: -56px;}
.case_banner{ background:url({{tempdir}}static/images/case_banner.jpg) no-repeat center; width:100%; height:450px; position:relative; margin-top: -56px;}
.video_banner{ background:url({{tempdir}}static/images/video_banner.jpg) no-repeat center; width:100%; height:450px; position:relative; margin-top: -56px;}
.news_banner{ background:url({{tempdir}}static/images/news_banner.jpg) no-repeat center; width:100%; height:450px; position:relative; margin-top: -56px;}
.pro_banner{ background:url({{tempdir}}static/images/pro_banner.jpg) no-repeat center; width:100%; height:450px; position:relative; margin-top: -56px;}
.proshow_banner{ background:url({{tempdir}}static/images/proshow_banner.jpg) no-repeat center; width:100%; height:226px; position:relative;}
.main_title{color:#fff; text-align:center; padding-top:190px;}
.main_bt{ font-size:3rem;}
.main_title p{ font-family: 'Ddinr'; display: inline-block; height: 31px; line-height: 31px; position: relative;}
.main_title p::before{ content: ''; width: 56px; height: 1px; background: #fff; position: absolute; left: -72px; top: 15px;}
.main_title p::after{ content: ''; width: 56px; height: 1px; background: #fff; position: absolute; right: -72px; top: 15px;}
.main_flbg{width:100%; position:relative; background:url({{tempdir}}static/images/main_cen.png) no-repeat center top #f5f5f5; border-top: 4px solid #2ba6e7;}
.main_fl li{ position:relative; float:left;}
.main_fl li a{ color:#666; padding:0 30px; font-size:1.125rem; height:48px; display:block; line-height:48px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{color:#2ba6e7;}
.main_fl li:after{ content:''; background:#2ba6e7; width:100%; height:2px; position:absolute; bottom:0; left:0%; transform:scaleX(0); transition:0.5s;}
.main_fl li:hover:after,.main_fl li.cur:after{transform:scaleX(1); transition:0.5s;}
.main_wz{ font-size:0.875rem; color:#999; line-height:48px;}
.main_wz img{ margin-bottom:-2px; margin-right:8px;}
.main_wz span{ padding:0 8px;}
.main_wz a{ color:#999; transition: 0.5s;}
.main_wz a:hover{  color: #2ba6e7; transition: 0.5s;}
.main{ background:#fff; padding-top:75px; padding-bottom:100px;}
.about_nr{ color:#4c4c4c; font-size:1rem; line-height:1.8em;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1279px){
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{ background-size: cover; height:300px;}
.main_title{padding-top:140px;}
.main_bt{ font-size:2rem;}
.main_fl li a{font-size:1rem;}
}
@media screen and (max-width:1020px){
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{height:250px; margin-top: 0;}
.main_title{padding-top:90px;}
.main_bt{ font-size:2rem;}
.main_fl li a{ padding: 0 25px;}
}
@media screen and (max-width:700px){
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{height:150px;}
.main_title{padding-top:45px;}
.main_bt{ font-size:1.625rem;}
.main_title p{height: 25px; line-height: 25px; font-size: 0.875rem;}
.main_title p::before{width: 26px; left: -36px; top: 12px;}
.main_title p::after{width: 26px; right: -36px; top: 12px;}
.main_flbg{ background-size: 30px auto; border-top: 2px solid #2ba6e7;}
.main_wz{ display: none;}
.main_fl{ float: none;}
.fl_03 li{ width: 33.333%;}
.fl_04 li{ width: 25%;}
.main_fl li a{ padding: 0; height: 42px; line-height: 42px;}
.main{ padding-top:40px; padding-bottom:50px;}
}

/*about*/
.about_bga{ background: #fff; padding: 80px 0 40px 0; width: 100%;}
.abo_bgb{ background: url(../images/abo_bgb.jpg) no-repeat center; width: 100%; padding: 40px 0 80px 0;}
.abob_zj li{ float: left; width: 25%; text-align: center;}
.abob_sz{ display: flex; justify-content: center; align-items: center;}
.abob_sz p{ font-size: 6.125rem; line-height: 0.8em; font-family: 'Dcinr'; color: #2ba6e7;}
.abob_sz span{ font-size: 1.125rem; color: #2ba6e7; font-weight: bold; padding-left: 8px; text-align: left;}
.abob_zj li:nth-child(2n) .abob_sz span{ font-size: 1.875rem;}
.abozjb_mc{ color: #222; margin-top: 15px;}
.abob_nr{ margin-top: 65px;}
.abob_nr li{ width: 49.23%; float: left; position: relative;}
.abob_nr li:nth-child(-n+2){ margin-bottom: 30px;}
.abob_nr li:nth-child(2n){ float: right;}
.abob_pic img{ display: block; width: 100%;}
.abob_po{ position: absolute; width: 84%; left: 0; top: 0; padding: 0 8%;}
.abob_bt{ padding-top: 14%;}
.abob_bt p{ color: #fff; font-size: 2.25rem; margin-top: 17px;}
.abob_ms{ margin-top: 70px; color: #fff; line-height: 24px;}
.abo_bgc{ padding: 80px 0 40px 0; width: 100%;}
.aboc_title{ text-align: center;}
.aboc_title h2{ color: #333; font-size: 2.25rem;}
.aboc_title::after{ content: ''; width: 24px; height: 2px; background: #333; margin: 17px auto 0 auto; display: block;}
.aboc_gd{ margin-top: 70px; position: relative;}
.aboc_yd{ display: none;}
.aboc_nr{ width: 90%; margin: 0 auto;}
.aboc_nr li{ float: left; width: 25%;}
.aboc_nr li a{ display: block; margin: 0 3%;}
.aboc_pic{ border: 1px solid #ddd;}
.aboc_pic img{ display: block; width: 100%;}
.aboc_mc{ text-align: center; font-size: 0.875rem; height: 40px; line-height: 40px; overflow: hidden;}
.aboc_an{ text-align: center; padding-top: 50px;}
.aboc_an li{ display: inline-block; margin: 0 8px; width: 16px; height: 16px; border-radius: 50%; background: #ccc; overflow: hidden; text-indent: -999em; cursor: pointer; transition: 0.5s;}
.aboc_an li.on{ background: #2ba6e7; transition: 0.5s;}
.aboc_jt a{ display: block; position: absolute; top: 22%; background: url(../images/indf_jt.png) no-repeat center #ccc; width: 56px; height: 56px; border-radius: 50%; cursor: pointer; transition: 0.5s;}
.aboc_jt a:hover{ background: url(../images/indf_jt.png) no-repeat center #2ba6e7; transition: 0.5s;}
.aboc_jt a.prev{ left: -28px; transform: scaleX(-1);}
.aboc_jt a.next{ right: -28px;}
@media screen and (max-width:1279px){
.abob_po{width: 90%; padding: 0 5%;}
.abob_bt{ padding-top: 8%;}
.abob_bt p{font-size: 1.625rem; margin-top: 10px;}
.abob_ms{ margin-top: 12%;}
.abob_ms br{ display: none;}
.aboc_nr li a{margin: 0 6%;}
.aboc_jt a{ top: 30%; width: 46px; height: 46px;}
.aboc_jt a.prev{ left: 0;}
.aboc_jt a.next{ right: 0;}
}
@media screen and (max-width:1020px){
.abob_sz p{ font-size: 5rem;}
.abob_bt{ padding-top: 5%;}
.abob_bt p{font-size: 1.5rem;}
.abob_bt img{ height: 36px;}
.abob_ms{ margin-top: 10%; font-size: 0.9375rem; line-height: 20px;}
.aboc_gd{ margin-top: 40px;}
.aboc_jt a{ width: 36px; height: 36px;}
}
@media screen and (max-width:700px){
.about_bga{ padding: 40px 0 30px 0;}
.abo_bgb{ padding: 40px 0 50px 0; background-size: cover;}
.abob_zj li{ width: 50%;}
.abob_zj li:nth-child(n+3){ margin-top: 25px;}
.abob_sz p{ font-size: 3.875rem;}
.abob_sz span{ font-size: 1rem;}
.abozjb_mc{ margin-top: 5px; font-size: 0.9375rem;}
.abob_nr{ margin-top: 25px;}
.abob_nr li{ width: 100%; margin-bottom: 20px;}
.abob_nr li:nth-child(-n+2){ margin-bottom: 20px;}
.abo_bgc{ padding: 40px 0 50px 0;}
.aboc_title h2{font-size: 1.625rem;}
.aboc_title::after{margin: 10px auto 0 auto;}
.aboc_gd{ margin-top: 20px;}
.aboc_pc{ display: none;}
.aboc_yd{ display: block;}
.aboc_nr li{width: 50%;}
.aboc_nr li a{margin: 0 3%;}
.aboc_jt{ display: none;}
.aboc_an{padding-top: 25px;}
.aboc_an li{ margin: 0 5px; width: 12px; height: 12px;}
}
/*about*/

/*case*/
.case_nr li{ float: left; width: 32%; position: relative; padding-bottom: 2%;}
.case_nr li:nth-child(3n-1){ margin: 0 2%;}
.case_nr li a::after{ content: ''; width: 100%; height: 4px; background: #222; position: absolute; left: 0; bottom: -4px; transform: scaleX(0); transition: 0.5s;}
.case_nr li:hover a::after{ transform: scaleX(1); transition: 0.5s;}
.case_nr li a{ display: block; margin: 0 0.5%; position: relative; border-bottom: 4px solid #eee;}
.case_nr li:hover .indh_pic img{ transform: scale(1.05);}
.case_nr li:hover .indh_wb{background: rgba(43,166,231,.9); height: 100px; transition: 0.5s;}
.case_nr li:hover .indh_wb p{ margin-top: 0; transition: 0.5s;}
/*case*/

/*video*/
.video_nr li{ float: left; width: 49%; padding-bottom: 3%;}
.video_nr li:nth-child(2n){ float: right;}
.viedo_pic{ overflow: hidden; position: relative;}
.viedo_pic img{ display: block; width: 100%; transition: 0.5s;}
.video_nr li:hover .viedo_pic img{ transform: scale(1.05);}
.viedo_pic i{ display: block; position: absolute; width: 100%; height: 100%; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.4); left: 0; top: 0;}
.viedo_mc{ height: 48px; line-height: 48px; color: #fff; background: #2ba6e7; text-align: center; overflow: hidden;}
@media screen and (max-width:1020px){
.viedo_pic i{ background-size: 20%;}
.viedo_mc{ height: 40px; line-height: 40px; font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.viedo_mc{ height: 32px; line-height: 32px; font-size: 0.875rem;}
}
/*video*/

/*honor*/
.honor_nr li{float:left; width:24%; padding-bottom:25px; margin-right:1.333%;}
.honor_nr li:nth-child(4n){margin-right:0;}
.honor_pic{overflow:hidden; position:relative; border:1px solid #ddd;}
.honor_pic img{ display:block; width:100%; transition:0.5s;}
.honor_nr li:hover .honor_pic img{transform:scale(1.05);}
.honor_mc{ text-align:center; line-height:40px; height:40px; overflow:hidden;}
@media screen and (max-width:1020px){
.honor_nr li{width:32%; margin-right:0%;}
.honor_nr li:nth-child(3n-1){margin:0 2%;}
.honor_mc{ font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.honor_nr li{width:49%; margin-right:0;}
.honor_nr li:nth-child(3n-1){margin:0;}
.honor_nr li:nth-child(2n){ float:right;}
.honor_mc{ font-size:0.875rem;}
}
/*honor*/

/*news*/
.Newnews{ background: #fff; padding: 80px 0 40px 0; width: 100%;}
.newnews_gd{ position: relative;}
.newnews_nr li{ background: #fff; box-shadow: 0px 5px 20px rgba(0,0,0,.1);}
.news_pic{ overflow:hidden; width:57.6923%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.newnews_nr li:hover .news_pic img{transform:scale(1.05);}
.news_wb{ width: 37%; padding-top: 50px; margin-right: 2%;}
.newst_rqbt{ border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.newst_rq{ font-family: 'Ddinr'; font-size: 1.125rem; color: #222;}
.newst_mc{ height: 70px; line-height: 70px; color: #333; overflow: hidden; font-size: 1.5rem;}
.newst_ms{ margin-top: 35px; color: #666; font-size: 1rem; line-height: 24px; height: 96px; overflow: hidden;}
.newst_more{ position: relative; background: #eee; margin-top: 80px; border-radius: 21px; width: 120px; height: 42px; line-height: 42px; font-size: 0.875rem; color: #666; text-indent: 32px; background-position: 50% center; border-radius: 21px; transition: 0.5s;}
.newnews_nr li:hover .newst_more{ color: #fff; text-indent: 21px; background: url(../images/indf_jt.png) no-repeat 81% center #2ba6e7; transition: 0.5s;}
.newnews_an{ padding-top: 40px; text-align: center;}
.newnews_an li{ display: inline-block; width: 48px; height: 4px; background: #666; margin: 0 8px; cursor: pointer; overflow: hidden; text-indent: -999em; transition: 0.5s;}
.newnews_an li.on{ background: #2ba6e7; transition: 0.5s;}

.news_bg{ background: #f5f5f5; width: 100%; padding: 60px 0;}
.news_nr li{ position:relative; margin-bottom:2%; width: 49%; background: #fff; float: left;}
.news_nr li::after{ content: ''; width: 0%; height: 2px; background: #2ba6e7; position: absolute; left: 0; top: 0; transition: 0.5s;}
.news_nr li:hover::after{ width: 100%; transition: 0.5s;}
.news_nr li a{ display:flex; padding: 20px 0; position:relative; z-index:9; transition:0.5s;}
.news_rq{ flex: 0 0 108px; position: relative; text-align: center; font-family: 'Ddinr'; color: #222; font-size: 1.125rem;}
.news_rq p{ font-size: 2.5rem; color: #222; padding-top: 15%; margin-bottom: 5px;}
.news_rq::after{ content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; right: 0; top:0;}
.news_qv{ padding: 0 25px 15px 25px;}
.news_bt{ font-size:1.5rem; color: #333; height:50px; line-height:50px; overflow:hidden;}
.news_ms{ color: #808080; line-height: 24px; height: 48px; overflow: hidden;}

.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:15px; font-size:1.375rem; line-height:24px;}
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:5px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:1.8em;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1279px){
.news_wb{padding-top: 20px;}
.newst_rqbt{padding-bottom: 10px;}
.newst_mc{ height: 60px; line-height: 60px; font-size: 1.375rem;}
.newst_ms{ margin-top: 25px;}
.newst_more{ margin-top: 60px;}
.news_nr li a{ padding: 10px 0;}
.news_qv{ padding: 0 15px 10px 15px;}
.news_bt{ font-size:1.25rem; height:40px; line-height:40px;}
.news_ms{ font-size: 0.9375rem; line-height: 22px; height: 44px;}
}
@media screen and (max-width:1020px){
.news_wb{padding-top: 10px;}
.newst_rqbt{padding-bottom: 5px;}
.newst_mc{ height: 40px; line-height: 40px; font-size: 1.125rem;}
.newst_ms{ margin-top: 15px; font-size: 0.9375rem;}
.newst_more{ margin-top: 40px;}
.news_rq{ flex: 0 0 90px; font-size: 1rem;}
.news_rq p{ font-size: 2rem; padding-top: 12%;}
.news_qv{ padding: 0 15px 5px 15px;}
.news_bt{ font-size:1rem; height:30px; line-height:30px;}
.news_ms{ font-size: 0.875rem; line-height: 20px; height: 40px;}
.newsshow_title{font-size:1.25rem;}
.newsshow_title p{ font-size:0.75rem;}
}
@media screen and (max-width:700px){
.Newnews{padding: 30px 0;}
.news_pic{width:100%;}
.news_wb{ width: 100%; padding-top: 20px; margin-right: 0;}
.newst_ms{ margin-top: 10px; font-size: 0.875rem; height: 48px;}
.newst_more{ display: none;}
.newnews_an li{width: 38px; height: 3px; margin: 0 4px;}
.news_bg{padding: 40px 0 50px 0;}
.news_nr li{ margin-bottom:2%; width: 100%; float: none;}
.news_nr li:nth-child(2n){ float: none;}
.newsshow_title{font-size:1.125rem; padding-bottom: 7px;}
.newsshow_title p{ font-size:0.75rem; padding-top: 0;}
.newsshow_wnnr{ font-size:0.9375rem;}
.xgnews-tit{font-size:1.125rem; line-height:40px; height:40px;}
.xgnews-con li{ width:95%;}
}
/*news*/

/*product*/
.pro_bg{ background: #f7fcff; padding-bottom: 80px; width: 100%;}
.pro_kg{ padding-top: 80px;}
.pro_title{ text-align: center; color: #222;}
.pro_title h2{ font-size: 2.25rem;}
.pro_title p{ font-family: 'Ddinr'; padding-top: 3px;}
.pro_nr li{ float:left; width:49.2%; position:relative; padding-top: 40px;}
.pro_nr li:nth-child(2n){ float: right;}
.pro_nr li a{ display:block; position:relative;}
.pro_pic{ overflow:hidden;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.05);}
.pro_po{ position: absolute; width: 93%; left: 7%; top: 5%;}
.pro_bt h3{ color: #222; font-size: 1.875rem; font-weight: bold; height: 40px; line-height: 40px;}
.pro_bt::after{ content: ''; width: 24px; height: 2px; background: #ccc; margin-top: 38px; display: block;}
.pro_ms{ margin-top: 15px; line-height: 24px; color: #222;}
.pro_more{ width: 110px; height: 30px; line-height: 30px; background: #fff; color: #666; border-radius: 15px; margin-top: 46%; text-align: center; font-size: 0.875rem; box-shadow: 0px 0px 30px rgba(0,0,0,.1);}
.pro_more span{ padding-left: 8px; font-family: '瀹嬩綋';}
.pro_more:hover { background: #2ba6e7; color: #fff; box-shadow: 0px 0px 30px rgba(43,166,231,.1);}
@media screen and (max-width:1279px){
.pro_title h2{ font-size: 2rem;}
.pro_bt h3{ font-size: 1.5rem; height: 34px; line-height: 34px;}
.pro_bt::after{margin-top: 28px;}
.pro_ms{line-height: 22px; font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.pro_bg{ padding-bottom: 60px;}
.pro_kg{ padding-top: 60px;}
.pro_nr li{padding-top: 20px;}
.pro_ms{ height: 66px;}
.pro_bt h3{ font-size: 1.25rem; height: 30px; line-height: 30px;}
.pro_ms{line-height: 22px; font-size: 0.875rem;}
.pro_more{ margin-top: 30%;}
}
@media screen and (max-width:700px){
.pro_bg{ padding-bottom: 60px;}
.pro_kg{ padding-top: 40px;}
.pro_title h2{ font-size: 1.375rem;}
.pro_nr li{ width:100%; padding-top: 20px;}
.pro_bt h3{ font-size: 1.125rem;}
.pro_bt::after{ margin-top: 15px;}
.pro_ms{line-height: 20px; height: 60px;}
}

.proshow{ max-width: 1170px; margin: 0 auto;}
.npro_l{ width: 24.786%; max-width: 290px; top: 0 !important;}
.npro_l.navys{ top: 58px !important;}
.npro_fl{ background: #fff; margin-bottom: 20px;}
.nprofl_tit{ height: 64px; line-height: 64px; background: url(../images/npro_01.png) no-repeat 92% center #2ba7e7; padding: 0 8%; font-size: 1.5rem; color: #fff; font-weight: bold;}
.nprofl_nr>ul>li{ margin-top: 25px; border-bottom: 1px solid #ddd; position: relative;}
.nprofl_nr>ul>li:nth-last-child(1){ border-bottom: none;}
.nprofl_nr>ul>li>a{ display: block; height: 50px; line-height: 50px; color: #222; font-size: 1.125rem; font-weight: bold; padding: 0 8%; transition: 0.5s;}
.nprofl_nr>ul>li:hover>a{ color: #2ba7e7; transition: 0.5s;}
.nprofl_nr>ul>li>ul{ padding: 5px 0 18px 0;}
.nprofl_nr>ul>li>ul>li{ position: relative;}
.nprofl_nr>ul>li>ul>li>a{height: 40px; line-height: 40px; padding: 0 8%; display: block; color: #666; position: relative; z-index: 9; transition: 0.5s;}
.nprofl_nr>ul>li>ul>li:hover>a,.nprofl_nr>ul>li>ul>li.cur>a{ color: #fff; transition: 0.5s;}
.nprofl_nr>ul>li>ul>li::before{ content: ''; width: 0%; height: 100%; background: url(../images/npro_03.png) no-repeat 90% center #2ba6e7; position: absolute; left: 0; top: 0; transition: 0.5s;}
.nprofl_nr>ul>li>ul>li:hover::before,.nprofl_nr>ul>li>ul>li.cur::before{ width: 100%; transition: 0.5s;}
.npro_tel{ border-top: 2px solid #ddd; background: #fff; padding: 30px 6%;}
.ntel_tit{ font-size: 1.125rem; color: #2ba7e7; font-weight: bold;}
.ntel_nr{ padding-top: 10px;}
.ntel_nr p{ margin-top: 10px; line-height: 24px; color: #666;}
.ntel_nr p a{ color: #666; transition: 0.5s;}
.ntel_nr p a:hover{ color: #2ba7e7; transition: 0.5s;}
.ntel_an{ padding-top: 30px;}
.ntel_an a{ display: block; width: 130px; line-height: 40px; color: #fff; font-size: 0.875rem; background: #2ba6e7; text-align: center; border-radius: 20px; box-shadow: 0px 10px 20px rgba(43,166,231,0.5);}
.ntel_an a img{ padding: 0 5px; margin-bottom: -4px;}
.ntel_an a img:nth-last-child(1){ margin-bottom: -1px; height: 10px;}
.npro_r{ width: 71.367%;}

.proshowa{border-top:1px solid #ddd; padding-top: 20px;}
.proshow_gd{ position:relative;}
.proshow_img{ border:5px solid #e6e6e6; overflow:hidden; float: left; width: calc( 76.2% - 10px );}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_anjt{ position:relative; width:16.3%; float: right;}
.proshow_an{ margin: 0 auto 10px auto;}
.proshow_an li{ cursor:pointer; margin-top: 10px;}
.proshow_an li a{ display:block; border:2px solid #e6e6e6; border-radius:10px; overflow:hidden; position:relative;}
.proshow_an li a i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/npro_06.png) no-repeat center rgba(0,0,0,0.3); background-size: 30%;}
.proshow_an li img{ display:block; width:100%; height:114px;}
.proshow_an li.on a{border:2px solid #2ba6e7;}
.proshow_anjt .prev,.proshow_anjt .next{ cursor:pointer; display:block; background:#e6e6e6 no-repeat center; height: 20px; position:relative; text-align:center; transition:0.5s;}
.proshow_anjt .prev{ left:0; background-image: url(../images/npro_04.png);}
.proshow_anjt .next{ right:0; background-image: url(../images/npro_05.png);}

.proshowa_wb{ width:43%; padding-top:25px;}
.nycp_bt{color:#232323; font-size:1.875rem; border-bottom:1px solid #ddd; padding-bottom:15px; font-weight: bold;}
.nycp_nr{ font-size:1rem; color:#2e2e2e; line-height:180%; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ font-size:1.125rem; color:#000; padding-top:35px;}
.nycp_tel p{ color:#000; font-size:2rem; font-family:"alternate";}
.nycp_more{padding-top:12px;}
.nycp_more a{display:block; background:#2ba6e7; text-align:center; width:150px; line-height:50px; font-size:1.125rem; color:#fff;}
.nycp_more img{ margin-bottom:-7px; margin-right:5px;}
.nycp_more .job_moreb{ display:none;}

.proshow_bom{ margin-top:50px; position:relative;}
.proshow_title{border-top:1px solid #2ba6e7; height: 60px; background: #fff;}
.npro_bt{ display:inline-block; background:#333; color:#fff; font-size:1.125rem; line-height:60px; height:60px; padding:0 25px; float: left; position:relative; z-index:9;}
.npro_bt img{ margin-bottom:-3px; margin-right:6px;}
.npropho{ float: right;}
.npropho a:nth-child(1){ display: block; float: left; line-height: 60px; height: 60px; color: #666;}
.npropho a:nth-child(1) span{ font-size: 1.875rem; font-family: 'Ddinr'; color: #2ba7e7; padding-left: 10px;}
.npropho a:nth-child(2){ margin-left: 30px; padding: 0 23px; line-height: 60px; height: 60px; background: #2ba7e7; display: block; float: left; color: #fff; font-size: 1.125rem;}
.npropho a:nth-child(2) img{ margin-right: 5px; margin-bottom: -2px;}
.proms_l{ margin-top: 10px;}
.proshow_nr{ font-size:1rem; line-height:1.8em;}
.proshow_nr img{ max-width:100%;}
.proshow_nr .fsqi_title p,.proshow_nr .fsqh_title p{ padding-bottom:8px; line-height:40px;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#2ba6e7; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.cnxh{ margin-top:35px; display: none;}
.cnxh_title{width:100%; position:relative; height:67px; border-top:4px solid #2ba6e7; border-bottom:1px solid #f5f5f5; background:#f1f1f1;}
.cnxh_title p{display:inline-block; color:#2ba6e7; font-size:1.375rem; line-height:67px; height:67px; padding-left:2%;}
.cnxh_nr{padding:25px 2% 40px 2%; background:#f9f9f9;}
.cnxh_nr li{ margin-top:20px; width:24%; margin-right:1.333%; float:left;}
.cnxh_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:0.875rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#2ba6e7; color:#fff; transition:0.5s;}
@media screen and (max-width:1279px){
.proshow_img{ width: calc( 81.2% - 10px );}
}
@media screen and (max-width:1020px){
.npro_l{ display: none;}
.npro_r{ float: none; width: auto;}
.jxsh_tit{ font-size: 1.375rem !important;}
.jxsm_ms{ font-size: 1rem !important;}
}
@media screen and (max-width:700px){
.proshowa{ padding-top: 10px;}
.proshow_img{width: calc( 100% - 10px ); float: none;}
.proshow_anjt{ width: auto; float: none;}
.proshow_an{ width: 88%; margin: 0 auto;}
.proshow_an li{ width: 25%; float: left;}
.proshow_an li a{ border-radius: 5px; margin: 0 2%;}
.proshow_an li img{ height: auto;}
.proshow_anjt .prev,.proshow_anjt .next{height: 100%; width: 5%; position:absolute; top: 0;}
.proshow_anjt .prev{ left:0; background-image: url(../images/npro_jt.png); transform: scaleX(-1);}
.proshow_anjt .next{ right:0; background-image: url(../images/npro_jt.png);}
.proshow_bom{ margin-top: 30px;}
.proshow_title{height: 42px;}
.npro_bt{ height: 42px; line-height: 42px; font-size: 1rem; padding: 0 12px;}
.npro_bt img{ height: 16px;}
.npropho a:nth-child(1){ display: none;}
.npropho a:nth-child(2){ height: 42px; line-height: 42px; font-size: 1rem; padding: 0 15px; margin-left: 10px;}
.jxsh_tit{ font-size: 1.125rem !important; line-height: 40px !important; height: 40px !important;}
.jxsm_ms{ font-size: 0.9375rem !important;}
.proshow_nr{ font-size: 0.875rem;}
.sbcs_nr tr td:nth-child(1), .sbcs_nr tr td:nth-child(4){ font-size: 1rem !important; line-height: 22px;}
.pgth p{ padding-left: 40px !important; font-size: 0.875rem !important;}
.showcp_an p{width: 100px;}
.showcp_an p a{height:36px; line-height:36px;}
}

/*sitemap*/
.sitemap_nr>dl{ border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 30px;}
.sitemap_nr>dl>a{ font-size: 1.5rem; font-weight: bold; color: #008cd6; display: block;}
.sitemap_nr>dl>dt{ padding: 15px 0 8px 0;}
.sitemap_nr>dl>dt>a{ font-size: 1.125rem; border-left: 2px solid #008cd6; padding-left: 10px; display: block; line-height: 20px; height: 20px; font-weight: bold; color: #008cd6;}
.sitemap_nr>dl>dd{ display: flex; flex-wrap: wrap;}
.sitemap_nr>dl>dd>a{ display: block; margin-right: 15px; line-height: 24px;}
@media screen and (max-width:700px){
.sitemap_nr>dl>a{ font-size: 1.125rem;}
.sitemap_nr>dl>dt>a{ font-size: 1rem;}
.sitemap_nr>dl>dd>a{ font-size: 0.875rem;}
}
/*sitemap*/
/*鍐呴〉style缁撴潫*/

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#008cd6;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #1299e0;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #1299e0;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}





/*瀵艰埅鏍峰紡*/

@media screen and (max-width:1020px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#008cd6; padding:10px;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(0,0,0,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:114px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:114px; right:0;}
.navys .sjj_nav,.navys .nav_show{ top: 82px;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px rgba(255,255,255,0.1) solid;text-align:center;color:#999;}
.sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px rgba(255,255,255,0.1) solid;height:40px; padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-top:1px rgba(255,255,255,0.1) solid;margin-left:10px;position:relative;line-height:50px;font-size:14px;}
.sjj_nav>ul>li:last-child{border-bottom:1px rgba(255,255,255,0.1) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:90%; font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
.sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#fff;display:block;text-align:left; font-size:1rem;}
.sjj_nav ul li i svg{width:24px;height:38px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:79px; width:65%;}
.nav_show{top:79px;}
.navys .sjj_nav,.navys .nav_show{top: 51px;}
.sjj_nav ul li{line-height:44px;}
.sjj_nav ul li i{height:34px;}
.sjj_nav ul li a{ font-size:0.9375rem; width:83%;}
.sjj_nav ul li i svg{width:20px;height:34px;fill:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{font-size:0.875rem;}
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(77,77,77,0.8) url(../fonts/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
@media screen and (max-width:767px){
.cd-top{ display:none;}
}