/* CSS Document */
body{}
@font-face {
	font-family:impact;
	src: url('/Html/fonts/Avignon-Bold.otf'); }
@font-face {
	font-family:impact;
	src: url('/Html/fonts/DINCond-Medium.otf'); }
		
	
@font-face{font-family: "HelveticaLTStd-Bold"; src:url(/Html/fonts/HelveticaLTStd-Bold.ttf)}
@font-face{font-family: "DINCond-Medium"; src:url(/Html/fonts/DINCond-Medium.ttf)}


@font-face{font-family: "AvenirLTStd-Light"; src:url(/Html/fonts/AvenirLTStd-Light.otf)}
@font-face{font-family: "HelveticaLTStd-BoldCond"; src:url(/Html/fonts/HelveticaLTStd-BoldCond.otf)}

@font-face {
	font-family:Barlow-Regular;
	src: url('../font/Barlow-Regular.ttf'); }
	
@font-face{font-family: "HelveticaLTStd-Bold"; src:url(/Html/fonts/HelveticaLTStd-Bold.ttf)}
@font-face{font-family: "HelveticaLTStd-BoldCond"; src:url(/Html/fonts/HelveticaLTStd-BoldCond.otf)}
		
@font-face {
font-family: 'iconfont';
src: url('/Html/fonts/iconfont.woff2?t=1689738565086') format('woff2'),
url('/Html/fonts/iconfont.woff?t=1689738565086') format('woff'),
url('../font/iconfont.ttf') format('truetype');}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}		
@font-face {
font-family:HelveticaLTStd-BoldCond;
src: url('/Html/fonts/HelveticaLTStd-BoldCond.otf'); }



.wm{margin:0 8%;}
.wm2{margin:0 8%;}
.zd01{width:100%;position:fixed; top:0;left:0; z-index:9999999;height:92px;background-color: rgba(255,255,255,0.6);}
.zd01.on{background-color: rgba(255,255,255,1);box-shadow:0px 0px  10px 0px #aaa; transition:all 0.4s;}
.zd01:hover{background-color: rgba(255,255,255,1);transition:all 0.4s;}
.zd01:hover .menu ul li a:hover{text-decoration:none;color:#fff;font-weight:bold;background:#156ea3;}

.top{width:100%; top:0;left:0; z-index:889; position:absolute;height:92px;}
.top .logo{float:left;padding-top:10px;}
.top .logo img { width:100px;}
.top .menu{float:right;padding-left:5%;}
.menu ul li{ display:inline-block;line-height:92px;}
.menu ul li:last-child{ background:none;}
.menu ul li a{padding:0 20px;font-size:18px; display:block; color:#000; font-weight:400;}
.menu ul li a.on {text-decoration:none;color:#fff;font-weight:bold;background:#156ea3;}


.menu ul li { position:relative;}
.menu ul li .erji { width:300px; background:#fff; padding:0px 0px ; position:absolute; top:92px; box-shadow:0px 5px 5px 5px rgba(0,0,0,.0); margin-left:-70px; background:#f3f3f3;}
.menu ul li .erji a { width:100%; line-height:40px; text-align:center; font-weight:400; color:#000; transition:all .4s; border-bottom:1px solid rgba(0,0,0,.1);}
.menu ul li .erji a:last-child { border:none;}
.menu ul li .erji { display:none;}
.menu ul li:hover .erji {display: block; }
/*.menu ul li:hover .erji a { background:none; color:#156ea3; font-weight:900;}*/
.zd01:hover .menu ul li .erji a:hover { background:156ea3; color:#ccc; font-weight:400;}


.top .lang{float:right;margin-top:32px;height:21px;line-height:21px;margin-left:2%;font-size:16px;}
.top .lang img{vertical-align: middle;width: 30px;padding-right:7px;}
.top .top_tel{background: url(../image/tel.png) no-repeat left center;padding-left: 45px;font-family: Impact;font-size: 24px;color: #383838;float:right;margin-top:30px;}

.search_btn{margin-top:30px;margin-left:2%;cursor: pointer;float: right;position: relative;z-index: 1;}
.search_btn img{width:30px;height:30px;}
.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; display:none;}
.search_main{ padding:50px;background:#ffffff; position: fixed; left:50%; top:50%; z-index:10000; margin:-75px 0 0 -250px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:350px; height:50px; border:1px solid #156ea3; padding:0 15px; float:left; font-size:14px;}
.search_main .submit{ width:50px; height:52px; background:#156ea3 url(../image/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}
.close-reveal-modal {font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold;cursor: pointer;} 

.mbdh{ display:none;}

/*手机版搜索*/
.sj_search_bg{width:100%;overflow:hidden; display:none}
.sj_search{background:#ffffff;left:50%;position:relative;margin:10px 0 10px -190px;}
.sj_search .input{ width:300px; height:50px; border:1px solid #156ea3; padding:0 15px; float:left; font-size:14px;}
.sj_search .submit{ width:50px; height:52px; background:#156ea3 url(../image/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}

.sy_title{text-align:center;padding-top:60px; }
.sy_title h2{font-size:48px;color:#000;font-weight:bold;padding-top:7px;font-family: "HelveticaLTStd-BoldCond"; }
.sy_title p{font-size:16px;padding-top:15px;color:#666; }
.sy_title2{text-align:center;padding-top:70px;}
.sy_title2 h2{font-size:36px;color:#fff;font-weight:bold;padding-top:7px;letter-spacing:2px; }
.sy_title2 p{font-size:16px;padding-top:15px;color:#fff;}

.con_01{width:100%;background:url(../image/bg2.jpg) no-repeat top center;overflow:hidden;padding-bottom:80px;}
.con_01 .box{margin-top:40px;}
.con_01 .box ul li{ width:18.4%;float:left;padding-top:15px;background:#fff;border-radius:5px; margin-top:70px; padding-left:1.2%; padding-right:1.2%; padding-bottom:30px; line-height:27px; margin:.8%; text-align:center; box-shadow:0px 0px 5px 5px rgba(0,0,0,.05); transition:all .4s;}
.con_01 .box ul li .bt{font-size: 20px;line-height: 65px;border-bottom:1px solid #eee;color:#156ea3;font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.con_01 .box ul li .pic{height:120px;overflow:hidden;}
.con_01 .box ul li .pic img{height:120px; transition:all 1s;}
.con_01 .box ul li:hover .pic img{ transform-origin:center center; transform:scale(1.2,1.2);}
.con_01 .box ul li .txt{font-size:14px;color:#8b8b8b;}
.con_01 .box ul li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.con_01 .box ul li .more{background:#156ea3;margin-top:10px;line-height:30px;color:#fff;}
.con_01 .box ul li:hover { transform:scale(1.05,1.05)}
.con_01 .box ul li:hover .more{background:#63b535;}

/*关于我们*/
.con_02{width:100%;overflow:hidden;padding-top:80px;}
.sy_about_l{float:left;width:44%;}
.sy_about_l img{width:100%;border-radius: 30px;}
.sy_about_r{float:right;width:51%;}
.sy_about_r h3{margin-top: 10px;font-size:40px;color: #156ea3;text-transform: uppercase;font-family: "HelveticaLTStd-BoldCond";  font-weight:normal;}
.sy_about_r i{width: 50px;height: 2px;background:#156ea3;display: block;margin-top: 18px;}
.sy_about_r .txt{margin-top: 30px;font-size: 16px;line-height: 32px;color: #565656;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow: ellipsis;}

.xuanchuan ul{ margin-top:40px;}
.xuanchuan ul li{ text-align:center;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);width:20%;float:left;padding:1% 1.5%;margin:1%;}
.xuanchuan ul li .itu{ width:60px; height:60px; border-radius:60px; border:1px solid #717171;display: flex; justify-content: space-between; align-items: center; margin:0 auto; margin-bottom:10px;transition: transform 0.5s; }
.xuanchuan ul li:hover .itu {transform: rotateY(180deg); /* 鼠标悬停时，‌图片沿Y轴旋转180度 */}
.xuanchuan ul li .itu img{ height:30px;margin:0 auto; }
.xuanchuan ul li .xab1 .xshuzi{ font-size:42px; font-weight:bold; color:#333;}
.xuanchuan ul li .xab1 {display: flex;justify-content: center;}
.xuanchuan ul li .xab1 .xms{background:#156ea3;width: 40px;height: 20px;text-align:center;line-height: 20px;color:#fff;border-radius:50px;margin-top: 25px;margin-left:10px;font-size: 12px;}
.xuanchuan ul li .xuan{ margin-top:5px; font-size:17px;}

.link { width:100%;  margin-top:30px; float:left;  box-shadow: 0px 0px 40px 0px rgba(5, 5, 5, 0.08);}
.link .img2{display: none;}
.link li{width: 33.333%;float: left;height: 100px;text-align: center;position: relative;cursor: pointer;}
.link li .bot-li{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 55%;text-align: left;    width: fit-content;padding-left: 105px; width:70%}
.bot-li img{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.link li:hover{background: #156ea3!important; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.link li:hover .img1{display: none;float: left;}
.link li:hover .img2{display:inline-block;float: left;}
.link li:hover p, .link li:hover h6{color: #FFFFFF;}
.h3-size30 {color:#333333}
.link li p {margin-bottom: 0;color: #777777; font-size:15px; margin-top:4px; font-family:Arial;}
.link li .bot-li h6{ font-size:24px; line-height:40px; padding:0px; margin:0px; font-weight:400;}
/*关于我们结束*/

/*应用领域*/
.con_04{width:100%;overflow:hidden;margin-top:0px;background:#f7f7f7;padding-bottom:50px;}
.con_04 .title{background:url(../image/index_04.png) repeat-x;height:35px;text-align:center;font-family:century gothic;font-weight:bold;}
.con_04 .title span{ display:inline-block;background:#f7f7f7;height:35px;line-height:35px;padding:0 20px;font-size:30px;color:#03434e; text-transform:uppercase;}
.con_04 ul{margin-top:30px;}
.con_04 ul li{float:left;width:46%;margin:2%;}
.con_04 ul li .yy_l{width:235px;height:160px;overflow:hidden;border-radius:10px;}
.con_04 ul li .yy_l img{width:235px;height:160px; transition:all 1s;}
.con_04 ul li:hover .yy_l img{ transform-origin:center center; transform:scale(1.2,1.2)}
.con_04 ul li .yy_r{width: calc(97% - 235px);}
.con_04 ul li .yy_r h1{font-size:18px;padding-top:6px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;color:#000;}
.con_04 ul li:hover .yy_r h1{color:#156ea3;}
.con_04 ul li .yy_r .tx{line-height:20px;font-size:14px;color:#888888;padding-top:12px;height:93px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden;margin-bottom:10px;}


/*客户评价*/
.sy_khpj{margin-top:50px;}
.sy_khpj2{margin-top:50px; display:none;}

/*为什么选择我们*/
.init-4 { background:url(../image/ysbg.jpg) no-repeat center fixed;background-size: auto;padding:200px 80px;margin-top:50px; background-size:100% 100%; }
.init-4 .left {width: 52%; float:left;vertical-align: middle;text-align: right;padding-right: 3%;}
.grid-box .column {display: inline-block;font-size: 12px;vertical-align: top;letter-spacing: 0;}
.init-4 .left .box2 {max-width: 470px;padding: 30px;background: #fff;margin-left: auto;text-align: left;border-radius: 5px;}
.init-4 span.tag {font-size: 15px;color: #156ea3;display: block;line-height: 2;}
.init-4 .left .box2 span.tag {font-weight: 700;line-height: 2;}
.init-4 .left .box2 .tag_txt {font-size: 22px; color:#000;line-height: 1.5;margin: 20px 0 40px 0;font-weight:700;}
a.more { cursor:pointer;line-height: 40px;height: 40px; font-size:14px;padding: 0 25px;color: #fff; background:#156ea3;border-radius: 25px;display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
a.more:hover{color:#fff000;}
.init-4 .right {width: 43%; float:right;vertical-align: middle;color: #fff;display: inline-block;font-size: 12px;}
.init-4 .right ul li {margin-bottom: 10px;}
.init-4 .right ul li {padding-left: 35px;position: relative;margin-bottom: 20px;}
.init-4 .right ul li i {position: absolute;left: 0;top: 0;}
.init-4 .right ul li h6 {font-size: 18px;}
.init-4 .right ul li h6 {font-size: 20px;line-height: 1.2;}
.init-4 .right ul li .text {margin-top: .2em; color:#fafafa;line-height:20px; font-size:14px;/*text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 40px;line-height: 20px;*/}


#bottom{background:#2c2f34;width:100%;overflow:hidden;color:#999999;}
#bottom a:hover{color:#fff;}
.bot_nav{text-align:center;padding:30px 0;}
.bot_nav a{margin:0 12px;font-size:16px;color:#fff;}
.bot_nav a:hover { color:#156ea3 !important; font-weight:700;}
.foot .foota{ padding-top:40px; padding-bottom:10px; color:#fff; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1); }
.foot .flian ul li:nth-child(2n){ float:right; width:24%;}
.foot .flian ul{width:90%;margin:0 auto;}
.foot .flian ul li{ width:31.33333%; float:left;display: flex; align-items: center; margin-bottom:40px; padding-right:2%; }
.foot .flian ul li:nth-child(3){ width:22%;}
.foot .flian ul li .ictxt{ font-weight:normal; margin-left:20px;}
.foot .flian ul li .ictu{width: 54px;height: 54px;border-radius: 0%;overflow: hidden;background-color: #0196d5;min-width: 54px;}
.flian { width:100%;}
.flian ul { display: flex;justify-content: space-between;}
.foot .flian ul li a{ color:#fff; }
.ictxt p { font-size:14px; line-height:20px;}
.foot .flian ul li .ico_add { background:url(../image/ico2.png) no-repeat center;background-size: auto 22px;background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_tel { background:url(../image/ico1.png) no-repeat center;background-size: auto 22px;background-color: ; background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_email { background:url(../image/ico3.png) no-repeat center;background-size: auto 18px;background-color: ; background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_url { background:url(../image/ico4.png) no-repeat center;background-size: auto 22px;background-color: #0196d5;}

.foot .flian ul li .ico_rep { background:url(../image/ico4.png) no-repeat center;background-size: auto 22px;background-color: ; background-color:; border:1px solid #fff;}

.bot{line-height:30px;width:100%;overflow:hidden;color:#999999;padding:35px 0;text-align:center;}
.bot a{color:#999999 !important;}
.bot a:hover{color:#fff !important;}

.mbfor {display: none;}


/*右侧悬浮*/
#go_top {position: fixed;right:0px; bottom: 60px;z-index:99;width:60px; height:350px; }
#go_top a.t1 {background:#50a31c url(../image/top1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius: 2px;}
#go_top a.t1:hover {background:#50a31c url(../image/top1.png) no-repeat center;}
#go_top a.t2 {background:#50a31c url(/Html/images/ft1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius: 2px;}
#go_top a.t2:hover {background:#50a31c url(/Html/images/ft1.png) no-repeat center;}
.right-btn-group {width:60px;height:190px; margin:5px 0;}
.right-btn-group .show-tel,.right-btn-group .show-qq,.right-btn-group .show-ew, .right-btn-group .to-top {border-radius: 2px;}
.right-btn-group .show-tel a:hover span,.right-btn-group .show-qq a:hover span, .right-btn-group .show-ew a:hover span, .right-btn-group .to-top a:hover span, .right-btn-group .to-top2 a:hover span {display: block}

.right-btn-group .to-top {width: 60px;height: 60px;}
.right-btn-group .to-top a {border-radius: 2px;display: block;width: 60px;height: 60px;background:rgba(134,134,134,0.7) url(../image/tel.png) no-repeat center;}
.right-btn-group .to-top a:hover {background: #50a31c url(../image/tel.png) no-repeat center}
.right-btn-group .to-top span {display: none;position: absolute;width: 190px;height:60px;top:5px;left: -190px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:60px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top span:after {content: ' ';top:25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.right-btn-group .to-top2 {width: 60px;height: 60px;margin-top: 5px}
.right-btn-group .to-top2 a {border-radius: 2px;display: block;width: 60px;height: 60px;background:rgba(134,134,134,0.7) url(../image/mail.png) no-repeat center;}
.right-btn-group .to-top2 a:hover {background: #50a31c url(../image/mail.png) no-repeat center}
.right-btn-group .to-top2 span {display: none;position: absolute;width: 280px;height:60px;top:70px;left: -280px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:60px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top2 span:after {content: ' ';top:25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.right-btn-group .to-top3 {width: 60px;height: 60px;margin-top:5px;}
.right-btn-group .to-top3 a {border-radius: 2px;display: block;width: 60px;height: 60px;background:rgba(134,134,134,0.7) url(/Html/images/order.png) no-repeat center;}
.right-btn-group .to-top3 a:hover {background: #50a31c url(/Html/images/order.png) no-repeat center}
.right-btn-group .to-top3 span {display: none;position: absolute;width: 190px;height:60px;top:130px;left: -190px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:60px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top3 span:after {content: ' ';top:25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

.right-btn-group .show-ew {width: 60px;height: 60px;margin-bottom:5px;margin-top:5px;}
.right-btn-group .show-ew img { width:140px; display:block;}
.right-btn-group .show-ew a {border-radius: 2px;display: block;width: 60px;height: 60px;background: rgba(134,134,134,0.7) url(../image/c2-1.png) no-repeat center;}
.right-btn-group .show-ew a:hover {background: #50a31c url(../image/c2-1.png) no-repeat center}
.right-btn-group .show-ew span {display: none;position: absolute;width: 150px;height:175px;top:130px;left: -160px;z-index: 5;color: #fff;background-color: #fff; padding:5px; text-align:center; color:#686868; line-height:20px; font-size:14px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .show-ew span:after {content: ' ';top: 25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}

/*ny*/
.ny_ban01{background:url(../image/ny_ban01.jpg) no-repeat center top;}
.ny_ban02{background:url(../image/ny_ban02.jpg) no-repeat center top;}
.ny_ban03{background:url(../image/ny_ban03.jpg) no-repeat center top;}
.ny_ban04{background:url(../image/ny_ban04.jpg) no-repeat center top;}
.ny_ban05{background:url(../image/ny_ban05.jpg) no-repeat center top;}
.ny_ban06{background:url(../image/ny_ban06.jpg) no-repeat center top;}
.ny_ban07{background:url(../image/ny_ban07.jpg) no-repeat center top;}
.ny_ban08{background:url(../image/ny_ban08.jpg) no-repeat center top;}
.ny_ban{width:100%;height:450px;overflow:hidden;position:relative;}
.ny_ban_txt{text-align:center;margin-top:220px;z-index:99;}
.ny_ban_txt h1{font-size: 2.4vw;letter-spacing: 4px;text-shadow: 1px 2px 2px #000;color:#fff;}
.ny_ban_txt p{font-size: 18px;letter-spacing: 0px;text-shadow: 1px 1px 2px #000;transition-property: all;color:#fff;}

/*当前位置*/
.dqwz{ background:#f0f0f1;padding-top:20px; padding-bottom:20px;margin-top:0px;}
.dqwz .loca{ background:url(../image/location_icon.png) no-repeat left; padding-left:25px; font-size:15px; }
.dqwz .loca span{ padding-left:8px; padding-right:8px;}


#content{margin:0 8%;}
.ny_title{text-align:center;padding-top:50px;}
.ny_title h2{font-size:36px;color:#1d2830;font-weight:bold;padding-top:7px;letter-spacing:2px; }
.ny_title i{display:block;width:40px;height:2px;background:#156ea3;margin:15px auto 0;}
#content .box{line-height:36px;font-size:16px;margin-top:40px;}

/*关于我们*/
.ny_about_l{float:left;width:55%;}
.ny_about_l p { margin-bottom:20px;}
.about2 p { margin-bottom:20px;}
.ny_about_l p a { color:#000;}
.ny_about_r{float:right;width:42%; margin-bottom:70px;}
.ny_about_r img{width:100%;height:auto;}

.ny_about2_bt{font-size:30px;color:#156ea3;border-left:3px solid #156ea3;padding-left:12px;border-bottom:1px solid #eee;padding-bottom:10px;}
.ny_about2_bt span{font-size:20px;font-family:Arial;color:#ababab;}
.bak td,.bak th { font-size:14px; padding:5px 10px; border:0; text-align:center;}
.bak th { background:#156ea3; color:#fff; font-weight:bold; text-align:center; font-size:16px; line-height:42px;}
.bak td{line-height:38px;font-size:15px;}
.bak tr:nth-child(odd){background:#fff;}
.bak tr:nth-child(even){background:#f7f7f7;}
.ny_cp_name{font-size:28px;text-align:center;padding:40px 0 20px 0;color:#203864;}


/*产品详情切换图*/
	.bg{margin:0 auto;overflow: hidden;box-sizing: border-box;background: #fff;width:100%;overflow:hidden; position:relative;}
    .bg_left{width: 35%;height:auto;float: left;}
    .bg_right{float: right;width:62%;}
    .show{width: 100%;height: 100%;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{width: 100%;height: 100%;}
    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{max-width:600px;max-height: 500px;overflow: hidden;display: none;border:1px solid #E8E8E8;position:absolute;z-index:999;}
    .bigshow img{max-width: 600px;max-height:600px;margin-right: 10px;}
    .smallshow{width: 100%;height: 70px;position: relative}
    .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s;height:60px;}
    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow>.prev{left: 0;background: url(../image/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(../image/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(../image/prev.png) no-repeat;cursor: not-allowed}
    .smallshow>.next.nextnone{right: 0;background: url(../image/next.png) no-repeat;cursor: not-allowed}

.rr{ position:absolute;width:100%;}
.tex2 { color:#525355;}
.tex2 .cpm{ font-weight:bold; padding-bottom:15px; font-size:28px; font-family:Arial; border-bottom:#ccc 1px dashed; padding-bottom:15px;color:#000;margin-bottom:10px;}
.tex2 p {line-height:30px}
.tex2 p.s2 { font-style:italic; color:#4284cd;margin:10px 0;}
.tex2 p.s2 a{ display:inline-block;width:20%;margin-right:2%;float:left;}
.tex2 p.s2 a.tt { display:block; background:#E6E6FA; color:#A52A2A; font-weight:bold; text-align:center; padding:5px 0; margin-bottom:5px;margin:0 5px;}
.tex2 p.s2 a.tt:hover {transition:0.4s; font-size:15px; background:#faefe6;}
.shejiao{padding-top:10px;}
.shejiao2{text-align:left;margin-top:15px;color:#000;}

.blank15 { clear:both; height:15px; display:block; overflow:hidden;}

/*order2*/
.liuyan{border-top:1px solid #eee;padding-top:40px;}
.liuyan h2{ color:#1173cb; font-size:40px; text-align:center; margin:0 auto; font-weight:normal}
.liuyan h3{font-size:17px;font-weight:normal;text-align:center; margin:0 auto; margin-top:15px; }
.liuyan ul{ margin-top:40px;}
.liuyan ul li{ float:left; width:48%; margin-bottom:20px; padding-left:1%;}
.liuyan ul li:nth-child(2n){ float:right;}
.lname font{ color:#cc0000; padding-left:10px;}
.lname{ line-height:30px; color:#666; margin-bottom:10px;}
.liuyan ul li select{ background:#f0f5f9; line-height:40px; height:40px; border:1px solid #ddd; width:100%; padding-left:2%; padding-right:2%; /*outline:none; */color:#999;font-size:15px;}
.liuyan ul li input,.liuyan ul li textarea{ background:#f0f5f9; line-height:40px; height:40px; border:1px solid #ddd; width:95%; padding-left:2%; padding-right:2%; /*outline:none; */color:#999; font-size:15px;}
.liuyan ul li textarea{ height:100px;font-family:Arial;}
.liuyan ul li:nth-child(5){ width:100%;}
.liuyan ul li:nth-child(5) .duoxuan{ width:100%;display: flex; /*flex-wrap: wrap; justify-content: space-between;*/}
.liuyan ul li:nth-child(5) .duoxuan input{  height:20px; width:20px; margin-right:10px;}
.liuyan ul li:nth-child(5) .duoxuan div{ margin-right:20px; font-size:15px;}
.liuyan ul li:nth-child(6){ width:99%; float:none}
.liuyan ul li.tijiao input{ background:#0d74cc!important; border:0px!important; color:#fff!important; padding:0px; width:100%}
.liuyan ul li.tijiao{ width:99%; float:none;}
.liuyan ul li.yzm{display: flex; /*flex-wrap: wrap; justify-content: space-between;*/}
.liuyan ul li.yzm input{ background:#fff;width:120px;}
.liuyan ul li.yzm img{ margin-left:20px; height:40px;}


/*产品*/
.ny_cp{margin-top:40px;}
.ny_cp ul li{ width:31%;float:left;padding-top:15px;background:#fff;border-radius:5px; margin-top:70px; padding-left:1.2%; padding-right:1.2%; padding-bottom:30px; line-height:27px; margin:.8%; text-align:center; box-shadow:0px 0px 5px 5px rgba(0,0,0,.05); transition:all .4s;}
.ny_cp { text-align:center !important;}
.ny_cp ul li { display:inline-block !important; float: inherit !important;}
.ny_cp ul li .bt{font-size: 20px;line-height: 65px;border-bottom:1px solid #eee;color:#156ea3;font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.ny_cp ul li .pic{height:120px;overflow:hidden;}
.ny_cp ul li .pic img{height:120px; transition:all 1s;}
.ny_cp ul li:hover .pic img{ transform-origin:center center; transform:scale(1.2,1.2);}
.ny_cp ul li .txt{font-size:14px;color:#8b8b8b;}
.ny_cp ul li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.ny_cp ul li .more{background:#156ea3;margin-top:10px;line-height:30px;color:#fff;font-size:14px; width:100%; height:30px;}
.ny_cp ul li:hover { transform:scale(1.05,1.05)}
.ny_cp ul li:hover .more{background:#63b535;}
.ny_cp .box{line-height:36px;font-size:16px;margin-top:40px;}
.ny_pic img{ max-width:100%; height:auto !important; height:100%;}

.nymain{margin-top:50px !important;}
.left{ width:20%; float:left}
.atop {background: #eff4fa;padding: 10px 20px;}
.atop .atitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.right{width: 77%; float:right;font-size:16px;}
.pro_detail_title{ font-size:30px; color:#333; margin-bottom:20px;border-bottom: #ccc 1px dashed; padding-bottom:20px;}
.left ul li.on a{ color:#fff;}
.left .pmc{background:#156ea3; color:#fff; padding-top:20px; padding-bottom:20px; text-align:center; font-size:25px;}
.left ul li{
  border: 1px solid #ddd;
  background: #fff;
  padding: 14px 10px;
  margin-top: 5px; display:block; cursor:pointer;}
.left ul li a{display: block;color: #525252;padding-left: 15px;position: relative;text-transform: capitalize; font-size:16px;}
.left ul li:hover {background:#63b535;}
.left ul li:hover a{color: #fff;}
.left ul li.on:hover a {color: #fff; display: block;}
.left ul li:hover a::before { background-color: #fff;}
.left ul li.on > a::before {background-color: #fff;}
.left ul li.on{background:#63b535;}
.left ul li.on:hover {background:#63b535;}
.left ul li a::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 7px;
}
.ny_cp_xq_bt{background:#536076;height:60px;line-height:60px;color:#fff;text-align:center;font-size:24px;}
.ny_cp_xq_txt{padding-top:20px;line-height:26px;}
.ny_cp_xq_txt2{padding-top:20px;line-height:26px;font-size:16px;}
.ny_cp_xq_txt2 img{max-width:100%;height:auto;}
.nypro_table table{border-top:#d3d3d3 1px solid;border-left:#d3d3d3 1px solid;}
.nypro_table table th {font-weight:bold; line-height:30px;text-align:center;}
.nypro_table table td,.nypro_table table th { padding:5px 10px; line-height:40px; border-bottom:#d3d3d3 1px solid;border-right:#d3d3d3 1px solid;font-size:16px;}
.xqbt {
    width: 126px;
    height: 30px;
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 30px;
	text-align:center;
    padding:0 10px;
    font-size: 16px;
    background: #156ea3;
}

/*相关产品*/
.ny1{color:#156ea3;font-size:20px;border-bottom:1px solid #eee;padding-bottom:12px;margin-top:20px;margin-bottom:12px;}
.ny_linkpro_ul li{float:left;width:22%;margin:15px 1%;}
.ny_linkpro_ul li .pic{width:100%;height:160px;overflow:hidden;border:1px solid #ddd;}
.ny_linkpro_ul li .pic img{width:100%;height:160px; transition:all 1s;}
.ny_linkpro_ul li:hover .pic img{ transform-origin:center center; transform:scale(1.15,1.15);}
.ny_linkpro_ul li .txt{text-align:center;line-height:32px;}
.ny_linkpro_ul li .txt a{font-size:14px;}

/*返回*/
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-between{ display: flex; justify-content: space-between}
.fanye{ margin-top:40px;border-top:1px solid #e5e5e5; padding-top:30px; line-height:30px;}
.fanhui{background:#ddd;border-radius:25px;line-height:40px;width:120px;text-align:center;height:40px;}
.fanhui:hover{ background:#156ea3;}
.fanhui:hover a{ color:#fff;}
.flex {
  display: flex;
  flex-wrap: wrap;

}

/*应用领域*/
.ny_yyly ul li{float:left;width:30%;margin:1.5%;overflow:hidden;}
.ny_yyly ul li dl dt{height:310px;overflow:hidden;}
.ny_yyly ul li dl dt img{width:100%;height:310px !important; transition:all 1s;}
.ny_yyly ul li:hover dl dt img{ transform-origin:center center; transform:scale(1.15,1.15);}
.ny_yyly ul li dl dd{border-bottom: 1px solid #eaeaea;}
.ny_yyly ul li .txt{padding:1.5vw 0; border-bottom: 1px solid #eaeaea; position: relative; padding-right:calc(80 / 16 * 1em);}
.ny_yyly ul li .t1{font-size:calc(20 / 16 * 1em); color: #333; font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.ny_yyly ul li .t2{ color: #666; line-height: 1.75; height: calc(1.75em * 2); margin-top: calc(18 / 16 * 1em);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ny_yyly ul li a:hover .t1{ color:#156ea3;}
.ny_yyly ul li .more{overflow: hidden;width:calc(40 / 16 * 1em);height: calc(40 / 16 * 1em); border-radius: 50%;position:absolute; transition: 0.3s; right: 0; top: 50%; margin-top:calc(-20 / 16 * 1em); background-color:#fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.ny_yyly ul li .more:after{position: absolute; content: ''; width:calc(12 / 16 * 1em); height:calc(12 / 16 * 1em);  margin:calc(-6 / 16 * 1em) 0 0 calc(-6 / 16 * 1em); left: 50%; top: 50%; background: url(../image/more.svg) no-repeat center; background-size: auto calc(12 / 16 * 1em);}
.ny_yyly ul li a:hover .more{background:  #156ea3;}
.ny_yyly ul li a:hover .more:after{background-image: url(../image/more-on.svg);}
.ny_yyly_bt{text-align:center;font-size:30px;padding-top:12px;color:#000;}


/*公司简介*/
#content .lb{text-align:center;margin-top:30px;}
#content .lb a{ display:inline-block;border:1px solid #156ea3;margin:0 10px;text-align:center;height:40px;line-height:40px;padding:0 2%;font-size:16px;}
#content .lb a { color:#156ea3;}
#content .lb a:hover{background:#156ea3;color:#fff;}
#nav1 .nav1,#nav2 .nav2,#nav3 .nav3,#nav4 .nav4,#nav5 .nav5{background:#156ea3 !important;color:#fff;}

#content .lb a.on {background:#156ea3 !important;color:#fff;}



/*内页新闻*/
.ny_news_time{width:80px; padding-bottom:8px;border:1px solid #ddd;text-align:center;line-height:26px;padding-top:8px;float:left;}
.ny_news_img{width:230px;height:160px;margin-left:32px;overflow:hidden;float:left;}
.ny_news_img img{width:230px;height:160px; transition:all 1s;}
.ny_news_ul li:hover img{ transform-origin:center center; transform:scale(1.1,1.1);}
.ny_news_ul li:hover .ny_news_time{background:#156ea3;color:#fff;border:1px solid #0777d0;}
.ny_news_txt{float:right;width:calc(100% - 392px);}
.ny_news_ul li{margin:20px 0;padding:20px 0;border-bottom:1px solid #ddd;}
.ny_news_ul li:hover{border-bottom:1px solid #156ea3;}
.ny_news_ul li .time{color:#3366b2;line-height:24px;font-size:14px;}
.ny_news_ul li .bt{font-size:22px;color:#000;}
.ny_news_ul li .js{font-size:14px;color:#707070;line-height:26px;padding-top:5px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ny_news_ul li .more{font-size:14px;padding-top:12px;font-weight:bold;color:#3366b2 !important; background:none !important; margin-top:0px !important; text-align:left !important;}
.ny_news_bt{font-size:30px;color:#000;padding-bottom:10px;}
.pnpage { clear:both;padding-top:25px;font-size:14px;border-top:1px dashed #ddd;margin-top:30px;}
.pnpage a { padding:2px 10px; font-weight:bold; margin:0 6px; border-radius:35px; text-decoration:none;}


.aak{width:122px;height:36px;line-height:36px;text-align:center;background:#015198;color:#fff;border:0px;}

/*人才招聘*/
.njob .nytitle{ margin-bottom:0px;}
.nytitle1{ text-align:center; font-size:17px; margin-top:8px; margin-bottom:50px; line-height:30px;}
.recruitpage .item_brand {
	background-color: white;
	margin-top: 50px;
}

.recruitpage .rec_detail {
	margin: 0 -15px;
}

.rec_one { cursor:pointer;
	/* margin-bottom: 50px; */
}

.rec_one:nth-child(odd) {
	background-color: #f6f6f6;
}

.rec_name_all {
	padding: 40px;
	overflow: hidden;
	display: flex;
}

.rec_top {
	width: 85%;
	float: left;
	/* border-right: 1px solid gray; */
}

.rec_name {
	font-size: 30px; font-weight:normal;
	line-height: 30px;
	color: #393939;
	margin-bottom: 10px;
}

.rec_number {
	overflow: hidden;
	padding: 10px 0;
}

.rec_number li:first-child {
	padding-left: 0;
}

.rec_number li:last-child {
	border: none;
}

.rec_number li {
	float: left;
	padding: 0 20px;
	font-size: 14px;
	line-height: 16px;
	color: #94979a;
	border-right: 1px solid gray;
}

.show_jia {
	display: flex;
	align-items: center;
	position: relative;
	float: left;
	left: 10%;
	color: #777777;
	font-size: 40px;
}

.rec_word {
	margin-bottom: 64px;
	font-size: 18px;
	color: #242424;
	margin: 10px 20px 10px;
}

.rec_miaoshu_ul {
	padding-left: 20px;
	margin: 20px 0; line-height:27px;
}

.rec_miaoshu_ul li {
	font-size: 14px;
	line-height: 18px;
	color: #94979a;
}

.rec_one_detail {
	display: none;
	padding: 0px 20px 20px;}

.jobms{ color:#fff; font-size:17px; border-radius:8px;padding:50px; line-height:30px; margin-bottom:50px; background:#156ea3; padding-bottom:40px;}
.jobms p{ margin-bottom:10px;}


/*联系我们*/
.flex{display: flex;justify-content: space-between; }

.teshua{ margin-top:0px!important;}
.gsmc{ font-size:28px; margin-bottom:30px; color:#156ea3; line-height:35px;font-family: HelveticaLTStd-BoldCond;}
.gsmc a{ color:#156ea3;}
.nyadd{ background:url(../image/cadd.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nyfax{ background:url(../image/cfax.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nytel{ background:url(../image/ctel.png) no-repeat left; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:0px;}
.nyemail{ background:url(../image/clianxiren.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px; }

/*邮件拷贝*/
#contact-copy2{align-items: center; display:flex}
.copy-button2{
width: 7vw; margin-top:10px;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #156ea3 0%, #156ea3 50%, #156ea3 100%);}
.copy-button2:hover{transform: scale(1.05);}
.copy-button2:active{transform: scale(1);}
.copy-button2::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button2::after{
content: "COPY";
font-size: 1.1vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text2{
color: #156ea3;
font-size: 1.1vw;
line-height:30px; margin-top:10px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head2 p{display: inline;padding: 0;}
#input-copy2{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy2 {pointer-events: none;}


.gslx{ width:48%;}
.contact_2{ padding:3%; width:100%; background:#fafafa; }
.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:100%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.tixing{ line-height:40px;}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;}
.contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.4em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em; outline:none}
.contact_2_1_mid textarea{ height:5em;
border:none; background:none; width:100%; font-size:1em;outline:none}

.anniu3{
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; }



.c1 {border-top:#dbefe5 1px solid;border-left:#dbefe5 1px solid;}
.c1 th {font-weight:bold; line-height:30px;text-align:center;}
.c1 td,.c1 th { padding:5px 10px; line-height:18px; border-bottom:#dbefe5 1px solid;border-right:#dbefe5 1px solid;font-size:14px;}
.c1 a {color:#s444444;}
td.yyk { padding-left:10px;}
.con_t1 { color:#444444;}
.con_t1 h4{ background:#eeefef; width:700px; height:30px; line-height:25px; font-size:14px; text-align:center;font-weight:bold}






.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
.nypro span.current,.nypro a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;font-size:14px;}
.nypro span.current,.nypro a.num:hover { background:#f3f6f9; border:#067cd5 1px solid; color:#067cd5;font-size:14px;}
.nypro a.num,.nypro a.end,.nypro a.next,.nypro a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;font-size:14px;}
.nypro a.end,.nypro a.next,.nypro a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;font-size:14px;}
.nypro a.prev { margin:0 5px;font-size:14px;}



/*about*/



@font-face {font-family: 'Barlow-Regular';src: url('../font/Barlow-Regular.ttf');font-weight: normal;font-style: normal;} 
.about { overflow: hidden;
    width: 100%;  padding: 3% 0 5%; background:url(/Html/images/ab_bg.jpg) no-repeat center top }
.about_pic{ float:left; width:45%; border-radius:0px 40px 0px 40px; overflow:hidden;}



.about_pic img{ width:100%; border-radius:0px;  }



.about_wen{ float:right; width:50%}
.about_wen h2{  font-size:34px; color:#28282a; margin-top:20px; font-weight:bold }
.about_wen h3{ margin-top:10px; font-size:28px; color:#525256; text-transform:uppercase; font-family:Barlow-Regular; font-weight:normal}
.about_wen b{ width:78px; height:4px; background:#006cb7; display:block; margin-top:18px}
.about_wen p{ width:100%; margin-top:0px; font-size:16px; line-height:32px; color:#565656}
.about_wen a{  color:#565656}
.about_wen .span {
    display: block;
    width: 100%;
    height: 61px;
    position: relative;
}

.more {
    width: 185px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-left:0px; margin-top:30px; background:#156ea3;
}
a:hover .more{ transform:scale(1.05,1.05);  transition:all 0.4s; background:#299d26;}





.morere{ margin:14px 0; font-size:14px; float:left;text-transform:capitalize; margin-bottom:30px}
.morere:hover{ border-bottom:1px #da251d solid; padding-bottom:2px; letter-spacing:2px ;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#da251d ; text-decoration:none; }

.about4{ width:600px; float:left; display:flex; flex-direction:row;  margin-top:20px}
.about4 li{ flex:1; list-style:none; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; text-align:left
	}
.about4 li:hover{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:-10px; }
	.about4 li:hover div{color:#0360bf}
	.about4 li:hover .line{ width:70%;  background: #0360bf;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:3px; margin-bottom:3px }
	
	
.about4 li .shuzi_1{ font-size:46px; font-family:Arial, Helvetica, sans-serif; color:#014fa2;  font-weight:bold}
.about4 li .shuzi_1 span{ font-size:16px; margin:0 5px; font-weight:normal}
.about4 li .line{ width:0; height:1px; background: #5a5a5a ; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.about4 li .shuzi_2{ font-size:16px; color:#5a5a5a; text-align:left}

 
 .bot { width:100%;  margin-top:0px; float:left;}
 .bot .img2{display: none;}
 .bot li{width: 32.333%;float: left;height: 110px;text-align: center;background:url(../image/a14.png) no-repeat center right #FFFFFF;position: relative;cursor: pointer; background-size: auto 100%;   box-shadow: 0px 0px 40px 0px rgba(5, 5, 5, 0.08); margin:.5%;}
 .bot li .bot-li{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 55%;text-align: left;    width: fit-content;padding-left: 105px; width:80%}
 .bot-li img{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
 .bot li p{margin-bottom: 0;color: #777777;}
 .bot li:hover{background: #006cb7!important; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
 .bot li:hover .img1{display: none;float: left;}
 .bot li:hover .img2{display:inline-block;float: left;}
 .bot li:hover p, .bot li:hover h6{color: #FFFFFF;}
.h3-size30 {
      color:#333333
}



.bot li p {
    margin-bottom: 0;
    color: #777777; font-size:17px; margin-top:4px; font-family:Barlow-Regular; display:none;
}


.bot li .bot-li h6{ font-size:22px; line-height:40px; padding:0px; margin:0px; font-weight:400;}

.about .container { width:96%; margin:0px 2%;}

.con_04 ul li .yy_r .more a {color:#333; font-size:14px;}
.con_04 ul li .yy_r .more{color:#333; width:auto; line-height:inherit; height:auto; background:none; text-align:left; margin-top:0px; } 





.logo1 { display:block;}
.logo2 { display:none;}

@media (min-width: 1681px) and (max-width: 2800px){
.logo1 { display:none;}
.logo2 { display:block;}
.top .logo img {
    width: 420px;
}
.top .menu { padding-left:0px !important;}
.menu ul li a { padding:0px 15px;}
.about_pic { height:450px;}
		}         




.box .business{ margin-top:0px;}
.business{padding: 0px 0;}
.business .i-title{text-align: center;}
.business .longtitle{margin: 30px 0 50px;line-height: 1em;text-align: center;}
.business-type{display: flex;align-items: center;justify-content: flex-end;}
.business-type .item{margin-right: 20px;}
.business-type .item:last-child{margin-right: 0;}
.business .list{display: flex;flex-wrap: wrap;margin-top: 50px;}
.business .list .item{width: 31.45%;margin-right: 2.825%;margin-bottom: 50px;box-shadow: 0 0 5px rgba(0,0,0,.07);display: flex;
  flex-direction: column;
  justify-content: space-between;}
.business .list .item:nth-child(3n){margin-right: 0;}
.business .list .item .text{width: 100%;height: auto;box-sizing: border-box;padding: 5.51%;}
.business .list .item .text .title{margin-bottom: 20px;line-height: 40px; font-size:25px; color:#156ea3; font-weight:900;}
.business .list .item .text .info{line-height: 30px;}
.business .list .item .pic{position: relative;width: 100%;padding-bottom: 57.17%;}
.business .list .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.business .list .item .text .info p a { color:#000;}
.business .list .item .text .info p a:nth-child(3){ margin-left:48px;}


.nywenzi h3{background: linear-gradient(45deg,#156ea3,#156ea3); line-height:50px; color:#fff; text-align:center; font-size:18px;}
.fenfen img{vertical-align:middle;} 













/*oncopy*/
.diermail{ margin-top:10px;}
#contact-copy{display: flex;align-items: center;}
#contact-copy2{display: flex;align-items: center;}
#contact-copy3{display: flex;align-items: center;}
.copy-button{ 
width: 7vw;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #156ea3 0%, #1f89c8 50%, #156ea3 100%);}
.copy-button2{ 
width: 7vw;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #156ea3 0%, #1f89c8 50%, #156ea3 100%);}
.copy-button3{ 
width: 7vw;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #156ea3 0%, #1f89c8 50%, #156ea3 100%);}

#input-copy {
    pointer-events: none;
}
#input-copy {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

#input-copy2 {
    pointer-events: none;
}
#input-copy2 {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

#input-copy3{
    pointer-events: none;
}
#input-copy3{
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.copy-button:hover{transform: scale(1.05);}
.copy-button:active{transform: scale(1);}
.copy-button::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}


.copy-button2:hover{transform: scale(1.05);}
.copy-button2:active{transform: scale(1);}
.copy-button2::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button3:hover{transform: scale(1.05);}
.copy-button3:active{transform: scale(1);}
.copy-button3::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button::after{
content: "COPY";
font-size: .9vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}
.copy-button2::after{
content: "COPY";
font-size: .9vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-button3::after{
content: "COPY";
font-size: .9vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text{
color: #156ea3;
font-size: 1.1vw; line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
.copy-text2{
color: #156ea3;
font-size: 1.1vw; line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
.copy-text3{
color: #156ea3;
font-size: 1.1vw; line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}











.prodetail1{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; padding:50px; padding-top:0px; margin-bottom:0px!important;}
.biaotiaa{ font-size:25px; color:#47b135; margin-bottom:20px;}
.promiao ul li{ display:; width:100%; line-height:45px; font-size:16px; border-bottom:1px solid #ddd;}
.promiao ul li strong{ padding-right:10px;}
.protxt{ width:50%}


.promiao ul li table { background-color:#e7ebf0; border:none; text-align:center; width:100%; }
.promiao ul li table tr td {  border:none; padding:4px 10px;  }
.promiao ul li table tr td p span {font-size:16px !important;}

.promiao ul li table tr:nth-child(2n+1){background-color:#ccd5e0;}
.promiao ul li table tr:nth-child(2n){background-color:#e7ebf0;}
.promiao ul li table tr:nth-child(1){background-color:#156ea3; font-weight:700; color:#000; font-size:16px; }


.proimg { width:40%; padding:5% 0px 0px; text-align:center;}
.prodetail2{ background:#fafafa; padding:50px;}
.prodetail2 ul li{line-height:45px; font-size:16px; border-bottom:1px solid #ddd;}
.prodetail2 ul li:nth-child(1),.prodetail2 ul li:nth-child(2),
.prodetail2 ul li:nth-child(3),.prodetail2 ul li:nth-child(4){ float:left; width:50%;}

.prodetail2 ul li strong{ padding-right:10px;}


.prodetail3{ padding:50px;}
.prodetail3 ul li{line-height:45px; font-size:16px; border-bottom:1px solid #ddd;display: inline-flex;}
.prodetail3 ul li:nth-child(1),.prodetail3 ul li:nth-child(2),
.prodetail3 ul li:nth-child(3),.prodetail3 ul li:nth-child(4){ float:left; width:50%;}
.prodetail3 ul li:nth-child(5){ width:100%}

.prodetail3 ul li strong{ padding-right:10px;}

.prodetail4{ padding:50px; background:#fafafa}

.prodetail4 table tr:nth-child(1){ border:0px; background:#818587; color:#fff; line-height:45px; font-weight:bold}
.prodetail4 table{ border-top: #ddd 1px solid; width:100%; margin:0 auto;border-left: #ddd 1px solid; }

.prodetail4 tr td{padding: 10px;border-bottom: #ddd 1px solid; border-right: #ddd 1px solid;}
.prodetail1 { margin-bottom:0px;}
.prodetail2 { margin-bottom:0px; line-height:30px;}
.prodetail3 { margin-bottom:0px; line-height:30px;}

.prodetail4 { margin-bottom:0px;}


.prodetail5{ padding:50px;}
.liuyan{ background:#fafafa; padding:50px;}


.proan{ display:inline-flex;margin-top:30px; margin-bottom:30px;}
.proan a{ margin-left:10px;}
.probtn1{ margin-bottom:30px;
	 width:70%; line-height:60px; text-align:center;
    height:60px; border:3px solid;
   border-style: solid;
border-image: linear-gradient(to right, #47b135, #30c817);
border-image-slice: 1; margin-right:10px;}
.probtn1 a{font-size: 25px;
text-transform: uppercase;
font-family: Barlow-Regular;
background-image: linear-gradient(60deg, #47b135, #30c817);
background-clip: text;
-webkit-background-clip: text;
color: transparent;}
.probtn1:hover{background:linear-gradient(45deg,#47b135,#30c817)}
.probtn1:hover a{ color:#fff}

.probtn2{
	 width:70%;background:linear-gradient(45deg,#47b135,#30c817); line-height:60px; text-align:center;
    height:60px;border:3px solid;
   border-style: solid;
border-image: linear-gradient(to right, #47b135, #30c817);
border-image-slice: 1; }
.probtn2 a{ font-size:25px;color:#fff;text-transform: uppercase;}
.probtn2:hover{ background:#fff}
.probtn2:hover a{font-size: 25px;
text-transform: uppercase;
background-image: linear-gradient(60deg, #47b135, #30c817);
background-clip: text;
-webkit-background-clip: text;
color: transparent;}

@media screen and (max-width: 640px) {
.proimg img{ max-width:100%; max-height:200px;}
.proimg{ height:200px;  display: flex;justify-content: center;
align-items: center;}

.prodetail1{display: flex; width:auto;
flex-wrap: wrap;
flex-direction: column-reverse; padding:15px; padding-top:0px; margin-bottom:0px!important;}
.biaotiaa{ font-size:20px; margin-bottom:15px;}
.promiao ul li{ line-height:25px; font-size:15px; padding-top:10px; padding-bottom:10px;}
.promiao ul li strong{ padding-right:10px;}
.protxt{ width:100%; margin-top:30px;}

.prodetail2{ background:#fafafa; padding:15px;}
.prodetail2 ul li{line-height:25px; font-size:15px; border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px;}
.prodetail2 ul li:nth-child(1),.prodetail2 ul li:nth-child(2),
.prodetail2 ul li:nth-child(3),.prodetail2 ul li:nth-child(4){ float:left; width:100%;}

.prodetail2 ul li strong{ padding-right:10px;}


.prodetail3{ padding:15px;}
.prodetail3 ul li{line-height:25px; font-size:15px; border-bottom:1px solid #ddd;display: inline-flex; padding-top:10px; padding-bottom:10px;}
.prodetail3 ul li:nth-child(1),.prodetail3 ul li:nth-child(2),
.prodetail3 ul li:nth-child(3),.prodetail3 ul li:nth-child(4){ float:left; width:100%;}
.prodetail3 ul li:nth-child(5){ width:100%}

.prodetail3 ul li strong{ padding-right:10px;}

.prodetail4{ padding:15px; }

.prodetail4 table tr:nth-child(1){ border:0px; background:#818587; color:#fff; line-height:25px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.prodetail4 table{ border-top: #ddd 1px solid; width:100%; margin:0 auto;border-left: #ddd 1px solid; }

.prodetail4 tr td{ font-size:14px;padding: 10px;border-bottom: #ddd 1px solid; border-right: #ddd 1px solid;}
.prodetail1 { margin-bottom:0px;}
.prodetail2 { margin-bottom:0px; line-height:30px;}
.prodetail3 { margin-bottom:0px; line-height:30px;}

.prodetail4 { margin-bottom:0px;}


.prodetail5{ padding:15px;}
.liuyan{ background:#fafafa; padding:15px;}





.contact_2{ padding:30px;  }
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:48.5%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.tixing{ line-height:50px;}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;;}
.contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em; outline:none}
.contact_2_1_mid textarea{ height:5em;
border:none; background:none; width:100%; font-size:1em;outline:none}

.anniu2 {
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; margin-bottom:50px;}

.anniu:hover{
background-color:#999;}

.tijiao {font-size:1.125em; display:inline-block; color:#fff; background-color:#111; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; margin-bottom:50px;}
.anniu:hover{
background-color:#999;}

.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
.hyb { color:#40904a; font-size:25px; font-weight:bold; }
.hya{ font-size:18px; margin-top:20px;}




/*order*/
.liuyan{ background:#fafafa; padding:50px; margin-top:50px;}
.shuoming{ font-size:18px; color:#47b135; padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}

.liuyan .contact_2_1{ width:100%; margin:0 auto}

.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em; width:80%}
.teshuw{ width:93.8%}

.contact_2_1_mid input{ color:#999;
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;}
.contact_2_1_mid textarea{color:#999;
border:0; background:none; font-size:16px;outline:none;}
.tixing{padding-left:10px; line-height:50px;}

.anniu { border:0PX;
font-size:1.125em; display:inline-block; color:#fff; background-color:#e60012; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu { margin-top:1.5em;}
.anniu:hover{
background-color:#999;}


.anniu2 {
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; margin-bottom:50px;}

.anniu:hover{
background-color:#999;}



.logo1 { height:45px !important;}
.logo2 { height:45px !important;}