﻿@font-face { font-family:SourceHanSansCN; src:url('font/SourceHanSansCN-Regular.otf') format('opentype'); }

@font-face {

  font-family: 'iconfont';  /* Project id 1298696 */

  src: url('//at.alicdn.com/t/font_1298696_co6vggmeki.woff2?t=1635321657603') format('woff2'),

       url('//at.alicdn.com/t/font_1298696_co6vggmeki.woff?t=1635321657603') format('woff'),

       url('//at.alicdn.com/t/font_1298696_co6vggmeki.ttf?t=1635321657603') format('truetype');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

body {font-size:12px;color:#000000;font-family:'SourceHanSansCN';min-width:1320px;}

body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'SourceHanSansCN';}

section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'SourceHanSansCN';}

div,ul,ol,li,dd,dl,dt {list-style:none;}

table {border-collapse:collapse;border:0;}

td,tr,th {font-size:12px;}

img {border:none;}

select,input,img {vertical-align:middle;outline: none;}

input,textarea {vertical-align:middle;resize:none;outline: none;}

em {font-style:normal;}

b {font-weight:normal;}

h1,h2,h3 {font-weight:bold;font-size:16px;}

h4,h5,h6 {font-weight:bold;font-size:12px;}



a:link,a:visited {color:#333;text-decoration:none;}

a:hover,a:active {color:#f18309;text-decoration:none;}

a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}

a.sethome:hover,a.sethome:active {color:#f18309;font-size:12px;text-decoration:underline;}

a.links:link,a.links:visited   {color:#3C3B3B;font-size:12px;text-decoration:none;}

a.links:hover,a.links:active   {color:#f18309;font-size:12px;text-decoration:underline;}

a.white:link,a.white:visited   {color:#FFFFFF;font-size:12px;text-decoration:none;}

a.white:hover,a.white:active   {color:#FF0000;font-size:12px;text-decoration:none;}

a.black:link,a.black:visited   {color:#666666;text-decoration:none;}

a.black:hover,a.black:active   {color:#FF0000;text-decoration:none;}

a.detail:link,a.detail:visited {color:#000000;font-size:12px;text-decoration:none;}

a.detail:hover,a.detail:active {color:#FF0000;font-size:12px;text-decoration:none;}

a.newslist:link,a.newslist:visited {color:#666666;font-size:13px;text-decoration:none;}

a.newslist:hover,a.newslist:active {color:#FF0000;font-size:13px;text-decoration:none;}

a.prolist:link,a.prolist:visited   {color:#615B5B;font-size:13px;text-decoration:none;}      

a.prolist:hover,a.prolist:active   {color:#FF0000;font-size:13px;text-decoration:none;}

a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}

a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}

a.botmenu:link,a.botmenu:visited {color:#FFFFFF;font-size:13px;text-decoration:none;margin:0px 8px 0px 7px;}

a.botmenu:hover,a.botmenu:active {color:#FFFF00;font-size:13px;text-decoration:none;margin:0px 8px 0px 7px;}



.clearfix { *zoom: 1;}

.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}

.clear,.cl {clear:both;}

.tl {text-align:left;}

.tr {text-align:right;}

.tc {text-align:center;}

.fl,.l{float:left;}

.fr,.r{float:right;}

.pr{position:relative;}

.pa{position:absolute;}

.mt5  {margin-top:5px;}

.mt10 {margin-top:10px;}

.mt20 {margin-top:20px;}

.mt30 {margin-top:30px;}

.mt40 {margin-top:40px;}

.mt50 {margin-top:50px;}

.mb5  {margin-bottom:5px;}

.mb10 {margin-bottom:10px;}

.mb15 {margin-bottom:15px;}

.mb20 {margin-bottom:20px;}

.pt5  {padding-top:5px;}

.pt10 {padding-top:10px;}

.pt15 {padding-top:15px;}

.pt20 {padding-top:20px;}

.pb5  {padding-bottom:5px;}

.pb10 {padding-bottom:10px;}

.pb15 {padding-bottom:15px;}

.pb20 {padding-bottom:20px;}

.h20  {height:20px;line-height:20px;}

.h22  {height:22px;line-height:22px;}

.red  {color:#FF0000;}

.blue {color:#0000FF;}

.blank{font-family:Times New Roman;font-size:12px;}



.bridgeCode {width:1320px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 0px 0px;}

.button {border:1px solid #000000;padding-top:1px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;cursor:pointer;vertical-align:middle;}

.button_submit {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:50px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit.gif') no-repeat;}

.button_submit2 {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:70px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit2.gif') no-repeat;}   

.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:25px;width:100px;font-weight:bold;background-color:#e0661f;border:1px solid #999999;border-radius:5px;margin-right:10px;}

.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:25px;width:90px;font-weight:bold;background-color:#e0661f;border:1px solid #999999;border-radius:5px;}



/**********************************************************************************************/



.main,.mainind   {width:100%;margin:0 auto;line-height:20px;}

.topCon,.w1200 {width:1320px;margin:0 auto;}

.topCon100 {width:100%;margin:0 auto;line-height:20px;}

.indexTop  {width:100%;margin:0 auto;line-height:20px;}

.indexLeft {float:left;width:310px;line-height:20px;}

.indexLeft1 {float:left;width:310px;line-height:20px;}

.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:0px 0px 0px 0px;}

.indexCenter {width:1320px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}

.indexCenter table {line-height:20px;}

.indexCenter2{width:1320px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}

.indexRight  {float:right;width:980px;}

.indexRight1 {float:right;width:980px;line-height:20px;padding:5px 0px 0px 0px;}

.indexMain {float:right;width:730px;line-height:20px;} 

.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}

.topCon_1 {float:left;width:100%;}

.topCon_2 {float:left;width:100%;height:125px;text-align:left;background-repeat:no-repeat;}



/* top */

.wraptop_2.fixedheader { position: fixed; z-index: 99; left: 0; top: 0; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12); height:87px;animation: sticky .9s ease-in-out; }

.wraptop_2 { float: left; width: 100%; padding: 0px 0; height: 87px; background: #fff;}

.wraptop_2_1 { float: left; width:250px; line-height: 87px; text-align:center;}

.wraptop_2_1 img { max-height:85px; }

.wraptop_2_2 { float:left;  padding-top: 5px; }

.h_pho{float: right; background:url(../images/telbg.png) no-repeat 0 21px;font-size:14px;line-height:18px;

    padding:20px 0 0 55px;color:#333;height:60px;white-space: nowrap; margin-top:0px;}

.h_pho b{font-size:20px;display:block;line-height:35px;color: #f18309; font-weight: 700;}

@keyframes sticky {

    0% {

        opacity: 0;

        margin-top: -90px;

    }  

    50% {

        opacity: 0;

        margin-top: -90px;

    }  

    100% {

        opacity: 1;

        margin-top: 0;

    }

}

/* navigation */

.nav { float: left; width:720px; height:70px; }

.linav { margin: 0 auto; width: 100%; line-height: 70px; }

.linav_ul {width: 100%;display: flex;justify-content: space-around; }

.linav_ul li { float: left; height:70px; color: #2b2b2b; font-size: 16px; text-align: center; position: relative; overflow: hidden;}

.linav_ul li a:link, .linav_ul li a:visited { display: block; color: #2b2b2b; font-size: 16px; position: relative; z-index: 3; }

.linav_ul li a:hover,.linav_ul li.select a{ text-decoration: none;color:#f18309;font-weight:600; }

.linav_ul li::after, .linav_ul li:after, .linav_ul li:after, .linav_ul li::after { background: #f18309; content: ''; position: absolute; width: 0; height: 1px; left: 0; bottom:10px; transition: 0.3s all ease-in-out; color: #2b2b2b; }

.linav_ul li.select::after, .linav_ul li.select:after, .linav_ul li:hover:after, .linav_ul li:hover::after { width: 100%; color: #f18309; }

.wraptop_2 .language{ position:relative; margin-right:40px;padding-top: 28px;}
.wraptop_2 .language .title{ line-height:1.3;font-size: 18px; cursor:pointer; background:url(../images/yy.png) no-repeat left center; background-size:20px; position:relative; padding-left:30px; padding-right:20px;}
.wraptop_2 .language .title::before{ width:10px; height:100%; background:url(../images/img3.png) no-repeat center; background-size:100%; position:absolute; right:0; top:0; z-index:2; content:'';}
.wraptop_2 .language .ites{width:100%; position:absolute; top:100%; left:0; 
    z-index:2; padding-top:10px;display: none;text-align: center;}
.wraptop_2 .language .ites li{ width:100%; background:#f5f5f5;}
.wraptop_2 .language .ites li a{ width:100%; display:block; padding:5px;font-size: 18px;}
.wraptop_2 .language:hover .ites{ display:block;}


.wraptop_4 {margin:0 auto;width:100%;height:80px;text-align:left;background:#ffffff;border-bottom: 1px #f6f6f6 solid;}

.wraptop_4_1 {float:left;width:950px;line-height:80px;position: relative;}

.wraptop_4_1::after{position: absolute;content:'';left:0; top:50%;transform: translateY(-50%); height:23px;width:2px; background: #f18309;}

.wraptop_4_1 span {float:left;color:#f18309;font-size:16px;font-weight: 600;letter-spacing: 2px;padding-left: 15px;}

.wraptop_4_1 div {float:left;height:80px;overflow:hidden;}

.wraptop_4_1 div a:link,.wraptop_4_1 div a:visited {color:#999999;font-size:16px;}

.wraptop_4_1 div a:hover,.wraptop_4_1 div a:active {color:#f18309;}

.wraptop_4_1 div a:after { display: inline-block; content: "、"; color: #999999; margin: 0 5px;}

.wraptop_4_1 div a:last-child:after{content: "";}

.wraptop_4_2 {float:right;width:350px; height:40px; line-height:40px;padding:0px 0px 0px 0px;

    position: relative; border-radius:20px;border:1px #e5e5e5 solid;margin-top:20px;}

.wraptop_4_2 .searchinput {position: absolute; left:20px; top: 0; width:80%;height:38px;

    line-height:38px; font-size: 14px;border:0;}

.wraptop_4_2 .btmm {position: absolute; width:38px; height:38px;display: block;right:10px;top:0; cursor: pointer;

    border:0;background:transparent;color:#f18309;font-size:22px;}



.main .wraptop_4{height:60px;}

.main .wraptop_4_1{line-height: 60px;}

.main .wraptop_4_1 div{height: 60px;}

.main .wraptop_4_2{margin-top: 10px;}





/* bottom */

.divBottom {width:100%;margin-top:0px;background:#333333;}

.divBottom_1 {clear:both;margin:20px auto;}

.divBot_1 {float:left;width:260px;height: 250px; display: flex;justify-content:flex-start;align-items: center;}

.divBot_1 img{max-width: 260px;}

.divBot_2{float:left; width:600px;margin-left:30px; position: relative; }

.divBot_2::after { content: ""; width: 2px; height:70px; background: #ffffff; position: absolute; left: 0; top: 15px; }

.divBot_2 ul { padding: 15px 15px; width: 100%; border-bottom: 1px solid #565656; position: relative; box-sizing: border-box; }

.divBot_2 ul li { float: left; width: calc(100% / 4); position: relative; }

.divBot_2 ul li a { display: block; width: 100%; line-height:35px; text-align: center; font-size: 16px; color: #b7b7b7; }

.divBot_2 ul li a:hover { color: #FFFFFF; }

.divBot_2 .info { padding-top: 20px; width: 100%; }

.divBot_2 .info p { float: left; padding: 0 0px 0 30px; width: 50%; line-height: 35px; font-size: 14px; color: #B7B7B7; 

    background-position: left 0 top 8px; background-repeat: no-repeat;box-sizing: border-box; }

.divBot_2 .info p:nth-child(2n){float: right;}

.divBot_2 .info p:nth-of-type(1) { background-image: url(../images/ico1.png); }

.divBot_2 .info p:nth-of-type(2) { background-image: url(../images/ico2.png); }

.divBot_2 .info p:nth-of-type(3) { background-image: url(../images/ico3.png); }

.divBot_2 .info p:nth-of-type(4) { background-image: url(../images/ico4.png); }

.divBot_3{float:right; width:300px;margin-top: 30px;}

.divBot_3 .erw{float:right;display: flex;flex-direction:column;font-size: 16px;}

.divBot_3 .erw li{color:#b7b7b7; margin:30px 0 0;text-align: right;cursor:pointer;}

.divBot_3 .erw li.on{color:#ffffff;}

.divBot_3 .erw li.on img{filter:grayscale(1) brightness(100);}

.divBot_3 .erw_img{display: none;float:left;color:#ffffff;}

.divBot_3 .erw_img img{width: 150px;}

.divBot_3 .erw_img.active{display: block;}

.divBottom_2 {clear:both;color:#b7b7b7;font-size:16px; padding:30px 0;border-top:1px solid #565656;}

.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#b7b7b7 !important;}

.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}



/* Links */

.yqlj {clear:both;margin:0 auto;width:100%;border-bottom:1px solid #565656;height: 60px; line-height:60px;}

.yqlj span {float:left;width:80px;height:60px;text-align:left;font-size:16px;color:#b7b7b7;}

.yqlj .yqlj_1 {float:left;width:1220px;} 

.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;font-size:16px;color:#b7b7b7;}



/* Banner */

.banfocus{width:100%;position:relative;overflow: hidden;}

.f-img-list{overflow: hidden; position:absolute;left:0;top:0;z-index:1;width:100%;}

.f-img-list li{text-align:center;width:100%;position:absolute;left:0;top:0;z-index:1; }

.f-img-list li a{display:block;width:100%;}

.f-img-list li.on{z-index:5;}

.d-select-list {position:absolute;z-index:2;bottom:35px; left:50%;padding:5px 0px; transform:translateX(-50%);}

.d-select-list li{float:left;width:16px;height:16px;display:block;opacity: 0.6;

  cursor:pointer; position: relative;border:1px solid transparent;border-radius:50%;margin:0 5px;}

.d-select-list li:after{position: absolute;content:'';display: block;width:8px;height: 8px;left:50%;top:50%;

transform:translate(-50%,-50%); background: #ffffff; border-radius: 50%; }

.d-select-list li.on{border-color:#ffffff;opacity: 1;height:16px;width:16px;}

.focusbtn{z-index:3;width:70px;height:70px;position:absolute;top:45%;background:url("../images/banner_arrow.png") no-repeat;

cursor:pointer;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);transition: .5s;}

.focus-btn-next{left:0;background-position:0 0;}

.focus-btn-prev{right:0;background-position:0 bottom;}

.banfocus:hover .focusbtn{opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}

.banfocus:hover .focus-btn-next{left:5%;}

.banfocus:hover .focus-btn-prev{right:5%;}



.nyban{width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}



/*首页*/

@keyframes myfirst {  

    0% {transform: scale(0.8);}  

    50% { transform: scale(1.1);}  

    100% { transform: scale(0.8);} 

}

@-webkit-keyframes criss-left {

    0% {left:-20px;}

    50% {left:50%;width:20px;height:20px;}

    100% {left:50%;width:375px;height:375px;}

}

@keyframes criss-left {

    0% {left:-20px}

    50% {left:50%; width:20px;height:20px;}

    100% {left:50%;width:375px;height:375px;}

}

@-webkit-keyframes criss-right {

    0% {right:-20px}

    50% {right:50%;width:20px;height:20px;}

    100% {right:50%;width:375px;height:375px;}

}

@keyframes criss-right {

    0% {right:-20px}

    50% {right:50%;width:20px;height:20px;}

    100% {right:50%;width:375px;height:375px;}

}

/*产品*/

.indprobg{background:#f6f6f6;padding:50px 0;}

.indpro_list{float:right;width:980px;}

.indpro_list ul{width: 100%;}

.indpro_list li{margin:30px 0;float:left;width:320px;background:#ffffff;margin:0 10px 15px 0;}

.indpro_list li:nth-child(3n){margin-right: 0}

.indpro_list .item{width: 100%;box-sizing: border-box;transition: all .2s linear;border-bottom:2px #ffffff solid;}

.indpro_list .item .tit{display: block; padding:5px 15px;color:#f18309; font-size:22px;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;

    line-height:40px;}

.indpro_list .item .des{padding:0px 15px;font-size:14px;font-weight: normal;display: -webkit-box;color:#999;line-height: 25px;

    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:50px;}

.indpro_list .item .Imore{ margin:10px 15px; display: inline-block;padding:8px 30px;font-size:14px;

    box-sizing: border-box;background: #FFFFFF;color: #999; border: 1px solid #e5e5e5;transition: 0.2s linear;}

.indpro_list .item .Imgg{height:240px;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}

.indpro_list .item .Imgg img{width: 100%; height: 100%; transition: all .2s linear;}

.indpro_list .item .Iline{position: relative;margin-top:0px;width: 100%;height:0px;background: #e5e5e5;}

.indpro_list .item .Iline:after{content: "";position: absolute;left: 0;top: 0;width: 0;height:2px;background:#f18309;transition: width 0.2s linear;}

.indpro_list .item:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.32);}

.indpro_list .item:hover .Iline:after{width: 100%;}

.indpro_list .item:hover img{transform:scale(1.1);}

.indpro_list .item:hover .Imore{padding:8px 35px;background:#f18309;color:#ffffff; border-radius:20px;}



/**/

.ind_ban{background: url(../images/ind_ban.jpg) no-repeat center 0;height: 240px;color:#ffffff;}

.ind_ban .btxt{float:left; padding:50px 0 0 50px;}

.btxt h4{ font-size: 41px;line-height: 2;padding:0 15px;}

.btxt span{display:inline-block; background:#ffffff;border-radius:10px;height: 35px;line-height: 35px;padding:0 20px;

    font-size: 22px;color:rgba(51,51,51,.66);letter-spacing:3px; }

.ind_ban .bzx{float:right;width: 680px;height:90px;border:1px #fff solid; margin-top:70px;}

.bzx .btel{float:left;width:50%; background:url(../images/ban_tel.png) no-repeat 25px 21px;font-size:14px;line-height:18px;

    padding:25px 0 0px 90px;color:#ffffff;white-space: nowrap; margin-top:0px;box-sizing: border-box;}

.bzx .btel b{font-size:24px;display:block;line-height:35px;font-weight: 700;letter-spacing: 2px;}

.bzx .blix{float:right;width:49%;border-left: 1px #fff solid;height: 90px;text-align: center;line-height: 90px;}

.bzx .blix {color:#ffffff;font-size: 21px;}

.bzx .blix .wx{color:#ffffff;}

.bzx .blix .wx:hover{font-size: 22px;}

.hide_box{z-index:999;filter:alpha(opacity=50);background:#333;opacity: 0.6;-moz-opacity: 0.6;left:0;top:0;height:99%;

    width:100%;position:fixed;display:none;}

.shang_box{width:350px;height:350px;padding:10px;background-color:#fff;border-radius:10px;

    position:fixed;z-index:1000;left:50%;top:50%;transform: translate(-50%,-50%); border:1px dotted #dedede;display:none;}

.shang_close {float:right;display:inline-block;font-size:25px;line-height: 20px;}

.shang_tit{width: 100%;height:45px;text-align: center;line-height:40px;color: #a3a3a3;font-size: 16px;

    margin-top:35px;margin-right:2px;}

.shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}

.shang_payimg{width:180px;padding:10px;border:3px solid #f18309;margin:0 auto;border-radius:3px;height:180px;}

.shang_payimg img{display:block;text-align:center;width:180px;height:180px; }



/*提供服务*/

.serv{ clear: both;font-size:16px;margin:70px auto 30px;}

.serv_tit{display: flex;justify-content:center;align-items: flex-start;}

.serv_tit img{margin:0px 15px 0 0;}

.serv_tit .divtxt{text-align: center;}

.serv_tit em{font-size: 12px;text-transform: uppercase;color:rgba(185,184,184,.73);}

.serv_tit h4{font-size: 36px;color: #333;line-height:45px;}

.serv_tit2{ padding-top: 5px; font-size:18px;color: #666;text-align: center;line-height: 45px;}



.mySwipersmall {width:1320px;margin:0 auto; box-sizing: border-box;margin-top:10px;}

.mySwipersmall{height:130px;font-size:24px;color: #333;line-height:30px;text-align: center;font-weight:600;background:#f4f1f0;}

.mySwipersmall .indswiper_items{float: left;width:20%;margin: 0 0 0 0px;position: relative;border-left:1px #e5e5e5 solid;}

.mySwipersmall .indswiper_items:first-child{border-left:0;}

.mySwipersmall .indswiper_items a{color: #000;display: block;}

.mySwipersmall .indswiper_items em{ width:45px;height:45px;overflow: hidden;margin:25px auto 5px;display: block;}

.mySwipersmall .indswiper_items em img{display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.mySwipersmall .indswiper_items.swiper-slide-thumb-active,

.mySwipersmall .indswiper_items.swiper-slide-thumb-active a{color:#fff;background:#f18509}

.mySwipersmall .indswiper_items.swiper-slide-thumb-active em img{margin-top:-45px;}



.mySwiper2 {height:750px;width:100%;}

.serv_c {padding-top:0px;}

.serv_c .Imgg{display: flex; justify-content: center; width: 100%; overflow: hidden;}

.serv_c img{height:750px;}

.serv_c .dtxt{position: absolute;width:530px;height:750px;box-sizing:border-box;display:block;padding:21px 50px;left: 0;bottom:0px; 

    background:#f6f6f6 url(../images/servbg.png) no-repeat center 0;color: #666666;line-height:30px;}

.serv_c .dtxt .tit1{display: block;font-size: 36px;line-height: 73px;margin-top:100px; color: #f18509;}

.serv_c .dtxt .tit2{color:#999999; font-size: 24px;text-transform: uppercase;padding:40px 0; }

.serv_c .dtxt .tit3{ font-size: 18px;line-height:42px;margin-bottom: 20px;height: 200px; }

/*按钮*/

.btn12{ border:1px solid #e5e5e5; position:relative;overflow: hidden;-webkit-transition: all .6s;transition: all .6s;

  display: inline-block; *display:inline; *zoom:1; padding:4px 40px; text-decoration: none;

  text-align: center;background:#ffffff;}

.btn12:hover{ color:#fff; border-color:#f18309;}

.btn12 span{ position:relative; z-index:1;text-align: center;}

.btn12 .btn-inner{color:#999;text-align: center;font-size: 14px;}

.btn12:hover .btn-inner{color:#ffffff;}

.bgsqr1,.bgsqr2{background:#f18309;position: absolute;top: 50%; top:0\9;content: '';width: 20px;

height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}

.bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}

.btn12:hover .bgsqr1{ -webkit-animation:criss-left .6s both;animation:criss-left .6s both;width:375px\9;height:375px\9;  opacity:1;}

.btn12:hover .bgsqr2{ -webkit-animation:criss-right .6s both;animation:criss-right .6s both;width:375px\9;height:375px\9;opacity:1;}



/**/

.ind_about{width:1320px; margin:65px auto;}

.ind_about .afl{float:right;width:555px;padding:0 0px;position: relative;}

.ind_about .afl::after{position:absolute;content:'';width: 555px;height: 350px;right:-25px;bottom:-25px;background:#f1f1f1;z-index: 1;}

.ind_about .afl .Iimg{position:relative;width: 555px;height: 350px;z-index: 2;overflow:hidden;}

.ind_about .afl  img{width:100%;height: 100%;transition:all .5s;}

.ind_about .afl:hover img{transform: scale(1.1);}

.ind_about .afr{float:left;width:700px;color:#595959;font-size:14px; line-height:25px;}

.ind_about .afr .tite{color:#e1e1e1;text-transform: uppercase;font-size: 16px;}

.ind_about .afr .tit{display: block; height:66px; line-height:66px; font-size:36px; color: #333;border-bottom:1px #f1f1f1 solid; }

.ind_about .afr .cont{display: block;padding-top:20px;} 

.btnab{ border:1px solid #f18309; position:relative;overflow: hidden;-webkit-transition: all .6s;transition: all .6s;

  display: inline-block; *display:inline; *zoom:1; padding:4px 40px; text-decoration: none; margin-top:30px;

  text-align: center;background:#f18309;}

.btnab .bgsqr1,.btnab .bgsqr2{background:#f5a349;}

.btnab:hover{ color:#fff; border-color:#f5a349;}

.btnab span{ position:relative; z-index:1;text-align: center;}

.btnab .btn-inner{color:#ffffff;text-align: center;font-size: 14px;}

.btnab:hover .bgsqr1{ -webkit-animation:criss-left .8s both;animation:criss-left .8s both;width:375px\9;height:375px\9;  opacity:1;}

.btnab:hover .bgsqr2{ -webkit-animation:criss-right .8s both;animation:criss-right .8s both;width:375px\9;height:375px\9;opacity:1;}



/**/

.ind_parent{background:#f9f9f9 url(../images/parent.jpg) no-repeat center bottom;padding:70px 0 120px;}

.honeycomb {display:flex;flex-wrap:wrap;list-style:none;justify-content:center;align-items:center;

    width:1320px;margin:0 auto;padding:0;-webkit-transform:translateY(34.375px);transform:translateY(34.375px);}

.honeycomb-cell {flex:0 1 210px;width:210px;height:120px;margin:65px 0px 60px 67px;position:relative;

    text-align:center;z-index:1;} 

.honeycomb li:first-child,.honeycomb li:nth-child(6){margin-left:0;}

.honeycomb-cell__title {height:100%;display:flex;flex-direction:column;justify-content:center;-webkit-hyphens:auto;

    -ms-hyphens:auto;hyphens:auto;word-break:break-word;text-transform:uppercase;color:#fff;font-weight:700;

    font-size:25px;transition:opacity 350ms;opacity: 0;padding-top: 20px;transition: .5s; }

.honeycomb-cell__title > small {font-weight:300;margin-top:0.25em;}

.honeycomb-cell__image {-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}

.honeycomb-cell::before,.honeycomb-cell::after {content:'';}

.honeycomb-cell::before,.honeycomb-cell::after,.honeycomb-cell__image {top:-50%;left:0;width:100%;height:200%;

    display:block;position:absolute;-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);

    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1;}

.honeycomb-cell::before {background:#f0f0f0;-webkit-transform:scale(1.02);transform:scale(1.02);}

.honeycomb-cell::after {background:rgba(0,0,0,0.4);opacity: 0; transition:opacity 350ms;}

.honeycomb-cell:hover .honeycomb-cell__title {opacity:1;padding-top:0px;}

.honeycomb-cell:hover::before {background:#f18309;}

.honeycomb-cell:hover::after {background:rgba(0,0,0,.4);opacity: 1;}

.honeycomb__placeholder {display:none;opacity:0;width:250px;margin:0 12.5px;}



/**/

.ind_tit{ position: relative;height: 60px;display: flex;justify-content: center;font-weight: 700; }

.ind_tit span{position: absolute;font-size: 47px;color:#f1f1f1;text-transform: uppercase;letter-spacing:4px;}

.ind_tit h4{position:absolute;z-index: 2;font-size: 36px;color:#333;line-height:50px;}

.ind_tit h4 em{color:#f18309;}

.ind_tit:after{position: absolute;content:'';background:#f18309;height:1px;width: 36px;bottom:0;left:50%;transform: translateX(-50%); }



/**/

.ind_ban2{background: url(../images/ind_ban2.jpg) no-repeat center 0;height:325px;color:#ffffff;}

.ind_ban2 h4{font-size: 33px;line-height:50px;padding-top:65px;}

.ind_ban2 p{position: relative; height: 50px;line-height: 40px; font-size: 20px;color:rgba(255,255,255,.6);}

.ind_ban2 p:after{position: absolute;left:0; content:''; bottom:0; width:90px;height: 2px;background:rgba(255,255,255,.3); }

.ind_ban2 .btel{float:left;width:305px; background:url(../images/ban_tel2.png) no-repeat 0px 21px;font-size:14px;line-height:18px;

    padding:25px 0 0px 70px;color:#ffffff;white-space: nowrap; margin-top:0px;box-sizing: border-box;}

.ind_ban2 .btel b{font-size:24px;display:block;line-height:35px;font-weight: 700;letter-spacing: 2px;}

.ind_ban2 .blix{float:left;width:200px;}

.btnban2{ border:1px solid #f18309; position:relative;overflow: hidden;-webkit-transition: all .6s;transition: all .6s;

  display: inline-block; *display:inline; *zoom:1;  text-decoration: none; margin-top:45px;

  text-align: center;background:#f18309;width:104px;height: 27px;line-height: 27px;border-radius:10px;}

.btnban2 .bgsqr1,.btnban2 .bgsqr2{background:#f5a349;}

.btnban2:hover{ color:#fff; border-color:#f5a349;}

.btnban2 span{ position:relative; z-index:1;text-align: center;}

.btnban2 .btn-inner{color:#ffffff;text-align: center;font-size: 14px;}

.btnban2:hover .bgsqr1{ -webkit-animation:criss-left .8s both;animation:criss-left .8s both;width:375px\9;height:375px\9;  opacity:1;}

.btnban2:hover .bgsqr2{ -webkit-animation:criss-right .8s both;animation:criss-right .8s both;width:375px\9;height:375px\9;opacity:1;}



/*news*/

.ind_newsbg{background:#f6f6f6;padding:50px 0;}

.news_menu .swiper-wrapper{display: flex;justify-content: center;margin:30px auto;}

.indnews_tab{width: 130px !important; text-align: center;}

.indnews_tab a{color: #666;display: block;font-size: 18px;position: relative;height:40px;line-height: 40px;}

.indnews_tab a:after { display: inline-block; content: "/"; color: #333; margin: 0 0px 0 30px;}

.indnews_tab a:before{position: absolute;content:'';width:70px;height:1px;background:none;bottom:0;}

.indnews_tab:last-child a:after{content: "";}

.news_menu .indnews_tab.swiper-slide-thumb-active,

.news_menu .indnews_tab.swiper-slide-thumb-active a{color:#f18509;}

.indnews_tab.swiper-slide-thumb-active a:before{background:#f18509;}



.ind_nc{position: relative;float:right;width:100%;margin-top: 20px;}

.ind_nc ul{width: 100%;}

.ind_nc li{margin:30px 0;float:left;width:320px;background:#ffffff;margin:0 10px 15px 0;}

.ind_nc li a{color:#999;font-size: 14px;}

.ind_nc li:nth-child(4n){margin-right: 0}

.ind_nc .item{width: 100%;box-sizing: border-box;transition: all .2s linear;border-bottom:2px #ffffff solid;}

.ind_nc .item .time{ padding:27px 15px 0px; font-size: 24px;}

.ind_nc .item .tit{display: block; padding:5px 15px;color:#333; font-size:18px;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;

    line-height:48px;}

.ind_nc .item .des{padding:0px 15px;font-weight: normal;display: -webkit-box;line-height: 25px;

    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:50px;}

.ind_nc .item .Imore{ margin:20px 15px; display: inline-block;

    box-sizing: border-box;background: #FFFFFF;border: 1px solid #ffffff;transition: 0.2s linear;}

.ind_nc .item .Imgg{height:200px;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}

.ind_nc .item .Imgg img{width: 100%; height:auto; transition: all .2s linear;}

.ind_nc .item .Iline{position: relative;margin-top:0px;width: 100%;height:0px;background: #e5e5e5;}

.ind_nc .item .Iline:after{content: "";position: absolute;left: 0;top: 0;width: 0;height:2px;background:#f18309;transition: width 0.2s linear;}

.ind_nc .item:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.32);}

.ind_nc .item:hover .Iline:after{width: 100%;}

.ind_nc .item:hover img{transform:scale(1.1);}

.ind_nc .item:hover .tit{color:#f18509;}



