.icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
.width1004{ min-width:1200px;}
.indexcontent{ margin:0 auto; width:1200px;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
a.bs:hover{ text-decoration:underline;}

.content{ font-size:14px; color:#333333; line-height:30px;}
.content *{ line-height:30px;}
.content p{ padding:10px 0;}
.content img{ max-width:100%;}

.top{background: #f5f5f5;height: 40px;line-height: 40px;}
.top p{float: left;color: #666;}
.index-top-tel{float: right;font-family: 'BAHNSCHRIFT';font-size: 16px;}
.top .yy{float: right;width: 100px;height: 40px;line-height: 40px;padding-left: 40px;color: #888888;background:#dbdbdb url(../images/top_icon.png)no-repeat center right 40px;position: relative;cursor: pointer}
.top dl{background:#fff;color: #888888;width: 100px;position: absolute;left: 0;padding-left: 40px;box-shadow: 0px 7px 10.45px 0.55px rgba(0, 0, 0, 0.1);display: none}
.top .yy:hover dl{display: block}
.top dl dd:hover a{color: #1460b6;margin-left: 10px;}

.header{height: 90px;}
.header .index-top-name{float: left;width: 380px;margin-top: 16px;}
.header .index-top-name .index-companyname{font-size: 30px;font-weight: 600;line-height: 36px;letter-spacing: 1.6px;}
.header .index-top-name .index-companyname-en{font-size: 14px;text-transform: uppercase;font-family: arial;letter-spacing: 0.3px;}
.header .txt{float: left;border-left: 1px solid #ebebeb;margin-left: 36px;padding-left: 36px;}
.header .txt .txt1{font-size: 18px;font-weight: bold;color:#444444;line-height: 30px;}
.header .txt .txt2{font-size: 16px;color:#999999;line-height: 30px;}
.header .tel{float: right;background: url(../images/hotline.png) no-repeat left center;padding-left: 60px;}
.header .tel .txt1{font-size: 14px;color: #999}
.header .tel .txt2{font-size: 28px;color:#444444;font-weight: bold;line-height: 30px;}

.nav{float: right;width: 800px;}
.nav ul li{float: left;width: 16.66%;line-height: 90px;text-align: center;position: relative;}
.nav ul li:before{content: '';position: absolute;width: 1px;height: 10px;background: #024997;right: 0;top: 40px;}
.nav ul li a{color: #333;display: block;font-size: 16px;}
.nav ul li:after{content:"";position: absolute;width:0%;height: 2px;background: #024997;left: 50%;bottom: 0;transition: all 0.3s}
.nav ul .on:after{width:100%;left: 0}
.nav ul li:hover:after{width:100%;left: 0}

/*首页产品*/
.index-pro-bg{background: #f5f5f5;}
.title-wp{width:1200px;height:auto; margin: 60px auto 40px auto;}
.productlist{width:1200px;height:auto; margin: 0 auto; overflow:hidden;padding: 0 0 80px 0;}
.pro-left{width: 18%; float: left;box-sizing: border-box;border: 1px solid #ddd;padding: 0 0 50px 0;}
.sy_right{width: 80%;float: right; border: 1px solid #ddd;}
.sy_right_content{box-sizing: border-box;padding: 10px;}
.sypro-list li{float: left;width: 31.33%;border: 1px solid #eee;margin:0 1% 16px 1%;box-sizing: border-box;padding: 6px;text-align: center;}
.sy-cp-img{height: 220px;overflow: hidden;}
.sy-cp-img img{transition: all 0.5s;}
.sypro-list li img{width: 100%;}
.sypro-list li .sy-cp-t a{color: #333;font-size: 16px;line-height: 40px;}
.sypro-list li:hover .sy-cp-img img{transform: scale(1.2);}
.sypro-list li:hover .sy-cp-t a{color: #024997;}
.sy-list_con{padding: 24.5px 18px;border-bottom: 1px dashed #ddd;}
.list-d{font-size: 12px;line-height: 40px;text-transform: uppercase;font-family: arial;}
.list-tt{padding: 30px 20px;background-color: #024997;color: #fff;}
.list-t{font-size: 26px;font-weight: bold;}

.sy-fl-name{float: left;margin-left: 8px;color: #333;transition: all 0.2s;}
.index-fl-icon{float: right;color: #666;}
.sy-list_con:hover .sy-fl-name{color: #024997;}
.sy-list_con:hover .index-fl-icon{color: #024997;}
.in_1{padding: 80px 0;background: url(../images/index-1-bg.jpg)no-repeat center bottom;}
.title-left{float: left;}
.title{font-size: 34px;font-weight: bold}
.title-line{width: 110px;height: 4px;background: #024997;margin: 30px 0;}
.title_p{color: #999999;}
.title-more{float: right;}
.title-more a{display: block;width: 160px;height: 50px;line-height: 50px; text-align: center; background-color: rgba(255, 255, 255, 0);
border: 1px solid #fff;transition: all .5s ease;border-radius: 50px;}
.title-more a:hover{background: #024997;color: #fff;}
.in_1 ul li{float: left;width: 49%;height: 200px;position: relative;overflow: hidden;margin: 0 0 14px 0; border: 1px solid #ddd;box-sizing: border-box;}
.in_1 ul li:nth-child(2n){float: right;}
.in_1 ul li:nth-child(3n){margin-bottom: 0;}
.in_1 ul li:nth-child(4n){margin-bottom: 0;float: right;}
.in_1 ul li .mb{background:rgba(218,25,56,0.80);position: absolute;left: 50%;top: 50%;width: 0%;height: 0%;transition: all 0.3s}
.in_1 ul li .t{color: #fff;font-size: 16px;text-align: center;position: absolute;width: 100%;top: 50%;margin-top: -12px;display: none}
.in_1 ul li  img{transition: all 0.3s;width: 100%;}
.in_1 ul li:hover .mb{width: 100%;height: 100%;left: 0;top: 0}
.in_1 ul li:hover .t{display: block}
.in_1 ul li:hover img{transform: scale(1.05)}

.in_1 .box{width: 140px;height: 40px;border-radius: 4px; line-height: 40px; margin: 0 auto;text-align: center;background-image: linear-gradient(to right, rgba(46,166,224),rgba(21,49,140));transition: all 0.5s;}
.in_1 .box a{display: block; color: #fff;}
.in_1 .box:hover a{text-decoration: underline;}
.in_1 .box .prev{float: left;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center;font-size: 48px;color: #666666;background: url(../images/in_1_left.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_1 .box .next{float: right;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center; font-size: 48px;color: #666666;background: url(../images/in_1_right.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_1 .box .next:hover{background: url(../images/in_1_right_on.jpg)no-repeat center;}
.in_1 .box .prev:hover{background: url(../images/in_1_left_on.jpg)no-repeat center;}
.in_1_b{display: flex;display: -ms-flex;display: -webkit-flex;margin-top: 60px;justify-content: space-between;}
.in_1-edge{width: 24%;background: #f2f2f2;position: relative;border: 1px solid #ddd;}
.in_1_b_c{width: 49%;}
.in_1-edge .mb{background:rgba(218,25,56,0.80);position: absolute;left: 50%;top: 50%;width: 0%;height: 0%;transition: all 0.3s;}
.in_1-edge .t{color: #fff;font-size: 16px;text-align: center;position: absolute;width: 100%;top: 50%;margin-top: -12px;display: none;}
.in_1-edge img{transition: all 0.3s;width: 100%;}
.in_1-edge:hover .mb{width: 100%;height: 100%;left: 0;top: 0;}
.in_1-edge:hover .t{display: block;}
.in_1-edge:hover img{transform: scale(1.05);}

/*关于我们*/
.index-about-bg{padding: 150px 0;background: url(../images/about_bg1.jpg) no-repeat center center;}
.index-about-wp{display: flex;justify-content: space-between;}
.index-about-left{float: left;width: 48%;}
.index-about-left img{object-fit: contain;}
.index-about-right{float: right;width: 45%;}
.index-about-t1{font-size: 40px;font-weight: 600; font-family: arial;text-transform: uppercase;opacity: 0.6;color: #fff;}
.index-about-t2{font-size: 26px;line-height: 80px;color: #fff;}
.index-about-content{font-size: 16px;line-height: 40px;color: #fff;}
.index-about-more{float: none;}
.index-about-more a{margin: 20px 0 0 0;color: #fff;}

/*新闻中心*/
.in_7{background:#f5f5f5;padding: 40px 0;}
.in_7 ul{margin-top: 40px;}
.in_7 ul li{float: left;background: #fff;width: 544px;margin-right: 32px;margin-bottom: 20px;padding: 20px;}
.in_7 ul li:nth-child(2n){margin-right: 0;}
.in_7 ul li .fd{float: left;width: 180px;height: 128px; text-align: center;position: relative;}
.index-news-d{font-size: 48px;color: #666;line-height: 1;font-weight: normal;margin-top: 16px;}
.index-news-ym{font-size: 16px;color: #777;}
.in_7 ul li .fd:after{content: '';position: absolute;width: 1px;height: 80%;background: #ddd;right: 30px;top: 10%;}
.in_7 ul li .txt{width: 340px;float: right;}
.in_7 ul li:hover .img{transform: scale(1.05);}
.in_7 ul li .h1{font-size: 18px;color: #333;}
.in_7 ul li .h2{font-size: 14px;color: #999; margin-top: 10px;}
.in_7 ul li .a{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #999; color: #fff;margin-top:10px;}
.in_7 ul li .a:hover{background: #024997;color: #fff;}


.in_8{padding: 70px 0;background: url(../images/in_8_bg.jpg) no-repeat center center;background-attachment: fixed;text-align: center;}
.in-8-contact{font-size: 40px;font-family: arial;text-transform: uppercase;color: #fff; opacity: 0.2;}
.in-8-title{font-size: 34px;color: #fff;letter-spacing: 6px;margin: 40px 0;font-weight: 600;}
.in-8-des{font-size: 15px;color: #fff;line-height: 28px;letter-spacing: 1px;}
.in-8-more{float: none;}
.in-8-more a{ margin: 30px auto 0 auto;color: #fff;border: 1px solid #fff;}


.foot .indexcontent{position: relative}
.foot{padding: 70px 0 0 0;background: #24282e}
.foot-name{float: left;font-size: 26px;color: #c3c3c3;}
.foot-navwp{float: right;}
.foot .foot_nav{padding-bottom: 46px;border-bottom: 1px solid #3a3e43}
.foot .foot_nav dt{font-size: 16px}
.foot .foot_nav dt,.foot .foot_nav dd{float: left;color: #7f8183;margin-left: 60px}
.foot .foot_nav dd a{color: #7f8183}
.foot .left{color: #7f8183;display: flex;justify-content: space-between;}
.foot-contact-content{font-size: 18px;font-weight: 600;}
.foot .center{color: #7f8183;text-align: center;margin-top: 36px;border-top: 1px solid #3a3e43;padding: 16px;}
.foot .center a{color: #7f8183;}
.foot .center a:hover{color: #fff;}
.foot .right{float: right}

.n_nav .indexcontent{position: relative}
.n_nav ul li{float: left;margin-right: 50px;padding:30px 0;font-size:16px;position: relative}
.n_nav ul li:after{content: "";position: absolute;width: 0%;left:50%;bottom: 0;height: 3px;background:#1460b6;transition: all 0.5s }
.n_nav ul li:hover:after{width: 100%;left: 0}
.n_nav ul li:hover a {;color: #1460b6}
.n_nav ul .on a {;color: #1460b6}
.n_nav ul .on:after{width: 100%;left: 0}
.n_nav .wz{position: absolute;right: 0;top: 50%;margin-top: -15px; background: url(../images/wz_bg.jpg)left center no-repeat;padding-left: 20px}

.product {background: #f5f5f5;padding: 80px 0}
.product ul li{float: left;width: 372px;margin-right: 40px;margin-bottom: 30px;height: 300px}
.product ul li:nth-child(3n){margin-right: 0}
.product ul li .fd{height: 250px;}
.product ul li img{width: 100%;height: 250px;}
.product ul li .t{text-align: center;margin-top: 20px;font-size: 16px}
.product ul li:hover .t{color: #1460b6}
.product ul li:hover .fd{border: 2px solid #1460b6;height: 246px}

.pages { margin-top:30px; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center;margin-bottom:20px}
.pages a { text-decoration: none; color: #999; background: #fff; border: 1px solid #ddd; padding: 5px 10px; padding-bottom: 6px; margin-right: 3px }
.pages a.active { background: #1460b6; border: 1px solid #ddd; color: #fff }
.pages a:hover {  background: #1460b6; border: 1px solid #1460b6; color: #fff; text-decoration: none;  }

.product3{padding: 53px 0;text-align: center;background: #f5f5f5;}
.product3 .h1{font-size: 30px;font-weight: bold;color:#09548d;text-align: center;line-height: 30px}

.product3 .a{display: inline-block;width: 160px;height: 45px;background: #c3c3c3;color: #fff;border-radius: 30px;text-align: center;line-height: 45px;margin: 0 15px; margin-top:60px}
.product3 .a:hover{background:#09548d }
.product3 .productinfo{background: #fff;padding: 45px;padding-bottom: 60px}
.product3 .content{margin-top: 50px}

.case{background: #f5f5f5;padding: 80px 0}
.case ul li{float: left;width: 380px;margin-right: 30px;margin-bottom: 30px;position: relative}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li img{width: 380px;height: 280px}
.case ul li .mb{background: url(../images/case_mb.png)
	no-repeat center;position: absolute;top: 50%;left: 50%;width: 0%;height: 0%;transition: all 0.3s}
.case ul li:hover .mb{top:0;left:0;width: 100%;height:100%;}
.case ul li:hover .t{;display: block}
.case ul li .t{position: absolute;color: #fff;font-size: 18px;top: 50%;margin-top: -15px;width: 100%;text-align: center;display: none}
.case ul li:hover .fd img{transform: scale(1.05)}

.about{padding: 80px;background: #f5f5f5}
.about .h1{font-size:30px;text-align: center}
.about .p1{margin-top:46px;color:#666666  }
.about_title{font-size: 26px;padding-left:50px;margin-top: 80px}
.about .about_img3{padding: 130px;background: url(../images/about_img4.jpg);margin-top: 80px;}
.about .about_img3 .h2{font-size: 46px;font-weight: bold;color: #fff;text-align: center}
.about .about_img3 .p{margin-top: 55px;text-align: center;color: #fff}

.lianxi{padding: 100px 0;background: #f5f5f5}
.lianxi .left{float: left;width: 50%}
.lianxi .left .h1{font-size: 26px;font-weight: bold;}
.lianxi .left ul{margin-top: 40px;}
.lianxi .left ul li{color: #666;font-size: 16px;line-height: 40px;padding-left: 40px}
.lianxi .left .h2{font-size: 16px;margin-top: 50px;font-weight: bold}
.lianxi .left .p{color: #666;font-size: 16px}

.new_info{padding: 80px 0;background: #f5f5f5}
.new_info .new_info_c{background: #fff;padding: 60px;}
.new_info .new_title{font-size: 30px;font-weight: bold;text-align: center}
.new_info .new_title2{font-size: 14px;color: #999;text-align: center;margin-top: 30px;padding-bottom: 40px;border-bottom: 1px solid #e6e6e6}
.new_info .content{padding: 30px }
.new_info .content p{color:#666}
.new_info_b{padding-top: 35px;border-top: 1px solid #e6e6e6;position: relative}
.new_info_b a{display: block}
.new_info_b a:hover{color: #1460b6}
.new_info_b .bdsharebuttonbox{position: absolute;right: 0;top: 35px}
.new_info_b  .bdshare-button-style0-16 a,.new_info_b  .bdshare-button-style0-16 .bds_more{width: 22px;height: 22px;padding-left: 0;margin: 0 5px}
.new_info_b  .bdshare-button-style0-16 a:nth-child(1){background: url(../images/new_icon1.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(2){background: url(../images/new_icon2.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(3){background: url(../images/new_icon3.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(4){background: url(../images/new_icon4.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(5){background-position: 0 3px}

.new{padding: 75px 0;background: #f5f5f5}
.new ul li{background: #fff;margin-bottom: 50px}
.new ul li .txt{width: 490px;height: 140px;float: left;padding:40px 120px}
.new ul li .txt .h1{font-size: 20px;font-weight: bold;transition: all 0.3s}
.new ul li .txt .h2{margin-top: 30px;color: #666666}
.new ul li .txt .h3{margin-top: 10px;color: #999}
.new ul li:hover .fd img{transform: scale(1.05)}
.new ul li:hover .h1{font-size: 20px;color: #1460b6}

.contact_us2{padding: 80px 0;background:#f5f5f5}
.contact_us2 .contact_us2_h1{font-size: 30px;font-weight: bold;text-align: center}
.contact_us2 .contact_us2_p{text-align: center;color: #666666;margin-top: 15px}
.rid34{margin-top: 30px;}
.Gbook_b1 { }
.Gbook_b1 .name { width: 48%; float: left; margin-bottom: 20px; }
.Gbook_b1 .phone { width:48%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .email { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .company { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .content { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .vcode { width: 32%; float: left; }
.Gbook_b1 .vcode .InputV1 { width: 280px; }

.InputV1 { height: 55px; width: 98%; line-height: 38px; padding: 0 10px; border: 1px solid #ddd; background-color: #fafafa;outline: none}
.InputV1:focus { border: 1px solid #1460b6; background-color: #fff; }
.TextareaV1:focus { border: 1px solid #1460b6; background-color: #fff; }
.ButtonV1 { height: 60px; line-height: 40px;width:300px; background-color: #333;transition: all 0.3s; color: #fff; font-size: 14px; cursor: pointer;font-family:'微软雅黑';margin: 0 auto;border: none;display: block}
.TextareaV1 { line-height: 150%; width: 98%; padding: 10px; border: 1px solid #ddd; background-color: #fafafa; resize: none;outline: none;height: 200px }
.ButtonV1:hover{ background-color: #1460b6;}
.yzm .InputV1{width: 300px}
.yzm{float: left}