@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px;padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "Arial";color: #333333;}
body{overflow-x: hidden;overflow-y: auto;}
h1,h2,h3,h4,h5,h6{font-size: 14px;font-weight: normal;}
ul,ol,
li{list-style: none;}
input{background: none;border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}

.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 80%;margin: 0 auto;}
.w900{width: 85%;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.ico{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.itit-ico{background: url(../images/itit-ico.png) no-repeat;display: inline-block;vertical-align: middle;}
.ilink{background: url(../images/ilink.png) no-repeat;display: inline-block;vertical-align: middle;}
.bicon{background: url(../images/bicon.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon{background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
a{color: #333;text-decoration: none;cursor:pointer;}
a:hover{color: #00479d;text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{transition: all ease 300ms;}
.noease,
.noease *{transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);}
/***************top and bottom css*********************/
/*top*/
#header{ position: relative;} 
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9995;
   
    box-shadow: 0px 6px 20px rgb(0 0 0 / 29%);
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;width: 90%;
    margin: auto;
}
.header-roll{ background: #fff;}
.logo img {
    width: auto;
}
.header .logo2{display:none}
.header-roll .header .logo1{display:none}
.header-roll .header .logo2{display:block}
.headerUl {
    display: flex;
    align-items: center;    margin-left: 185px;
}

.headerList {
    color: #333;
    line-height: 90px;
   
}

.headerList>a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 4px;
    background: #ffdb36;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.headerList>a {
    color: #fff;
    padding: 0px 18px;font-size: 16px;
    font-weight: 600;
    font-family: 微软雅黑, Microsoft YaHei;
}
.hedds {    height: 50px;
    line-height: 50px;
    font-size: 32px;
    background: url(../images/he-tei2.png) no-repeat left center;
    background-size: 40px;
    padding-left: 50px;color:#fff;font-weight:600}
.header-roll .hedds{color:#333; background: url(../images/he-tei.png) no-repeat left center;   background-size: 40px;}
.headerList:hover>a {
    color: #ffdb36;
}

.headerList:hover::after {
    width: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.headerList.active::after {
    width: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.headerList.active>a {
    color: #ffdb36;
}
.header-roll .headerList>a {color:#333}

/* 下拉菜单 */
.dropDown {
    position: absolute;
    top: 120px;
    left: -99999px;
    min-width: 100%;
    height: auto;
    padding-top: 16px;
    text-align: center;
    opacity: 0;
	background:rgba(255,255,255,0.7);
    -webkit-transition: top 0.5s, opacity 0.5s;
    -moz-transition: top 0.5s, opacity 0.5s;
    -o-transition: top 0.5s, opacity 0.5s;
    transition: top 0.5s, opacity 0.5s;  box-shadow: 0px 0px 20px rgba(16, 59, 138, 0.12);
}
.dropDown-box{width:90%;margin:0 auto 15px ;overflow:hidden}
.dropDown-1{float:left;width:30%;}
.dropDown-1 img{width:80%;margin:30px auto;display:block;max-height:250px} 
.dropDown-2{float:left;width:17%;padding:30px 4%;min-height:250px;border-left:1px dashed #999;border-right:1px dashed #999}
.dropDown-3{float: left;
    width: 30%;
    margin: 0 30px;
    line-height: 30px;
    font-size: 14px;
    text-indent: 2rem;
    padding: 60px 5%;
}-}


.dropDown ol li{
    line-height: 50px;

}
.dropDown ol li a {
    line-height: 35px;
    color: #333;
	display:block;
	text-align:left;
	font-size:16px;
}
.dropDown a span{color:#0033cc;margin-right:15px}
.dropDown li:hover {
 
}

.dropDown li:hover a {
    color: #1374c7;
}

.headerList:hover .dropDown {
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    -webkit-transition: top 0.5s, opacity 0.5s;
    -moz-transition: top 0.5s, opacity 0.5s;
    -o-transition: top 0.5s, opacity 0.5s;
    transition: top 0.5s, opacity 0.5s;
}

/* banner*/
#banner_main{overflow:hidden;z-index: 2;max-width:100%;margin:0 auto;}
#banner_main .banner1{position: relative;width:100%;height:960px;margin:0 auto;min-width:1200px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner1 ul{overflow:hidden;}
.banner1 li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner1 li:first-child{display:block;}
.banner1 li img{display:block;position:relative;left:50%;margin-left:-50%;top:0;min-width:1200px;    width: 100%;height:960px}
#banner .tip{width:1000px;height: 4px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 30px;z-index:13;}
#banner .tip span{width:50px;height: 4px;margin:0 5px;display:inline-block;font-size: 0;cursor: pointer;background: #fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#banner .tip span.cur{background: #00479d;}
#banner #btn_prev,#banner #btn_next{width:24px;height:73px;position:absolute;top:450px;z-index:5;display: none;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
#banner #btn_prev{background-position:-26px 0;left:6.6%;}
#banner #btn_next{background-position:-56px 0;right:6.6%;}
#banner #btn_prev:hover{background-position:0 0;}
#banner #btn_next:hover{background-position:-82px 0;}
/*banner end*/
/*搜索栏*/
.announ_main{width: 100%; height: 76px; line-height: 76px; border-bottom: 1px solid #eee;}
.announ_left div{
    height: 55px;
    overflow: hidden;
    width: 60%;
}
.announ_main .announ_right{width: 282px; padding-top: 20px;}
.announ_main .announ_right .search{width: 282px; height: 35px; line-height: 35px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f6f6f6; position: relative;}
.announ_main .announ_right .search input{outline: none; border: 0 none; height: 35px; line-height: 35px;}
.announ_main .announ_right .search .txt{width: 200px;background: none;padding-left: 15px;display: block;color: #999;}
.announ_main .announ_right .search .btn{width: 50px;background: url(../images/sou.png) no-repeat center #00479d;position: absolute;right: 0;top: 0;cursor: pointer;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.announ_main .announ_right .search .btn:hover{background-color: #10c09f;}
.announ_main .announ_left span{display: inline-block;}
.announ_main .announ_left a{display: inline-block;padding: 0 10px 0 0;color: #666;}
.announ_main .announ_left a s{width: 1px; height: 16px; display: inline-block; margin-right: 10px; background: #e9e9e9; vertical-align: middle;}
.announ_main .announ_left a:first-child s{display: none;}
/*footer*/
.bottom_main{width: 100%;background: #222;padding-bottom: 80px;}
.bottom_main .footer{padding-top: 0;}
.bottom_main .bott_nav{border-bottom: 1px solid #5d5f61;line-height: 60px;margin-bottom: 80px;}
.bottom_main .bott_nav span{display: inline-block;color: #fff;font-size: 16px;font-weight: bold;}
.bottom_main .bott_nav a{display: inline-block;color: #fff;padding-right: 10px;}
.bottom_main .left{float:left;width:400px;}
.bottom_main .left .bLogo{display:block;height: 60px;cursor: pointer;}
.bottom_main .left .bLogo img{display:block;height: 60px;overflow:hidden;}
.bottom_main .left .bLogo img:hover{filter:brightness(105%);-webkit-filter:brightness(105%);}
.bottom_main .left .bNav{margin-top:26px;}
.bottom_main .left .bNav a{margin-right:50px;margin-bottom:12px;float:left;font-size:14px;line-height:14px;color:#ccc;}
.bottom_main .left .bNav a:nth-child(4n){margin-right:0;}
.bottom_main .left .bNav a:hover{color:#fff;}
.bottom_main .right{float:right;}
.bottom_main .ewm{float:left;display:block;width:114px;height:114px;border:3px solid #999;background:pink;}
.bottom_main .ewm img{display:block;width:114px;height:114px;}
.bottom_main .bInfo{float:right;margin-left:80px;}
.bottom_main .bInfo .telM{padding-left:55px;background:url("../images/tel3.png") no-repeat left center;background-size:45px 45px;}
.bottom_main .bInfo .telM .tx{padding-top:6px;font-size:14px;line-height:14px;color:#fff;}
.bottom_main .bInfo .telM .webTel{margin-top:12px;font-size:26px;line-height:24px;color:#3abdfe;}
.bottom_main .bInfo .contact{padding-left:55px;margin-top:30px;background:url("../images/address.png") no-repeat left center;background-size:45px 45px;}
.bottom_main .bInfo .contact .tx{padding-top:6px;font-size:14px;line-height:14px;color:#fff;}
.bottom_main .bInfo .contact .address{margin-top:11px;font-size:14px;line-height:16px;color:#ccc;}
.bottom_copy .w1200 div{text-align: left;}
.bottom_copy{width: 100%;height: 50px;line-height: 50px;color: #ccc;font-size: 12px;text-align:center;background:#222;border-top: 1px solid #5d5f61;}
.bottom_copy span{display:inline-block;padding-left:8px;}
.bottom_copy a{display:inline-block;color: #ccc;}
.bottom_copy a:hover{opacity:0.9;filter:alpha(opacity=90);color:#fff;}
.bottom_copy .copy{float:right;}
.bottom_copy .copy1{float:left;}
.ewmbox{width: 300px;height: 320px;padding-top: 20px;background: #fff;z-index: 9999;position: fixed;left: 50%;top: 50%;margin: -170px 0 0 -150px;text-align: center;font-size: 16px;display: none;}
.ewmbox .close{width: 32px;height: 32px;position: absolute;top: -25px;right: -40px;cursor: pointer;border-radius: 100%;background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 260px;height: 260px;display: block;margin: 0 auto 10px;}
/***********top and bottom css end***********/
/*******index css*******/
.index{background:#fff;}
.index .indexTit{padding-top:56px;}
.index .indexTit .tit{font-size:40px;line-height: 40px;text-align:center;color:#333;}
.index .indexTit .tit em{display: block;font-weight:bold;color:#00479d;text-align: center;}
.index .indexTit .subtit{width:100%;height:32px;margin:0 auto;margin-top:16px;background:url("../images/titLine1.png") no-repeat center center;}
.index .indexTit .kMore{padding-right:24px;margin-top:30px;float:right;font-size:16px;line-height:16px;color:#666;background: url("../images/more.png") no-repeat right center;}
.index .indexTit .kMore:hover{color:#00479d;}
/*询盘*/
.enquiryM{width: 100%;height:200px;background:url("../images/enquiryBg.png") no-repeat center center;background-size: 100% 200px;}
.enquiryM .left{float:left;}
.enquiryM .txt{padding-top:56px;}
.enquiryM .txt .tit{margin-bottom:20px;font-weight:bold;font-size:32px;line-height:36px;text-align:left;color:#fff;}
.enquiryM .txt .tit em{color:#4bc3ff;}
.enquiryM .txt .subtit{padding-left:20px;margin-top:10px;font-size:18px;line-height:20px;color:#fff;background:url("../images/point.png") no-repeat left center;background-size:8px 8px;}
.enquiryM .right{float:right;}
.enquiryM .webTel{padding-left:34px;margin-top:60px;height:30px;font-family:arial;font-weight:bold;font-size:34px;color:#fff;background:url("../images/tel2.png") no-repeat left center;background-size:26px 26px;}
.enquiryM .online{float:right;display:block;width:200px;height:45px;margin-top:24px;font-weight:bold;font-size:18px;line-height:45px;text-align:center;color:#0181c1;background:url("../images/onlineIco.png") no-repeat center center;background-size:200px 45px;transition:all ease 300ms;}
.enquiryM .online:hover{text-indent:10px;transition:all ease 300ms;}
/*产品中心*/
.index .floor_1_main{position:relative;background:#fff;}
.index .floor_1 .menu1{position:relative;    display: table;
    text-align: center;
    margin: 60px auto 0;text-align: center;}
.index .floor_1 .menu1 .item{float:left;display:block;width: 140px;height:40px;margin: 0 5px;margin-bottom:10px;font-size: 16px;line-height:40px;text-align:center;color:#333;background:#eee;border-radius:5px;}
.index .floor_1 .menu1 .item:hover{background:#00479d;color:#fff;}
.index .floor_1 .product{margin-top:40px;}
 .floor_1-ss{}
.pro_bg { background: url(../images/bg.jpg) no-repeat bottom; padding: 5px 0 50px 0; margin-top: 10px;}
.pro_list { margin-top: 30px;}
.pro_list a { display: block; float: left; width: calc(25% - 12px); margin:5px;  border: 1px solid #F2F2F2; background: #fff;}
.pro_list span { display: block; overflow: hidden; }

.pro_list .cp_tit {
    font-size: 16px;
    line-height: 24px;

    text-align: center;
    color: #666;
    padding-top: 20px;
}
.pro_list i {  display: block; width: 30px; height: 30px; margin:20px auto; background: #8F8F8F; color: #fff; display: flex;  justify-content: center; align-items: center;
    transition: all .3s;  }
.pro_list a:hover { box-shadow: 0 0 20px #dedede; background: #2777BD; color: #fff;}
.pro_list a:hover .cp_tit { color: #fff;}
.pro_list a:hover i {  color: #2777BD; border-radius: 15px; background: #fff;}
.probg { background:#F4F6F8 ; padding: 40px 0 70px; margin-top: 50px;}
.img-responsive {
    display: block;
    height: 290px;
   width: 100%;margin:auto
}
.td_tel { background: #fff; display: flex; align-items: center; justify-content: center; margin-top: 30px; box-shadow: 0 0 10px #f0f0f0; width: 50%; margin: 30px auto; padding: 30px; border-radius: 60px;} 
.td_num { padding-left: 20px;}
.td_num p { font-size: 15px;}
.td_num em{ font-style: normal; font-weight: bold; font-size: 26px; color: #2777BD;}
.td_num span { font-size: 15px; font-weight: normal; color: #666;}
/*经典案例*/
.index .floor_2_main{width:100%;overflow:hidden;background:url("../images/caseBg.png") no-repeat center center;background-size: 100% 100%;padding-bottom:50px;}
.index .floor_2 .indexTit{padding-top: 80px;}
.index .floor_2 .indexTit .tit{color:#fff;}
.index .floor_2 .indexTit .tit em{}

.index .floor_2 .caseList{margin-top:60px;position:relative;}
.index .floor_2 .caseList .item{float:left;display:block;width:23%;margin:1%;}
.index .floor_2 .caseList .item a{display:block;}
.index .floor_2 .caseList .item .img{display:block;width: 100%;overflow:hidden;}
.index .floor_2 .caseList .item .img img{display:block;width: 100%;}
.index .floor_2 .caseList .item .txt{height:60px;line-height:60px;background:#fff;transition:background ease 0.36s;}
.index .floor_2 .caseList .item .txt .tit{height: 60px;
    font-size: 16px;
    line-height: 60px;
  
    color: #666;
    background: #dadada;
    background-size: 21px 4px;
    text-align: center;}
.index .floor_2 .caseList .item:hover .txt{background:#00479d;transition:background ease 0.36s;}
.index .floor_2 .caseList .item:hover .txt .tit{color:#fff;background:url("../images/arrH.png") no-repeat 92% center;background-size: 21px 4px;transition:background ease 0.36s;}
.index .floor_2 .caseList .hd{position:absolute;width:100%;top:90px;}
.index .floor_2 .caseList .hd span{position:absolute;display:block;width:40px;height:40px;cursor:pointer;}
.index .floor_2 .caseList .hd .prev{left:-80px;background-position:-152px -20px;}
.index .floor_2 .caseList .hd .next{right:-90px;background-position:-194px -20px;}
.index .floor_2 .caseList .hd .prev:hover{background-position:-110px -20px;}
.index .floor_2 .caseList .hd .next:hover{background-position:-236px -20px;}
.index .floor_2 .cMore{background:#444;display:block;width:198px;height:43px;margin:0 auto;margin-top:40px;font-size:16px;line-height:43px;text-align:center;color:#fff;border:1px solid #cfdce5;transition:all ease 600ms;}
.index .floor_2 .cMore:hover{width:240px;background:#00479d;color:#fff;transition:all ease 600ms;}
/*六大优势*/
.index .floor_3_main{padding-bottom:80px;background:#fff;}
.index .floor_3 .indexTit{padding-top:80px;}
.index .floor_3 .advantList{margin-top:60px;}
.index .floor_3 .advantList .list{width:112%;}
.index .floor_3 .advantList .item{float:left;position:relative;display:block;width:610px;height:288px;margin:0 auto;margin-bottom:2px;background:url("../images/adLiBg1.png") no-repeat center center;background-size:610px 288px;cursor:pointer;transition:all ease 600ms;}
.index .floor_3 .advantList .item .txt{padding-top:50px;margin-left:50px;}
.index .floor_3 .advantList .item .txt .tit{font-weight:bold;font-size:32px;line-height:46px;color:#333;}
.index .floor_3 .advantList .item .txt .tit em{display:block;color:#00479d;}
.index .floor_3 .advantList .item .txt .cont{margin-top:36px;font-size:18px;line-height:30px;color:#666;}
.index .floor_3 .advantList .item .sIco{position:absolute;top:40px;right:50px;display:block;width:100px;height:100px;transition:all ease 600ms;}
.index .floor_3 .advantList .item:hover{transform: translateY(-6px);transition:all ease 600ms;}
.index .floor_3 .advantList .item:hover .sIco{transform: rotate(180deg);transition:all ease 600ms;}
.index .floor_3 .advantList .item.ad2,.index .floor_3 .advantList .item.ad3,.index .floor_3 .advantList .item.ad6{background:url("../images/adLiBg2.png") no-repeat center center;}

.slideTxtBoxiten{overflow:hidden;margin-top:50px;position:relative}
.slideTxtBoxiten .hd {
    width: 100%;
    /* float: right; */
    
    position: absolute;
z-index: 99;top:30px}
.slideTxtBoxiten .hd ul{display:flex;width:90%;margin:auto}
.slideTxtBoxiten .hd li{padding:20px;font-size:20px;font-weight: bold; color:#fff; flex:1}
.slideTxtBoxiten .hd li i{    color: rgba(255, 255, 255, .6);
    font-weight: bold;
    letter-spacing: 5px;
    font-size: 50px;

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    padding-bottom: 10px;}
.slideTxtBoxiten .hd li p{font-weight:400;margin-top:10px}
.slideTxtBoxiten .hd li.on{background:rgba(255,255,255,.4)} 
.slideTxtBoxiten .hd li em{font-size: 32px;font-weight: bold; margin-right:20px}
.slideTxtBoxiten .bd{width: 100%;height:807px;overflow:hidden}
.slideTxtBoxiten-img{position:relative}
.slideTxtBoxiten-img .cont{position: absolute;
    display: block;
    width: 700px;
    height: 288px;
    margin: 0 auto;
    margin-bottom: 2px;
    background-size: 610px 288px;
    cursor: pointer;    top: 350px;left:10%;
    transition: all ease 600ms;}
.slideTxtBoxiten-img .cont.txt {
    padding-top: 50px;
    margin-left: 50px;
}
.slideTxtBoxiten-img .cont .txt .tit{font-weight:bold;font-size:42px;line-height:46px;color:#fff;}
.slideTxtBoxiten-img .cont.txt .tit em{display:block;color:#00479d;margin-right:15px}
.slideTxtBoxiten-img .cont .txt p{color:#fff;font-size:26px}
.slideTxtBoxiten-img .cont .txt .cont1{margin-top:36px;font-size:20px;line-height:30px;color:#f5f5f5;}
.slideTxtBoxiten-img .cont .sIco{position:absolute;top:40px;right:50px;display:block;width:100px;height:100px;transition:all ease 600ms;}
.slideTxtBoxiten-img .cont:hover .sIco{transform: rotate(180deg);transition:all ease 600ms;}
.slideTxtBoxiten-img div img{width:100%;height:807px}
/*公司介绍*/
.index .floor_4_main{padding-top:90px;padding-bottom:100px;background:url(../images/abbg.jpg) no-repeat;background-size: 100%;}
.aboutTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0;
}

.aboutL {
    width: 46%;
    position: relative;
    z-index: 2;
}

.aboutL::after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    display: block;
    width: 80px;
    height: 80px;
    background: #1374c7;
    z-index: -1;
}

.aboutTxt {
    width: 50%;
}

.aboutL .imgBox {
    width: 100%;
    padding-top: 73%;
    position: relative;
    overflow: hidden;
}

.aboutL img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutTxt h2 {
    font-weight: bolder;
    margin-bottom: 30px;color:#fff;font-size:24px
}

.aboutTxt div {
    margin-bottom: 50px;color:#fff;font-size:16px;    line-height: 35px;
}

.aboutTxt p {
    color: #666666;
    line-height: 1.6;
    text-align: justify;
    white-space: pre-line;
}

.aboutTxt a {
    display: inline-block;
    color: #1374c7;
    text-transform: uppercase;
    padding-right: 40px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.aboutTxt a::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0px;
    display: block;
    width: 32px;
    height: 1px;
    background: #1374c7;
}

.aboutTxt a:hover {
    padding-right: 55px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index .floor_4 .about{height:420px;background:url("../images/aboutC.png") no-repeat bottom right;}
.index .floor_4 .about .aImg{float:left;display:block;width:600px;height: 340px;overflow:hidden;transition:all ease 600ms;}
.index .floor_4 .about .aImg img{display:block;width: 100%;height: 100%;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .floor_4 .about .aImg:hover{transform:translateY(-3px);transition:all ease 600ms;}
.index .floor_4 .about .aImg:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .floor_4 .aCont{float:left;width:600px;}
.index .floor_4 .aCont .txt{padding-left:50px;padding-top:100px;width:480px;}
.index .floor_4 .aCont .txt .aTit{width: 480px;font-weight:bold;font-size:30px;color:#333;background:url("../images/aLine.png") no-repeat right center;}
.index .floor_4 .aCont .txt .aTxt{margin-top:30px;font-size:14px;line-height:30px;text-align:justify;color:#666;}
.index .floor_4 .aCont .txt .kMore{width: 180px;height: 36px;line-height: 36px;margin-top:24px;display: block;text-align: center;background:#444;color:#fff;}
.index .floor_4 .aCont .txt .kMore:hover{background: #00479d;color: #fff;text-indent: 10px;}
/*新闻资讯*/
.index .floor_5_main{padding-bottom:100px;background:#fff;}
.index .floor_5 .indexTit{padding-top:76px;}
.index .floor_5 .textlist{width: 50%;margin-top:50px;}
.index .floor_5 .newsBox{margin-top:50px;width: 100%;overflow: hidden;position: relative;}
.index .floor_5 .newsBox .hd{height: 28px;overflow: hidden;position: absolute;bottom: 1px;z-index: 10;padding-left: 20px;text-align: center;}
.index .floor_5 .newsBox .hd ul{overflow: hidden;zoom: 1;}
.index .floor_5 .newsBox .hd li{float:left;margin-right: 6px;width: 10px;height: 10px;font-size:0px;line-height: 14px;text-align: center;background: #999;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;display: inline-block;}
.index .floor_5 .newsBox .hd li.on{background: #00479d;color: #fff;}
.index .floor_5 .newsBox .bd li{float:left;width: 23%;
    margin: 1%;zoom: 1;vertical-align: middle;position: relative;height: 408px;overflow: hidden;}
.index .floor_5 .newsBox .bd li img{width: 100%;height: 285px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .floor_5 .newsBox .bd li h3{display: block;font-size: 18px;color: #000;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;}
.index .floor_5 .newsBox .bd li .txt{z-index: 5;padding: 15px 20px;border-top: 0 none;height: 93px;}
.index .floor_5 .newsBox .bd li p{padding: 0;color: #666;line-height: 24px;height: 45px;display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;}
.index .floor_5 .newsBox .bd li .time{font-size: 16px;padding-right: 30px;padding-top: 28px;}
.index .floor_5 .newsBox .bd li:hover h3{color: #00479d;}
.index .floor_5 .newsBox .bd li:hover img{filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.index .floor_5 .textlist .item{border: 1px solid #ddd;margin-bottom: 16px;transition: all 0.2s linear 0s;}
.index .floor_5 .textlist .item a{display: block;    padding: 12px 28px 19px 28px;}
.index .floor_5 .textlist .item h3{font-size: 18px;vertical-align: top;color:#333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;    margin-top: 10px;}
.index .floor_5 .textlist .item p{font-size: 14px;line-height: 20px;color: #999;text-align: justify; overflow: hidden; /* 隐藏超出宽度的内容 */
  white-space: nowrap; /* 防止文本换行 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */}
.index .floor_5 .textlist .item .time{display: block;width: 90px;height: 66px;border-right: 1px solid #ddd;line-height: 20px;margin-right: 30px;color: #666;}
.index .floor_5 .textlist .item .time b{font-family:arial;color: #666;display: block;font-size: 48px;line-height: 48px;}
.index .floor_5 .textlist .item:hover{border: 1px solid #00479d;-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.index .floor_5 .textlist .item:hover h3{color:#00479d;}
.index .floor_5 .more{width: 180px;height: 36px;line-height: 36px;margin:0 auto;margin-top:40px;display: block;text-align: center;background:#444;color:#fff;}
.index .floor_5 .more:hover{background: #00479d;color: #fff;text-indent: 10px;}
.picScroll-left{margin:50px 0;overflow: hidden;}
.picScroll-left .bd .picList li{float:left;width:19%;margin:0.5%;}
.picScroll-left .bd li .pic{border:1px solid #999}
.picScroll-left .bd li img{width:100%}
.picScroll-left .bd li .title{height:45px;line-height:45px;background:#999;color:#fff;text-align:center;font-size:16px;}
/*index css end*/
/*联系我们*/
.contactPage{padding-bottom:80px!important;}
.contactPage .mapArea{border:1px solid #ddd;}
.contactPage .t2{padding: 58px 0 48px;text-align: center;}
.contactPage .t2 .titb{font-size: 30px;margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px;line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold;color: #00479d;}
.contactPage .formData1{padding-bottom: 20px;}
.contactPage .formData1 .item{float: left;color: #999;font-weight: normal;width: 378px;height: 35px;line-height: 35px;border: 1px solid #e5e5e5;margin-right: 30px;margin-bottom: 20px;position: relative;}
.contactPage .formData1 .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 35px;line-height: 35px;font-size: 14px;color: #cccccc;}
.contactPage .formData1 .item input{outline: none;line-height: 35px;height: 35px;font-size: 14px;}
.contactPage .formData1 .item .txt{width: 328px;height: 35px;line-height: 35px;display: block;background: none;padding-left: 50px;border: 0 none;color: #333;font-size: 14px;}
.contactPage .formData1 .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.contactPage .formData1 .item.mr0{margin-right: 0;}
.contactPage .formData1 .msg-box{position: absolute;left: 0;top: 0px;}
.contactPage .formData1 .liuyan{width: 1198px;height: 180px;border: 1px solid #e5e5e5;float: left;}
.contactPage .formData1 .liuyan label{text-align: right;top: 5px;display: block;}
.contactPage .formData1 .liuyan textarea{width: 1178px;height: 154px;line-height: 28px;padding: 10px 10px;text-indent: 70px;font-size: 14px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.contactPage .formData1 .bot{width: 100%;float: left;}
.contactPage .formData1 .sub{width: 232px;height: -4px;line-height: 38px;border: 2px solid #00479d;text-align: center;background: #00479d;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin: 0 auto;}
.contactPage .formData1 .sub:hover{background: none;color: #00479d;}
.contactPage .formData1 .yzm{width: 432px;}
.contactPage .formData1 .yzm .txt{padding-left: 80px;}
.contactPage .formData1 .yzm img{position: absolute;right: 0;top: 0;height: 50px;border: 0px;display: block;}
/*txtlist*/
.txtlist{width: 100%;position: relative;overflow: hidden;}
.txtlist .list{width: 120%;position: relative;}
.txtlist li{width: 300px;height: 36px;line-height: 36px;overflow: hidden;float: left;margin-right: 70px;}
.txtlist li a{width: 100%;display: block;}
.txtlist li s{width: 4px;height: 4px;display: inline-block;vertical-align: middle;margin-top: -1px;border-radius: 100%;background: #333333;margin-right: 10px;}
.txtlist li .time{float: right;}
.banner_main{width: 100%;overflow: hidden;position: relative;z-index: 2;}
.banner{width: 100%;min-width: 1000px;padding: 33.85% 0 0;z-index: 20;position: relative;overflow: hidden;}
.banner .list{width: 100%;}
.banner li{width: 100%;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;overflow: hidden;background: #fff;}
.banner li a{width: 100%;display: block;height: 100%;}
.banner li img{width: 100%;display: block;position: relative;left: 0;top: 0;}
.banner .tip{width: 100%;height: 12px;position: absolute;left: 0;bottom: 25px;z-index: 10;text-align: center;}
.banner .tip span{width: 52px;height: 2px;margin: 0 8px;display: inline-block;cursor: pointer;vertical-align: top;transition: all ease 300ms;background: #fff;opacity: 0.8;filter: alpha(opacity=80);}
.banner .tip span.cur{width: 90px;background: #55ecca;}
.banner .prev,
.banner .next{width: 36px;height: 80px;position: absolute;z-index: 12;top: 50%;margin-top: -40px;background: url(../images/banner-ico.png) no-repeat 6px 4px;cursor: pointer;}
.banner .prev{left: 80px;}
.banner .prev:hover{background-position: 6px -98px;}
.banner .next{right: 80px;background-position: -88px 4px;}
.banner .next:hover{background-position: -88px -98px;}
/*prolist*/
.prolist,.prolist-xq {    width: 76%;
    float: right;}
.prolist .item{    width: 31%;
    float: left;
    margin: 0 2% 30px 0;
    border: 1px solid #eee;
    background: #eee;
    position: relative;
    overflow: hidden;
    transition: all ease 300ms;}
.prolist .item:nth-child(3n){margin-right: 0;}
.prolist .item a{width: 100%;display: block;}
.prolist .item img{width: 100%;height: 285px;display: block;}
.prolist .item h3{width: 100%;height: 64px;line-height: 64px;text-align: center;font-size: 16px;transition: all ease 300ms;}
.prolist .item .bg{position: absolute;width: 100%;padding-top: 80px;height: 151px;left: -100%;top: 0;z-index: 10;background: url(../images/blue80.png) repeat 0 0;text-align: center;transition: all ease 300ms;}
.prolist .item .bg s{width: 50px;height: 50px;display: block;border-radius: 100%;margin: 0 auto;background-color: #fff;background-position: -42px -112px;}
.prolist .item:hover{background: #00479d;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.prolist .item:hover h3{color: #fff;}
.prolist .item:hover .bg{left: 0;}
.gridlist{width: 105%;position: relative;}
.gridlist .item{width: 283px;float: left;border: 1px solid #dcdcdc;margin: 0 20px 20px 0;overflow: hidden;}
.gridlist .item a{width: 100%;display: block;}
.gridlist .item img{width: 283px;height: 212px;border-bottom: 1px solid #dcdcdc;display: block;}
.gridlist .item h3{text-align: center;height: 48px;line-height: 48px;font-size: 16px;overflow: hidden;}
.gridlist .item:hover{border-color: #00479d;}
.gridlist .item:hover h3{color: #00479d;}
.gridlist.gridlist9 .item img{width: 283px;height: 161px;}
.cooperlist{width: 105%;position: relative;}
.cooperlist .item{width: 283px;float: left;border: 1px solid #dcdcdc;margin: 0 20px 20px 0;overflow: hidden;transition: all ease 300ms;}
.cooperlist .item a{width: 100%;display: block;}
.cooperlist .item img{width: 283px;height: 212px;display: block;border-bottom: 1px solid #dcdcdc;}
.cooperlist .item h3{text-align: center;height: 48px;line-height: 48px;font-size: 16px;overflow: hidden;}
.cooperlist .item:hover{border-color: #00479d;}
.cooperlist .item:hover h3{color: #00479d;}
/*txtlist*/
.txtlist{width: 100%;position: relative;overflow: hidden;}
.txtlist .list{width: 120%;position: relative;}
.txtlist li{width: 300px;height: 36px;line-height: 36px;overflow: hidden;float: left;margin-right: 70px;}
.txtlist li a{width: 100%;display: block;}
.txtlist li s{width: 4px;height: 4px;display: inline-block;vertical-align: middle;margin-top: -1px;border-radius: 100%;background: #333333;margin-right: 10px;}
.txtlist li .time{float: right;}
/************content************/
.nyIcon{background: url(../images/nyIcon.png) no-repeat;display: inline-block;vertical-align: middle;}
.nbody .header_main{position: relative;}
/*wrapper*/
.noinfo{width: 100%;padding: 0 3%;}
.noinfo img{display: block;margin: 0 auto;}
.wrapper{padding: 0 0 36px;position: relative;min-height: 750px;}
/*nybanner*/
.nybanner{width: 100%;height: 450px;overflow: hidden;position: relative;z-index: 9;}
.nybanner img{width: 100%;
   position:absolute;
    object-fit: cover;transition: auto;-webkit-animation: scaleUpDown 10s  forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) ;
    animation: scaleUpDown 10s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}


@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.nybanner .nybanner-tit{position: absolute;
    top: 40%;
    left: 10%;
    background: rgba(255, 255, 255, 0.1);
    padding: 30px 80px;
    font-size: 40px;
    color: #fff;
    font-weight: 600;}
/*menu*/
.wrapper .menu{width: 100%;height: 80px;line-height: 80px;position: relative;box-shadow:0px 3px 18px #f0f0f0;background: #fff;padding:15px}
.wrapper .menu .list{width: 80%;padding-left: 0;margin: 0 auto;}
.wrapper .menu li{height: 80px;float: left;margin-right: 11px;position: relative;}
.wrapper .menu li:after{position: absolute;top: 23px;right: -6px;content: " ";width: 1px;height: 14px;background: #ccc;}
.wrapper .menu li:last-child{margin-right: 0;}
.wrapper .menu li:last-child:after{display: none;}
.wrapper .menu li .nav1{width: 140px;height: 80px;line-height: 80px;position: relative;font-size: 15px;display: block;text-align: center;}
.wrapper .menu li .nav1 s{position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background-color: #00479d; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.wrapper .menu li:hover,.menu li.hover{border-right-color: #00479d;}
.wrapper .menu li:hover .nav1,.menu li.hover .nav1{color: #00479d;}
.wrapper .menu li:hover .nav1 s,.menu li.hover .nav1 s{width: 100%; margin-left: -50%;}
.wrapper .menu li .subMenu{position: absolute;left: 50%;margin-left: -70px;top: 58px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index: 199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 140px;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);text-align: center;box-shadow: 0px 3px 18px #f0f0f0;}
.wrapper .menu li:hover .subMenu{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.wrapper .menu li .subMenu a{display: block;width: 100%;font-size: 14px;line-height: 40px;background: #fff;}
.wrapper .menu li .subMenu a:hover{background: #00479d;color: #fff;}
/*sitepath*/
.sitepath{height: 80px;
    line-height: 80px;
    text-align: right;
    color: #666;
    position: absolute;
    right: 10%;
    top: 15px;}
.sitepath a{color: #666;}
.sitepath s{width: 20px;height: 18px;background-position: -19px -130px;margin-right: 4px;}
/* reLink*/.reLink{height: 48px;line-height: 48px;padding: 0 15px;border: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%;color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{transition: all ease 300ms;}
.reLink a:hover{color: #00479d;}
/*n-gridlist*/
.n-gridlist{width: 105%;}
.n-gridlist .item{width: 380px;float: left;margin: 0 30px 30px 0;background: #fff;position: relative;overflow: hidden;transition: all ease 300ms;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.n-gridlist .item a{width: 100%;display: block;}
.n-gridlist .item img{width: 380px;height: 285px;display: block;}
.n-gridlist .item h3{width: 100%;height: 64px;line-height: 64px;text-align: center;font-size: 16px;transition: all ease 300ms;}
.n-gridlist .item .bg{position: absolute;width: 380px;padding-top: 116px;height: 169px;left: -380px;top: 0;z-index: 10;background: url(../images/red80.png) repeat 0 0;text-align: center;transition: all ease 300ms;}
.n-gridlist .item .bg s{width: 64px;height: 64px;display: block;border-radius: 100%;margin: 0 auto;background-position: 0 -32px;}
.n-gridlist .item:hover{background: #f5f5f5;}
.n-gridlist .item:hover h3{color: #00479d;}
.n-gridlist .item:hover .bg{left: 0;}
/*n-tit*/
.n-tit{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.n-tit h3{line-height: 35px;font-size: 24px;}
.n-tit s{width: 4px;height: 22px;margin-right: 15px;background: #00479d;display: inline-block;vertical-align: middle;}
.n-tit .more{font-size: 16px;}
/*relateNews*/
.relateNews{padding: 55px 0 0;width: 100%;overflow: hidden;}
.relateNews .list{width: 100%;}
.relateNews .list li{width: 46%;
    float: left;
    margin: 0 2% 20px;
    margin-bottom: 20px;}
.relateNews .list li a{display: block;width: 100%;}
.relateNews .list li img{    width: 30%;display: block;float: left;margin-right: 20px;    height: 150px;}
.relateNews .list li h3{float: left;    font-weight: 600;line-height: 24px;height: 24px;padding-top: 5px;overflow: hidden;margin-bottom: 8px;font-size: 16px;color: #333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.relateNews .list li .txt{float: left;    width: 66%;height: 48px;line-height: 24px;color: #666;overflow: hidden;margin-bottom: 6px;text-align: justify;}
.relateNews .list li .time{float: left;width: 412px;color: #999999;font-family: arial;line-height: 18px;}
.relateNews .list li:hover h3{color: #00479d;}
.relateNews .gridlist{width: 106%;}
.relateNews .prolist{padding-left: 3px;}
/*aboutPage*/
.aboutPage{width: 80%;margin: 0 auto;background: #fff;color: #666;line-height: 30px;text-align: justify;margin-top:30px}
.aboutPage .txtcon{min-height: 460px;}
.aboutPage .txtcon img{max-width: 100%;}
.aboutPage .txtcon .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}
.aboutPage .txtcon .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
.aboutPage .txtcon .box3 b{color: #00479d;}
.productPage{overflow: hidden;position: relative;}
.productPage .gridlist,.productPage .marketList{width: 105%;}
/*news_ul*/
.news_ul{width:80%;margin:0 auto;padding-top: 12px;}
.news_ul li{padding: 30px 0;border-bottom: 1px solid #eaeaea;position:relative;}
.news_ul li:first-child {padding-top: 0;}
.news_ul li .box1{width: 20%;height: 190px;overflow: hidden;}
.news_ul li .box1 img{width: 100%;height: 190px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.news_ul li .box2{padding-left: 42px;width: 65%;padding-top: 30px;}
.news_ul li .box2 h1{font-size: 20px;color: #333;height: 26px;line-height: 26px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.news_ul li .box2 p{color: #999;line-height: 24px;padding-top:10px;height: 75px;}
.news_ul li .box2 span{font-size: 12px; color: #999;}
.news_ul li .right{padding-right: 15px;padding-top: 55px;text-align: center;}
.news_ul li .right h3{font-size: 36px;color: #999;}
.news_ul li .right p{font-size: 24px; color: #bbb; padding-top:10px;}
.news_ul li a{display: block; cursor: pointer; width: 100%; height: 100%;}
.news_ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_ul li a:hover h1{color: #00479d;text-indent: 10px;}
.news_ul li b{display:block; width:100px; height:30px; border:#ccc solid 1px; text-align:center; line-height:30px; font-weight:normal; position:absolute; right: 12px;top: 161px;}
/*showNews*/
.showNews{width: 80%;margin: 0 auto;}
.showNews img{max-width: 100%;}
.showNews .title{color: #333333;line-height: 32px;text-align: center;font-weight: bold;font-size: 22px;    margin-top: 50px;}
.showNews .mark{width: 100%;height: 40px;line-height: 40px;margin: 15px 0 20px;border-bottom: 1px solid #e9e9e9;text-align: center;}
.showNews .mark span{margin: 0 10px;font-size: 12px;color: #666666;}
.showNews .showContxt{padding: 0 0 30px;color: #666;line-height: 30px;text-align: justify;}
.showNews .showContxt img{max-width: 100%;}
.shareNew{padding-bottom: 25px;}
/*showProduct*/
/*****showProduct****/
.showProduct .showImg{position:relative;padding-bottom: 40px;}
.showProduct .photo{width: 502px;position: relative;height: 450px;}
.showProduct .photo .jqzoom{width: 502px;height: 450px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}
.showProduct .photo .zoomdiv{z-index: 999;position: absolute;top: 0px;left: 0px;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;}
.showProduct .photo .jqZoomPup{z-index: 999;visibility: hidden;position: absolute;top: 0px;left: 0px;border: 1px solid #eee;background: #fff;opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;filter: alpha(opacity=50);}
.showProduct .photo .img{width: 500px;height: 375px;display: block;}
.showProduct .photo .bigimg{width: 500px;height: 375px;border: 1px solid #eee;display: block;position: relative;overflow: hidden;}
.showProduct .photo .bigimg .list{width: 1000%;position: relative;}
.showProduct .photo .bigimg .list li{width: 500px;height: 375px;float: left;}
.showProduct .photo .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;}
.showProduct .photo .photoimg{width: 500px;height: 56px;padding: 10px 0;position: absolute;left: 0;bottom: 0;}
.showProduct .photo .photoimg .list{width: 424px;overflow: hidden;position: relative;margin: 0 auto;}
.showProduct .photo .photoimg .listcon{width: 300%;position: relative;}
.showProduct .photo .photoimg .listcon li{width: 74px;height: 56px;cursor: pointer;display: block;float: left;margin-right: 12px;}
.showProduct .photo .photoimg .listcon li img{border: 2px solid #fff;width: 70px;height: 52px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showProduct .photo .photoimg .listcon li:hover img,
.showProduct .photo .photoimg .listcon li.on img{border-color: #3bb79b;}
.showProduct .photo .photoimg .prev,
.showProduct .photo .photoimg .next{width: 20px;height: 56px;z-index: 10;position: absolute;top: 10px;cursor: pointer;background: #f3f3f3 url(../images/show-pro-btn.png) no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showProduct .photo .photoimg .prev:hover,
.showProduct .photo .photoimg .next:hover{background-color: #ddd;}
.showProduct .photo .photoimg .prev{left: 0px;background-position: 5px center;}
.showProduct .photo .photoimg .next{right: 0px;background-position: -67px center;}
.showProduct .imgtxtcon{width: 698px;float: left;}
.showProduct .imgtxtcon .tit{font-size: 24px;color: #000;padding: 0 25px 5px;line-height: 30px;}
.showProduct .imgtxtcon .line{width: 55px;height: 3px;background: #00479d;display: block;margin: 14px 0 16px 25px;}
.showProduct .imgtxtcon p{padding: 25px 0 0 25px;color: #999999;font-size: 12px;}
.showProduct .imgtxtcon .tit2{color: #666;padding-left: 25px;font-size: 14px;line-height: 28px;height: auto;margin-bottom: 20px;}
.showProduct .imgtxtcon .tit2 span{word-break: break-word;}
.showProduct .imgtxtcon .tit2 strong{color: #333;}
.showProduct .imgtxtcon .txt2{line-height: 24px;height: 120px;overflow: hidden;margin-left: 25px;margin-bottom: 20px;}
.showProduct .imgtxtcon .txt2 strong{display: block;color: #333;margin-bottom: 3px;}
.showProduct .imgtxtcon .txt3{margin-left: 25px;height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 15px;}
.showProduct .imgtxtcon .txt3 strong{color: #333;}
.showProduct .imgtxtcon .txt{padding: 10px 25px 14px;line-height: 35px;background: #f1f1f1;}
.showProduct .imgtxtcon .tel{margin-left: 25px;border-top: 1px dotted #ddd;padding: 20px 0;}
.showProduct .imgtxtcon .tel span{color: #000;display: block;}
.showProduct .imgtxtcon .tel strong{display: block;font-family: impact;color: #00479d;font-weight: normal;font-size: 40px;height: 46px;line-height: 46px;}
.showProduct .imgtxtcon .btns{position: absolute;bottom: 50px;}
.showProduct .imgtxtcon .btn1,.showProduct .imgtxtcon .btn2{float: left;margin-right: 20px;font-size: 16px;width: 135px;height: 38px;line-height: 38px;margin-left: 25px;text-align: center;color: #fff;}
.showProduct .imgtxtcon .btn1:hover,.showProduct .imgtxtcon .btn2:hover{background: #444;}
.showProduct .imgtxtcon .btn1{background: #00479d;}
.showProduct .imgtxtcon .btn2{text-align: center;margin-right: 0;margin-left: 0;background: #3bb79b;}
.showProduct .showp_txt{padding-bottom: 20px;}
.showProduct .showp_txt table{width:100%!important;}
.showProduct .showContxt{padding: 0 0 30px;color: #666;line-height: 28px;text-align: justify;}
.showProduct .showContxt img{max-width: 100%;}
/*formData*/
.formData{padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #00479d;margin-right: 2px;text-align: center;background: #00479d;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #00479d;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
/*searchPage*/
.searchPage{overflow: hidden;}
.searchPage ul{width: 105%;}
.searchPage .item{width: 280px;height: 274px;float: left;margin: 0 25px 30px 0;background: #fff;position: relative;overflow: hidden;transition: all ease 300ms;}
.searchPage .item a{width: 100%;display: block;}
.searchPage .item img{width: 280px;height: auto;display: block;}
.searchPage .item h3{width: 100%;position: absolute;left: 0;bottom: 0;height: 64px;line-height: 64px;text-align: center;font-size: 16px;transition: all ease 300ms;background: #fff;}
.searchPage .item .bg{position: absolute;width: 280px;padding-top: 86px;height: 124px;left: -280px;top: 0;z-index: 10;background: url(../images/red80.png) repeat 0 0;text-align: center;transition: all ease 300ms;}
.searchPage .item .bg s{width: 50px;height: 50px;display: block;border-radius: 100%;margin: 0 auto;background-color: #fff;background-position: -22px 18px;}
.searchPage .item:hover{background: #fff;}
.searchPage .item:hover h3{color: #fff;background: #333;}
.searchPage .item:hover .bg{left: 0;}
/********toolbar*********/
.toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}
.toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #00479d;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color: #00479d;border-radius: 100%;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #00479d;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{background-color: #00479d;border-radius: 100%;}
.toolbar .code:hover span{background-position: 0 -95px;}
.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{background-color: #00479d;border-radius: 100%;}
.toolbar .top:hover span{background-position: 0 -142px;}
.toolbar dd:hover{}
span.bds_more,.bds_tools a{line-height: 14px !important;}
/************** * Animations for content elements * **********/
/* 滞后*/
.delay100{-webkit-animation-delay: 100ms;animation-delay: 100ms;}
.delay200{-webkit-animation-delay: 200ms;animation-delay: 200ms;}
.delay300{-webkit-animation-delay: 300ms;animation-delay: 300ms;}
.delay400{-webkit-animation-delay: 400ms;animation-delay: 400ms;}
.delay500{-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.delay600{-webkit-animation-delay: 600ms;animation-delay: 600ms;}
.delay700{-webkit-animation-delay: 700ms;animation-delay: 700ms;}
.delay800{-webkit-animation-delay: 800ms;animation-delay: 800ms;}
.delay900{-webkit-animation-delay: 900ms;animation-delay: 900ms;}
.delay1000{-webkit-animation-delay: 1000ms;animation-delay: 1000ms;}
.delay1100{-webkit-animation-delay: 1100ms;animation-delay: 1100ms;}
.delay1200{-webkit-animation-delay: 1200ms;animation-delay: 1200ms;}
.delay1300{-webkit-animation-delay: 1300ms;animation-delay: 1300ms;}
.delay1400{-webkit-animation-delay: 1400ms;animation-delay: 1400ms;}
.delay1500{-webkit-animation-delay: 1500ms;animation-delay: 1500ms;}
.delay1600{-webkit-animation-delay: 1600ms;animation-delay: 1600ms;}
.delay1700{-webkit-animation-delay: 1700ms;animation-delay: 1700ms;}
.delay1800{-webkit-animation-delay: 1800ms;animation-delay: 1800ms;}
.delay1900{-webkit-animation-delay: 1900ms;animation-delay: 1900ms;}
.delay2000{-webkit-animation-delay: 2000ms;animation-delay: 2000ms;}
.delay2100{-webkit-animation-delay: 2100ms;animation-delay: 2100ms;}
.delay2200{-webkit-animation-delay: 2200ms;animation-delay: 2200ms;}
.delay2300{-webkit-animation-delay: 2300ms;animation-delay: 2300ms;}
.delay2500{-webkit-animation-delay: 2500ms;animation-delay: 2500ms;}
.delay2700{-webkit-animation-delay: 2700ms;animation-delay: 2700ms;}
.delay2900{-webkit-animation-delay: 2900ms;animation-delay: 2900ms;}
.delay3000{-webkit-animation-delay: 3000ms;animation-delay: 3000ms;}
.delay4000{-webkit-animation-delay: 4000ms;animation-delay: 4000ms;}
.delay4500{-webkit-animation-delay: 4500ms;animation-delay: 4500ms;}
.delay5000{-webkit-animation-delay: 5000ms;animation-delay: 5000ms;}
.onactive .animated{-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.active .animated.fast{-webkit-animation-duration: .5s;animation-duration: .5s;}
.onactive .flyInDown{-webkit-animation-name: flyInDown;animation-name: flyInDown;}
@-webkit-keyframes flyInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@keyframes flyInDown{0%{opacity: 0;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.onactive .flyInRight{-webkit-animation-name: flyInRight;animation-name: flyInRight;}
@keyframes flyInRight{0%{opacity: 0;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}
100%{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.onactive .flyInUp{-webkit-animation-name: flyInUp;animation-name: flyInUp;}
@keyframes flyInUp{0%{opacity: 0;-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
100%{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.onactive .flyInLeft{-webkit-animation-name: flyInLeft;animation-name: flyInLeft;}
@-webkit-keyframes flyInLeft{0%{opacity: 0;-webkit-transform: translateX(-200px);}
100%{opacity: 1;-webkit-transform: translateX(0);}}
@keyframes flyInLeft{0%{opacity: 0;-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px);}
100%{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.onactive .opacityI{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes opacityI{0%{opacity: 0;}
50%{opacity: 1;}}
@keyframes opacityI{0%{opacity: 0;}
50%{opacity: 1;}}
.onactive .shake{-webkit-animation-name: shake;animation-name: shake;-webkit-animation-delay: 6s;animation-delay: 6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@keyframes shake{0%{transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{transform: translateY(-10px);}
20%, 40%, 60%, 80%{-transform: translateY(6px);}
100%{transform: translateY(0);}}
@-webkit-keyframes shake{0%{-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-webkit-transform: translateY(6px);}
100%{-webkit-transform: translateY(0);}}
@-moz-keyframes shake{0%{-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-moz-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-moz-transform: translateY(6px);}
100%{-moz-transform: translateY(0);}}
@-o-keyframes shake{0%{-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-o-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-o-transform: translateY(6px);}
100%{-o-transform: translateY(0);}}
@-ms-keyframes shake{0%{-ms-transform: translateX(0);}
10%, 30%, 50%, 70%, 90%{-ms-transform: translateY(-10px);}
20%, 40%, 60%, 80%{-ms-transform: translateY(6px);}
100%{-ms-transform: translateY(0);}}
.onactive .zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);-ms-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
50%{opacity: 1;}}
@-webkit-keyframes scaleIn{0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
50%{opacity: 1;-webkit-transform: scale(1.02);transform: scale(1.02);}}
@keyframes scaleIn{0%{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
50%{opacity: 1;-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}}
.online-zx{width: 0;background: #202020;height: 50px;line-height: 50px;padding-left: 50px;position: fixed;left: 0;bottom: 200px;color: #fff;}
.online-zx s{width: 50px;height: 50px;cursor: pointer;display: block;position: absolute;left: 0;top: 0;background: url(../images/zx-ico.png) no-repeat 8px center;}
.online-zx a{width: 100%;height: 50px;display: block;color: #fff;}
.online-zx.show{width: 0;background: #d3ad89;width: 98px;}
.online-zx.show s{background-position: -35px center;}
.BMap_bubble_content{line-height: 20px;}
/* Underline From Center2*/
.hvr-underline-from-center1{display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;}
.hvr-underline-from-center1:before{content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: -1px;background: #00479d;height: 3px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0;right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px;*border-bottom: 3px solid #00479d;*line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);}
50%{-webkit-transform: scale(1.02);}
100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);}
50%{transform: scale(1.02);}
100%{transform: scale(1);}}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
 .cplbff {overflow:hidden;    margin-top: 30px;}
 .cplbff .cplbff-bt {}
 .cplbff .cplbff-bt .tit{
    font-size: 16px;
    font-weight: 600;
}
 .cplbff .cplbff-mu{}
 .cplbff .cplbff-mu a{    font-size: 14px;
    padding: 3px 24px;
    margin: 5px 10px;
    display: block;
    float: left;
    border: 1px solid #e8e8e8;}
 .cplbff .cplbff-mu a:hover{background:#00479d;color:#fff}
 
 .about_l {
    float: left;
    width: 20%;
    overflow: hidden;
    margin-right: 3.5%;
    margin-bottom: 4%;
    position: relative;
}
.about_l .i_left_ul2 {
    overflow: hidden;
    margin-bottom: 9px;
}
.about_l .i_left_ul2 li {
    display: block;
    /* width: 100%; */
    position: relative;
}
.about_l .i_left_ul2 li h1 {
  font-weight: normal;
    overflow: hidden;
    padding-right: 20px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #666666;
    cursor: pointer;
    position: relative;
    background: #ffffff;
    background-size: 12px 7px;
    transition: all 0.3s;
    padding-left: 30px;
    margin-bottom: 4px;
    border: 1px solid #ddd;
}
.about_l .i_left_ul2 li:first-child h1 {
    background-color: #00479d;
    height: 120px;
    line-height: 120px;
}
.about_l .i_left_ul2 li h1 a {
    color: #444444;
    text-decoration: none;
    display: block;
    transition: all 0.3s;
}
.about_l .i_left_ul2 li:first-child h1 a {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}

.about_l .i_left_ul2 li:last-child {
    border-bottom: 0;
}
.about_l .i_left_ul2 li div {
    font-size: 16px;
    margin-bottom: 4px;
}
.about_l .i_left_ul2 li div a {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    display: block;
    padding-right: 20px;
    padding-left: 30px;
    color: #666666;
    transition: all 0.3s;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #ffffff;
}
.i_left_ul2 .cate2.on {
    background: #ffffff url(../images/cate_icon2.png) 95% center no-repeat;
    background-size: 12px;
    font-weight: 600;    height: 60px;
    line-height: 60px;
}
.about_l .i_left_ul2 li div {
    font-size: 16px;
    margin-bottom: 4px;
}

.about_l .i_left_ul2 .navcate03 a {
    color: #999999;
    font-size: 14px;
}
.about_l .navcate03 a:hover{background:#00479d;color:#fff}
.liebieo{overflow:hidden;margin-bottom:30px;margin-top:30px}
.font-titi{font-size: 35px;
    font-weight: 600;float:left;    height: 80px;
    line-height: 80px;}
.cp-xqtio{overflow: hidden;
    margin-bottom: 30px;
    background: #f3f3f3;
    padding: 30px;}
.cp-xqtio-1{float:left;width:30%;margin:0 2%;}
.cp-xqtio-2{float:right;width:60%}
.cp-xqtio-2 h1{font-size: 20px;
    font-weight: 600;
    margin: 30px 0;}
.cp-xqtio-2 div{
    border-bottom: 1px solid #e8e8e8;
   margin-bottom: 10px;
    padding-bottom: 10px;}
.cp-xqtio-2 div span{font-size:14px;color:#999}
.cp-xqym {border-bottom:1px solid #666;    margin: 30px 0;}
.cp-xqym span{    display: table;
    background: #00479d;
    padding: 10px 30px;    font-size: 16px;
    color: #fff;}
.prolists{width:100%;}
.prolists .item{width: 23%;
    float: left;
    margin:1%;
    border: 1px solid #eee;
    background: #eee;
    position: relative;
    overflow: hidden;
    transition: all ease 300ms;}
.prolists .item img {
    width: 100%;
    height: auto;
    display: block;
}
.prolists  .item:nth-child(3n) {
    margin-right:auto;
}
.productPage{margin-top:30px}
.box {
    max-width: 1600px;
    min-width: 1200px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
.about1 .con1 {
    display: flex
;
    justify-content: space-between;
    padding-bottom: 50px;
    border-bottom: 1px dashed #e2e2e2;
    align-items: flex-start;
}
 
.about1 .con1 .con_le{width: 48.75%;padding-top: 72px;}
.about1 .con1 .con_le .cn{line-height:normal}
.about1 .con1 .con_le .t1{color: #00479d;line-height: 33px;margin: 55px 0 50px;    font-size: 32px}

.about1 .con1 .con_le .t1 img:nth-child(1){display: inline-block;vertical-align: top;margin-right: 28px;}

.about1 .con1 .con_le .t1 img:nth-child(2){display: inline-block;vertical-align: bottom;margin-left: 21px;}

.about1 .con1 .con_le .t2{line-height: 30px;
    font-size: 14px;}

.about1 .con1 .con_re{width: 40.3125%;position: relative;}

.about1 .con1 .con_re .img{position: relative;z-index: 2;margin-top: 200px}

.about1 .con1 .con_re .img img{width: 100%;border-radius: 10px;}

.about1 .con1 .con_re s{position: absolute;height: 77.52%;width: 92.6%;background: #bbe2e5;border-radius: 10px;right: -16px;bottom: -16px;}

.about1 .con2{margin-top: 47px;display: flex;justify-content: space-between;align-items: center;}

.about1 .con2 .line{width: 1px;background: #80cbd1;opacity: 0.5;height: 108px;}

.about1 .con2 .item .inline{display: inline-block;position: relative;}

.about1 .con2 .item .inline span{line-height: 0.94em;color: #00479d;text-shadow: 3px 5.2px 10px rgba(17,134,143,0.13);font-size: 70px;}

.about1 .con2 .item .inline p{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #00479d;border-radius: 50%;position: absolute;bottom: 8px;right: -15px;}

.about1 .con2 .item sub{vertical-align: top;margin-left: 10px;color: #00479d;line-height: 18px;    font-size: 31px;}

.about1 .con2 .item:last-child .inline p{right: -8px;}

.about1 .con2 .item .it_bot{margin-top: 22px;color: #00479d;font-size: 20px;}

.about2{background-position: center;background-repeat: no-repeat;background-size: cover;}

.about2 .mk_tit{color: #fff;}

.about2 .mk_tit .en{opacity: 1;}

.about2 .ul{display: flex;margin-top: 16px;}

.about2 .ul .li{width: 33.333%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;height: 500px;background: url(../images/about2_line.png) no-repeat right center;transition:all 0.5s;}
.about2 .ul .li .ss {transition:all 0.5s;}

.about2 .ul .li:last-child{background: none;}

.about2 .ul .li .ico1{width: 120px;margin: 0 auto;border:1px solid rgba(255,255,255,0.2);border-radius: 50%;margin-bottom: 58px;}

.about2 .ul .li .tline{margin: 25px auto;width: 40px;height: 1px;background: rgba(255,255,255,0.3);}
.sou2{height:38px}
.about2 .ul .li:hover .ss{transform: translateY(-20px);}

.about5{background: url(../images/about5_bg.jpg) no-repeat top center;background-size: cover;}

.about5 .swiper-container{margin-top: 35px;padding: 40px 0;}

.about5 .swiper-slide a{cursor: auto;}

.about5 .swiper-slide .img{position: relative;box-shadow: -4.5px -1.5px 9.4px 0.6px rgba(0,0,0,0.05);}

.about5 .swiper-slide .img s{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;transform: scaleX(0);z-index: 1;background: #00479d;}

.about5 .swiper-slide .img img{width: 100%;}

.about5 .swiper-slide .img:hover s{transform: scaleX(1);}
.f_57 {
    font-size: 57px;line-height: normal;
}
.f_18 {
    font-size: 18px;
}
.f_30{font-size:30px}
.t_cen {
    text-align: center;
}
.p_100_120 {
    padding: 100px 0 120px;
}
.p_100 {
    padding:  0 0 50px 0;
}
.lxwm-titi{font-size:40px;font-weight:600;text-align:center;margin:50px 0;color:#333}
.lxwm{width:80%;margin:30px auto;overflow:hidden}
.lxwm-le{float:left;width:45%}
.lxwm-le h1{font-size:36px;font-weight:600;color:#333}
.lxwm-le .yws{font-size:20px;margin:15px 0}
.lxwm-fs {margin-top:30px}
.lxwm-fs p{line-height: 50px;
    font-size: 18px;
    text-indent: 3rem;
  }
.lxwm-fs p:nth-child(1){ background: url(../images/lx-tel.png) no-repeat left;
    background-size: 32px;}
.lxwm-fs p:nth-child(2){  background: url(../images/lx-tel.png) no-repeat left;
    background-size: 32px;}
.lxwm-fs p:nth-child(3){  background: url(../images/lx-address.png) no-repeat left;
    background-size: 32px;}
.lxwm-fs p:nth-child(4){ background: url(../images/lx-ss.png) no-repeat left;
    background-size: 32px;}
.lxwm-ri{float:right;width:55%}
.lxwm-ri img{width: 60%;}
.lxwm-dt img{width:100%}
.p_info {
    position: absolute;
    top: 32%;
    left: 40%;
    width: 50%;
   
    z-index: 22;
    transform: translate(-50%,-50%);
    display: block
}
.p_info_fivebox {
    width: 100%;
}
.p_btitle1 {
    FONT-SIZE: 2rem;
    font-weight: 900;
    color: #ffffff4d;
    font-family: Arial;
    text-shadow: 3px 0 10px rgb(22 78 145 / 40%);
    transition: all ease 2s .7s;
    opacity: 1;
    transform: translateY(40px);
}
.e_bannerA-2 .swiper-slide-active .p_btitle1 {
    opacity: 1;
    transform: translateY(0px);
}
.p_btitle {
    color: #fff;
    font-size: 2.8vw;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
    text-shadow: 3px 0 10px rgb(22 78 145 / 40%);
    transition: all ease 2s .7s;
    opacity: 1;
    transform: translateY(40px);
}
.p_cspan {
    position: relative;
    margin-top: 10px;
    display: block;
    transition: all ease 2s .8s;
    opacity: 1;
    transform: translateY(40px);
}
 .p_cspan::before {
    content: '';
    width: 60px;
    height: 2px;
    border-radius: 0;
    background: #fff;
    display: inline-block;
}
.p_summary {
    color: #fff;
    font-size: 20px;
    line-height: 1.6;
    margin-top: 20px;
    transition: all ease 2s 1s;
    opacity: 1;
    transform: translateY(40px);
}
.banner1 li a{display:block;position:relative}

.index-news{margin-top:30px}
.index-news-le{float:left;width:38%}
.index-news-le{  overflow:hidden; position:relative;   }
			.index-news-le .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
			
			.index-news-le .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
			.index-news-le .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#999; }
			.index-news-le .hd ul li.on{ background:#ff9900}
			.index-news-le .bd{ padding:10px;   }
			.index-news-le .bd ul{ overflow:hidden; zoom:1; }
			.index-news-le .bd ul li{ margin:8px;  _display:inline; overflow:hidden; text-align:center; position: relative; }
			.index-news-le .bd ul li .pic{ text-align:center;padding: 10px;
    border: 1px solid #e8e8e8; height: 350px;overflow:hidden}
			.index-news-le .bd ul li .pic img{ width:100%; display:block; height: 350px;transition:all 0.5s }
			.index-news-le .bd ul li:hover img{ border-color:#999;  transform:scale(1.2) }
		
			.index-news-le .bd ul li .title{ line-height:50px; height:50px;font-size:20px;text-align:left ;    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    width: 100%;text-indent: 1rem;
    }
	.index-news-le .bd ul li:hover .title{ background:#00479d }
.index-news-le .bd ul li .title a{color: #fff;}
.index-news-right{float:right;width:60%}
.index-news-right ul li{background:#f9f9f9;overflow:hidden;padding:15px;margin:5px}
.index-news-right ul li h3{font-size:20px;margin: 15px 0;color:#333}
.index-news-right ul li h3 span{float:right;font-size:14px;color:#666}
.index-news-right ul li p{font-size:15px;margin:5px 0;color:#999;border-top:1px solid #e8e8e8;padding-top:5px}
.index-news-right ul li:hover{background:#00479d;}
.index-news-right ul li:hover h3{color:#fff}
.index-news-right ul li:hover h3 span{color:#fff}
.index-news-right ul li:hover p{color:#f9f9f9}
.index-news-right ul li:hover div{color:#fff}
.shouji{display:none}
@media (max-width: 730px) {
.pc{display:none}
.shouji{display:block !important}
}
/* 移动 */

.mhead{display: none;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 20;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}
.mhead .mbox {
    width: 90%;
    margin: auto;
}
.mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 40px;margin-top: 6px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/ss_m.png) center no-repeat;background-size: 20px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:25;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

/* .mnav .mbox .ul1{padding-top: 50px;} */

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

.mnav .mbox .ul1 li .ltop span{display: block;width: 30%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;}

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}
.mnav .mbox .ul1 li .lbtm-1{border-bottom: 1px solid #ddd;padding: 10px 0;overflow:hidden}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 13px;color: #666;}
.mnav .mbox .ul1 li .lbtm-1 a{display: block;padding: 0;line-height: 30px;font-size: 12px;color: #666;float: left;
    width: 50%;
    text-align: center;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 200;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

.mnav2 .mbox .dl1 dd .dtop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav2 .mbox .dl1 dd .dtop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav2 .mbox .dl1 dd .dtop span.act::before {opacity: 0;}

.mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav2.act{left: 0;}

.mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}
@media (max-width: 1655px){
.hedds{display:none}
	}
	@media (max-width: 1337px){
.headerUl{margin-left:0}
	}
@media (max-width: 730px) {
#banner_main .banner1 {
    position: relative;
    width: 100%;
    height: 280px;
    margin: 0 auto;
    min-width: auto;
}
.announ_main{display:none}
.p_info {
   top:38%;
    left: 50%;
    width: 80%;
    
}
.w900{width:95%}
.p_btitle1{font-size:3.5vw}
.banner1 li img{height: 280px;}
.p_summary{font-size:2.8vw;margin-top:5px}
.index .indexTit .tit em{font-size:5vw}
.index .floor_1 .menu1{margin:5px auto;}
/* .index .floor_1 .menu1{display:none} */
.pro_list a {    width: calc(50% - 12px);}

.img-responsive{height: 30vw;}
.pro_list .cp_tit{white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;padding: 10px 0;font-size: 14px;}
.aboutTop {
display: block;}
.aboutL,.aboutTxt{width:100%}
.index .floor_4_main{padding:30px  0;        padding: 30px 0;
        background-size: auto 100%;    overflow: hidden;        background-position: top center;}
.aboutTxt h2{margin:20px 0;}
.aboutTxt div{line-height: 25px;font-size:3.5vw;}
.pro_list i{display:none}
.index .floor_3_main{display:none}
.index .floor_5_main{padding-bottom:0}
.index .floor_5 .indexTit {
    padding-top: 20px;
}
.index .floor_2 .indexTit {
    padding-top: 30px;
}
.index-news-le{display:none}
.index-news-right{width:100%}
.index .floor_2 .caseList .item {
    float: left;
    display: block;
    width: 48%;
    margin: 1%;
}
.index .floor_2 .caseList .item .txt .tit{height:45px;line-height:45px}
.bottom_main .bott_nav{margin-bottom:30px}
.bottom_main .ewm{display:none}
.bNav {
  
    display: none;
}
.bottom_main .left{width:100%}
.bottom_main .left .bLogo{height:auto}
.bottom_main .left .bLogo img{height:auto;width:100%}
.bottom_copy{height:auto;overflow:hidden;    line-height: normal;padding:10px 0;}
.bottom_main .right {
    float: right;
    width: 100%;
}
.bottom_main .bInfo {
    float: right;
    margin-left: 0;    width: -webkit-fill-available;
}
.bottom_copy .w1200{width:90%}.bottom_copy span{padding-left:0}
.bottom_copy .copy{display:none}
.nybanner{height: 35.4vw;}
.wrapper .menu{padding:0}
.wrapper .menu .list{width:100%;display: flex
;}
.wrapper .menu li{flex:1;margin-right:0}
.wrapper .menu li .nav1{width:100%;}
.sitepath{position:initial;text-align:left}
.box{width:100%;max-width: auto;
    min-width: auto;}
.about1 .con1{display:block}
.about1 .con1 .con_le {
width: 100%;    padding-top: 0px;}
.about1 .con1 .con_re {
width: 100%}
.about1 .con1 .con_re s{right:auto}
.about1 .con2 .item{text-align:center}
.about1 .con2 .item .inline span{font-size:5vw}
.about1 .con2 .item sub{font-size:3vw;margin-left:0}
.about1 .con2 .item .it_bot{font-size:4vw}
.about1 .con2{margin-top:0}
.about1 .con1 .con_re .img{margin-top:0}
.about2 .ul{display:block;    margin-top: 40px;}
.f_57{    font-size: 35px;}
.f_30{font-size:25px}
.alltime{width:100%}
.about2 .ul .li .ico1{float:left}
.about2 .ul .li .tline {
    margin: 25px 0 25px 60%;}
.about2 .ul li{width:100% !important;height:auto !important}
.about1 .con1 .con_le .t1 {
    color: #00479d;
    line-height: 33px;
    margin: 5px 0;
    font-size: 20px;
}
.w1200{width:95%}
.prolists .item{width:31%}
.productPage{margin-top:0}
.relateNews .list li {
width: 100%;    margin: 0 2% 2px}
.relateNews .list li img{display:none}
.nybanner .nybanner-tit{padding: 10px 30px;
    font-size: 20px;top: 48%}
.showNews{width:100%}
.n-tit h3{    font-size: 20px;} 
.showNews .title{    font-size: 20px;margin-top: 10px;}
.news_ul li {
padding: 10px 0;}
.relateNews .list li h3{font-size:14px}
.wrapper{width:95%;margin:auto}
.news_ul li .box2 h1{white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;    font-size: 16px;}
.news_ul li .box2 p {
    color: #999;
    line-height: 24px;
    padding-top: 0px;
    height: auto;;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_ul li .box1 {
width: 30%;}
.news_ul li .box2{padding-top:0;    padding-left: 5%;width: 65%;}
.news_ul li .box1{height:auto;margin-top: 15px;}
.news_ul li .box1 img{height:70px}
.news_ul li .right{display:none}
.relateNews .list li .txt{        display: none;}
.relateNews .list li .time{        display: none;}
.about_l{        display: none;}
.prolist, .prolist-xq{width:100%}
.prolist .item img{    width: 100%;
    height: 30vw;}
.prolists .item img{height:auto;}
.prolist .item h3{font-size: 15px;    height: 35px;
    line-height: 35px;white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;  }
.liebieo{margin:0}
.liebieo .sitepath{float: left !important;height: 35px;
    line-height: 30px;}
.cp-xqtio{padding:0}
	.cp-xqtio-1{width:100%;margin:auto}
	.cp-xqtio-2{width:100%}
.aboutPage,.lxwm{width:100%}
.lxwm-le {width: 100%;}
.lxwm-ri{display:none}
.lxwm-titi{    font-size: 28px;}
.lxwm-le h1 {font-size: 26px;}
.lxwm-le .yws {font-size: 18px;}
.formData .item{float:none;width:100%;margin-right:0}
.formData .item .txt{width:100%;padding-left:0}
.formData .liuyan textarea{width:100%}
.prolist .item {
    width: 47%;
    float: left;
    margin: 0 1% 30px;
    border: 1px solid #eee;
    background: #eee;
    position: relative;
    overflow: hidden;
    transition: all ease 300ms;
}
.index .floor_1 .menu1 .item{    display: inline-table;float:none;width:auto;padding:5px 8px;margin:2px;font-size: 14px;height:auto;line-height:normal;background: #999;color:#fff}
}