@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;    --showcolor--: rgb(2 110 175);}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}

.clear {
  clear: both;
}
.top {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #333;
    background:#fff;
}
.footer-lists li a{
	color:#fff;
}
.p-left .p-title a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.top a {
    line-height: 35px;
    font-size: 14px;
    color:#333;
}
.clear{clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.remen h1 {
    font-weight: bold;
    float:right;
    margin: 0;
    color: #333;
    font-size: 14px;
}
/*head&nav*/
.head {
    height: 120px;
}
.flex {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}
.head .logo {
    color: #000;
    font-size: 38px;
    font-weight: bold;
    margin-top: 34px;
        width: 50%;
}
.head .logo img{
	width:100%;
}
.head .tel {
    padding-top: 25px;
}
.logo_tel {
    padding-top: 12px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 78px;
    box-sizing: border-box;
    margin-top: 7px;
}
.logo_tel p {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #6b6b6b;
    font-size: 16px;
}
.logo_tel p span {
    display: block;
    font-size: 33px;
    color: #ff8900;
    height: 30px;
    line-height: 30px;
    font-weight:bold;
}
.nav {
    background-size: 100%;
    background-color:#0a64b6;
}

.nav .breadcrumbnav {
    color: #fff;
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 188px;
    line-height: 55px;
    position: relative;
}


.nav .breadcrumbnav li a {
    font-size: 18px;
    color: #fff;
}


.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #e18000;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}


/*公司简介*/
.iabout {height: 100%;background: url(../img/back1.png) no-repeat;}
.iabout .iabout_top{text-align: center;padding-top: 64px;}
.iabout .iabout_top .eng{width: 277px;height: 45px;border: 2px solid #0a64b6;margin: 0 auto;margin-top: -5px;margin-bottom: 18px;}
.iabout .iabout_top .title{background: #e7e9ed;width: 205px;height: 36px;margin: 0 auto;position: relative;z-index: 99;}
.iabout .iabout_top  .d3 {font-weight: bold; font-size: 32px; color: #333; text-align: center;position: relative;z-index: 100;}
.iabout .iabout_top p {text-align: center; padding-bottom: 10px; color: #999;font-size: 20px;padding-top: 12px;opacity: 0.3;}
.iabout .iabout_top span {font-size: 16px;color: #222;}
.iabout .iabout_cont {display: flex; padding-top: 42px; padding-bottom: 75px;}
.iabout .iabout_l {width: 463px; height: 558px;background: #0a64b6;}
.iabout .iabout_l .pic{width: 100%;position: relative;margin-top: 106px;margin-left: 68px;}
.iabout .iabout_l .cont ul{display: flex;margin-top: 25px;}
.iabout .iabout_l .cont ul p{color: #fff;}
.iabout .iabout_l .cont ul li:first-child{margin-left: 74px;}
.iabout .iabout_l .cont ul li{width: 67px;height: 96px;margin-left: 69px;}
.iabout .iabout_l .cont ul li img{ margin-left: 6px;}
.iabout .iabout_r {width: 741px; height: 558px; background: #fff; padding-left: 50px;}
.iabout .iabout_r .cont{margin-left: 100px;margin-top: 50px;}
.iabout .iabout_r span{color: #ccc;}
.iabout .iabout_r .tit {color: #333; font-size: 24px;margin-bottom: 16px;}
.iabout .iabout_r .desc {width: 550px; color: #666666; padding-top: 24px; line-height: 30px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;}
.iabout .iabout_r .q{width: 82px;height: 3px;background-color: #0a64b6;display:inline-block;margin-top: 2px;}
.iabout .iabout_r .h{width: 451px;height: 2px;background-color: #f1f1f1;display:inline-block;margin-left: -4px;}
.iabout .iabout_r .more { margin-top: 41px;background: #0a64b6; display: block; width: 140px; height: 38px; line-height: 38px; color: #fff; text-align: center; margin-left: 100px;}


/*产品中心*/
.product .wrap {}
.product .product_top {background: #fff;}
.product .product_top{text-align: center;padding-top: 64px;}
.product .product_top .eng{width: 277px;height: 45px;border: 2px solid #0a64b6;margin: 0 auto;margin-top: -5px;margin-bottom: 18px;}
.product .product_top .title{background: #fff;width: 205px;height: 36px;margin: 0 auto;position: relative;z-index: 99;}
.product .product_top  .d3 { font-size: 32px; color: #333; text-align: center;position: relative;z-index: 100;}
.product .product_top p {text-align: center; padding-bottom: 10px; color: #999;font-size: 20px;padding-top: 12px;opacity: 0.3;}
.product .product_top span {font-size: 16px;color: #222;}
.product .product_cont { padding-top: 40px;}
/* .product .product_cont .title {margin: 0 auto; padding-bottom: 38px;}
.product .product_cont .title .hf {margin-left: 30px;}
.product .product_cont .title a{width: 116px; height: 32px; display: inline-block; background: #0a64b6; color: #fff; line-height: 32px; text-align: center; }
.product .product_cont .title a:hover {background: #000;} */
.product .product_cont .title {
    padding-bottom: 38px;
    width: 100%;
    margin-left: 0;
    display: block;
    text-align: center;
}
.product .product_cont .title .hf {margin-left: 30px;}
.product .product_cont .title a {
    border-radius: 33px;
    width: auto;
    height: 51px;
    display: inline-block;
    background: #e5e5e5;
    color: #4c4c4c;
    line-height: 51px;
    text-align: center;
    font-size: 16px;
    margin-right: 4px;
    display: inline-block;
    padding: 0 30px;
}
.product .product_cont .title a:hover {background: #0a64b6;color: #fff;font-size: 18px;}
.product .product_cont  i{width: 1200px;height: 1px;background-color: #e5e5e5;display: block;}
.product .product_cont .icont{margin-top: 35px;display: flex;}
.product .product_cont .icont_l img{width: 603px;height: 375px;}
.product .product_cont .icont_r{width: 600px;height: 375px;background-color: #f5f5f5;padding-left: 42px;padding-top: 42px;}
.product .product_cont .icont_r span{color: #ccc;}
.product .product_cont .icont_r .eng{font-size: 18px;}
.product .product_cont .icont_r .tit {color: #333; font-size: 24px;margin-bottom: 7px;}
.product .product_cont .icont_r .desc {width: 460px; color: #666666; padding-top: 8px; line-height: 30px;}
.product .product_cont .icont_r ul{margin-top: 0;padding-bottom: 24px;}
.product .product_cont .icont_r .q{width: 82px;height: 3px;background-color: #0a64b6;display:inline-block;margin-top: 5px;}
.product .product_cont ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 40px;margin-top: 35px;}
.product .product_cont .pic{overflow: hidden; padding:0px; margin:0px;}
.product .product_cont ul img {
    width: 100%;
    transition: all 0.5s;
    overflow: hidden;
    height: 205px;
}
.product .product_cont ul img:hover {transform: scale(1.1);}   
.product .product_cont ul a {display:block; margin-bottom:30px; width:280px; float:left;} 
.product .product_cont ul .tit {height: 33px; background: rgba(0,0,0,0.5); text-align: center; line-height: 33px;color: #fff;margin-top: -32px;position: relative;}
.product .product_cont .more {width: 130px; height: 38px; background: #0a64b6; display: block; color: #fff; text-align: center; line-height: 38px;}
.product .product_cont a:hover .tit  {color: #fff;transition: all 0.5s;}

/* 分隔 */
.fg{height: 182px;background: url(../img/back3.png);}
.fg .fg_l{display: inline-block;}
.fg .fg_l .d3{color: #fff;font-size: 28px;padding-top: 46px;}
.fg .fg_l p{color: #ececec;font-size: 16px;padding-top: 10px;margin-bottom: 0;}
.fg .fg_l span{color: #ececec;font-size: 12px;opacity: 0.8;}
.fg .fg_r{float: right;width: 219px;padding-top: 46px;}
.fg .fg_r img{width: 23px;height: 20px;display: inline-block;margin-left: 15px;}
.fg .fg_r .tit{color: #e9e9e9;font-size: 16px;display: inline-block;position: relative;top: -3px;left: 10px;}
.fg .fg_r p{margin-bottom: 0; font-size: 22px;color: #fff;padding-left: 15px;}
.fg .fg_r .anniu{width: 180px;height: 32px;background: #f2f2f2;line-height: 32px;margin-top: 16px;border-radius: 25px;display: block;}
.fg .fg_r .anniu span{color: #0a64b6;display: inline-block;padding-left: 27px;}
.fg .fg_r .anniu img{width: 19px;height: 11px;display: inline-block;margin-left: 20px;}
/* 分隔 */

/* 优势 */
.advantage .ad_top{}
.advantage .ad_top {padding-bottom: 36px; background: #fff;}
.advantage .ad_top{text-align: center;padding-top: 64px;}
.advantage .ad_top .eng{width: 277px;height: 45px;border: 2px solid #0a64b6;margin: 0 auto;margin-top: -5px;margin-bottom: 18px;}
.advantage .ad_top .title{background: #fff;width: 205px;height: 36px;margin: 0 auto;position: relative;z-index: 99;}
.advantage .ad_top  .d3 {font-size: 32px; color: #333; text-align: center;position: relative;z-index: 100;}
.advantage .ad_top p {text-align: center; padding-bottom: 10px; color: #999;font-size: 20px;padding-top: 12px;opacity: 0.3;}
.advantage .ad_top span {font-size: 16px;color: #222;}
.ad_t{display: flex;height: 386px;}
.ad_tl{width: 600px;margin-top: 39px;}
.ad_tl .cont{display: flex;}
.ad_tl .cont2{display: flex;margin-top: 62px;}
.ad_tl .number{width: 60px;height: 74px;background: #0a64b6;text-align: center;}
.ad_tl .number span{color: #f6f3f3;font-size: 24px;padding-top: 17px;display: block;}
.ad_tl .number i{display: block;width: 27px;height: 1px;background-color: #fff;margin: 12px auto;}
.ad_tl .cnt{width: 460px;height: 137px;margin-left: 10px;}
.ad_tl .cnt .d3{color: #0a64b6; font-size: 24px;font-weight: bold;}
.ad_tl .cnt p{color: #666;font-size: 12px;margin-top: 13px;margin-bottom: 16px;margin: 9px 0;}
.ad_tl .cnt i{display: block;width: 337px;height: 1px;background: #e5e5e5;}
.ad_tl .cnt ul li{height: 20px;line-height: 20px;color: #666;margin-top: 9px;}
.ad_tl .cnt ul li img{width: 6px;height: 9px;}
.ad_tr{width: 600px;background: url(../img/pic2.png) no-repeat;height: 484px;}
.ad_b{display: flex;height: 386px;}
.ad_br{width: 530px;margin-top: 63px;margin-left: 20px;}
.ad_br .cont{display: flex;}
.ad_br .cont2{display: flex;margin-top: 62px;}
.ad_br .number{width: 60px;height: 74px;background: #0a64b6;text-align: center;}
.ad_br .number span{color: #f6f3f3;font-size: 24px;padding-top: 17px;display: block;}
.ad_br .number i{display: block;width: 27px;height: 1px;background-color: #fff;margin: 12px auto;}
.ad_br .cnt{width: 460px;height: 137px;margin-left: 10px;}
.ad_br .cnt .d3{color: #0a64b6; font-size: 24px;font-weight: bold;}
.ad_br .cnt p{color: #666;margin-top: 13px;margin-bottom: 16px;margin: 9px 0;}
.ad_br .cnt i{display: block;width: 337px;height: 1px;background: #e5e5e5;}
.ad_br .cnt ul li{height: 20px;line-height: 24px;color: #666;margin-top: 9px;display: flex;}
.ad_br .cnt ul li img{width: 6px;height: 9px;}
.ad_bl{width: 650px;background: url(../img/pic3.png) no-repeat;height: 454px;}
hr{margin-top: 62px;color: #999;opacity: 0.3;}

/*新闻*/
.inews .inews_top {padding-bottom: 30px; padding-top: 78px;}
.inews .inews_top {padding-bottom: 36px; background: #fff;}
.inews .inews_top{text-align: center;padding-top: 76px;}
.inews .inews_top .eng{width: 277px;height: 45px;border: 2px solid #0a64b6;margin: 0 auto;margin-top: -5px;margin-bottom: 18px;}
.inews .inews_top .title{background: #fff;width: 205px;height: 36px;margin: 0 auto;position: relative;z-index: 99;}
.inews .inews_top .d3 {font-size: 32px; color: #333; text-align: center;position: relative;z-index: 100;}
.inews .inews_top p {text-align: center; padding-bottom: 10px; color: #999999;font-size: 20px;padding-top: 12px;opacity: 0.3;}
.inews .inews_top span {font-size: 16px;color: #222;}
/* .inews_cont {padding-bottom: 68px;} */
/*news10start*/
.inews1 .inews_cont .cont_left{width: 605px;}
.inews1 .inews_cont .cont_left .top{width: 605px;height: 192px;background: #f5f5f5;display: flex;margin-bottom: 18px;}
.top_l {
    width: 45%;
    /* margin-bottom: 20px; */
}

img {
    border: 0;
    vertical-align: baseline;
}

.top_l img {
    width: 100%;
    height: 100%;
}
.inews1 .inews_cont .cont_left .top_r{width: 254px;margin-left: 26px;}
.inews1 .inews_cont .cont_left .top_r .tit {
    margin-bottom: 18px;
    margin-top: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inews1 .inews_cont .cont_left .top_r .tit a{font-size: 16px;color: #333;font-weight: bold;}
.inews1 .inews_cont .cont_left .top_r .tit a:hover{color: #0a64b6;}
.inews1 .inews_cont .cont_left .top_r i{width: 82px;height: 2px;background-color: #0a64b6;display:inline-block;margin-top: 2px;}
.inews1 .inews_cont .cont_left .top_r .cnt {
    font-size: 14px;
    color: #999999;
    margin-bottom: 14px;
    margin-top: 20px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.inews1 .inews_cont .cont_left .bottom{width: 605px;height: 192px;background: #f5f5f5;display: flex;margin-top: 28px;}
.inews1 .inews_cont .cont_right {width: 553px;}
.inews1 .inews_cont .cont_right .date{width: 69px;height: 79px;display: block;border-right: 1px solid #999;}
.inews1 .inews_cont .cont_right .list:hover .date{background: #0a64b6;border-right: 1px solid #0a64b6;}
.inews1 .inews_cont .cont_right .date .day{font-size: 40px;color: #666;text-align: center;margin: 0 auto;display: block;padding-top: 16px;}
.inews1 .inews_cont .cont_right .date .month{font-size: 12px;color: #999;text-align: center;margin: 0 auto;display: block;padding-top: 9px;}
.inews1 .inews_cont .cont_right .list:hover .date .day{color: #fff;}
.inews1 .inews_cont .cont_right .list:hover .date .month{color: #fff;}
.inews1 .inews_cont .cont_right .list{height: 81px;}
.inews1 .inews_cont .cont_right .list:not(:first-child){margin-top: 28px;}
.inews1 .inews_cont .cont_right .intro{width: 470px;margin-left: 19px;}
.inews1 .inews_cont .cont_right .intro .tit {margin-bottom: 0;border-bottom: 1px solid #e5e5e5;padding-bottom: 9px;}
.inews1 .inews_cont .cont_right .intro .tit a{font-size: 14px;color: #333;font-weight: bold;}
.inews1 .inews_cont .cont_right .list:hover a{color: #0a64b6;}
.inews1 .inews_cont .cont_right .intro .cnt {
    font-size: 14px;
    color: #555;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 30px;
}

/*友情链接*/
.link {height: 64px; background: #2a2c2e; line-height: 64px; border-bottom: 1px solid #565455;margin-top: 45px; }
.link { color: #fff;  line-height: 64px;}
.link a { color: #a9a9a9; margin: 0 5px; }
.link img{width: 90px;height: 33px;}


/*底部*/
.footer { padding: 30px 0;background: #2a2c2e; }
.footer p { color: #dcdee0; text-align: center; line-height: 34px; margin-bottom: 0;}
.footer p span { margin: 0 10px; }
.footer a { color: #dcdee0; }
.footer .foot_p4 .footp_span img{position: relative;top: 4px;}
.footer .sit span {display: inline-block; padding-left: 30px;}
.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../img/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #0a64b6; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #0a64b6; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
/**/
#dituContentn{ width:100%; height:300px;}http://2237.test.0579cj.com:89/
.companywab{background:url(../img/ba.png) no-repeat left center; padding-left:25px;}


/*1400px到660px之间*/
@media screen and  (min-width: 660px) and (max-width:1200px) {
	.wrap { width: 96%; margin: auto; }
	.footweb{display: none;}
	.citys{display: none;}
	/*banner*/
	.swiper-container { width: 100%;height: 100%;}
	
	/*内页*/
	.c_wrap_l{display: none;}
	.c_wrap_r{width: 100%;float: none;padding: 20px 0;}
	.c_wrap_r .about{width: 100%;}
	.c_wrap_r .prolist{width: 46%;margin: 0 2%;margin-bottom: 20px;float: left;}
	.c_wrap_r .prolist img{width: 100%;}
	.pro_c{margin-bottom: 40px;padding: 0 6%;}
	.pro_c .text{margin-bottom: 20px;}
	.pro_c .img img{width: 100%;}
	.pagenav{margin-top: 30px;margin-bottom: 40px;}
	.pagenav p{font-size: 14px;}
	.interested{padding-bottom: 20px;}
	.content img{width: 100%;}
	.tag{margin-top: 30px;margin-bottom: 30px;}
	.newslist{display: none;}
	.newswep{display: block;}
	.newswep .newli{border-bottom: 1px solid #ccc;padding: 8px 0px;margin-bottom: 20px;}
	.newswep .newli .newlitit{display: block;font-size: 18px;color: #000;line-height: 18px;}
	.newswep .newli .newlidate{font-size: 14px;color: #969696;margin: 5px 0px;}
	.newswep .newli .newlicon{font-size: 14px;color: #969696;margin-bottom: 5px;}
	.newswep .newli .newlia{color: #5f5f5f;font-size: 16px;text-align: right;}
	
	.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
	.ny_lxwm li{float:left; width:-webkit-fill-available; background:url(../img/lx_ico.png) left 18px  no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:60px;}
	.ny_lxwm li.li1{ background-position:0px 20px;}
	.ny_lxwm li.li2{ background-position:00px -50px;}
	.ny_lxwm li.li3{ background-position:0px -120px;}
	.ny_lxwm li.li4{ background-position:0px -190px;}
	.ny_lxwm li.li5{ background-position:0px -260px;}
	.ny_lxwm li.li6{ background-position:0px -330px;}
	.lxtjyc{ display:none;}
	

	
	
	
}



/*小于660px*/
@media screen and  (max-width: 660px) {
	.service-side-container {display: none;}
	.service-dialog {display: none;}
	.wrap { width: 96%; margin: auto; }
	.footweb{display: block;}
	.citys{display: none;}
	/*banner*/
	.swiper-container { width: 100%;height: 100%;}
	.swiper-button-next-banner:after,.swiper-button-prev-banner:after{font-size:5vw;}
	.fixnav {}
	/*nav*/
	#openlc { position: fixed; right: 0; top: 0; z-index: 999; height: 70px; padding: 5px 0; }
	.lcbody { display: inline-block; margin: 20px; width: 30px; height: 30px; position: relative; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); }
	.lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; width: 30px; height: 30px; }
	.lcitem .rect { width: 30px; height: 1px; background: #999999; position: absolute; left: 0; top: 14px; transition: transform 0.2s ease 0.2s; -webkit-transition: -webkit-transform 0.2s ease 0.2s; }
	.lcitem .rect.top { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); }
	.lcitem .rect.bottom { transform: translate3d(0px, 68px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); }
	#leftcontrol { width: 260px; height: 100%; right: -260px; transition: all 0.25s; background: #f3f3f3; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 999; }
	#leftcontrol ul#nav { padding-top: 13px; }
	#leftcontrol ul li { display: block; min-height: 44px; border-top: 1px solid #dcdcdc; font-size: 10px; width: 100%; }
	#leftcontrol ul li a { display: block; color: #777777; padding: 0 25px; height: 44px; line-height: 44px;font-size: 14px; }
	#leftcontrol ul li a span { display: inline-block; }
	#leftcontrol ul li a span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; }
	#leftcontrol ul li .subnav { display: none; }
	#leftcontrol ul.subnav li a i { margin-right: 20px; font-size: 15px; color: #b22; }
	#leftcontrol ul.subnav li a { /*background: #bb2222;*/ color: #777777; }
	#leftcontrol ul.subnav li a:hover{color: #bb2222;}
	#leftcontrol ul li a span.more { width: 12px; height: 12px; position: relative; float: right; top: 16px; }
	#leftcontrol ul li a span.more span { background: #c50000; position: absolute; }
	#leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }
	#leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }
	#leftcontrol ul li.active a span.more span{background: #fff;}
	#leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
	#leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff; }
	#leftcontrol ul li.active a.hassub { background: #bb2222; color: #FFF; }
	#leftcontrol ul li.onnav>a { background: #b22; color: #ccc; }
	#leftcontrol ul li.onnav a span.circle { border-color: #fff; background-color: #fff; }
	#leftcontrol ul li.noNav { display: none; }
	.pageOn #openlc {}
	.pageOn #leftcontrol { right: 0; top: 0; }
	.pageOn .lcbody { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
	.pageOn .lcitem { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; }
	.pageOn .lcitem .rect { transition: transform 0.2s ease 0s; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px); }
	.pageOn .lcitem.bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); }
	#body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 996; display: none; }
	.pageOn #body { display: block; }

	
	/*foot*/
	.foot { width: 100%; height: 65px; background: #333; position: fixed; bottom: 0; z-index: 99999; }
	.foot ul { padding-top: 5px; }
	.foot li { width: 20%; float: left; text-align: center; color: #FFF; }
	.foot li p { color: #FFF; font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu }
	.foot_box { width: 100%; height: 65px; }
	.foot_back {width: 100%;height:100%; background: url(../img/back.png) 44px 36px no-repeat rgba(0,0,0,0.8); background-size: 84%; position: fixed; top: 0; z-index: 999999; display: none;}
	.foot_back a {right: 20vw;width: 66vw;height: 12vw;display: block;position: absolute;top: 109vw;border-radius: 50px;text-align: center;line-height: 12vw;font-size: 4vw;}

	/*内页*/
	.c_wrap_l{display: none;}	
	.c_wrap_r{width: 100%;float: none;padding: 20px 0;}
	.c_wrap_r .about{width: 100%;}
	.c_wrap_r .prolist{width: 46%;margin: 0 2%;margin-bottom: 20px;float: left;}
	.c_wrap_r .prolist img{width: 100%;}
	.pro_c{margin-bottom: 40px;padding: 0 6%;}
	.pro_c .text{margin-bottom: 20px;}
	.pro_c .img img{width: 100%;}
	.pagenav{margin-top: 30px;margin-bottom: 40px;}
	.pagenav p{font-size: 14px;}
	.interested{padding-bottom: 20px;}
	.content img{width: 100%;}
	.tag{margin-top: 30px;margin-bottom: 30px;}
	.newslist{display: none;}
	.newswep{display: block;}
	.newswep .newli{border-bottom: 1px solid #ccc;padding: 8px 0px;margin-bottom: 20px;}
	.newswep .newli .newlitit{display: block;font-size: 18px;color: #000;line-height: 18px;}
	.newswep .newli .newlidate{font-size: 14px;color: #969696;margin: 5px 0px;}
	.newswep .newli .newlicon{font-size: 14px;color: #969696;margin-bottom: 5px;height: 48px;overflow: hidden;}
	.newswep .newli .newlia{color: #5f5f5f;font-size: 16px;text-align: right;}
	
	.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
	.ny_lxwm li{float:left; width:-webkit-fill-available; background:url(../img/lx_ico.png) left 18px  no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:50px;}
	.ny_lxwm li.li1{ background-position:0px 20px;}
	.ny_lxwm li.li2{ background-position:00px -50px;}
	.ny_lxwm li.li3{ background-position:0px -120px;}
	.ny_lxwm li.li4{ background-position:0px -190px;}
	.ny_lxwm li.li5{ background-position:0px -260px;}
	.ny_lxwm li.li6{ background-position:0px -330px;}
	.lxtjyc{ display:none;}	
	.c_wrap_r iframe {min-height: 520px !important;}

}



@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a{ width:calc(100% / 1); text-align:center; height:50px; line-height:50px; background:#e7272d; color:#fff; float:left; font-size:28px;    font-weight: bold;}
.remen.fl{display:none;}

.head .logo {
    color: #000000;
    font-size: 31px;
    font-weight: bold;
    margin-top: 34px;
    width: 58%;
}
.logo_tel {
    padding-top: 16px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 57px;
    box-sizing: border-box;
    margin-top: 12px;
    width: 40%;
    background-size: 20%;
}
.logo_tel p span {
    display: block;
    font-size: 23px;
    color: #ff8900;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.top .fr a{
	display:none;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 15%;
    line-height: 55px;
    position: relative;
}
.nav .breadcrumbnav li a {
    font-size: 15px;
    color: #fff;
}
.iabout .iabout_l {
    width: 463px;
    height: 558px;
    background: #0a64b6;
    display: none;
}
.iabout .iabout_r {
    width: 100%;
    height:auto;
    background: none;
    padding-left: 0;
}

.iabout .iabout_r .cont {
    margin-left: 0;
    margin-top: 50px;
}
.iabout .iabout_r .more {
    margin-top: 90px;
    background: #0a64b6;
    display: block;
    width: 140px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    margin-left: 0;
}
.iabout .iabout_r span {
    color: #333;
}
.ad_tl {
    width: 100%;
    margin-top: 39px;
}
.ad_t {
    display: block;
    height: auto;
    width: 100%;
}
.ad_tl .number {
    width: 12%;
    height: 74px;
    background: #0a64b6;
    text-align: center;
}
.ad_tl .cnt {
    width: 85%;
    height: 137px;
    margin-left: 10px;
}
.ad_tr {
    width: 101%;
    background: url(../img/pic2.png) no-repeat;
    height: 378px;
}
.ad_b {
    display: block;
    height: auto;
}
.ad_bl {
    width: 100%;
    background: url(../img/pic3.png) no-repeat;
    height: 421px;
    display: none;
}
.fg .fg_r{
	display:none;
}
.inews1 .inews_cont .cont_left {
    width: 100%;
}
.inews1 .inews_cont .cont_left .top {
    width: 100%;
    height: 192px;
    background: #f5f5f5;
    display: flex;
    margin-bottom: 20px;
}
.top_l {
    width: 36%;
}
.top_l img {
    width: 100%;
} 
.inews1 .inews_cont .cont_left .top_r {
    width: 62%;
    margin-left: 26px;
}


.footer {
    padding: 30px 0 80px;
    background: #2a2c2e;
}
.product .product_cont i {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    display: block;
}
.product .product_cont .title a {
    border-radius: 35px;
    width: auto;
    height: 51px;
    display: inline-block;
    background: #e5e5e5;
    color: #4c4c4c;
    line-height: 51px;
    text-align: center;
    font-size: 16px;
    margin-right: 4px;
    padding: 0 21px;
    margin-bottom: 10px;
}
.product .product_cont .title {
    padding-bottom: 38px;
    width: 100%;
    margin-left: 8px;
    text-align: center;
}

.inews_cont.flex {
    display: block;
}
.inews1 .inews_cont .cont_right {
    width: 100%;
    display: block;
}

}

