/* CSS Document */
body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; background: #fff; font-size: 14px; color: #666; }
html,body{ min-width: 1400px;}
img { border: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; color: #666; font-family: "Microsoft YaHei"; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.clear{clear: both;}
.fl{ float:left;}
.fr{ float:right;}


.vc_header{position:fixed ; top: 0px; z-index: 99999; width: 100%; background-color: rgba(0, 0, 0, 0.3);  }

.headers{ width:1200px; height:40px; margin:0 auto;line-height:40px;margin:0px auto; }
.headers .headersz{ float:left;font-size:14px; text-align:left;font-family: "微软雅黑", arial;}
.headers .headersy{ float:right; }
.headersy .headersyz{float:left;background: url(../images/toptel.png) no-repeat left; padding-left: 30px;}
.headersy .headersyy{float:left; background:url(../images/topxy.png) no-repeat left; padding-left: 30px;}

.headerx{width:1200px; height:100px; margin:0 auto; line-height:100px;}
.headerxz{ float:left;height: 100px;}
.headerxy{ float:right;}
.headerxz img{ height:70px; margin-top:15px;; display:block}
.headerxy ul li{ float:left;width: 95px;font-size: 16px;text-align: center;position:relative;}
.headerxy ul li:after {content:"";width:0%;height:3px;background:#FF7F24;position:absolute;bottom:0;left:50%;z-index:5;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;}
.headerxy ul li.on:after ,.headerxy ul li:hover:after{width: 70%;left: 0;margin-left:15%;}
.headerxy ul li a {  height:100px; display:block; line-height:100px;font-size: 16px;color:#fff;}
.headerxy ul li a:hover{ color:#FF7F24;}
.headerxy ul li.on a ,.headerxy ul li:hover a{color:#FF7F24;}

.top01 .phone {line-height: 40px; background: url(../images/phone.png) no-repeat 0 center;padding-left: 30px;font-size: 15px;color: #FF7F24;float: right;margin-right: 11px;}
.top01 .phone a {font-size: 15px;color: #FF7F24;font-weight: bold;}

/*----宽屏*banner----*/
#banner_big{  width:100%;  background:none; clear:both; position:relative; z-index:999}
#banner_big .picBtnLeft { width:100%; overflow:hidden;}
/*----圆角切换按钮----*/
#banner_big .picBtnLeft .hd {width:135px; height:10px; position:absolute; left:50%; margin-left:-30px; text-align:center; bottom:30px; z-index:10;  }
#banner_big .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block; height:12px; width:110px; padding:5px 15px 5px 15px;}
#banner_big .picBtnLeft .hd ul li {float:left; _display:inline; cursor:pointer; text-align:center;  -moz-border-radius: 15px;   -webkit-border-radius: 15px;  border-radius:15px;  width:12px; height:12px; background:#FF7F24; overflow:hidden; margin-right:5px; margin-left:5px;  }
#banner_big .picBtnLeft .hd ul li.on { background:#ccc}
/*----箭头切换按钮----*/
#banner_big .picBtnLeft .hdd{width:80%; overflow:hidden; height:40px; margin-top:270px; position:absolute; z-index:10;margin-left:10%;} 
#banner_big .picBtnLeft .hdd .prev{ display:block;width:40px; height:40px;float:left;overflow:hidden;cursor:pointer; background:url(../images/prev.png) no-repeat;}
#banner_big .picBtnLeft .hdd .prev:hover{ background:url(../images/prevh.png) no-repeat;}
#banner_big .picBtnLeft .hdd .next{ display:block;width:40px;height:40px;float:right;overflow:hidden;cursor:pointer; background:url(../images/next.png) no-repeat;}
#banner_big .picBtnLeft .hdd .next:hover{background:url(../images/nexth.png) no-repeat;}

#banner_big .picBtnLeft .bd { width:100%}
#banner_big .picBtnLeft .bd img {z-index:1;}
#banner_big .picBtnLeft .bd li { position:relative; zoom:1; width:100%;  display:inline-block; }
#banner_big .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; }
#banner_big .picBtnLeft .bd li .bg { display:none;}
#banner_big .picBtnLeft .bd li .title { display:none;}
#banner_big .picBtnLeft .bd a img { padding-top: 0px!important; width:100%}
/*----宽屏*结束----*/

#middle{width:100%;}
#middle .midzt_wrap{width:100%;background:#fff;}
#middle .midzt{ width:1200px; margin:0 auto;padding-top: 40px;margin-bottom: 18px;float: none;}
.midztz{width: 250px;float: left;margin-right: 30px;}
.midztzprofl{width: 250px; height:60px;background: #FF7F24; color:#fff;}
.midztzprofl dt{ font-size:18px; text-align:center;padding-top: 16px;}
.midztzprofl dd{ font-size:12px; text-align:center; padding-top: 1px;color: #e5e5e5;}
.midztzprol{width: 250px; height:80px;background: url(../images/profenlei.jpg) 0 center no-repeat; color:#fff;}
.midztzprol dt{ font-size:18px; text-align:center; padding-top: 20px;}
.midztzprol dd{ font-size:12px; text-align:center; padding-top: 1px;color: #b0bfd0;}
.midztzmulu{width: 100%; text-align: left; margin-bottom:10px;}
.midztzmulu ul li{width: 100%; line-height:45px;border-bottom:0px solid #dadada; overflow:hidden;}
.midztzmulu ul li a{line-height: 45px;margin: 1px 0px;display: block;background:#f4f4f4;height: 45px;color: #515151;font-size: 14px;text-decoration: none;padding:0 15px;font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.xgwz ul li a{background:none;border-bottom:1px dashed #dedede;font-weight:normal;}
.xgwz ul li a:hover{background:none !important;color:#FF7F24 !important;width: auto !important;}

.midztzmulu ul li a span{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:210px; display:block;}
.midztzmulu ul li a:hover{width: 236px;background:#FF7F24;height: 45px;color: #fff;text-decoration: none;}
.midztzmulu ul li.on a{background:#FF7F24;color: #fff;}
.indextel{border-bottom: #f4a813 5px solid;padding-bottom: 15px;background-color: #f4f4f4;padding-left: 15px;width: 235px;float: none;padding-top: 15px;}
.indextel p{line-height: 2em;}
.midzty{width: 920px;float: left;}
.midzty ul li{margin: 0 0 30px 29.6px;width: 275px; height:325px;float: left;box-shadow: 0px 1px 7px 0px #dadada;}
.midzty ul li .proimg_bk{width:275px; height:275px;position:relative;display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;}
.midzty ul li .proimg{text-align:center;position:static;+position:absolute;top:50%;}
.midzty ul li .proimg_bk img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;max-width:100%;max-height:100%; -webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.pro-module{text-align: center;width: 100%;float: left;height: 51px;line-height: 50px;}
.pro-module a{width:275px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.midzty ul li:hover .pro-module a{color:#fff;}
.midzty ul li:hover{background: #fff;box-shadow: 0px 2px 10px 1px #dadada;}
.midzty ul li:hover .pro-module{background: #FF7F24;}
.midzty ul li:hover img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}

.indyoubg{position:relative;margin-top:0;width:100%;height:145px;overflow: hidden;}
.indyoubg img{ width: 1920px;height:145px;position:absolute;top:0;left:50%;margin-left:-960px;}



.indyoubg2{position:relative;margin-top:0;width:100%;height:966px;overflow: hidden;}
.indyoubg2 img{ width: 1920px;height:966px;position:absolute;top:0;left:50%;margin-left:-960px;}



.youbgcpz{ float:left; background:url(../images/youbgcp.jpg) no-repeat left top;height: 580px;width: 55%;}
.youbgcpy{float: right;width: 40%;margin-top: 125px;}
.youbgcpy span{font-size: 24px;}
.youbgcpy span b{color: #ff7f24;font-size: 30px;}
.youshi1{background: url(../images/you1bg.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi1:hover{background: url(../images/you1bghover.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi1:hover span,.youshi2:hover span,.youshi3:hover span{color: #ff7f24;font-size: 14px;}
.youshi1 span,.youshi2 span,.youshi3 span{color: #999999;font-size: 14px;}
.youship{color: #333333;font-size: 20px;line-height: 30px;font-weight: 500;}
.youship:hover {color: #ff7f24;}
.youshispan{color: #999999;font-size: 14px !important;}
.youshispan:hover{color: #ff7f24;font-size: 14px;}
.youshi2{background: url(../images/you2bg.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi2:hover{background: url(../images/you2bghover.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi3{background: url(../images/you3bg.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi3:hover{background: url(../images/you3bghover.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi4{background: url(../images/you4bg.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}
.youshi4:hover{background: url(../images/you4bghover.jpg) no-repeat left top;padding-left: 73px;padding-bottom: 25px;}

.middibu{width:1200px; margin:0 auto 40px;float: none;}
.middibul,.middibur{width: 580px;float: left;}
.middibul .title,.middibur .title{width:580px; height:44px;}
.middibul .title dt,.middibur .title dt{ font-size: 17px;float: left;padding: 0 26px;color: #fff;line-height: 44px;background: #FF7F24;text-align: center;border-radius: 8px 8px 0 0;}
.middibul .title dd,.middibur .title dd{ font-size:14px; float:left; padding-left:45px; color:#adadad;line-height:55px;}
.middibul .title a,.middibur .title a{ float: right;width: 115px;height: 44px;line-height: 44px;display: block;text-align: right;color:#999;}
.middibunew{width: 538px;padding: 10px 20px 20px;float: none;box-shadow: 0px 0px 7px 0px #dadada;height: 265px;}
.middibunewk{text-align: left;margin: 0px auto;width: 100%; clear: both; margin-bottom:10px;}
.middibunewk ul{line-height: 35px;width: 100%;overflow: hidden;}
.middibunewk ul li{text-align: left;padding-right: 15px;white-space: nowrap;float: left;border-bottom: 1px dashed #ccc;width: 100%;line-height: 50px;}
.middibunewk ul li a{padding-left: 22px;float: left;background: url(../images/diana.jpg) no-repeat 0px 50%;color: #515151;font-size: 15px;width: 430px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;;}
.middibunewk ul li a:hover{color: #FF7F24;}
.middibunewk ul li span{    float: right;font-size: 14px;color: #b3b3b3;}
.middibum{border: #d5d5d5 1px solid;width: 1200px;margin:20px auto 0;}
.middibum .title{background: url(../images/about_bg.jpg) no-repeat; width:1200px; height:55px;}
.middibum .title dt{ font-size:18px; float:left; padding-left:25px; color:#fff;line-height:50px;}
.middibum .title dd{ font-size:14px; float:left; padding-left:45px; color:#adadad;line-height:55px;}
.middibum .title a{ float:right; width:65px; height:55px; display:block;}
.middibunew1{padding: 0 20px;
    padding-bottom: 10px;float: none;}
.middibunew1 img{ margin-right:20px; float:left;}
.middibunew1 p{line-height:24px; text-indent:27px;}
.middibunewk1{text-align: left;margin: 0px auto;width: 98%; clear: both;}
.middibunewk1 ul{line-height: 35px;width: 100%;overflow: hidden;}
.middibunewk1 ul li{text-align: left;padding-right: 15px;white-space: nowrap;float: left;border-bottom:1px dashed #ccc;width: 400px;}
.middibunewk1 ul li a{padding-left: 12px;display: inline;background: url(../images/diana.jpg) no-repeat 0px 50%;color: #515151;font-size: 14px;width:270px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.middibunewk1 ul li span{ float:right;}
.middibur{float: right;}

#footer{ width:100%;margin-top: 45px; background-color: #0a54ad;}
.footernr{padding-bottom: 40px;width: 1200px; margin:0 auto;float: none;height: 135px;padding-top: 40px;}
.footersub1{float: left;width: 444px;}
.footersub1 p{ font-size:16px;border-bottom: 1px solid #91afd4;color: #fff;padding-bottom: 10px; margin-bottom:20px;}
.footersub1 span{line-height: 2em; color:#fff; font-size:14px;}
.footersub2{float: left;width: 411px;margin-left: 35px;margin-right: 35px;}
.footersub2 p{ font-size:16px;border-bottom: 1px solid #91afd4;color: #fff;padding-bottom: 10px; margin-bottom:20px;}
.footersub2 span{line-height: 2em; color:#fff; font-size:14px;}
.footersub3{float: left;width: 266px;}
.footbanq{width:100%;background-color: #003d86; text-align:center;}
.footbanqwz{width: 1200px; margin:0 auto; color:#fff; font-size:14px;padding:16px 0;text-align: center;}
.footbanqwz p{ line-height:22px;}
.footbanqwz p a{color:#fff;}

.nymiddle{width: 1200px; margin:0 auto;margin-top: 40px;margin-bottom: 40px;float: none;}
.nymiddle>div{overflow:hidden;padding-bottom:30px;}
.nymiddlezty{padding-bottom: 35px;padding-left: 15px;width: 1200px;padding-right: 15px;float: left;min-height: 500px;}
.mianbao{border-bottom: #e6e6e6 1px solid;width: 100%; max-height:50px;margin: 5px auto 0px;line-height: 44px; padding-bottom: 5px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.about_con{margin-top:20px;line-height: 25px;}
#ny_newslb_box1{overflow: hidden;}
#ny_newslb_box1 li{width:100%; height:50px;margin-bottom: 10px;float: left;overflow: hidden; border-bottom:1px dashed #CCC;line-height: 50px;}
#ny_newslb_box1 li a{float:left; padding-left:5px;width:690px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#ny_newslb_box1 li a:hover{color: #FF7F24;}
#ny_newslb_box1 li span{float:right; padding-right:5px;}
.newstit{text-align: center;line-height: 30px;color: #322725;font-size:26px;font-weight: bold;}
.newstime{border-bottom: #e0e0e0 1px dashed;text-align: center;padding-bottom: 5px;margin-top: 20px;margin-bottom: 20px;}
.skim{padding-bottom: 0px;padding-left: 10px;padding-right: 10px;color: #231815;padding-top: 0px;}
.newstime span em{font-style: normal;color: #9fa0a0;}
#news_sx{margin-top: 25px;}
.sx_left{ padding:5px 0px;}

.prozhongxin{ overflow:hidden;}
.prozhongxin ul li{border: #e6e6e6 1px solid;margin: 23px 9px;width: 275px;height: 326px;float: left;}
.prozhongxin ul li .proimg_bk {width: 275px;height: 275px;position: relative;display: table-cell;text-align: center;vertical-align: middle;overflow:hidden;}
.prozhongxin ul li .proimg{text-align:center;position:static;+position:absolute;top:50%;}
.prozhongxin ul li .proimg_bk img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;max-width:90%;max-height:90%;webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.prozhongxin ul li:hover{background: #fff;box-shadow: 0px 2px 10px 1px #dadada;}
.prozhongxin ul li:hover .pro-module a{color:#fff;}
.prozhongxin ul li:hover .pro-module{background: #FF7F24;}
.prozhongxin ul li:hover img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}


#rlt{position: relative;width: 400px;float: left; height:400px; border: 1px solid #e6e6e6;}
#rlt .jqzoom{width:400px; height:400px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
#rlt .jqzoom a{text-align:center;position:static;+position:absolute;top:50%;}
#rlt .jqzoom img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;max-width:390px;max-height:390px;}
.rltproy{width: 51%;float: right;}
.proname{font-size: 24px;line-height: 26px; color: #FF7F24; font-family: "Microsoft YaHei"; padding-bottom: 10px;font-weight: bold;}
.proname2{font-size: 16px;line-height: 46px; color: #000; font-family: "Microsoft YaHei";font-weight: bold;}
.Protel{padding: 10px; border: 1px solid #E6E6E6;margin-top: 30px; height: 100px;}
.Protel p{ font-size: 16px;line-height: 23px;border-bottom: 1px solid #ccc;color: #22469a;margin-bottom: 12px; font-family: "Microsoft YaHei";padding-bottom: 10px;}
.Protel p img{vertical-align: middle;margin-right: 4px;margin-left: 1px;border: 0px none;}
.proneirong{width: 100%;padding-top: 20px;}
.proneirongp{border-bottom: #d0d0d0 1px solid;list-style-type: none;margin: 0px 0px 25px;width: 100%;display: inline-block;clear: both;list-style-image: none; margin-top:30px;} 
.proneirongp span{color:#fff;background: #666;text-align: center;border: #666 1px solid;line-height: 40px;width: 96px;float: left;
height: 40px;margin-right: 1px; display:block;font-size:16px;}

.sousuo{ clear:both; font-size:14px; line-height:34px; width:250px; margin-bottom:10px;height:34px;margin-top:10px;}
.sousuo .ss_input{ float:right; width:166px; height:32px; background:url(../images/ss_bg.jpg) no-repeat left #fff; line-height:32px; border:1px solid #ccc; padding:0 3px 0 20px; color:#666;outline:none;border-right: 0;}
.sousuo .ss_an{ float:right; height:34px;  line-height:34px;width:60px;     background: #FF7F24; border:none; color:#fff;cursor:pointer;outline:none;}

.nybanner{ overflow:hidden; text-align:center;position:relative;width:100%;height:600px;margin-bottom:-5px; }
.nybanner img{position:absolute;top:0;width:100%px;display:block;}

.pro_more{display:block;width:248px;height:34px;line-height:34px;background:#dedede;color:#333333;text-align:center;}
.top{ background:#fff; line-height:41px;border-bottom:#ebebeb solid 1px; height:41px; overflow:hidden;}
.top01{ width:1200px; margin:0 auto; color:#6c6c6c; height:41px; font-size:14px; line-height:41px; }
.top02{ float:left;font-size:14px; line-height:41px;color: #999;}
.top03{ float:right; width:278px;font-size:14px; line-height:41px;}
.bdsharebuttonbox a{}

.product_btn {width: 100%;overflow: hidden;margin: 30px 0 0;padding: 40px 0 0;border-top: 1px solid #dfdfdf;
}
.product_btn a {display: inline-block;height: 44px;overflow: hidden;line-height: 44px;color: #fff;font-size: 16px;margin: 0 15px 0 0;padding: 0 30px;border-radius: 3px;}
.product_btn a.probtn1 { background-color:#fc2a2a;}
.product_btn a.probtn2 { background-color:#f90;}
.product_btn a.probtn1:hover { background-color:#e91515;}
.product_btn a.probtn2:hover { background-color:#ed8e00;}}

.M_pro{width:900px;}
.M_pro li{float:left;margin:30px;}
.M_pro li .M_pro_img{width:230px;height:230px;}
.M_pro li .M_pro_img a{display:block;width:230px;height:230px;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;border:1px solid #dedede;}
.M_pro li .M_pro_img a img{max-width:220px;max-height:220px;}
.M_pro li .M_pro_wz{width:196px;height:50px;padding:10px 26px 10px 10px;background:#006dc2;color:#ffffff;position:relative;margin-top:-1px;}
.M_pro li .M_pro_wz p{width:196px;font-size:14px;line-height:24px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.M_pro li .M_pro_wz span{display:block;width:196px;font-size:12px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.M_pro li .M_pro_wz .more{background:#ff9000 url(../images/more.png) center center no-repeat;display:block;width:32px;height:32px;position:absolute;top:50%;margin-top:-16px;right:-16px;font-size:0;text-indent:-9999999px;}
.M_pro li .M_pro_wz .more:hover{background:#ffa93a url(../images/more.png) center center no-repeat;}

.news_con h3{text-align: center;font-size: 24px;color: #333333;width: 100%;margin-top: 20px;margin-bottom: 5px;font-family: "Microsoft YaHei";}
.news_con .time{text-align: center;font-size: 12px;color: #666666;border-bottom: 1px solid #ccc;width: 100%;padding-bottom: 5px;}
.news_con .news_wz{font-size: 12px;color: #333333;line-height: 32px;margin-top: 10px;width: 100%;}	
 
.proneirong table{border: 0px solid #fff!important;border-collapse: collapse!important;}
.proneirong table tr td{border: 1px solid #ccc!important; }

.columnTitle {text-align:center;}
.columnTitle.white .tit,.columnTitle.white .txt {color:#333;}
.columnTitle .tit {line-height:40px;font-size:34px;color:#333333;font-weight:bold;}
.columnTitle .txt {line-height:20px;font-size:16px;color:#666666;margin-top:16px;}
.wrap {max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;}	
.introductionl {padding-bottom:62px;}



.introductionl .bg {height:314px; background: #fff; padding-top:60px;box-sizing:border-box; width: 100%;  }


.introductionl .content {position:relative;margin-top:-135px;z-index:2;background:#fff;box-shadow: 0px 2px 10px 1px #dadada; border-radius:15px;}
.introductionl .content:after {content:"";height:0;display:block;clear:both;}
.introductionl .content .pic {width: 530px;overflow: hidden;float: right;height: 345px;margin-top: 39px;margin-right: 46px;}
.introductionl .content .pic img {width:100%;display:block;    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.introductionl .content .pic a:hover img{-moz-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.introductionl .content .text {width:50%;float:left;padding:40px;box-sizing:border-box;min-height:437px;}
.introductionl .content .text .tit {line-height:34px;font-size:30px;font-weight:bold;color:#333333;}
.introductionl .content .text .line {width:33px;height:2px;background:#d2d2d2;margin:28px 0 16px 0;}
.introductionl .content .text .txt {line-height:30px;font-size:14px;color:#595959;height:244px;overflow:hidden;}
.introductionl .content .text ul {margin-top:44px;}
.introductionl .content .text ul:after {content:"";height:0;display:block;clear:both;}
.introductionl .content .text ul li {width:33.333%;float:left;text-align:center;background:url(../images/introductionl_line.gif) no-repeat 0 center;}
.introductionl .content .text ul li:first-child {background:none;}
.introductionl .content .text ul li a:hover .txt2 {color:#FF7F24;}
.introductionl .content .text ul li .icon {height:34px;}
.introductionl .content .text ul li .icon img {max-height:100%;}
.introductionl .content .text ul li .txt2 {line-height:20px;font-size:16px;color:#333333;margin-top:10px;}


.ji_bg {padding:50px 0 0;font-size:0;overflow:hidden;}
.ji_t ul li {width:140px;height:42px;text-align:center;line-height:42px;position:absolute;top:380px;font-size:14px;color:#fff;background:url(../images/ji_rbtn.png) no-repeat;overflow:hidden;z-index:5;font-weight:bold;}
.ji_t ul li.on {background:url(../images/ji_lbtn.png) no-repeat;}
.ji_lico {left:0;}
.ji_rico {right:0;}
.ji_m01 {background:url(../images/ji_bg01.gif) no-repeat center center;height:632px;position:relative;padding-top:50px;}
.ji_m01 dl {display:inline-block;width:500px;padding:0 0 110px;}
.ji_m01 dl dt {width:204px;height:204px;float:right;box-shadow:2px 5px 8px #ccc;border-radius:200px;-webkit- border-radius:200px;-moz-border-radius:200px;-o-border-radius:200px;}
.ji_m01 dl dt img {width:204px;height:204px;-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition:-moz-transform 0.5s ease-out;-o-transition:-o-transform 0.5s ease-out;-ms-transition:-ms-transform 0.5s ease-out;}
.ji_m01 dl dt img:hover {-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.ji_m01 dl dd {width:256px;float:left;text-align:right;padding:45px 0 0 0;}
.ji_m01 dl dd span {display:block;font-size:22px;color:#333;line-height:20px;font-weight:bold;}
.ji_m01 dl dd span em{display:inline-block;vertical-align:middle;width:39px;height:50px;background:url(../images/n1.gif) center center no-repeat;color:#fff;line-height:43px;text-align:center;font-size:20px;font-weight:bold;margin-right:14px;text-indent:-5px;}
.ji_m01 dl dd p {font-size:14px;color:#666;line-height:25px;padding:12px 0 0;}
.ji_m01 dl dd:hover span {color:#FF7F24;}
.ji_m01l,.ji_m01r {width:500px;}
.ji_m01 .ji_m01r dl dt {float:left;}
.ji_m01 .ji_m01r dl dd {padding:45px 0 0 40px;text-align:left;}
.ji_m01 .ji_bt01 {display:block;font-size:24px;color:#fff;width:140px;height:140px;text-align:center;line-height:36px;position:absolute;top:216px;left:530px;}
.ji_m01 .ji_bt01 i {display:block;padding:32px 0 0;font-style:normal;}
.ji_m01 .u_btn {display:block;font-size:14px;color:#004da5;font-weight:bold;width:110px;height:34px;text-align:center;line-height:34px;border:#004da5 1px solid;position:absolute;bottom:80px;left:545px;}
.ji_m01 .u_btn:hover,.about dl dd b a:hover {animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.ji_m01 .ji_dl03 {padding:145px 0 0;width:450px;}
.ji_m01 .ji_dl03 dd {width:435px;padding:0;}
.ji_m01 .ji_dl03 dd p {width:200px;float:right;}

.ys_bg{ background:url(../images/ys_bg.jpg) no-repeat center center;height: 475px; padding:40px 0 0;font-size: 0;overflow: hidden;}

/*----箭头产品滚动----*/
#skins_pro{ width:100%; margin:30px auto; overflow:hidden; clear:both;position:relative;}
#skins_pro .leftLoop{width:1200px;overflow:hidden; height:325px; display:block;position:relative;margin:0 auto;z-index:2;} 
#skins_pro  .hd{ overflow:hidden; height:40px;width:1300px;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-650px;z-index:1;} 
#skins_pro  .hd .next{ display:block;width:40px;height:40px;position:absolute;right:0;overflow:hidden;cursor:pointer; background:url(../images/next.png) no-repeat}
#skins_pro  .hd .next:hover{background:url(../images/nexth.png) no-repeat;}
#skins_pro  .hd .prev{ display:block;width:40px; height:40px;position:absolute;left:0;overflow:hidden;cursor:pointer; background:url(../images/prev.png) no-repeat;}
#skins_pro  .hd .prev:hover{ background:url(../images/prevh.png) no-repeat;}
#skins_pro .leftLoop .bd{ } 
#skins_pro .leftLoop .bd ul{ overflow:hidden; zoom:1;} 
#skins_pro .leftLoop ul li{margin: 0 15px 29.6px;width: 270px; height:325px;float: left;background: #fff;}
#skins_pro .leftLoop ul li .proimg_bk{width:275px; height:275px;position:relative;display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;background: #fff;}
#skins_pro .leftLoop ul li .proimg{text-align:center;position:static;+position:absolute;top:50%;}
#skins_pro .leftLoop ul li .proimg_bk img{vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;max-width:100%;max-height:100%; -webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#skins_pro .leftLoop .pro-module{text-align: center;width: 100%;float: left;height: 51px;line-height: 50px;background: #5ab5f1;}
#skins_pro .leftLoop .pro-module a{width:250px;padding:0 10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;color:#fff;font-size: 14px;}
#skins_pro .leftLoop ul li:hover .pro-module a{color:#fff;    font-size: 14px;}
#skins_pro .leftLoop ul li:hover{background: #fff;box-shadow: 0px 2px 10px 1px #145e90;}
#skins_pro .leftLoop ul li:hover .pro-module{background: #FF7F24;}
#skins_pro .leftLoop ul li:hover img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}
/*---箭头产品滚动结束----*/

.pro_lt li {/* width:1160px; */overflow:hidden;margin:0 auto 20px;padding:0;}
.pro_lt li .pro_lt_c {display:block;/* width:1140px; */overflow:hidden;margin:0 auto;padding: 20px;border:1px solid #eaeaea;background-color:#fff;}
.pro_lt li .pro_lt_c:hover { border:1px solid #FF7F24;}
.pro_lt li .pro_lt_c .pro_img {width:200px;height: 160px;overflow:hidden;margin: 0 20px 0 0;padding:0;float:left;position:relative;}
.pro_img a{display:block;width:100%;height:100%;text-align:center;}
.pro_img img { display:block; max-width:95%; max-height:95%;vertical-align:middle; webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.pro_lt li :hover .pro_img img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}
.pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.pro_lt li .pro_lt_c .pro_text {width: 454px;height: 150px;overflow:hidden;margin:0;padding:0;float:left;margin-top: 4px;}
.pro_lt li .pro_lt_c .pro_text  a{color:#333;display:block;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.pro_lt li .pro_lt_c .pro_text b { width:100%; height:30px; overflow:hidden; line-height:30px; margin:20px auto; padding:0; color:#222; font-size:18px;}
.pro_lt li .pro_lt_c:hover .pro_text b { color:#FF7F24;}
.pro_lt li .pro_lt_c .pro_text p {width:100%;height: 50px;overflow:hidden;line-height:24px;margin: 0 auto 15px;padding:0;color:#999;font-size:14px;}
.pro_text b font, .pro_text p font { font-family:"Arial";}
.pro_lt li .pro_lt_c .pro_ck {width: 120px;height: 40px;overflow:hidden;line-height: 40px;color:#fff;font-size:14px;text-align:center;background-color:#FF7F24;margin: 45px 0;padding:0;float:right;}
.pro_lt li .pro_lt_c .pro_ck a{ color:#fff;}
.pro_lt li .pro_lt_c .pro_ck img {display:inline-block;width: 25px;height: 7px;overflow:hidden;margin:10px 0 0 10px;padding:0;}
.pro_lt li .pro_lt_c:hover .pro_ck { background-color:#1367c7;}
.pro_lt li .pro_lt_c:hover .pro_text  a{color:#FF7F24;}
.pro_lt li .others{color: #828282;font-size: 14px;height: 32px;line-height:30px;margin-bottom:15px;overflow: hidden;}
.pro_lt li .others i{color: #FF7F24;font-style: normal;}
.pro_lt li .others span{display:block;float:left;margin-right:15px;height:30px;line-height:30px;padding:0 15px 0 32px;background: #f1f1f1;font-size:12px;}
.pro_lt li .others span.cs1{background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;}
.pro_lt li .others span.cs2{background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;}
.pro_lt li .others span.cs3{background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;}

.rltproy{padding-top:10px;}
.rltproy .pro_btn a{display:inline-block; width:145px; height:45px; font-size: 16px;color:#fff; line-height:45px; border-radius:3px;text-align:center;  }
.rltproy .pro_btn a.zxxj{ background:#FF7F24; margin-right:20px;}
.rltproy .pro_btn a.lxwm{ background:#ff811c;}
.rltproy li.desc{overflow:hidden;;}

.client-2 {position:fixed;right:-170px;top:50%;z-index:99999;}
.client-2 li a {text-decoration:none;}
.client-2 li {margin-top:1px;clear:both;height:71px;position:relative;}
.client-2 li i {background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0px auto;text-align:center;}
.client-2 li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;}
.client-2 .my-kefu-qq i {background-position:4px 5px;}
.client-2 .my-kefu-tel i {background-position:0 -21px;}
.client-2 .my-kefu-liuyan i {background-position:4px -53px;}
.client-2 .my-kefu-weixin i {background-position:-34px 4px;}
.client-2 .my-kefu-weibo i {background-position:-30px -22px;}
.client-2 .my-kefu-ftop {display:none;}
.client-2 .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;}
.client-2 .my-kefu-left {float:left;width:77px;height:47px;position:relative;}
.client-2 .my-kefu-tel-right {font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.client-2 .my-kefu-right {width:20px;}
.client-2 .my-kefu-tel-main {background:#FF7F24;color:#fff;height:70px;width:247px;padding:9px 0 6px;float:left;border-radius: 5px;}
.client-2 .my-kefu-main {background:#FF7F24;width:97px;height:70px;position:relative;padding:9px 0 6px;float:left; border-radius: 5px;}
.client-2 .my-kefu-weixin-pic {position:absolute;left:-320px;top:-24px;display:none;z-index:333;}
.my-kefu-weixin-pic img {width:300px;}

/**foot**/
.ly_foot { width:100%; overflow: hidden; margin: 0 auto; padding: 40px 0 20px; background-color: #282828;}
.ly_foot .ft_link { width:1200px; overflow: hidden; line-height: 24px; margin: 0 auto; padding: 0 0 20px 0; text-align: justify;color:#fff;}
.ft_link span, .ft_link a { display:inline-block; font-size: 14px;}
.ft_link span { color:#fff;}
.ft_link a { padding:0 10px; color: #fff;}
.ft_link a:hover { color:#fff;}

.ly_foot .ft_main { width:1200px; overflow: hidden; margin: 0 auto; padding:0 0 40px; }
.ft_main .ft_contact, .ft_main .ft_prolist { float: left; padding: 0 10px 0 0; border-right: 1px solid #000;}
.ft_main .ft_contact{width:480px;}
.ft_main .ft_prolist { padding:0 40px;height:201px;overflow:hidden;}
.ft_main .ft_prolist ul li a{display:block;width:120px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ft_main .ft_ewm { float: right;}
.ft_contact em, .ft_prolist em { display:block; margin: 0 auto 20px; padding: 0; color: #fff; font-size: 16px; font-weight: bold; font-style: normal;}
.ft_contact ul li, .ft_prolist ul li a { display:block; overflow: hidden; line-height:26px; color: #fff; font-size: 14px;}
.ft_contact ul li img { display:block; width: 40px; height: 40px; float: left;}
.ft_prolist ul li a:hover { color:#fff;}
.ft_ewm img { display:block; width: 300px;  overflow: hidden; margin: 20px auto 10px; padding: 0; border-radius: 10px; opacity: 0.8;}
.ft_ewm p { color:#fff; font-size: 14px; text-align: center;}

.ly_foot .ft_copy { width:100%; overflow: hidden; margin: 0 auto; padding: 20px 0 0; border-top: 1px solid #000;}
.ft_copy p { width:1200px; overflow: hidden; line-height: 24px; color:#fff; font-size: 14px; margin: 0 auto; padding: 0;text-align:center;}
.ft_copy p a { color:#fff;}
.ft_copy p a:hover { color:#fff;}

.pr_nt ul li{width:45%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}


.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}




/*菜单测试开始 www.eoz.cn */
  /* 重置默认样式 */
       
        /* 导航容器 */
        .nav-container {
       
            font-family: '微软雅黑', sans-serif;
           
            width: 100% !important;
            height: 100px !important;
        }

        /* 主菜单 */
        .nav-menu {
            display: flex;
            justify-content: center;
            list-style: none;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* 主菜单项 */
        .nav-item {
            position: relative;
            padding: 3px 10px;
            cursor: pointer;
            transition: background 0.3s;
        }

        /* 主菜单链接 */
        .nav-item > a {
            color: #333;
            text-decoration: none;
            font-size: 16px;
            display: flex;
            align-items: center;
        }

        /* 悬停效果 */
        .nav-item:hover {
            background: #fff;
        }

        /* 二级菜单 */
        .submenu {
            z-index: 9999;
            position: absolute;
            left: 0;
            top: 100%;
            min-width: 200px;
            background: #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            list-style: none;
        }

        /* 显示二级菜单 */
        .nav-item:hover .submenu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* 二级菜单项 */
        .submenu-item {

            padding: 3px 10px;
            border-bottom: 1px solid #f0f0f0;
            transition: background 0.2s;
            line-height: 40px !important;
            height: 40px !important; 
       
            width:200px !important;
        }

        .submenu-item:hover {
            background: #f8f9fa;
        }

        .submenu-item a {
            margin: 0 auto;
            color: #2c3e50;
            text-decoration: none;
            font-size: 14px;
            display: block;
            line-height: 40px !important;
            height: 40px !important; 
        }

        /* 三角指示器 */
       /* .nav-item::after {
            content: '';
            display: inline-block;
            margin-left: 8px;
            border: 5px solid transparent;
            border-top-color: #fff;
            transition: transform 0.3s;
        }

        .nav-item:hover::after {
            transform: rotate(180deg);
        }*/

        .vc_quanju{max-width:1250px; margin:0 auto ;}
        .vc_yanse{ color:orangered; font-size:40px; }

        .cur a{ color:orangered !important;  } 

        .vc_xl a{ border:orangered solid 1px; border-radius:8px; padding:8px 20px; margin:10px 6px; font-size:16px;  }
          .vc_xl a:hover{ background:orangered; color:white; }
          .vc_fs{font-size:16px; margin-left: 5px; margin-top: 40px;}
           .vc_fs a{ color:#ccc; }

           .vc_class a{ margin-left:10px; }


/*        分类图片样式*/

    /* 调试信息 */
        .debug-info {
            position: fixed;
            top: 16px;
            right: 16px;
            background-color: rgba(255, 255, 255, 0.9);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            padding: 16px;
            z-index: 999;
            border: 1px solid #E5E7EB;
        }
        
        .debug-info h3 {
            margin: 0 0 8px 0;
            font-size: 16px;
            font-weight: 700;
            color: #165DFF;
        }
        
        .debug-info p {
            margin: 4px 0;
            font-size: 14px;
            color: #4B5563;
        }
        
        .status-ok {
            color: #10B981 !important;
        }
        
        .status-error {
            color: #EF4444 !important;
        }
        
        .status-warning {
            color: #F59E0B !important;
        }
        
        /* 容器样式 */
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 16px;

        }
        
        /* 标题样式 */
        .section-title {
            font-size: clamp(1.5rem, 3vw, 2.5rem);
            font-weight: 700;
            color: #1D2129;
            text-align: center;
            margin: 64px 0 32px 0;
        }
        
        /* 标签导航 */
        .tabs {
            display: flex;
            overflow-x: auto;
            padding-bottom: 8px;
            margin-bottom: 32px;
            scrollbar-width: thin;
            scrollbar-color: #E5E7EB #F3F4F6;
        }
        
        .tabs::-webkit-scrollbar {
            height: 6px;
        }
        
        .tabs::-webkit-scrollbar-track {
            background: #F3F4F6;
            border-radius: 3px;
        }
        
        .tabs::-webkit-scrollbar-thumb {
            background-color: #E5E7EB;
            border-radius: 3px;
        }
        
        .tab-item {
            padding: 12px 16px;
            font-weight: 500;
            color: #6B7280;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            transition: all 0.3s ease;
            white-space: nowrap;
            margin-right: 4px;
        }
        
        .tab-item:hover {
            color: orange;
            border-bottom: 2px solid orange;
        }
        
        .tab-item.active {
            color: orange;
            border-bottom: 2px solid orange;
            font-weight: 600;
        }
        
        .tab-item i {
            margin-right: 8px;
        }
        
        /* 轮播图容器 */
        .carousel-container {
            position: relative;
            overflow: hidden;
            height: 400px;
            margin-bottom: 48px;
            border-radius: 16px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            background: #eee;
        }
        
        @media (min-width: 768px) {
            .carousel-container {
                height: 500px;
            }
        }
        
        @media (min-width: 1024px) {
            .carousel-container {
                height: 600px;
            }
        }
        
        /* 轮播堆栈 */
        .carousel-stack {
            position: relative;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            perspective: 1000px;
        }
        
        /* 轮播项 - 调整了尺寸和位置，使非焦点图片展现更多 */
        .carousel-item {
            position: absolute;
            transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 更丝滑的缓动函数和更长的过渡时间 */
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            cursor: pointer;
            will-change: transform;
            opacity: 0.95;
            max-width: 650px;
            min-height: 650px;
        }
        
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 与容器过渡匹配 */
        }
        
        .carousel-item:not(.active) img:hover {
            transform: scale(1.05);
        }
        
        .carousel-item.skeleton {
            background-color: #E5E7EB;
            animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        
        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }
        
        /* 轮播图标题 */
        .carousel-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(29, 33, 41, 0.8), transparent);
            padding: 24px;
            opacity: 0;
            transition: opacity 0.5s ease; /* 延长标题淡入时间 */
        }
        
        .carousel-item.active .carousel-caption {
            opacity: 1;
            animation: slideUp 0.5s ease-out; /* 延长标题上移动画时间 */
        }
        
        @keyframes slideUp {
            0% {
                transform: translateY(30px); /* 增加起始偏移量 */
                opacity: 0;
            }
            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        .carousel-caption span {
            display: inline-block;
            padding: 4px 12px;
            background-color: orange;
            color: white;
            font-size: 16px;
            font-weight: 500;
            border-radius: 9999px;
            margin-bottom: 12px;
        }
        
        .carousel-caption h3 {
            color: white;
            font-size: 24px;
            font-weight: 700;
            margin: 0 0 8px 0;
        }
        
        .carousel-caption p {
            color: orange;
            font-size: 16px;
            margin: 0;
        }
        
        /* 控制按钮 */
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.9);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            z-index: 30;
            cursor: pointer;
        }
        
        .carousel-btn:hover {
            background-color: white;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .carousel-btn i {
            font-size: 20px;
            color: orange;
        }
        
        .prev-btn {
            left: 16px;
        }
        
        .next-btn {
            right: 16px;
        }
        
        /* 指示器 */
        .carousel-indicators {
            position: absolute;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 30;
        }
        
        .carousel-indicator {
            width: 12px;
            height: 12px;
            border-radius: 9999px;
            background-color: #D1D5DB;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .carousel-indicator.active {
            width: 32px;
            background-color:orange;
        }

        .tab-item li{}
        .tab-item li:hover{ color:#165DFF !important; }


/*        联系方式*/
/* 基础样式 */
.vc_contact-section {
    padding: 4rem 0;
    background: #f8f9ff;
}

/* 模块标题 */
.vc_section-title {
    text-align: center;
    font-size: 2.25rem;
    color: #2d3436;
    margin: 0 auto 3rem;
    max-width: 1200px;
    position: relative;
    font-weight: 600;
}

/* 容器布局 */
.vc_contact-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    gap: 1.5rem;
      text-align: center;
}

/* 卡片样式 */
.vc_contact-card {
    flex: 1;
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    transition: transform 0.3s ease;


}

/* 图标容器 */
.vc_contact-iconbox {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, orange, #FFE599);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
margin: 0px auto;
}

.vc_contact-icon {
    color: white;
    font-size: 1.5rem;
}

/* 内容样式 */
.vc_contact-subtitle {
    font-size: 1.25rem;
    color: #2d3436;
      margin-top: 0.2rem;
   
    margin-bottom: 0.3rem;
}

.vc_contact-info {
    display: block;
    color:orangered;
    font-weight: 500;
    margin-bottom: 0.5rem;
    text-decoration: none;
}

.vc_contact-desc {
    color: #636e72;
    font-size: 0.9rem;
}

/* 地图按钮 */
.vc_contact-map {
    background: #f6f7ff;
    color: #6c5ce7;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

/* 二维码样式 */
.vc_contact-qr img {
    width: 180px;
   
    margin: 1rem 0;
    border-radius: 8px;
}

/* 悬停效果 */
.vc_contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(108,92,231,0.12);
}

.vc_contact-map:hover {
    background: #6c5ce7;
    color: white;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .vc_contact-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .vc_contact-card {
        flex: 0 1 calc(50% - 1rem);
        margin-bottom: 1.5rem;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .vc_contact-card {
        flex: 0 1 100%;
    }
    .vc_section-title {
        font-size: 1.75rem;
    }
}



/* 新增标题导航样式 */
.vctitle-nav {
position: relative;
z-index: 1000;
text-align: center;
margin: 20px 0;
display: flex;
justify-content: center;
gap: 30px;
}

.vcnav-item {
cursor: pointer;
padding: 8px 15px;
border-radius: 20px;
background: #f5f5f5;
transition: all 0.3s;
}

.vcnav-item.active {
background: orange;
color: white;
transform: scale(1.1);
}

.swiper-slide-active img{ border:#000 solid 5px !important; }

.vc_lang { height:30px;  margin-left:50px; }

.vc_lang a{ color:#fff;    
    position: relative;
    top: 3px; /* 元素将向下移动20px */ /* 向下移动20px */
}

.vc_active{ color:orangered; }