﻿﻿/*.banner{ background-repeat: no-repeat; background-position: center; height: 450px;}*/
.banner img:nth-of-type(1){ display: block; }
.banner img:nth-of-type(2){ display: none; }
.banner img{width: 100%;}

.bread{ background-color: #edecec;padding:10px 0;}
.bread p{ background:url(../images/mbx-bj.jpg) no-repeat center left;padding-left: 35px;}
.bread p a:hover{ color: #1766c8 }
.about1{margin-top: 40px;margin-bottom: 60px;}
.about1 .padding{padding: 20px; }
.ab_boz{border: 1px dashed #d4d4d4;position: relative;}
.ab_boz>.ect{font-size: 20px;position: absolute;top: -16px;left: 50%;margin-left: -60px;background-color: #fff; padding: 0 25px; font-weight: bold;}

.about1_left .yhg{ color: #1766c8; font-size: 20px;font-weight: bold; }
.about .about1_left img{ width:180px;}
.about1_left p{font-weight: bold; color: #666}
.about1_right video{ width: 100%; }
.ab_one{ border-bottom: 1px dashed #d4d4d4;margin:20px 0;padding:20px 0; }
.ab_one:last-child{border-bottom: none;}
.ab_one p{ font-size: 15px;line-height:27px; text-align: justify;}
.ab_one p video,.ab_one p img{ max-width: 100%; }
.left_know{position: absolute; left: 1%;top: 88%;margin-top: -160px;z-index: 99;}
.left_know.fixed{ position: fixed;top:28%;left:1%; }
.left_know.fix1{ position: fixed;top: 39%;left:1%; }
.left_know li {margin-bottom: 5px;background-color: #1766c8; padding: 6px 12px;font-size: 18px;line-height: 30px;}
.left_know li a {color: #fff;}
.left_know li.hover,.left_know li:hover{background-color: #1050a0}
.bread .news1200{ position: relative; }
.search{position: absolute;right: 0;top: 0}
.search input[type=text]{ float: left;-webkit-appearance:none;border: 1px solid #cacaca;height: 18px;}
.search input[type=button]{border:none; background-color: #1766c8; color: #fff;height: 21px;-webkit-appearance: media-controls-fullscreen-background;border-radius: 0;-webkit-appearance:none;}
.case_right{ border: 1px solid #e7e7e7; width: 100%}
.case_right h4{background-color: #f8f8f8; color: #1766c8;padding: 15px; font-weight: bold;font-size: 16px;border-bottom: 1px solid #e9e9e9}

.case .case_left .padding{border: 1px solid #e7e7e7; }
.case_bbo{margin: 30px auto}
.case .case_left h4{border-top-right-radius:5px;border-top-left-radius:5px; font-size: 18px;color: #fff; font-weight: bold;padding: 15px 0 15px 20px;border-bottom: 1px solid #ededed;background-color: #1766c8}
.case_left span{ text-transform: uppercase;margin-left: 10px;font-weight:normal;font-size: 14px;}
.case .padding{ padding:10px 15px; }
.case_left .dt1 {height: 40px; line-height: 40px;background-color: #e8e8e8;cursor: pointer;}
.case_left .dt1 a{ font-size: 16px;color: #1766c8;font-weight: bold;margin-left: 18px;}
.case_left .dl ul.dt2{ margin-bottom: 20px }
/*.case_left .dl ul.dt2>li:hover .left_sub_nav{ display: block; }*/
.case_left .dl ul.dt2>li>a{font-weight: bold;overflow: hidden; background: url(../images/icon-09.gif) no-repeat left center;border-bottom: 1px dashed #FFD1BB;cursor: pointer;}
.case_left .dl ul.dt2>li a { padding-left:20px;color: #666;font-size: 15px;display: block;line-height: 37px;}
.case_left .dl ul.dt2>li.hover>a{color: #1766c8;}
.case_left .dl ul li a:hover {color: #1766c8; text-decoration: underline;background-color: #ececec}
.left_sub_nav{ display: none;margin-left: 10px}
.left_sub_nav.show{ display: block; }
.case .case_left .left_sub_nav li a{ background:url(../images/icon-10.gif) no-repeat center left;padding-left: 15px!important;}

.product{ margin: 20px 0 }
.product ul li {text-align:center;float:left;margin:10px; width: 100%}
.product ul li .pic-img {overflow:hidden;height:auto;justify-content:center;align-items:center;border:1px solid #ddd;display: flex;}
.product ul li .bott a {width:100%;display:inline-block;background:#f3f3f3;padding:10px 0;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:14px;}
.envir ul li img,.honor ul li img,.product ul li img {max-width:100%;max-height:100%;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.envir ul li:hover img,.honor ul li:hover figure img,.product ul li:hover img {transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden;}
.product ul li:hover .bott a {background:#1766c8;}
.product ul li:hover a span {color:#fff}
.page_desc {margin:30px auto;text-align:center;font-size:14px;}
.page_desc li {display:inline-block;margin:5px;}
.page_desc li>span,.page_desc li a {padding:5px 12px;display:inline-block;border:1px solid #d8d8d8;}
.page_desc li span.current,.page_desc li a:hover {background:#1766c8;color:#fff;border:1px solid #1766c8}
.ab_list ul li{ float: left;display: block; width: 41%;height: 70px;border-top: 6px #f1f1f1 solid; padding: 28px 10px;background-color: #f1f1f1;margin-left: 2px;cursor: pointer;}
.ab_list h2 {color: #333;font-weight: bold;font-size: 16px;}
.ab_list p {line-height: 22px;margin-top: 15px;font-size: 12px;height: 42px;overflow: hidden;}
.honor{ background-color: #f1f1f1; }
.ab_list ul li.offend{ background: #ffffff;border-top: 6px #1766c8 solid;}
.ab_list ul li.off{background-color: #f1f1f1;border-top: 6px #f1f1f1 solid;}


/*新闻中心*/
.news_one{ border-bottom: 1px dashed #ddd;padding: 20px 0}
.news_one .one_left{ width: 100%; display:flex;justify-content: center;align-items: center;overflow: hidden;}
.news_one .one_right{ width: 100% }
.news_one .one_left img{max-width: 100% }
.span_time {font-size: 14px;background: url(../images/time1.jpg) no-repeat scroll 0% 50%;padding-left: 30px;color: #666666; margin-right: 15px;}
.span_numb {font-size: 14px;background: url(../images/eye1.jpg) no-repeat scroll 0% 50%;padding-left: 30px;color: #666666;margin-right: 15px;}
.span_gh{font-size: 14px;background: url(../images/gh.png) no-repeat scroll 0% 50%;padding-left: 30px;color: #666666;}
.span_gh a:hover{ color: #1766c8 }
.case_tel {background: #004d37;padding: 10px 0;text-align: center;width: 100%;margin-bottom: 20px}
.case_tel p{ font-size: 22px; color: #fff }
.one_right_tit a{ font-size: 20px;color: #1766c8; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.one_right_tit a:hover{ font-weight: bold; }
.one_right p a{color: #5b5b5b;line-height: 26px;margin: 13px 0 3% 0;font-size: 15px; height: 75px; overflow: hidden;display: block;}
.one_right .app_padding {padding:0 20px ;}



/*新闻中心详情*/
.de_d_ti{ text-align: center;margin: 20px 0;border-bottom: 1px dashed #ddd }
.de_d_ti h3{ font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.acticle{ padding: 20px }
.acticle p{ margin-bottom: 10px }
.ne_detail .ab_one{ padding: 20px;margin: 0 }
.ne_detail .ab_boz{ margin: 50px auto }
.news_hng{ background-color: #f6f6f6;padding: 20px;border-top: 1px solid #e7e7e7;}
.news_hng h1{ border-bottom: 1px solid #d9d9d9; color: #1766c8;padding: 10px 0; font-size: 16px; font-weight: bold; }
.news_hng ul li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 95%; border-bottom: 1px dashed #ddd;padding: 15px 0;background:url(../images/news_details_iconfont.png) no-repeat center left;padding-left: 25px; float: left;}
.news_hng ul li:nth-of-type(even){ float: left; }
.news_hng ul li a{ font-size: 15px; }
.news_hng ul li a:hover{ color: #1766c8;text-decoration: underline;}
.share{ text-align: right;margin: 20px auto }
.share .bdshare-button-style0-16 a,.share .bdshare-button-style0-16 .bds_more{ float: none; }


/*联系我们*/
.address li{ background-repeat: no-repeat; background-size: 24px;background-image: url(../images/tel.png); margin-bottom: 10px;padding-left: 34px;}
.address li:nth-of-type(1){ background-position: 0 3px }
.address li:nth-of-type(2){ background-position: 0 -23px }
.address li:nth-of-type(3){ background-position: 0 -47px }
.address li:nth-of-type(4){ background-position: 0 -71px }
.address li:nth-of-type(5){ background-position: 0 -94px }
.address li:nth-of-type(6){ background-position: 0 -120px }

/*在线留言*/
.online{ margin: 50px auto }
.online_one{ margin-bottom: 15px; }
.online_one label{ width: 20%;text-align:right;display: inline-block;float: left;line-height: 30px;font-size: 15px;}
.online_one input[type=text]{ height: 25px; width: 200px;-webkit-appearance:none;border: 1px solid #cacaca}
.online_one textarea{ height: 70px; width: 198px;resize: none;font-family: "微软雅黑";-webkit-appearance:none;border: 1px solid #cacaca}
.online_one font{ color: #999; font-size: 12px;margin-left:10px }
.online_one span{ color: red }
.online_one input[type=submit]{-webkit-appearance:none;;background-color: #1766c8; border: none; width: 100px; height: 30px; color: #fff;border-radius: 5px;-webkit-appearance: media-controls-background;}


/*荣誉证书*//*生产环境*/
.envir ul li,.honor ul li{float: left; text-align: center; width: 100%; margin:10px 0}
.envir ul li figcaption,.honor ul li figcaption{ margin-top: 10px; font-size: 16px;}
.envir ul li figure,.honor ul li figure{ display: flex;justify-content: center;align-items: center; border: 1px solid #ddd;overflow: hidden;}
.envir ul li:hover figcaption,.honor ul li:hover figcaption{ color:#1766c8  }
.honor ul li figure{ background-color: #fff; }
.environ .about1{border: 1px dashed #d4d4d4;position: relative;}
.environ .about1 .hsj {font-size: 20px;position: absolute;top: -16px;left: 50%;margin-left: -60px;background-color: #fff;padding: 0 25px; font-weight: bold;}


/*产品详情*/
.ban{ width:100%;position:relative; overflow:hidden;}
.ban2{ width:432px; height:432px; position:relative;overflow: hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:430px; height:430px; position:relative;    border: 1px solid #ddd;}
.prev{ float:left; cursor:pointer;}
.num{ height:94px;overflow:hidden; width:80%; position:relative;float:left;}
.min_pic{ padding-top:10px; width:100%;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:75px; height:75px; margin-right:11px; padding:1px; float: left;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:27px; margin-right:32px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:27px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:165px; left:10px; width:28px; height:51px;z-index:30;cursor:pointer;}
.next1{ position:absolute; top:165px; right:10px; width:28px; height:51px;z-index:30;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:430px; height:430px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:90px; height:90px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:430px; height:430px; position:relative; overflow:hidden;}
.pop_up2{ width:430px; height:430px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:430px; height:430px; float:left;}
.ban2 li video{ width:100%;height:100%;position:absolute; opacity:0; visibility:hidden;z-index: 20; background-color:#000;}
.ban2 li video.look{opacity:1; visibility:visible}
.anniu{ background:url(../images/bot.png) no-repeat center center; width:80px; height:80px; background-size:80px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; cursor:pointer}
.ban2 ul li img{ width: 430px; height: 430px; }
.min_pic ul li img{ width: 75px; height: 75px; }

.case_de_left,.case_de_right{ width: 100%; }
.case_de_right h1{ font-size: 20px;}
.case_de_right span{ font-size: 16px;font-weight: bold; color: #444;margin:15px 0;display: block;}
.pro_choose .content p,.case_de_right p{ font-size: 15px; line-height: 26px; color: #000;}
.chat{ margin: 50px 0;position: relative;}
.chat ul li{background-image: url(../images/deta.gif);background-repeat: no-repeat; width: 40px; height: 40px; background-size:137px;float: left;margin-right: 15px;}
.chat ul li a{ width: 100%; height: 100%; display: block; }
.chat ul li:nth-of-type(1){ background-position: 0 0 }
.chat ul li:nth-of-type(2){ background-position: -50px 0 }
.chat ul li:nth-of-type(3){ background-position: -94px 0 }
/* .chat ul li:hover{background-image: url(../images/deta_1.png)} */
.tel_op{ position: absolute; top: 40px;opacity: 0;}
.tel_op.visi{ opacity: 1 }
.tel_op p{ font-weight: bold; font-size: 16px;color: #333}
.chat label{ float: left;line-height: 35px; font-weight: bold;font-size: 16px; }
.case_detail{ margin:30px auto; }

.pro_choose .pro_choose_top ul li { position: relative;color:#333;float:left;padding:10px 10px 15px 10px;margin: 0 10px;cursor:pointer;font-size:16px;font-weight:bold;}
.pro_choose .pro_choose_top ul li:hover,.pro_choose .pro_choose_top ul li.current{color: #1766c8}

.pro_choose .content {padding:10px}
.pro_choose .content p img {max-width:100%;}
.pro_choose {margin-bottom:50px}


/*发展历程*/
.about span.biaoti,.develop span.biaoti{ background:url(../images/hen.png) no-repeat center center;text-align: center;font-size: 20px;margin:30px auto;font-weight: bold;display:block}
.gray{ background-color: #f1f1f1 }
.gray .padding{ padding: 25px 35px; }
#timeline{width:100%;height:auto;overflow:hidden;position:relative;background: url(../images/date_back.png) top no-repeat; background-color:#f1f1f1;z-index:3;}
#dates{width:1000px; height:130px; overflow:hidden;}
#dates li{float:left;width:158px;height:130px;font-size:16px;text-align:left;background: url(../images/smallcircle.png) no-repeat 72px 56px;}
#dates li:hover{font-size:18px;background: url("../images/pp_bg.png") no-repeat 70px 54px;}
#dates a{color:#ffffff;width:158px;height:130px;line-height:80px;display:block;text-indent:57px;}
#dates .selected{font-size:18px;font-weight:bold;background: url(../images/bigcircle.png) no-repeat 70px 54px;}
#issues{position:relative; width:1000px;height:auto;margin-top:20px; overflow:hidden;z-index:4;}
#issues li{/*width:1030px;*/height:auto;list-style:none;float:left;position:relative;}
.gray_moblie ul li .im_text,#issues li .im_text{  font-size: 18px; font-weight: bold; }
#issues .imgin{background-color: #fff;float:left;margin-left:95px; width:430px; height:268px;margin-right: 35px;display: flex;justify-content: center;align-items: center;}
#issues li img{ display:block;max-width: 100%;}
#issues li .txt{float:left; display:block;margin-left:50px; width:420px; height:270px;}
.gray_moblie ul li p,#issues li p{display:block; color:#666; line-height:24px; margin-top:8px;font-size: 15px;}
#issues li p:first-child{margin-top:20px;}
.btn-style{position:absolute;top:50%;z-index:2;width:49px;height:52px;border-radius:3px;z-index:7;}
#next,#prev {position:absolute;top:0;top:220px;width:49px;height:52px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;z-index:8888}
#prev{left:5px;background-image:url(../images/prev0.png);}
#next{right:5px;background-image:url(../images/next0.png);}
#prev:hover{background-image:url(../images/prev1.png);}
#next:hover{background-image:url(../images/next1.png);}
#next.disabled,#prev.disabled{opacity:1;}
.gray_moblie,.gray_title{margin-bottom: 50px;}
.gray_moblie{ display: none; }
.imgin_right{ padding-bottom: 30px; }

/*手机*/
.gray_moblie ul li{padding: 15px; border-bottom: 1px dashed #ddd}
.gray_moblie ul li h2{ background:url(../images/gg.png) no-repeat center left;background-size: 10px;padding-left: 20px; font-size: 18px;font-weight: bold;}
.gray_moblie ul li p img{max-width: 100%;}
.gray_moblie ul li .teft{ margin: 10px auto }

.one_left a{position: relative;}
.one_left .anniu{width: 60px; height: 60px;background-size: 60px;}
