@charset "utf-8";
/* CSS Document */
html{}
*{ margin: 0; padding: 0;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; max-width: 1920px; margin:0px auto; padding:0px; overflow-x:hidden;}
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:#007acf; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1680px;}
.kga{ width:96%; margin:0 auto; max-width:1400px;}
.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 #eee; 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 #af6928; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #ed913a; 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 #eee; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto; background:url(../images/page_bg02.png) top repeat-x #ed913a; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:5px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:640px; border-top:1px solid #ddd; margin-bottom: -157px; margin-top: 90px;}
@media screen and (max-width:770px){
    #dituContent{ height:300px; margin-bottom: 0px; margin-top: 0px;}
}
/*基础配置*/

@font-face {
    font-family:"alternate";
    src: url("../font/alternate.eot"),
    url("../font/alternate.ttf");
}
@font-face {
    font-family:"Dinr";
    src: url("../font/Dinr.eot"),
    url("../font/Dinr.ttf");
}
@font-face {
    font-family:"Din1451std";
    src: url("../font/Din1451std.eot"),
    url("../font/Din1451std.ttf");
}
@font-face {
    font-family:"DinBlack";
    src: url("../font/DinBlack.eot"),
    url("../font/DinBlack.ttf");
}
@font-face {
    font-family:"Wrl";
    src: url("../font/Wrl.eot"),
    url("../font/Wrl.ttf");
}

/*首页style开始*/
.top_bg{ width: 100%; height: 118px; background: #fff; position: relative; border-bottom: 2px solid #f08519; z-index:9991; transition: 0.5s;}
.logo{ padding-top: 32px;}
.top_zj{ padding-left: 65px; margin-top: 48px; position: relative;}
.top_zj::after{ content: ''; width: 1px; height: 18px; position: absolute; left: 25px; top: 3px; background: #aaa;}
.top_zj li{ float: left; position: relative;}
.top_zj li:nth-child(2){ margin-left: 28px;}
.top_zj li .cub{ position: absolute; display: none; z-index: 999;}
.top_zj li:nth-child(1) .cub{ left: -49px; top: 25px;}
.top_zj li:nth-child(1) .cub img{ width: 120px;}
.top_zj li:nth-child(2) .cub{ background: #fff; right: 0; top: 25px; padding: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.top_zj li:nth-child(2) .cub a{ display: block; font-size: 1.875rem; color: #f08519; font-family:"黑体"; width: 160px; line-height: 30px;}


.sp_nav i{ display:none;}
.sjj_nav>ul>li{ float:left; position:relative;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; text-align:center; font-size:1.375rem; height:118px; line-height:118px; padding: 0 20px; color:#5a5a5a; transition:0.5s; position:relative; z-index:9;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #007acf; font-weight: bold; transition: 0.5s;}
.sjj_nav>ul>li::after{ content: ''; width: 20%; left: 40%; background: #f08519; height: 4px; border-radius: 2px; position: absolute; bottom: 19px; transform: scaleX(0); transition: 0.5s;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1); transition: 0.5s;}
.sjj_nav>ul>li>ul{ position:absolute; width:112%; background:rgba(255,255,255,0.95); 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:#007acf; color:#fff; transition:0.5s;}
@media screen and (max-width: 1600px){
    .top_zj{ padding-left: 55px; }
    .sjj_nav>ul>li>a{padding: 0 16px;}
    .top_zj{ display: none;}
}
@media screen and (max-width: 1350px){
    .top_bg{height: 90px;}
    .logo{ padding-top: 18px;}
    .sjj_nav>ul>li>a{padding: 0 15px; font-size: 1rem; line-height: 90px; height: 90px;}
}
@media screen and (max-width: 1279px){
    .top_bg{height: 80px;}
    .top_bg .kg{ width: 100%;}
    .logo{ padding-top: 13px; padding-left: 1%;}
    .logo img{ height: 54px;}
    .sjj_nav>ul>li::after{ display: none;}
    .sjj_nav>ul>li>ul{ position: relative; background: none;}
    .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #f08519; font-weight: bold; transition: 0.5s;}
    .sjj_nav>ul>li>ul>li:hover>a{background:none; color:#fff; transition:0.5s;}
}
@media screen and (max-width: 700px){
    .top_bg{height: 50px; border-bottom: 1px solid #f08519;}
    .logo{ padding-top: 8px;}
    .logo img{ height: 34px;}
}
/*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;}
.banner_nr{  width: 100%;}
.banner_nr li{position:relative; height:100%;}
.banner_nr li a{ display:block; height:750px; 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: 31px; height: 25px; margin: 0 3px; cursor: pointer; overflow: hidden; text-indent: -999em; position: relative; transition: 0.5s;}
.banner_an li::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ban_qq.png) no-repeat center; transform: scale(0); transition: 0.5s;}
.banner_an li::after{ content: ''; width: 5px; height: 5px; background: #fff; position: absolute; left: 13px; top: 10px; border-radius: 50%; transition: 0.5s;}
.banner_an li.on::before{ transform: scale(1); transition: 0.5s;}
.banner_an li.on::after{ background: #f08519; transition: 0.5s;}
.banner_jt a{ display:block; float:left; width:32px; height:64px; background: url(../images/ban_jt.png) no-repeat center; position:absolute; top: 45%; cursor:pointer; transition: 0.5s;}
.banner_jt a.prev{ left: 5%;}
.banner_jt a.next{ transform: scaleX(-1); right: 5%;}
.banner .pageState{ display: none; color:#ffaf4f; font-family:"黑体"; font-size:1.5rem; padding-right:20px; padding-top:14px;}
.banner .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;}
.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: 1440px){
    .banner_nr li a{ height:680px; background-size: auto 100% !important;}
}
@media screen and (max-width: 1300px){
    .banner_nr li a{ height:630px;}
}
@media screen and (max-width: 1279px){
    .banner_nr li a{ height:500px;}
}
@media screen and (max-width: 1020px){
    .banner_nr li a{ height:400px;}
}
@media screen and (max-width: 770px){
    .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 top; width: 100%; position: relative; z-index: 9;}
.index_bga .kga::before{ content: ''; width: 100%; height: 8px; background: #f08519; position: absolute; top: -8px; left: 0;}
.inda_bgwb{ padding-top: 100px; display: flex; justify-content: space-between; align-items: flex-end;}
.inda_bt{ border-bottom: 1px solid #dbdbdb; flex: 0 1 25%; position: relative;}
.inda_bt h2{ line-height: 70px; height: 70px; color: #1e1e1e; font-size: 1.875rem; display: inline-block; position: relative;}
.inda_bt h2::after{ content: ''; width: 100%; height: 5px; background: #f08519; position: absolute; left: 0; bottom: -3px;}
.inda_wb p{ color: #1e1e1e; font-size: 2.25rem; font-weight: bold;}
.inda_wb span{ display: block; font-size: 1.75rem; color: #363636; font-family: '黑体';}
.inda_sinr{ padding-top: 80px;}
.inda_sinr ul{ display: flex; justify-content: space-between;}
.inda_sz{display: flex; justify-content: start; align-items: center; font-family: '黑体'; color: #0079c6}
.inda_sz p{ font-size: 5.625rem; line-height: 0.8em;}
.inda_sz span{ font-size: 2.25rem; padding-left: 5px;;}
.inda_sinr li:nth-child(4) .inda_sz span{ font-size: 1.5rem; font-weight: bold; font-family: "Microsoft YaHei";}
.inda_mc{ font-size: 1.125rem; line-height: 24px; margin-top: 10px;}
.inda_nr{ padding-top: 70px;}
.inda_l{ width: 60%; margin-left: -10%; border-bottom: 7px solid #0079c6; position: relative;}
.inda_l img{ display: block; width: 100%;}
.inda_r{ width: 45%;}
.inda_ms{ font-size: 1.125rem; line-height: 30px; color: #393939;}
.inda_more{ padding-top: 65px;}
.inda_more a{ display: block; width: 130px; height: 48px; background: #0079c6; text-align: center; line-height: 48px; color: #fff; border-radius: 24px;}
@media screen and (max-width: 1400px){
    .inda_bt{ flex: 1; margin-right: 30px;}
}
@media screen and (max-width: 1350px){
    .inda_wb p{font-size: 2rem;}
    .inda_wb span{ font-size: 1.5rem;}
    .inda_sz p{ font-size: 5rem;}
    .inda_sz span{ font-size: 2rem;}
    .inda_mc{ font-size: 1rem;}
}
@media screen and (max-width: 1279px){
    .index_bga{background-size: cover;}
    .inda_bgwb{ padding-top: 70px;}
    .inda_wb p{font-size: 1.875rem;}
    .inda_wb span{font-size: 1.25rem;}
    .inda_sinr{ padding-top: 60px;}
    .inda_sz p{ font-size: 4rem;}
    .inda_sz span{ font-size: 1.5rem;}
    .inda_sinr li:nth-child(4) .inda_sz span{ font-size: 1.375rem;}
    .inda_nr{ padding-top: 50px;}
    .inda_l{ border-bottom: 4px solid #0079c6;}
    .inda_ms{ font-size: 1rem; line-height: 24px;}
    .inda_more{ padding-top: 35px;}
    .inda_more a{ height: 40px;line-height: 40px;}
}
@media screen and (max-width: 1020px){
    .index_bga{padding-bottom: 55px;}
    .inda_bgwb{ padding-top: 50px;}
    .inda_wb p{font-size: 1.625rem;}
    .inda_wb span{font-size: 1.125rem;}
    .inda_sinr{ padding-top: 50px;}
    .inda_sz p{ font-size: 3rem;}
    .inda_sz span{ font-size: 1.375rem;}
    .inda_sinr li:nth-child(4) .inda_sz span{ font-size: 1.125rem;}
    .inda_mc{ font-size: 0.9375rem; line-height: 22px;}
    .inda_nr{ padding-top: 50px;}
    .inda_l{ width: 100%; margin-left: 0;}
    .inda_r{ width: 100%; padding-top: 40px;}
    .inda_more{ padding-top: 25px;}
    .inda_more a{ height: 40px;line-height: 40px;}
}
@media screen and (max-width: 700px){
    .index_bga{ padding-bottom: 50px; background-size: auto 120%;}
    .index_bga .kga::before{ height: 4px; top: -4px;}
    .inda_bgwb{ padding-top: 25px; flex-wrap: wrap;}
    .inda_bt{flex: 0 1 100%; text-align: center; margin-right: 0;}
    .inda_bt h2{ line-height: 60px; height: 60px; font-size: 1.625rem;}
    .inda_bt h2::after{height: 3px; bottom: -2px;}
    .inda_wb{ flex: 0 1 100%; text-align: center; padding-top: 15px;}
    .inda_wb p{ font-size: 1.125rem;}
    .inda_wb span{ font-size: 0.9375rem; margin: 2px 5% 0 5%;}
    .inda_sinr{ padding-top: 30px;}
    .inda_sinr ul{ flex-wrap: wrap;}
    .inda_sinr li{ flex: 0 1 47%; text-align: center;}
    .inda_sinr li:nth-child(n+3){ margin-top: 25px;}
    .inda_sz{ justify-content: center;}
    .inda_sz p{ font-size: 2.625rem;}
    .inda_sz span{ font-size: 1.125rem; padding-left: 5px;;}
    .inda_sinr li:nth-child(4) .inda_sz span{ font-size: 1rem;}
    .inda_mc{ font-size: 0.875rem; line-height: 20px; margin-top: 5px;}
    .inda_mc br{ display: none;}
    .inda_nr{ padding-top: 40px;}
    .inda_l{ border-bottom: 2px solid #0079c6;}
    .inda_r{padding-top: 20px;}
    .inda_ms{ font-size: 0.9375rem; line-height: 24px;}
    .inda_more{ padding-top: 25px;}
    .inda_more a{ width: 110px; height: 36px; margin: 0 auto; line-height: 36px; font-size: 0.875rem;}
}

.index_bgb{ position: relative; width: 100%; background: #fff; padding: 70px 0 120px 0; overflow: hidden;}
.indb_title{ display: flex; justify-content: space-between; align-items: flex-end;}
.indb_bt{ flex: 0 0 290px;}
.indb_bt p{ font-size: 2.25rem; font-weight: bold; color: #1e1e1e;}
.indb_bt span{ display: block; font-family: '黑体'; font-size: 1.75rem; color: #363636; line-height: 1em; margin-top: 5px;}
.indb_more{ flex: 1; border-bottom: 1px solid #dbdbdb; text-align: right; line-height: 70px; height: 70px;}
.indb_more h2{ display: inline-block;  position: relative; font-size: 1.875rem; color: #1e1e1e;}
.indb_more h2::after{ content: ''; width: 100%; height: 5px; background: #f08519; position: absolute; left: 0; bottom: -3px;}
.indb_nr{ padding-top: 105px;}
.indb_nr ul{ display: flex; justify-content: space-between;}
.indb_nr li{ flex: 0 1 19.05%;}
.indb_nr li a{ display: block; background: url(../images/indb_bg.png) no-repeat; background-size: cover; position: relative; overflow: hidden; transition: 0.5s;}
.indb_nr li:hover a{background: url(../images/indb_bgb.png) no-repeat; background-size: cover; transition: 0.5s;}
.indb_pic{ overflow: hidden;}
.indb_pic img{ display: block; width: 100%; transition: 0.5s;}
.indb_nr li:hover .indb_pic img{ transform: scale(1.05);}
.indb_po{ position: absolute; left: 5%; top: 0; width: 90%; height: 100%;}
.indb_mc{ padding-top: 11%; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 13px;}
.indb_mc h3{ font-size: 1.5rem; color: #fff;}
.indb_mc p{ font-size: 0.875rem;}
.indb_ms{ padding-top: 20px; color: #fff; line-height: 1em; font-size: 1.25rem;}
.indb_mo{ position: absolute; left: -50%; bottom: 4%; width: 31px; height: 31px; border: 3px solid #fff; border-radius: 50%; text-align: center; color: #fff; font-family: '黑体'; line-height: 29px; transition: 0.5s;}
.indb_nr li:hover .indb_mo{ left: 0; transition: 0.5s;}
@media screen and (max-width: 1279px){
    .index_bgb{padding: 60px 0 90px 0;}
    .indb_bt{ flex: 0 1 auto; margin-right: 20px;}
    .indb_bt p{ font-size: 2rem;}
    .indb_bt span{font-size: 1.5rem;}
    .indb_nr{ padding-top: 55px;}
    .indb_nr li{ flex: 0 1 19.7%;}
    .indb_mc{ padding-top: 7%; padding-bottom: 10px;}
    .indb_mc h3{ font-size: 1.25rem;}
    .indb_mc p{ font-size: 0.75rem;}
    .indb_ms{ padding-top: 10px; font-size: 1rem;}
}
@media screen and (max-width: 1020px){
    .index_bgb{padding: 50px 0 80px 0;}
    .indb_bt p{ font-size: 1.625rem;}
    .indb_bt span{font-size: 1.125rem;}
    .indb_nr{ padding-top: 35px;}
    .indb_nr ul{ flex-wrap: wrap; justify-content: space-between;}
    .indb_nr li{ flex: 0 1 32%; margin-top: 2%;}
    .indb_nr li:nth-child(4),.indb_nr li:nth-child(5){ flex:0 1 49%;}
}
@media screen and (max-width: 700px){
    .index_bgb{padding: 30px 0 50px 0;}
    .indb_bt p{ font-size: 1.25rem;}
    .indb_bt span{font-size: 1rem;}
    .indb_more{ line-height: 60px; height: 60px;}
    .indb_more h2{ font-size: 1.625rem;}
    .indb_more h2::after{ height: 3px; bottom: -2px;}
    .indb_nr{ padding-top: 20px;}
    .indb_nr li{ flex: 0 1 33%; margin-top: 0.5%;}
    .indb_nr li:nth-child(4),.indb_nr li:nth-child(5){ flex:0 1 49.75%;}
    .indb_mc{ padding-top: 7%; padding-bottom: 7px;}
    .indb_mc h3{ font-size: 1rem; color: #fff;}
    .indb_mc p{ display: none;}
    .indb_ms{ padding-top: 5px; font-size: 0.875rem;}

}

.index_bgc{width: 100%; overflow: hidden; position: relative; z-index: 9;}
.indc_bt{ position: relative; padding: 18px 0 38px 0;}
.indc_bt h2{ font-size: 2.25rem; font-weight: bold; color: #f08519; display: inline-block; background: #fff; padding-right: 20px; position: relative; z-index: 9;}
.indc_bt p{ font-size: 1.75rem; font-family: '黑体'; color: #363636;}
.indc_bt::before{ background: #dfdfdf; display: block; content: ''; width: 100%; height: 1px; position: absolute; right: 0; top: 32%;}
.indc_bg{ background: url(../images/index_bgc.jpg) no-repeat center top; width: 100%;}
.indc_l{ position: absolute; left: -27px; top: 40px; color: #fff; box-sizing: border-box; width: 49%;}
.indc_l li{ margin-top: 65px; padding-left: 115px;}
.indc_l li h3{ font-size: 1.5rem; font-weight: bold;}
.indc_l li p{ font-size: 1.125rem; line-height: 24px; margin-top: 5px;}
.indc_r{ position: relative; top: 0px; margin-top: -136px; width: 56%;}
.indc_tel{ position: absolute; bottom: 25px; right: 18%;}
.indc_tel a{ color: #fff;}
.indc_tel p{ font-size: 1.5rem;}
.indc_tel span{ font-size: 3rem; font-family: '黑体'; line-height: 1em; display: block;}
@media screen and (max-width: 1279px){
    .indc_bt h2{ font-size: 2rem;}
    .indc_bt p{ font-size: 1.5rem;}
    .indc_bg{ background-size: auto 97%;}
    .indc_l{top: 0px;}
    .indc_l li{ margin-top: 55px;}
    .indc_l li p{ font-size: 1rem;}
    .indc_tel p{ font-size: 1.25rem;}
    .indc_tel span{ font-size: 2.5rem;}
    .indc_img img{ display: block; height: 800px;}
}
@media screen and (max-width: 1020px){
    .indc_bt h2{ font-size: 1.625rem;}
    .indc_bt p{ font-size: 1.125rem;}
    .indc_l{width: 51%;}
    .indc_l li{ background-size: auto 46px !important; padding-left: 90px; margin-top: 35px;}
    .indc_l li h3{ font-size: 1.25rem;}
    .indc_l li p{ font-size: 0.875rem; line-height: 22px;}
    .indc_tel p{ font-size: 1.125rem;}
    .indc_tel span{ font-size: 2.25rem;}
    .indc_img img{ display: block; height: 700px;}
}
@media screen and (max-width: 700px){
    .indc_bt{padding: 0px 0 20px 0; text-align: center;}
    .indc_bt h2{ font-size: 1.625rem; padding-right: 0;}
    .indc_bt p{ font-size: 0.9375rem; padding-top: 3px;}
    .indc_bt::before{ display: none;}
    .indc_bg{ background-size: cover; padding: 10px 0 50px 0;}
    .indc_l{ position: relative; left: auto; top: auto; width: 100%;}
    .indc_l li{ background-size: auto 30px !important; padding-left: 60px; margin-top: 25px;}
    .indc_l li h3{ font-size: 1.125rem;}
    .indc_l li p{ font-size: 0.875rem; line-height: 20px;}
    .indc_r{ display: none;}
}

.index_bgd{ background: #f3f4f8; width: 100%; margin-top: -24px; overflow: hidden; padding-bottom: 60px;position: relative;}
@keyframes scale{ 0%{ transform: scale(1); background: rgba(255,255,255,0.3);} 50%{transform: scale(2.8); background: rgba(255,255,255,0.4);} 100%{transform: scale(1); background: rgba(255,255,255,0);}} @-webkit-keyframes scale{ 0%{ transform: scale(1); background: rgba(255,255,255,0.4);} 50%{transform: scale(2.8); background: rgba(255,255,255,0.7);} 100%{transform: scale(1); background: rgba(255,255,255,0);}}
@keyframes scalea{ 0%{ transform: scale(1); background: rgba(255,128,0,0.3);} 50%{transform: scale(2); background: rgba(255,128,0,0.4);} 100%{transform: scale(1); background: rgba(255,128,0,0);}} @-webkit-keyframes scale{ 0%{ transform: scale(1); background: rgba(255,128,0,0.3);} 50%{transform: scale(2); background: rgba(255,128,0,0.4);} 100%{transform: scale(1); background: rgba(255,128,0,0);}}
.indd_l{ position: relative; width: 54.5857%;}
.indd_i i{ position: absolute; width: 21px; height: 21px;}
.indd_i i::after{ content: '';  background: #f08519; width: 9px; height: 9px; border: 6px solid #fff; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 9;}
.indd_i i::before{ content: ''; width: 100%; height: 100%; background: rgba(255,255,255,0.3); position: absolute; left: 0; top: 0; border-radius: 50%; animation:scale 4s infinite linear;}
.indd_i i:nth-child(1){ top: 34.5%; left: 26.2%;}
.indd_i i:nth-child(2){ top: 38.5%; left: 3%;}
.indd_i i:nth-child(3){ top: 39%; left: 31%;}
.indd_i i:nth-child(4){ top: 44%; left: 22%;}
.indd_i i:nth-child(5){ top: 44.5%; left: 33.5%;}
.indd_i i:nth-child(6){ top: 47.5%; left: 3%;}
.indd_i i:nth-child(7){ top: 55.5%; left: 20.5%;}
.indd_i i:nth-child(8){ top: 59.5%; left: 36.5%;}
.indd_i i:nth-child(9){ top: 65.5%; left: 17%;}
.indd_bt{ color: #040404; height: 25px; line-height: 25px; position: absolute; padding-left: 37px; left: 28%; top: 48.5%;}
.indd_bt i{ position: absolute; width: 25px; height: 25px; left: 0; top: 0; border-radius: 50%;}
.indd_bt i::before{ content: ''; width: 100%; height: 100%; background: rgba(255,128,0,0.3); position: absolute; left: 0; top: 0; border-radius: 50%; animation:scalea 3s infinite linear;}
.indd_bt i::after{ content: ''; width: 25px; height: 25px; background: url(../images/indd_dw.png) no-repeat center; position: absolute; left: 0; top: 0; border-radius: 50%;}
.indd_l img{ float: right;}
.indd_r{ width: 43%; padding-top: 160px;position: relative;z-index: 1;}
.indd_mc{ font-size: 2.25rem; font-weight: bold; color: #f08519; padding-bottom: 25px; position: relative;}
.indd_mc::after{ content: ''; width: 150%; height: 1px; background: #cecece; left: 0; bottom: 0; position: absolute;}
.indd_ms{ margin-top: 25px; font-family: '黑体'; font-size: 1.5rem; color: #363636; line-height: 30px;}
.indd_more{ margin-top: 25px;}
.indd_more a{ display: block; width: 140px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #0079c6; border-radius: 25px;}
.indd_gd{ margin-top: 85px;}
.indd_hz li{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.indd_hz li a{ flex: 0 1 30%; border-radius: 5px; overflow: hidden;}
.indd_hz li a:nth-child(n+4){ margin-top: 5%;}
.indd_hz li a img{ display: block; width: 100%;}
.indd_anys{ margin-top: 20px; height: 33px; line-height: 33px; display: flex;}
.indd_an{ position: relative; flex: 1;  height: 33px;}
.indd_an::before{ content: ''; width: 100%; height: 1px; background: #c2c2c2; position: absolute; left: 0; top: 16px;}
.indd_an ul{ display: flex; justify-content: space-between;}
.indd_an li{ flex: 1; position: relative; height: 5px; margin-top: 14px; overflow: hidden; text-indent: -999rem;}
.indd_an li::after{ content: ''; width: 0%; height: 100%; background: #f08519; position: absolute; left: 0; top: 0; border-radius: 3px; transition: 0.5s;}
.indd_an li.on::after{ width: 100%; transition: 0.5s;}
.indd_anys .pageState{flex: 0 1 60px; text-align: right; font-family: '黑体'; font-size: 1.25rem; line-height: 33px; height: 33px; color: #2f2f2f;}
.indd_anys .pageState span{ color: #f08519;}

@keyframes indeqq{ 0%{ transform: scale(0.5); opacity:1;} 100%{transform: scale(5); opacity:0;}}
@-webkit-keyframes indeqq{ 0%{transform: scale(0.5); opacity:1;} 100%{transform: scale(5); opacity:0;}}
.inw{ position: absolute; left: 0;top: 15%;}
.inw_img img{ display: block; }
.inw_po{ position: absolute; top: 39%; left: 41%; width: 31px; height: 31px; border-radius: 50%;}
.inw_log{ position: relative; z-index: 9;}
.inw_log p{position: absolute;left: 40px;top: 50%;transform: translate(0,-50%);white-space: nowrap;}
.inw_qq i{ position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; border: 1px solid #0079c6; border-radius: 50%;}
.inw_qq i:nth-child(1){ animation:indeqq 4s infinite linear;}
.inw_qq i:nth-child(2){ animation:indeqq 4s 1.5s infinite linear;}
.inw_qq i:nth-child(3){ animation:indeqq 4s 3s infinite linear;}

@media screen and (max-width: 1400px){
    .indd_l img{ height: 840px;}
}
@media screen and (max-width: 1350px){
    .indd_ms{font-size: 1.25rem;}
    .indd_l img{ height: 790px;}
}
@media screen and (max-width: 1279px){
    .indd_mc{ font-size: 2rem; padding-bottom: 16px;}
    .indd_ms{ margin-top: 15px; font-size: 1.125rem; line-height: 26px;}
    .indd_more a{ height: 42px; line-height: 42px; font-size: 1rem;}
    .indd_l img{ height: 620px;}
    .indd_r{ padding-top: 90px;}
    .indd_gd{ margin-top: 55px;}
}
@media screen and (max-width: 1020px){
    .inw{ display: none;}
    .indd_l{ display: none;}
    .indd_r{ width: 100%; float: none; padding-bottom: 80px;}
    .indd_hz li{ display: block;}
    .indd_hz li a{ width: 30%; display: block; float: left;}
    .indd_hz li a:nth-child(3n-1){ margin:0 5%;}
    .indd_hz li a:nth-child(n+4){ margin-top: 5%;}
}
@media screen and (max-width: 700px){
    .indd_r{padding-top: 60px; padding-bottom: 40px;}
    .indd_mc{ font-size: 1.625rem; padding-bottom: 10px;}
    .indd_ms{ font-size: 1rem; font-size: 0.9375rem; line-height: 24px;}
    .indd_more a{ height: 32px; line-height: 32px; width: 100px; font-size: 0.875rem;}
    .indd_gd{ margin-top: 30px;}
    .indd_hz li a{ width: 32%;}
    .indd_hz li a:nth-child(3n-1){ margin:0 2%;}
    .indd_hz li a:nth-child(n+4){ margin-top: 2%;}
}

.index_bge{ background: url(../images/index_bge.jpg) no-repeat center fixed; width: 100%; position: relative; padding: 55px 0 115px 0;}
.index_bge::before{ content: ''; width: 50%; position: absolute; right: 0; top: 0; background: url(../images/inde_rbg.png) no-repeat center bottom; height: 100%;}
.index_bge .kga{ position: relative; z-index: 9;}
.inde_title{ position: absolute; right: 0; top: 0; text-align: right;}
.inde_title span{ font-size: 6.25rem; color: rgba(255,255,255,0.1); text-transform: uppercase; font-family: '黑体'; line-height: 0.8em; display: block;}
.inde_title h2{ font-size: 2.5rem; color: #fff; line-height: 1em; margin-top: -32px;}
.inde_title p{ color: #fff; font-size: 1.5rem; line-height: 50px; margin-bottom: 20px; font-family: '黑体';}
.inde_title a{ margin-top: 5px; padding: 15px 25px; background: #f08519; color: #fff; border-radius: 40px;z-index:1;position:relative;}
.inde_title a i{ font-style: normal; font-family: '宋体'; padding-left: 15px;}
.inde_gd{ margin-top: 38px; position: relative;}
.inde_fl{ width: 49.5%;}
.inde_fl ul{ display: flex; justify-content: space-between;}
.inde_fl li{ position: relative; cursor: pointer;}
.inde_fl li::before{ content: ''; width: 1px; height: 0; left: 50%; top: -17px; background: #fff; position: absolute; transition: 0.5s;}
.inde_fl li:hover::before,.inde_fl li.on::before{ height: 17px; transition: 0.5s;}
.inde_fl li::after{ content: ''; width: 100%; height: 5px; background: #eb6100; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: 0.5s;}
.inde_fl li:hover::after,.inde_fl li.on::after{ transform: scaleX(1); transition: 0.5s;}
.inde_fl li a{ display: block; line-height: 50px; height: 50px; font-size: 1.25rem; color: #fff; position: relative;}
.inde_fl span{ line-height: 50px; color: #fff;}
.inde_nr{ padding-top: 50px; display: flex; align-items: flex-end; justify-content: space-between;}
.inde_l{ background: rgba(255,255,255,0.6); flex: 0 1 66.071%; padding: 29px 28px; box-sizing: border-box;}
.inde_l li img{ display: block; width: 100%;}
.inde_r{ flex: 0 1 32.72%;}
.inde_mc{ color: #fff;}
.inde_mc h3{ font-size: 1.375rem;}
.inde_mc p{ font-family: '黑体'; margin-top: 2px;}
.inde_img{ display: flex; justify-content: space-between; padding-top: 30px; box-sizing: border-box;}
.inde_img p{ border: 3px solid #fff; flex: 0 1 47%;}
.inde_img p img{ display: block; width: 100%;}
.inde_jt{ position: absolute; width: 32.72%; bottom: 40%; right: 0; display: flex;}
.inde_jt a{ width: 50px; height: 41px; font-family: '黑体'; font-size: 1.125rem; text-align: center; line-height: 38px; cursor: pointer;}
.inde_jt a.prev{ background: #f08519; color: #fff;}
.inde_jt a.next{ background: #fff; color: #f08519;}
@media screen and (max-width: 1279px){
    .index_bge{ background-attachment: inherit; background-size: cover; padding: 45px 0 85px 0;}
    .inde_title span{ font-size: 4.5rem;}
    .inde_title h2{ font-size: 2rem;}
    .inde_title p{ font-size: 1.125rem;}
    .inde_title a{ padding: 12px 25px;}
    .inde_img{ padding-top: 15px;}
    .inde_mc h3{ font-size: 1.125rem;}
    .inde_jt a{ width: 40px; height: 32px; line-height: 30px; font-size: 0.875rem;}
    .inde_fl li a{ font-size: 1rem;}
    .inde_fl li::after{ height: 3px;}
    .inde_nr{ padding-top: 35px;}
    .inde_l{ padding: 15px;}
}
@media screen and (max-width: 1020px){
    .index_bge{ padding: 0 0 80px 0;}
    .index_bge::before{ display:none;}
    .index_bge .kga{ width: 100%;}
    .inde_title{ position: relative; right: auto; top: auto; text-align: center; background: url(../images/inde_rbg.png) no-repeat center bottom; background-size: cover; padding: 60px 2% 40px 2%;}
    .inde_title span{ font-size: 4rem;}
    .inde_title span br{ display: none;}
    .inde_gd{ margin: 0 2%; margin-top: 50px;}
    .inde_nr{ display: block;}
    .inde_fl{ width: auto;}
    .inde_fl li a{ font-size: 1.125rem;}
    .inde_title a{ padding: 8px 20px; font-size: 0.9375rem;}
    .inde_l{ padding: 10px; width: 66.071%;}
    .inde_r{ width: 32.72%; position: absolute; right: 0; bottom: 0;}
    .inde_img{ padding-top: 10px;}
    .inde_mc h3{ font-size: 1rem;}
    .inde_mc p{ font-size: 0.875rem;}
    .inde_img p{ border: 2px solid #fff;}
}
@media screen and (max-width: 700px){
    .index_bge{ padding: 0 0 50px 0;}
    .inde_title{padding: 40px 2%;}
    .inde_title span{ font-size: 3rem;}
    .inde_title h2{ font-size: 1.625rem;}
    .inde_title p{ font-size: 0.9375rem; line-height: 34px;}
    .inde_title a{ font-size: 0.875rem; padding: 5px 15px;}
    .inde_gd{ margin-top: 30px;}
    .inde_fl{ display: none;}
    .inde_nr{ padding-top: 0;}
    .inde_l{ padding: 4px; width: 100%;}
    .inde_r{ position: relative; width: 100%;}
    .inde_r li{ display: flex; justify-content: space-between; align-items: center;}
    .inde_img{ flex: 0 1 56%;}
    .inde_img p{ border: 1px solid #fff;}
    .inde_mc h3{ font-size: 0.9375rem;}
    .inde_mc p{ font-size: 0.8125rem;}
    .inde_img p{ flex: 0 1 48%;}
    .inde_jt{ display: none;}
}

.index_bgf{ background: #fff; padding: 70px 0 85px 0; width: 100%; overflow: hidden;}
.indf_title{ display: flex; justify-content: space-between; position: relative; align-items: flex-end;}
.indf_title::before{ content: ''; width: 100%; height: 1px; background: #dfdfdf; position: absolute; bottom: 0;}
.indf_bt h2{ font-size: 1.875rem; font-family: '黑体'; color: #545454; display: inline-block; padding-right: 45px; margin-top: 3px; background: #fff; line-height: 1em; position: relative; z-index: 9;}
.indf_bt p{font-size: 2.25rem; font-weight: bold; color: #393939;}
.indf_more{ display: flex;}
.indf_more a{ line-height: 70px; position: relative; height: 70px; color: #393939; font-size: 1.5rem; position: relative; transition: 0.5s; cursor: pointer;}
.indf_more a:hover,.indf_more a.on{ font-weight: bold; color: #0079c6; transition: 0.5s;}
.indf_more a:nth-child(2){ margin-left: 30px;}
.indf_more a::after{ content: ''; width: 100%; height: 5px; position: absolute; left: 0; bottom: -2px; background: #f08519; transform: scaleX(0); transition: 0.5s;}
.indf_more a:hover::after,.indf_more a.on::after{ transform: scaleX(1); transition: 0.5s;}
.indg_tab{ padding-top: 55px;}
.indg_nr ul{ display: flex; justify-content: space-between; align-items: flex-start;}
.indg_nr li{ flex: 0 1 26.4285%; position: relative;}
.indg_nr li:nth-child(3){ flex: 0 1 43.9285%; padding-bottom: 27px;}
.indg_pic{ overflow: hidden;}
.indg_pic img{ display: block; width: 100%; transition: 0.5s;}
.indg_nr li:hover .indg_pic img{ transform: scale(1.05);}
.indg_wb{ position: relative; z-index: 9;}
.indg_rq{ width: 102px; height: 38px; background: #0079c6; line-height: 38px; text-align: center; color: #fff; font-family: '黑体'; margin-top: -38px;}
.indg_mc{ font-size: 1.5rem; margin-top: 15px; line-height: 30px; color: #4c4c4c; font-weight: bold; height: 60px; overflow: hidden; transition: 0.5s;}
.indg_ms{ margin-top: 15px; font-size: 1.125rem; line-height: 30px; height: 90px; overflow: hidden; color: #717171;}
.indg_jt{ height: 55px; line-height: 55px; font-family: '黑体'; font-size: 1.5rem; color: #8d8d8d; transition: 0.5s;}
.indg_nr li:hover .indg_mc,.indg_nr li:hover .indg_jt{ color: #0079c6; transition: 0.5s;}
.indg_nr li:nth-child(3) a{ display: block; position: relative;}
.indg_nr li:nth-child(3) .indg_wb{ position: absolute; width: 62%; padding: 15px 4% 55px 4%; bottom: 0; right: 0; z-index: 9; background: rgba(0,121,198,0.8);}
.indg_nr li:nth-child(3) .indg_rq{ background: none; margin-top: 0; width: auto; text-align: left;}
.indg_nr li:nth-child(3) .indg_mc{ font-weight: normal; color: #fff; margin-top: 5px;}
.indg_nr li:nth-child(3) .indg_mo{ position: absolute; bottom: -27px; right: 6%; width: 60%; padding-left: 4%; height: 55px; line-height: 55px; background: #004f82; font-family: '黑体'; font-size: 1.125rem; color: #fff; z-index: 9;}
.indg_nr li:nth-child(3) .indg_mo span{ padding-left: 14px; font-family:"Microsoft YaHei";}
@media screen and (max-width: 1279px){
    .indf_bt h2{ font-size: 1.625rem;}
    .indf_bt p{font-size: 2rem;}
    .indf_more a{font-size: 1.375rem;}
    .indg_mc{ font-size: 1.125rem; margin-top: 10px; line-height: 26px; height: 52px;}
    .indg_ms{ margin-top: 10px; font-size: 1rem; line-height: 24px; height: 72px;}
    .indg_jt{ height: 45px; line-height: 45px; font-size: 1.25rem;}
    .indg_nr li:nth-child(3) .indg_wb{width: 72%; padding: 10px 2% 35px 2%;}
    .indg_nr li:nth-child(3) .indg_mo{bottom: -22px; right: 6%; width: 60%; padding-left: 2%; height: 45px; line-height: 45px; font-size: 1rem;}
}
@media screen and (max-width: 1020px){
    .indf_more a{font-size: 1.125rem;}
    .indg_mc{ font-size: 1rem; margin-top:5px; line-height: 22px; height: 44px;}
    .indg_ms{ font-size: 0.875rem; line-height: 20px; height: 40px;}
    .indg_jt{ height: 35px; line-height: 35px; font-size: 1rem;}
    .indg_nr li:nth-child(3) .indg_wb{width: 82%; padding: 10px 2% 35px 2%;}
    .indg_nr li:nth-child(3) .indg_mo{bottom: -22px; right: 6%; width: 60%; padding-left: 2%; height: 45px; line-height: 45px; font-size: 0.875rem;}
    .indg_nr li:nth-child(3) .indg_mo span{ padding-left: 10px;}
}
@media screen and (max-width: 700px){
    .index_bgf{padding: 40px 0 50px 0;}
    .indf_bt h2{ font-size: 0.9375rem;}
    .indf_bt p{font-size: 1.25rem;}
    .indf_more a{font-size: 0.9375rem; line-height: 40px; height: 40px;}
    .indf_more a:nth-child(2){ margin-left: 15px;}
    .indg_nr li{ flex: 0 1 48.5%;}
    .indg_nr li:nth-child(3){ display: none;}
    .indg_tab{ padding-top: 25px;}
    .indg_mc{ font-size: 0.9375rem; margin-top:5px; line-height: 20px; height: 40px;}
    .indg_ms{ font-size: 0.8125rem; margin-top:5px; line-height: 18px; height: 36px;}
    .indg_jt{ display: none;}
}

.link_bg{ width:100%;  height:89px; position:relative;}
.link_bg .kg{ display: flex;}
.link_title{ height:89px; line-height: 89px; font-size: 1.25rem; flex: 0 1 180px; position:relative; z-index:9;}
.link_nr{ height:89px; overflow:hidden; line-height:89px;}
.link_nr a{ display:block; float:left; margin-right:20px; font-size:1rem; color: #6a6a6a;}
.link_nr a:hover{ text-decoration:underline;}
@media screen and (max-width: 1279px){.link_bg{ display: none;}}

.foot_bg{ background: url(../images/foot_bg.jpg) no-repeat center bottom; width:100%; position:relative; z-index:9;}
.ftelnav.kg{ background: url(../images/footkg_bg.jpg) no-repeat center; padding-top: 65px; padding-bottom: 85px;}
.ftelnav .kga{ display: flex; justify-content: space-between;}
.fbt span{ display: block; color: #81b5d9;}
.fbt p a{ font-size: 2rem; color: #f08519; font-family: '黑体';}
.fbt::after{ content: ''; width: 25px; height: 2px; background: #fff; margin: 20px 0 25px 0; display: block;}
.fol_nr p{ line-height: 22px; color: #81b5d9; margin-bottom: 10px;}
.fol_nr a{ color: #81b5d9;}
.fol_nr a:hover{ text-decoration: underline;}
.fnav{ display: flex; width: 60%; justify-content: space-between;}
.fnav dl dt{ padding-bottom: 25px;}
.fnav dl dt a{ display: block; font-size: 1.5rem; color: #fff;}
.fnav dl dd{ line-height: 32px;}
.fnav dl dd a{ color: #82b6da;}
.fnav dl dd a:hover{ text-decoration: underline;}
.fbq{ padding: 15px 0; line-height:24px; font-size:0.9375rem; color:#fff;}
.fbq .kg{ display: flex; justify-content: space-between; align-items: center;}
.fbq_nr{ line-height: 24px;}
.fbq_nr a{ color: #fff;}
.fbq_nr a:hover{ text-decoration: underline;}
@media screen and (max-width: 1279px){
    .ftelnav.kg{ padding: 55px 0 65px 0;}
    .fbt p a{ font-size: 2.25rem;}
    .fnav dl dt a{ font-size: 1.25rem;}
}
@media screen and (max-width: 1020px){
    .fbt p a{ font-size: 2rem;}
    .fbt::after{ margin: 15px 0 20px 0;}
    .fol_nr p{ font-size: 0.875rem; line-height: 20px;}
    .fnav dl dt{ padding-bottom: 15px;}
    .fnav dl dt a{ font-size: 1.125rem;}
    .fnav dl dd{ line-height: 26px; font-size: 0.875rem;}
}
@media screen and (max-width: 700px){
    .ftelnav.kg{ padding: 30px 0 30px 0; background-size: cover;}
    .ftelnav.kg{ width: 100%;}
    .ftelnav .kga{ display: block;}
    .fbt span{ margin-bottom: 5px;}
    .fbt p a{ font-size: 1.875rem; line-height: 1em;}
    .fbt::after{ margin: 10px 0 15px 0;}
    .fol_nr p{margin-bottom: 7px;}
    .fnav{ display: none;}
    .fbq{ padding: 15px 0 65px 0; line-height:20px; font-size:0.8125rem; text-align: center;}
    .fbq .kg{ display: block;}
    .flogo{ display: none;}
}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.service_banner{ background:url(../images/service_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.case_banner{ background:url(../images/case_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.proshow_banner{ background:url(../images/proshow_banner.jpg) no-repeat center; width:100%; height:186px; position:relative;}
.main_flbg{width:100%; position:relative; margin-top: -110px; z-index: 99; height: 110px;}
.main_flbg .kga{ display: flex; justify-content: space-between; align-items: flex-end;}
.main_tit{ color: #fff; flex: 1;}
.main_tit p{font-family: '黑体'; font-size: 1.375rem; line-height: 1em;}
.main_tit .nytit{ font-size: 2.25rem; line-height: 50px; height: 50px; position: relative;}
.main_tit .nytit::after{ content: ''; width: calc(98% - 158px); height: 1px; background: rgba(255,255,255,0.5); position: absolute; top: 25px; right: 2%;}
.main_fl ul{ display: flex;}
.main_fl li{ position:relative; margin-left: 48px;}
.main_fl li:nth-child(1){ margin-left: 0;}
.main_fl li a{ color:#fff; font-size:1.125rem; height:50px; display:block; line-height:50px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{ color: #fff; transition: 0.5s;}
.main_fl li:after{ content:""; display:block; background:#f08519; width:100%; height: 3px; 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{ background:#fff; padding-top:75px; /*padding-bottom:120px;*/}
.cont_bg{padding-top:75px; position: relative; z-index: 99;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:1.8em;}
.about_nr img{ max-width:100%;}
@media screen and (max-width: 1279px){
    .about_banner,.contact_banner,.service_banner,.case_banner,.news_banner,.pro_banner{ background-size: cover; height: 260px;}
    .main_flbg{margin-top: -90px; height: 90px;}
    .main_tit p{font-size: 1.125rem;}
    .main_tit .nytit{ font-size: 2rem; line-height: 46px; height: 46px;}
    .main_fl li a{ height:46px; line-height:46px;}
    .main{padding-top:65px; padding-bottom:100px;}
    .cont_bg{padding-top:65px}
}
@media screen and (max-width: 1020px){
    .about_banner,.contact_banner,.service_banner,.case_banner,.news_banner,.pro_banner{height: 200px;}
    .main_flbg{margin-top: -70px; height: 70px;}
    .main_tit p{font-size: 1rem;}
    .main_tit .nytit{ font-size: 1.5rem; line-height: 42px; height: 42px;}
    .main_fl li{ margin-left: 30px;}
    .main_fl li a{ height:42px; line-height:42px; font-size: 1rem;}
    .main{padding-top:65px; padding-bottom:100px;}
    .cont_bg{padding-top:65px}
}
@media screen and (max-width: 700px){
    .about_banner,.contact_banner,.service_banner,.case_banner,.news_banner,.pro_banner,.proshow_banner{ background-size: cover; height: 130px;}
    .main_flbg{margin-top: -60px; height: 102px;}
    .main_flbg .kga{ display: block; width: 100%;}
    .main_tit{ padding: 0px 2% 10px 2%;}
    .main_tit p{font-size: 0.875rem; line-height: 20px;}
    .main_tit .nytit{ font-size: 1.625rem; line-height: 30px; height: 30px;}
    .main_fl{ background: #009ee8; overflow: hidden; height: 42px;}
    .main_fl ul{ display: block;}
    .main_fl li{ margin-left:0px; float: left;}
    .fl_03 li{ width: 33.333%;}
    .fl_04 li{ width: 25%;}
    .main_fl li a{ height:42px; line-height:42px; font-size: 1rem;}
    .main_fl.wrapper li a{ padding: 0 20px;}
    .main{padding-top:40px; padding-bottom:50px;}
    .cont_bg{padding-top:40px}
    .about_nr{font-size:0.9375rem;}
}

.abo_zj{ position: relative; padding: 65px 0 60px 0; background: #f08519; margin-top: 100px;}
.abo_zj::before{ content: ''; width: 18.572%; background: #f08519; left: -18.572%; height: 100%; position: absolute; top: 0;}
.abo_zj::after{ content: ''; width: 63px; height: 47px; background: url(../images/abo_ry.png) no-repeat; position: absolute; right: -63px; top: 19px;}
.abo_zj ul{ display: flex;}
.abo_zj li{ flex: 0 1 25%; position: relative; color: #fff;}
.abo_zj li::after{ content: ''; width: 1px; height: 33px; background: rgba(255,255,255,0.3); position: absolute; left: 0; top: 10%;}
.abo_zj li:nth-child(1):after{ display: none;}
.abo_sz{ display: flex; justify-content: center; align-items: center; font-family: "黑体";}
.abo_sz p{ font-size: 5.625rem; line-height: 0.8em;}
.abo_sz span{ font-size: 2.25rem; margin-left: 5px;}
.abo_zj li:nth-child(1) .abo_sz span{ font-size: 1.875rem;}
.abo_zj li:nth-child(4) .abo_sz span{ font-size: 1.5rem; font-weight: bold; font-family:"Microsoft YaHei";}
.abo_zms{ font-size: 1.125rem; line-height: 24px; margin-top: 10px; display: flex; justify-content: center;}
@media screen and (max-width: 1279px){
    .abo_zj{padding: 45px 0 40px 0; margin-top: 70px;}
    .abo_sz p{ font-size: 3.5rem;}
    .abo_sz span{ font-size: 1.5rem;}
    .abo_zj li:nth-child(1) .abo_sz span{ font-size: 1.5rem;}
    .abo_zj li:nth-child(4) .abo_sz span{ font-size: 1.25rem;}
    .abo_zms{ font-size: 1rem; margin-top: 8px;}
}
@media screen and (max-width: 1020px){
    .abo_zj{padding: 35px 0 30px 0; margin-top: 60px;}
    .abo_sz p{ font-size: 3rem;}
    .abo_sz span{ font-size: 1.375rem;}
    .abo_zj li:nth-child(1) .abo_sz span{ font-size: 1.375rem;}
    .abo_zj li:nth-child(4) .abo_sz span{ font-size: 1.125rem;}
    .abo_zms{ font-size: 0.9375rem; margin-top: 10px; line-height: 20px;}
}
@media screen and (max-width: 700px){
    .abo_zj{padding: 35px 0 30px 0; margin-top: 30px;}
    .abo_zj ul{ flex-wrap: wrap;}
    .abo_zj li{ flex: 0 1 50%;}
    .abo_zj li:nth-child(n+3){ margin-top: 25px;}
    .abo_zj li:nth-child(3):after{ display: none;}
    .abo_sz p{ font-size: 2.5rem;}
    .abo_sz span{ font-size: 1.125rem;}
    .abo_zj li:nth-child(1) .abo_sz span{ font-size: 1.125rem;}
    .abo_zj li:nth-child(4) .abo_sz span{ font-size: 1rem;}
    .abo_zms{ font-size: 0.875rem; margin-top: 10px; line-height: 20px;}
}

/*cbook*/
.cbook{ padding-top: 50px;}
.index_bgd .cbook{ padding-top: 0;}
.cbook_title{ text-align: center; font-size: 1.875rem; font-weight: bold; color: #333; padding-bottom: 15px;}
.cbok_lr{ display: flex; justify-content: space-between;}
.cbok_l{ flex: 0 1 49%; display: flex; flex-wrap: wrap; align-content: space-between;}
.cbok_l input{ background: #f1f1f1; height: 50px; border: 0; outline: none; padding: 0 2%; width: 96%; font-size: 1rem;}
.cbok_r{ flex: 0 1 49%;}
.cbok_r textarea{ background: #f1f1f1; padding: 2%; width: 96%; height: 170px; border: 0; outline: none; font-family: "Microsoft YaHei"; font-size: 1rem;}
.cbook button{ width: 170px; height: 50px; background: #f08519; color: #fff; font-size: 1.125rem; text-align: center; margin: 20px auto 0 auto; border: none; display: block; cursor: pointer;}
.index_bgd .cbok_l input,.index_bgd .cbok_r textarea{ background: #fff;}
/*cbook*/

.cmenuej{ padding-bottom: 40px;}
.cmenuej ul{ display: flex;}
.cmenuej li{ flex: 1; margin: 0 1%; position: relative;}
.cmenuej li a{ display: block; line-height: 38px; height: 38px; border: 1px solid #eee; text-align: center; z-index: 9; position: relative; transition: 0.5s;}
.cmenuej li:hover a,.cmenuej li.cur a{ border: 1px solid #f08519; color: #fff; transition: 0.5s;}
.cmenuej li::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f08519; transform: scale(0); transition: 0.5s;}
.cmenuej li:hover::after,.cmenuej li.cur::after{transform: scale(1); transition: 0.5s;}
@media screen and (max-width: 1279px){
    .cmenuej li{margin: 0 0.4%;}
}
@media screen and (max-width: 700px){
    .cmenuej{ padding-bottom: 30px;}
    .cmenuej ul{ flex-wrap: wrap; justify-content: space-between;}
    .cmenuej li{ flex: 0 1 16%; margin: 0;}
    .cmenuej li:nth-child(n+7){ margin-top: 0.5%;}
    .cmenuej li a{line-height: 34px; height: 34px; font-size: 0.9375rem;}
}

.honor_nr li{ float:left; width:24%; margin-right:1.333%; border: 1px solid #dddd; box-sizing: border-box;margin-bottom:2rem;}
.honor_nr li:nth-child(4n){ margin-right:0%;}
.honor_pic{overflow:hidden;}
.honor_pic img{width:100%;transition:0.5s;}
.honor_nr li:hover .honor_pic img{transition:0.5s;transform:scale(1.05);}
.case_nr li{ float:left; width:32%; padding-bottom:2%; position: relative;}
.case_nr li:nth-child(3n-1){ margin:0 2%;}
.case_nr li a{ display: block; background: #fff;}
.case_pic{position:relative;}
.case_pic p{overflow:hidden; position: relative; z-index: 9;}
.case_pic::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 7px; bottom: 7px; background: #dcdcdc; transition: 0.5s;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.case_nr li:hover .case_pic img,.honor_nr li:hover .case_pic img,.hezuo_nr li:hover .case_pic img{transform:scale(1.05);}
.case_wb{ padding: 15px 4%; border: 1px solid #ddd; border-top: none;}
.case_mc{font-size:1.125rem; height:30px; line-height:30px; color: #545454; font-weight: bold; overflow:hidden; position:relative; transition: 0.5s;}
.case_ms{ line-height: 24px; height: 24px; overflow: hidden; color: #6e6e6e;}
.case_nr li:hover .case_mc{ color: #f08519; transition: 0.5s;}
.case_nr li:hover .case_pic::before{ background: #f08519; transition: 0.5s;}
.honor_mc{ text-align:center; line-height:50px; height:50px; overflow:hidden;}
.cnxh{ margin-top:35px;}
.cnxh_title{width:100%; position:relative; height:67px; border-top:4px solid #00a2e9; border-bottom:1px solid #f5f5f5; background:#f1f1f1;}
.cnxh_title p{display:inline-block; color:#00a2e9; 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:#00a2e9; color:#fff; transition:0.5s;}
@media screen and (max-width: 1279px){
    .case_mc{font-size:1rem;}
    .case_wb{ padding: 7px 4%;}
    .case_ms{ font-size: 0.875rem; line-height: 20px; height: 20px;}
}
@media screen and (max-width: 1020px){
    .honor_nr li{width:32%; margin-right:0%;}
    .honor_nr li:nth-child(3n-1){ margin: 0 2% 2rem 2%;}
}
@media screen and (max-width: 700px){
    .honor_nr li{width:49%;}
    .honor_nr li:nth-child(3n-1){ margin: 0 0 2rem 0;}
    .honor_nr li:nth-child(2n){ float: right;}
    .honor_mc{ font-size: 0.9375rem; line-height:40px; height:40px;}
    .case_nr li{ width:49%; padding-bottom: 20px;}
    .case_nr li:nth-child(3n-1){ margin:0;}
    .case_nr li:nth-child(2n){ float: right;}
    .case_pic::before{left: 4px; bottom: 4px;}
    .case_mc{font-size:0.9375rem; height:26px; line-height:26px;}
}

.news_nr li{ position:relative; background: #e5e5e5;}
.news_nr li:nth-last-child(2n){ background: #f1f1f1;}
.news_nr li::after{ content: ''; width: 100%; height: 100%; background: rgba(240,133,25,0.6); position: absolute; left: 0; top: 0; transform: scaleY(0); transition: 0.5s;}
.news_nr li:hover::after{ transform: scaleY(1); transition: 0.5s;}
.news_nr li a{ display:flex; justify-content: space-between; align-items: center; padding:2%; box-sizing: border-box; position:relative; z-index:9; transition:0.5s;}
.news_pic{ overflow:hidden; flex: 0 1 16%;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.05);}
.news_wb{ flex: 1; padding-left: 2%; padding-right: 4%;}
.news_bt{ font-size:1.5rem; height:45px; line-height:45px; color:#545454; font-weight: bold; overflow:hidden; transition:0.5s;}
.news_bt span{ float: right; font-family: '黑体'; font-size: 1rem;}
.news_ms{ font-size:1rem; line-height:24px; height:48px; color:#4b4b4b; overflow:hidden; margin-top:8px; transition:0.5s;}
.news_more{ width:126px; height:34px; text-align:center; background:#0f0402; line-height:34px; color:#fff; font-size:0.875rem; margin-top:25px; transition:0.5s;}
.news_rq{ flex: 0 0 82px; text-align: center; background: #9b9b9b; line-height: 28px; font-size: 0.875rem; color: #fff; transition: 0.5s;}
.news_rq p{ border-bottom: 1px solid #fff; line-height: 86px; font-size: 2.5rem; background: #c2c2c2; transition: 0.5s;}
.news_nr li:hover .news_more{ background:#f08519; transition:0.5s;}
.news_nr li:hover .news_bt,.news_nr li:hover .news_ms{ color: #fff; transition: 0.5s;}
.news_nr li:hover .news_rq,.news_nr li:hover .news_rq p{ background: #00a2e9; transition: 0.5s;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; color:#666;}
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:180%; }
.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;}
.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:#c7c7c7; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1279px){
    .news_pic{flex: 0 1 22%;}
    .news_bt{ font-size:1.25rem; height:32px; line-height:32px;}
    .news_more{margin-top:20px;}
}
@media screen and (max-width:1020px){
    .news_nr li a{padding: 2%;}
    .news_pic{flex: 0 1 27%;}
    .news_wb{ padding-left: 3%; padding-right: 3%;}
    .news_bt{ font-size:1.125rem; height:32px; line-height:32px;}
    .news_ms{ font-size:0.875rem; line-height:22px; height:44px; margin-top:5px; transition:0.5s;}
    .news_more{ margin-top:15px;}
    .news_rq{ display:none;}
    .newsshow_title{font-size:1.25rem;}
    .newsshow_title p{ font-size:0.75rem; padding-top:0px;}
}
@media screen and (max-width:700px){
    .news_pic{ overflow:hidden; width:35%;}
    .news_wb{ padding-right: 0;}
    .news_bt{ font-size:0.9375rem; height:27px; line-height:27px;}
    .news_ms{ font-size:0.8125rem; line-height:20px; height:40px; margin-top:0px;}
    .news_more{ display:none;}
    .news_nr li:hover .news_bt,.news_nr li:hover .news_ms{ color:#fff; transition:0.5s;}
    .news_nr li:hover .news_rq{ background:#008fd7; transition:0.5s;}
    .news_nr li:hover .news_rq p{ background:#0086c9; transition:0.5s;}
    .newsshow_title{font-size:1.125rem;}
    .newsshow_wnnr{font-size:0.875rem;}
    .xgnews-con li{width:95%;}
}

.prologin{ width:380px; padding:30px 20px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin:0 auto;}
.prologin h2{ font-size:1rem; text-align:center; color:#000;}
.prologin form input:nth-child(2){ display:block; width:92%; border:0; background:#f5f5f5; height:44px; font-size:1rem; padding:0 4%; margin:15px 0; outline:none;}
.prologin form input:nth-child(3){ display:block; width:42%; border:0; background:#f5f5f5; height:44px; font-size:1rem; padding:0 4%; float:left; outline:none;}
.prologin form input:nth-child(6){ display:block; width:100%; border:0; background:#007acf; height:44px; color:#fff; font-size:1.125rem; padding:0; outline:none; margin:15px 0; cursor:pointer;}
.logintel{ display: flex; justify-content: flex-start;}
.logintel>div:nth-child(1){ font-size:0.875rem; color:#666; padding-top: 5px;}
.logintel>div:nth-child(2) p a{ font-size:1.75rem; color:#007acf; font-family:'黑体';}
@media screen and (max-width:700px){
    .prologin{ width:96%; padding:3% 2%;}
    .logintel>div:nth-child(2) p{ font-size: 0.8125rem;}
    .logintel>div:nth-child(2) p a{ font-size:1.5rem;}
}

.pro_nr li{ width:32%; float:left; padding-bottom: 40px;}
.pro_nr li:nth-child(3n-1){ margin:0 2%;}
.pro_nr li a{ display: block; position: relative;}
.pro_nr li a::after{ content: ''; width: 100%; height: 5px; background: #0086c9; transform: scaleX(0); position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.pro_nr li:hover a::after{ transform: scaleX(1); transition: 0.5s;}
.pro_pic{border-top: 5px solid #ffa144; margin: 0 18px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: hidden; position: relative; z-index: 9;}
.pro_pic img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_pic img{ transform: scale(1.05);}
.pro_wb{ background: #ececec; margin-top: -25px; position: relative; padding: 40px 18px 20px 18px; border-bottom: 5px solid #d4d4d4;}
.pro_mc{ color: #000; font-size: 1.125rem; height: 22px; line-height: 22px; overflow: hidden;}
.pro_lm{ font-size: 1rem; color: #828282;}
@media screen and (max-width: 1279px){
    .pro_pic{border-top: 3px solid #ffa144; margin: 0 8px;}
    .pro_wb{ margin-top: -10px; position: relative; padding: 20px 8px 10px 8px; border-bottom: 3px solid #d4d4d4;}
    .pro_nr li a::after{ height: 3px;}
}
@media screen and (max-width: 1020px){
    .pro_pic{margin: 0 5px;}
    .pro_wb{padding: 20px 5px 10px 5px;}
    .pro_mc{font-size: 1rem;}
    .pro_lm{ font-size: 0.875rem;}
}
@media screen and (max-width: 700px){
    .pro_nr li{ width:49%; padding-bottom: 20px;}
    .pro_nr li:nth-child(3n-1){ margin:0;}
    .pro_nr li:nth-child(2n){ float: right;}
    .pro_pic{border-top: 2px solid #ffa144; margin: 0 5px;}
    .pro_wb{padding: 16px 5px 8px 5px; border-bottom: 2px solid #d4d4d4;}
    .pro_nr li a::after{ height: 2px;}
}


.proshowa{ background:#fff; padding:3% 2.5%;}
.proshow_gd{ width:55.19%; position:relative;}
.proshow_img{ border:2px solid #d4d4d4; overflow:hidden;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_anjt{ position:relative; width:100%;}
.proshow_an{width:91%; margin:17px auto 0 auto;}
.proshow_an li{ width:24%; float:left; cursor:pointer; margin-right:1.333%;}
.proshow_an li:nth-child(4){ margin-right:0;}
.proshow_an li a{ display:block; border:1px solid #d4d4d4; overflow:hidden;}
.proshow_an li img{ display:block; width:100%;}
.proshow_an li.on a{border:1px solid #ffa144;}
.proshow_anjt .prev,.proshow_anjt .next{ cursor:pointer; display:block; width:3%; background:#e6e6e6; font-family:"宋体"; position:absolute; text-align:center; padding:5.7% 0; color:#000; font-size:1.5rem; transition:0.5s;}
.proshow_anjt .prev:hover,.proshow_anjt .next:hover{ background:#ffa144; color:#fff; transition:0.5s;}
.proshow_anjt .prev{ left:0;}
.proshow_anjt .next{ right:0;}

.proshowa_wb{ width:42%; padding-top:25px;}
.nycp_bt{border-bottom:1px solid #ddd; padding-bottom:15px; font-weight: bold;}
.nycp_bt h2{ font-size: 1.75rem; color: #4e4e4e; font-weight: bold;}
.nycp_bt p{ font-size: 1.5rem; color: #919191;}
.nycp_nr{ font-size:1rem; color:#2e2e2e; line-height:160%; padding-top:15px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ font-size:1.125rem; color:#646464; padding-top:35px;}
.nycp_tel p{ color:#646464; font-size:2rem; font-family:"黑体";}
.nycp_more{padding-top:12px;}
.nycp_more a{display:block; background:#00a2e9; 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:55px; position:relative;}
.proshow_title p{ display:inline-block; background:#00a2e9; color:#fff; font-size:1.375rem; line-height:55px; height:55px; padding:0 45px; position:relative; z-index:9;}
.pronrgd{ background: #fff; position: relative;    padding-bottom: 50px;}
/*.pronrgd::after{ content: ''; width: 2px; height: 100%; background: #efefef; position: absolute; top: 0; left: 74.4%;}*/
.proms_l{ width: 96%; padding: 2%;}
.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:#00a2e9; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.proms_r{ width: 100%; padding: 2%;box-sizing:border-box;}
.promsr_tit{ font-size: 1.5rem; color: #454343; font-weight: bold;}
.promsr_nr li{ margin-top: 20px;width:23%;margin-right:2%;float:left;}
.promsr_pic{ overflow: hidden; border: 1px solid #ddd;}
.promsr_pic img{ display: block; width: 100%; transition: 0.5s;}
.promsr_nr li:hover .promsr_pic img{transform: scale(1.05);}
.promsr_wb{ height: 40px; line-height: 40px; color: #636363; font-size: 1.125rem; transition: 0.5s;text-align:center;}
.promsr_nr li:hover .promsr_wb{ color: #00a2e9; transition: 0.5s;}
@media screen and (max-width: 1279px){
    .proshowa{ padding:3% 2%;}
    .proshowa_wb{ padding-top:0px;}
    .nycp_bt{padding-bottom:10px;}
    .nycp_bt h2{ font-size: 1.5rem;}
    .nycp_bt p{ font-size: 1.125rem;}
    .nycp_nr{ font-size:0.875rem;}
    .nycp_tel{ font-size:1rem; padding-top:15px;}
    .nycp_tel p{ font-size:1.875rem;}
    .proshow_bom{margin-top:45px;}
    .proshow_title p{ font-size:1.25rem; line-height:50px; height:50px; padding:0 35px;}
    .promsr_wb{font-size: 1rem;}
}
@media screen and (max-width: 1020px){
    .proshow_gd{ float: none; width: 100%;}
    .proshowa_wb{ padding-top: 40px; width: auto; float: none; position: relative;}
    .nycp_nr{ font-size:1rem; line-height: 1.8em;}
    .showcp_an{ margin-bottom: 10px;}
    .showcp_an p{ width: 100px;}
    .showcp_an p a{ height: 36px; line-height: 36px; font-size: 0.875rem;}
    .promsr_tit{ font-size: 1.25rem;}
}
@media screen and (max-width: 700px){
    .proshow_an{width:87%; margin:10px auto 0 auto;}
    .proshow_anjt .prev,.proshow_anjt .next{width:5%; padding:5% 0; font-size:1rem;}
    .proshowa_wb{ width:auto; padding-top:20px;}
    .nycp_nr{ font-size:0.9375rem;}
    .nycp_tel p{ font-size:1.625rem;}
    .nycp_more{position: absolute;right: 0; bottom: 0;}
    .nycp_more a{width:124px; line-height:40px; font-size:0.9375rem;}
    .nycp_more img{height: 24px;}
    .nycp_more .job_morea{ display:none;}
    .nycp_more .job_moreb{ display:block;}
    .proshow_bom{margin-top:30px;}
    .pronrgd{ padding-bottom: 20px;}
    .proshow_title p{ font-size: 1.125rem; height: 40px; line-height: 40px; padding: 0 25px;}
    .proshow_nr{ font-size: 0.9375rem;}
    .promsr_tit{ font-size:1.125rem;}
    .promsr_nr li{ width: 49%; margin-right: 0;}
    .promsr_nr li:nth-child(2n){ float: right;}
}
/*内页style结束*/

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#f08519;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #f79028;}.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 #f79028;}.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:770px){
    /*分类*/
    header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
    header nav li{background:none; line-height:inherit; margin-bottom:auto;}
    header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
    header nav li span{ display:none;}
    header nav li ul li{ margin:auto; background:none;}
    header nav li ul li a{border:0; line-height:inherit;}
    header nav li i{ height:40px;}
    .mean-container .mean-bar {width:100%;position:relative;background:#0056ab; height:40px; z-index:99;}
    .mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
    .mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
    .mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
    .mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
    .mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
    .mean-container .mean-nav ul li {position:relative;width:100%;}
    .mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
    .mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
    .mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
    .mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
    .mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)}
    .mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
    .mean-nav .wrapper {width:100%;padding:0;margin:0}
    .mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
    .mean-remove {display:none!important}
    header nav {text-align: center;background: #efefef;}
    header nav ul {margin:0;padding:1em;list-style-type: none;}
    /*分类*/
}
/*导航样式*/
@media screen and (max-width:1279px){
    .sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#f08519; 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(22,32,56,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:82px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
    .nav_show{top:82px; right:0;}
    .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:#f3a150;}
    .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:#f3a150;}
    .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:51px; width:65%;}
    .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(../images/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:520px){
    .cd-top{ display:none;}
}