.header{ z-index: 999; width: 100%; /* background: url('../img/header_bg.png') #fff no-repeat center; background-size: 100% 100%; */ border-bottom: 1px solid #f5f5f5; padding: 15px 0;}
.navMarket{ top:0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.4); display: none;}
.header .logo{ padding-right: 0;  }
.header .logoText{ padding: 0 15px; margin: 0; margin-top: 10px; }
.header .logo .logoImg{ max-width: 100%; padding: 0 }
.header .nav_btn{ width: 40px; height: 40px; right: 10px;}
.mobileNav{ display: none }
.nav{ background: rgba(5,80,150,0.8); z-index: 99999; width: 100%; transition: all 0.3s; }
.nav.header_down{position: fixed; top: 0;left: 0;width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.8);}
.navList li{ text-align: center; line-height: 50px; position: relative }
.navList li a{display: block; width: 100%}
.navList li span{ border-bottom: 2px solid transparent; color: #fff; display: inline-block; font-size: 16px}
.navList li.active span{ color: #fff; border-bottom: 2px solid #fff }
.pro_nav{ position: absolute; top: 52px; left: 0; width: 100%; background: #0e61bc; z-index: 999; display: none }

.pro_nav a{ padding: 15px; line-height: 1em; display: block;  font-size: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); color:#fff; transition: all 0.3s }
.pro_nav a:hover{background: #055096;}
.pro_nav i{display: block; right: 20px; border:4px solid #fff; transform: rotate(45deg); border-left: 4px solid transparent; border-bottom: 4px solid transparent; margin-top: -4px;}

.pro_nav2{ top: 0; right: -130%; width: 130%; background: #0a75eb; border-left: 1px solid #055096; display: none}
.search{ border: 1px solid #f5f5f5; border-radius: 20px; line-height: 30px; margin-bottom: 0 !important}
.search .texts{ width: 100%; height: 30px; line-height: 30px; padding: 0 10px; display: block; background: none}
.search .btns{ right: 5px; width: 40px; height: 30px; background: url('../img/ss_btn.png') no-repeat 10px center; font-size: 0px; border-left: 1px solid #f5f5f5; }

/* .phones{ padding-left: 40px; margin-top: 5px; }
.phones h2{ color: #808080; line-height: 3em; font-size: 16px }
.phones p a{ color: #055096; font-weight: 600; line-height: 1em; font-size: 26px; font-family: Arial } */
.phones{ padding-left: 60px; background: url('../img/phone_icon.png') no-repeat center left; margin-right: 30px; margin-top: 20px; box-sizing: border-box;}
.phones h2{ font-weight: 600; color: #002557; font-size: 18px; }
.phones p{ color: #787878 }
/* .language{ margin-top: 5px } */
/* .language > div.am-fl{ margin-right: 10px; margin-bottom: 20px } */
/*language*/
.language{ margin-top: 25px; text-align: right; }
.language a{ display: inline-block; width: 50px;/*  height: 35px;  */margin-left: 10px; }
.lines{ width: 100%; height: 1px; background: #f5f5f5; margin: 10px 0; }
.banner a{ display: block;width: 100%; overflow: hidden; }
.banner a img{ width: 100%}
.title{ margin: 30px 0; }
.title h2{ font-size: 28px; color: #055096; transition: all 0.3s; padding: 0 10px;  }
.title h2 span{ font-family: Arial; font-size: 18px; margin-left: 10px }
.title p{ font-size: 10px; font-family: Arial; transition: all 0.3s; color: #999 }
.title2 h2, .title2 p{ color: #fff;}

.indexPro{ margin: 0px auto 30px}
.indexProNews{ margin-top: 0; }
.indexProNews ul{ margin-left: -5px; padding: 0 5px;}
.indexPro ul{
	width: calc(100% + 30px); margin-left: -15px;
}
.indexPro li{ text-align: center; margin-bottom: 30px }
.indexPro li a{text-align: left; width: 90%; display: inline-block; float: none; padding: 0; transition: all 0.3s; overflow: hidden; border-radius: 5px; border: 1px solid #eee; padding-bottom: 10px;}
.indexProNews li a{
	width: 92%;
}
.indexPro li span{ width: 100%; height: 200px; vertical-align: middle; display: flex; align-items: center; text-align: center; justify-content: center; overflow: hidden;}
.indexPro li span img{ min-height: 100%; flex: 1;}
.indexPro li img{ transition: all 0.3s }
.indexPro li h2{ padding: 0 10px; line-height: 40px; transition: all 0.3s; font-size: 14px; text-align: center; }
.indexPro li h3{ transition: all 0.3s; width: 130px; padding: 0 50px 0 15px; line-height: 35px; background: #efefef; margin: 10px auto 0}
.indexPro li h3 i{ width: 35px; transition: all 0.3s; display: inline-block; background: #055096;  margin-left: 15px; right: 0; top: 0 }
.indexPro li p{ color: #787878;transition: all 0.3s; padding: 0 15px;}
.indexPro li h4{
	text-align: center; margin-bottom: 20px;
}
.indexPro li h4 em{
	border-radius: 30px; background: #ccc; color: #fff; display: inline-block; padding: 0 15px; line-height: 30px;
}
.indexPro li a:hover{
	background: #055096; border-color: #055096;
}
.indexPro li a:hover h2{ color: #fff }
.indexPro li a:hover img{ transform: scale(1.05, 1.05) }
.indexPro li a:hover p{ color: #fff;}
.indexPro li h3:hover i{ width: 100%; background: #055096; }
.indexPro li h3:hover em{ color: #fff;}
.indexProNews .owl-controls{ bottom: -50px }
.indexPro2 li span{ height: 180px; vertical-align: middle; display: flex !important; align-items: center; text-align: center; justify-content: center;}
.indexPro2 li span img{ min-height: 100%; flex: 1;}
.indexPro li.more a{
	height: 240px;
	text-align: center;
	background: #eee;
}
.indexPro li.more a h2{
	line-height: 240px;
	color: #999;
}
.indexPro li.more a:hover{
	background: #055096;
}
.indexPro li.more a:hover h2{
	color: #fff;
}.index_protitle{ background: #eee; border-bottom: 1px solid #ddd; border: none; overflow: hidden;}
.index_protitle li{ padding: 10px 0 20px;}
.index_protitle li a{width: 100%; display: block; }
.index_protitle li a p{ line-height: 1em; text-align: center; font-size: 15px; }
.index_protitle li a span{ display: block; width: 100%; transition: all 0.3s }
.index_protitle li a span.imgs_bg{ width: 0;}
/* .index_protitle li a span.imgs_on{ width: 0;} */
/* .index_protitle li:hover a span.imgs_on{ width: 100%;  }
.index_protitle li:hover a span.imgs_bg{ opacity: 0; } */
.index_protitle .wap_listpro{ margin-top: 15px }
.index_protitle .wap_listpro li{ padding-bottom: 15px; }
.index_protitle .wap_listpro li span{ overflow: hidden }
.index_protitle .wap_listpro li p{ line-height: 28px; background: #ddd; width: 90%;margin: 0 auto; font-size: 13px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.index_protitle .wap_listpro li:hover a span.imgs_on{ width: 90% }


.indexPro2{ padding: 40px 0 30px; }
.proNavBox{ border-bottom: 1px solid #eee;border-right: 1px solid #eee; border-left: 1px solid #eee; padding-bottom: 10px; padding-left: 15px; }
.proNavBox h2 a{ padding-top: 10px; color: #000; font-size: 18px; font-weight: 800; margin-bottom: 5px; }
.proNavBox a{ display: block; overflow: hidden; line-height: 35px; font-size: 15px; white-space: nowrap }
.proNavBox a img{ width: 25px; }
.proContent{ padding: 0; }
.proContent > h2{padding-top: 10px; color: #000; font-size: 18px; font-weight: 800; margin-bottom: 5px; }
.indexPro2Box{ width: 100%; padding: 20px 0; border-bottom: 1px solid #eee }
.proContentBox li a, .indexPro2Box .items a{ display: block; padding: 10px; }
.proContentBox li a span, .indexPro2Box .items a span{ display: block; border-radius: 10px; border: 1px solid #eee; overflow: hidden; }
.proContentBox li a span img, .indexPro2Box .items a span img{ transition: all 0.5s }
.proContentBox li a:hover span img, .indexPro2Box .items a:hover span img{ transform: scale(1.05,1.05) }
.proContentBox li a p, .indexPro2Box .items a p{ text-align: center; line-height: 30px; }


.indexBox1{ padding: 0px 0 30px; width: 100%; background: #055096;}
.indexBox1Void{ height: 20px; }
.indexAbout{ border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 10px }
.indexNews{ padding: 20px 0; margin-top: 20px; overflow: hidden}
.indexAboutNews{ border-top: none; padding-top: 0px }
.indexAbout h2{ font-size: 30px; color: #fff }
.indexAbout h3{ font-size: 18px; color: #fff }
.indexAboutNews a{ display: block; width: 100% }
.indexAboutNews h3{ font-size: 14px; color: #fff; line-height: 34px; width: 100%; }
.indexAboutNews h3 span{ border:none; margin: 0; line-height: 34px }
.indexAbout p{ line-height: 2em; color: #fff; margin: 15px 0 20px; font-size: 14px; opacity: 0.75; padding-right: 15px; transition: all 0.3s}
.indexnewItem:hover p{ opacity: 1 }
.indexAbout span{ color: #fff; border-bottom:1px solid #fff; line-height: 30px; display: inline-block; cursor: pointer; margin: 10px 0 }
.indexAboutNews p{ margin-bottom: 5px; }
.indexAbout .icons .item{margin: 10px 0;}
.indexAbout .icons .item i, .indexAbout .icons .item img{vertical-align: middle}
.indexAbout .icons .item i, .indexAbout .icons .item i a{ color: #fff }
.indexAbout .title span{border-bottom:none; margin-bottom: 0;}
.indexAbout .title { margin: 15px 0 30px; }
.indexVideo{ padding: 15px; background: #000; box-shadow: 0 0 10px #000; margin-bottom: 20px}
.indexVideo video, .indexVideo embed{ max-height: 300px; width: 100% !important; height: 300px !important }
.indexVideo img{ width: 100% !important; height: auto !important }

.indexBox2{ padding: 10px 0 50px; width: 100%; background: #f5f5f5; overflow:hidden;}
.indexBox2 .owl-buttons div{ color: #055096 !important }

.indexBox3{ background: #f5f5f5; padding: 50px 0;}
.indexBox3 .item img{ max-width: 200px }

.indexBox6{ width: 100%; background: url('../img/indexBg4.jpg') no-repeat center top; background-size: 100% 100%; overflow: hidden; padding-bottom: 50px}
.indexBox6List{ width: 100%; display: block; margin-left: -5px }
.indexBox6List li{ padding: 20px; }
.indexBox6List li img{ transition: all 0.3s; max-width: 200px; }
.indexBox6List li:hover img{ transform: scale(1.15, 1.15) }

.hpList{ max-width: 1200px; width: 85%; margin: 0 auto; }
.hpList .item span{ max-width: 500px; display: inline-block; margin-left: 20px; font-size: 16px; line-height: 35px; color: #333; margin-top: 10px}
.hpList .item span em{ font-family: Impact; font-size: 40px; }
.hpList .owl-buttons div{color: #055096 !important}
.indexBox4{ background: url('../img/contactbg.jpg') no-repeat center; background-size: auto 100% ; }
.indexBox4 .ewms{ /* background: #055096; *//*  padding-bottom: 20px; */ padding-left: 15%}
/* .indexBox4 .ewms h2{ line-height: 50px; color: #fff; font-size: 18px; text-align: center } */
.indexBox4 .ewms img{ width: 100%; max-width: 260px; padding-left: 10px; margin-top: 15px }
.indexContact{ padding-bottom: 30px }
.indexContact .title{ margin-bottom: 15px }
.indexContact .title i{ border-bottom: 1px solid #fff; display: block; width: 50px; margin-left: 10px; margin-top: 15px }
.indexContact p{ line-height: 2em; font-size: 16px; padding-left: 10px; color: #fff }
.indexContact p a{ color: #fff }
.indexContact .icons { margin-top: 10px}
.indexContact .icons a{margin-left: 10px;}

.footer{ background: url('../img/fotLogoText.png') #055096 no-repeat right 150px; padding: 40px 0; }
.copy{ background: #055096; line-height: 1.5em; color: #fff; padding: 15px 0; font-size: 16px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1)}
.copy a{color: #fff}
.footer .bottomNav .item h2{ color: #fff; line-height: 2em; margin-bottom: 15px;font-size: 18px }
.footer .bottomNav .item h2 a{ font-size: 16px }
.footer .bottomNav .item a{ display: block; width: 100%; line-height: 30px; color: rgba(255,255,255,0.6); font-size: 15px; transition: all 0.3s }
.footer .bottomNav .item a:hover{color: #fff;}

.pages{ text-align: center; padding: 60px 0; background: #fff;}
.pages a, .pages span{ margin: 0 5px; min-width: 40px; padding: 0 10px; line-height: 40px; text-align: center; line-height: 40px; display: inline-block }
.pages a{ border: 1px solid #f5f5f5; transition: all 0.3s }
.pages a:hover, .pages span{ background: #055096; color: #fff }
.pages a.btns{ font-family: '宋体' }
.pages2 a{ width: auto; padding: 0 20px; color: #787878; margin: 0 30px;}

.mbx{ padding: 25px 1.5rem; line-height: 22px;}
.mbx img{ width: 22px; height: 22px; margin-right: 10px;}
.mbx img, .mbx a{vertical-align: middle;}

.back_up{ width: 40px; height: 40px; cursor: pointer;}
.back_up img{ width: 100%; }
.ny_title{ text-transform: uppercase; color: #002e6d; font-size: 30px; line-height: 1.4em; border-bottom: 1px solid #eee; padding: 25px 1rem;}
.ny_title p{ color: #999; line-height: 30px; font-size: 16px; text-align: center;/*  padding-bottom: 20px; */ }
.page_content{ text-align: left; margin: 30px 0 50px; }
.page2_content img{ display: block; margin: 0 auto; max-width: 750px}
.page_content .videos{ display: inline-block }
/*case*/
.case_list{ margin-top: 30px; }
.case_list li{ margin-bottom: 20px; overflow: hidden; padding: 1rem}
.case_list li a{ width: 100%; display: block; }
.case_list li a h2{ font-size: 16px; line-height: 1.2em; padding: 15px; background: #f2f2f2;text-align: center }
.case_list li a .case_img_width{ width: 100%; overflow: hidden }
.case_list li a img{ transition: all 0.3s }
.case_list li a:hover img{ transform: scale(1.05, 1.05) }
/*分页*/
.fy{ text-align: left; width: 100%; margin-bottom: 50px; padding: 0 1.5rem }
.fy a, .fy span{ margin-bottom: 5px; display: inline-block; text-align: center; min-width: 40px; line-height: 40px; border-radius: 8px; border:1px solid #aaa; transition: all 0.3s;}
.fy a:hover, .fy span{ background: #055096; color: #fff; border:1px solid #055096 ; }


/*new*/
.news_list{ width: 100%; margin-top: 30px; padding: 0}
.news_list li{margin-bottom: 15px;  background: #fafafa;}
.news_list li a{ display: block; overflow: hidden; transition: all 0.3s;}
.news_list li .prolist_text{ margin-top: 10px; padding-bottom: 10px; }
.news_list li span{ padding-right: 0; display: block; padding: 0; font-size: 16px }
.news_list li a:hover{ background: #002e6d }
.news_list li a:hover h2, .news_list li a:hover p{ color: #fff; }
.news_list li .prolist_text{ margin: 20px 0; padding-left: 30px;}
.news_list li .prolist_text h2{ overflow: hidden; font-size: 20px; line-height: 1.6em; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.news_list li .prolist_text p{ line-height: 1.6em; color: #666; margin-top: 20px; }
.contact_con h2{ color: #002557; font-size: 20px; line-height: 3em; text-transform: uppercase; }
.contact_con p{ color: #055096; line-height: 2.5em; font-size: 16px; }
.contact_con p a{ color: #055096 }
.contact_con img{ width: 100% !important; height: auto !important }
.box_container{ padding: 15px }
.form{ width: 100%; }
.form label{ width: 100%; display: block; line-height: 30px; margin: 0}
.form input, .form select, .form textarea{ width: 100%; line-height: 30px; border:1px solid #ddd; box-shadow: 0px 0px 5px #eee inset; border-radius: 5px; }
.form select{-webkit-appearance: none;}
.form input[type="submit"], .form .submit{ text-align: center; width: 100%; background: #333; color: #fff; box-shadow: none; border:none; margin: 20px 0 30px; line-height: 40px;}
.case_list{ margin-top: 15px }
/*pro_list*/
.pro_left{ box-shadow: 0px 0px 10px #ddd; padding: 0; margin-top: 30px; }
.pro_title,.pro_title_new{ display: block; font-size: 20px; text-transform: uppercase; color: #fff; padding: 15px; background: url(../img/goback.png) #055096 no-repeat center right;  }
.pro_title:hover,.pro_title_new:hover{ color: #fff; }
.pro_title i{ display: block; background: #fff; width: 15%; height: 2px; margin: 5px 0; }
.pro_title p,.pro_title_new span{ color: #fff; font-family: Arial; }
.pro_title_new span{font-size: 12px; margin-left: 15px;}
.ny_pro_nav, .ny_pro_nav > li{ width: 100%; position: relative; }
.ny_pro_nav > li a{ position: relative; display: block; line-height: 50px; font-size: 15px; text-transform: capitalize; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; width: 100%; padding: 0 20px; transition: all 0.3s;}
.ny_pro_nav > li i{ font-size: 14px; font-family: "Arial"; color: #fff; position: absolute; line-height: 40px; padding: 0 20px;}
.ny_pro_nav > li > a{ background: #055096 /*#002e6d*/; color: #fff; margin-top: 5px; transition: all 0.3s; border-radius: 5px; line-height: 40px; }
.ny_pro_nav > li > .pro_nav_two{display: none; background: #fdfdfd;}
.ny_pro_nav > li > .pro_nav_two a{ border-bottom: 1px solid #eee }
.ny_pro_nav > li > .pro_nav_two.down{ display: block; }
.ny_pro_nav > li > .pro_nav_two a:hover, .ny_pro_nav > li > .pro_nav_two a.active2{ background: #eee; }
.ny_pro_nav > li > a ~ i{ right: 0px; font-family: '宋体'; top: 0; transform: rotate(0deg); cursor: pointer; transition: all 0.3s}
.ny_pro_nav > li > a ~ i.active{ transform: rotate(90deg); }
.ny_pro_nav > li > .pro_nav_two a{ line-height: 40px; }
.ny_pro_nav > li > .pro_nav_two a > i{ left: 0px; top: 0; line-height: 40px;}
.index_pro_box_nav{ padding-left: 0 }
.index_pro_box_cen{ padding-right: 0 }
.index_pro_box{ padding: 30px 15px }
/*title*/
.index_title{ border-bottom: 1px solid #ddd; overflow: hidden; width: 100%; margin-bottom: 20px; }
.index_title h2{ color: #333; font-size: 18px; line-height: 60px; display: inline-block; }
.index_title h2 span{ font-family: Arial; text-transform: uppercase; color:#002e6d; font-size: 14px; margin-left: 5px;  }
.index_title a{ font-size: 14px; transition: all 0.3s; display: inline-block; padding: 0 10px; line-height: 60px; color: #999;}
/*pro_detial*/

.pro_detail_content{ margin: 50px auto; }

.show_bigimg > div{ display: none; max-width: 100%; overflow: hidden; border:1px solid #ddd;}

.show_bigimg > div img{ max-height: 473px }

.show_bigimg iframe{ max-width: 100%; }

.show_smlimg{ display: flex; }

.show_smlimg .items{ max-width: 100%; transition: all 0.3s; flex: 1; margin-right: 1%; float: left; margin-top: 2%; border:2px solid #fff; border-radius: 10px; overflow: hidden;}

.show_smlimg .items img{max-height: 110px}

.show_smlimg .items.active{ border:2px solid #aaa; }

.pro_show_contant{ overflow: hidden;}

.pro_show_tex{ padding-left: 0 }

.pro_show_tex > h2{ color: #002e6d; font-size: 24px; line-height: 1.6em; padding:10px 0; }

.pro_show_tex > h4, .pro_show_tex .wx_phone h4 a{ color: #ff6201; font-size: 18px; line-height: 3em }

.pro_show_tex > p{ margin-bottom: 10px; width: 100%; color: #666; font-size: 15px; line-height: 1.6em; }

.pro_show_tex .line{ border-bottom: 1px solid #eee; width: 100%; height: 1px; }

.pro_show_tex > h5{ color: #999; line-height: 2em; font-size: 16px; }

.pro_show_tex > h5 span{ display: block; line-height: 2.4em }

.pro_show_tex > h5 span i{ font-size: 16px; color: #002e6d; font-weight: 600; }

.pro_show_tex .wx_ewm{width: 40%; margin: -3.6em 0 1em}

.pro_show_tex .wx_ewm span{width: 100%; display: block}

.pro_show_tex .wx_ewm img{width: 100%;}

.pro_show_tex .wx_ewm p{color:#ff6201;font-size: 18px;line-height: 3em}

.pro_show_tex .wx_phone .line{ margin: 10px 0; }

.pro_show_tex .wx_phone h4{ line-height: 2.5rem;}

.pro_show_tex .wx_phone p{ font-size: 16px; line-height: 2em }

.pro_show_tex .wx_phone i { padding: 0; }

.pro_show_tex .wx_phone i img{ width: 100% !important; height: auto !important }

.pro_show_more{ margin-top: 30px; }

.pro_show_more a{ display: block;line-height: 20px; font-size: 16px; text-transform: uppercase; padding: 20px 0 20px 16%; width: 50%; float: left;	}

.pro_show_more .contact{ background: url(../img/pro_det_icon1.jpg) no-repeat center left;  background-size: auto 100%   }

.pro_show_more .click{ background: url(../img/pro_det_icon2.jpg) no-repeat center left;  background-size: auto 100% ; color: #fff; padding-left: 18%;  }

.pro_show_con{ padding: 0; margin: 0px 0 10px }

.pro_show_detail{ margin-top: 20px; }

.pro_show_detail img{ border-radius: 15px }

.pro_show_tab{ background-color: #055096; padding: 10px 0; overflow: hidden; width: 100%; color: #fff; text-align: center; font-size: 20px;}

.pro_detail_content{ margin: 50px auto }

.pro_show_detail{ font-size: 16px; line-height: 1.8em; color: #333; padding: 0 15px; }

/* .pro_show_detail > div{ display: none; } */

/* .pro_show_detail .videos{display: block; width: 400px; margin: 0 auto; background: #000} */
.show_bigimg{ border-radius: 15px; overflow: hidden; }

.show_bigimg .videos{ background: #000 }

.pro_detail{ margin-top: 30px;}
.ny_titleBtn{ text-align: center }
.ny_titleBtn a{ display: inline-block; padding: 0 50px; color: #787878 }
.ny_titleBtn a.active{ color: #002e6d }

.bottom_fx{ box-shadow: 0 0 10px #000; z-index: 9999; left: 0; bottom: 0; height: 50px; width: 100%; background: #055096; }
.bottom_fx a{ float: left; width: 50%;box-sizing: border-box; display: block; line-height: 50px; font-size: 16px; color: #fff; text-align: center; padding-left: 40px; background-repeat: no-repeat; background-size: auto 80%; background-position: 50px center; }
.bottom_fx a.app{ background-image: url(../img/bot_icon1.png); }
.bottom_fx a.pho{ background-image: url(../img/bot_icon2.png); border-right: 1px solid #034d23 }
.bottom_wx{ z-index: 9999 }
.bottom_wx, .bottom_wx .bottom_wx_bg{ width: 100%; height: 100%; top: 0; left: 0;}
.bottom_wx{ display: none; z-index: 999 }
.bottom_wx .bottom_wx_bg{ background: rgba(0,0,0,0.8);}
.bottom_wx .bottom_wx_con{ width: 80%; padding-bottom: 60px;}
.bottom_wx .bottom_wx_con span, .bottom_wx .bottom_wx_con img{width: 100% !important; height: auto !important; display: block}
.bottom_wx .bottom_wx_con p{ color: #fff; font-size: 16px; line-height: 1.5em; text-align: center; margin-top: 15px }
.bottom_wx .bottom_wx_close{ bottom: 50px; left: 0;width: 100%;}
.bottom_wx .bottom_wx_close a{ font-size: 16px; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #e17a0b; color: #fff }

.swiper-button{
	width: 100%;
	height: 50px;
	overflow: hidden;
	z-index: 99;
}
.swiper-button .swiper-button-prev{
	width: 50px;
	height: 50px;
	background-size:100%;
	background-image: url(../img/left.png);
	position: static;
	float: left;
	transform: translate(0,0);
	margin: 0;
}
.swiper-button .swiper-button-next{
	width: 50px;
	height: 50px;
	background-size:100%;
	background-image: url(../img/right.png);
	position: static;
	float: right;
	transform: translate(0,0);
	margin: 0;
}

@media (max-width: 1500px) {
	
}
@media (max-width: 1366px) {
	
}

@media (max-width: 1200px) {
	.indexPro ul{
		width: 100%;
		margin-left: 0;
	}
}
@media (max-width: 1024px) {
	.header .logo{
		margin: 0
	}
	.header .logo .logoImg{
		width: 100%
	}
}
@media (max-width: 768px) {
	.title{ margin: 15px 0; }
	.indexPro{margin: 0px auto 20px;}
	.indexAbout h2{ font-size: 24px }
	.indexBox1Void{ height: 0px }
	.owl_navigation .owl-controls{ display: none !important }
	.indexBox6List, .indexProNews ul{ margin: 0 }
	.indexBox6List li{ padding: 10px 0; }
	.footer{ padding: 0;}
	.indexBox4{ padding-bottom: 30px }
	.indexBox4 .ewms{ padding: 0 20px 20px; }
	.indexBox2{ padding-bottom: 30px }
	.hpList{ width: 90% }
	.hpList .item span{ max-width: 100%; margin-left: 0 }
	.ny_title{ font-size: 24px }
	.news_list{ margin-top: 5px }
	.news_list li{ padding: 15px; }
	.news_list li .prolist_text{ padding-left: 0 }
	.page_content{ padding: 0 20px; }
	.page2_content img{ max-width: 100%; height: auto }
	.pro_detail_content{ margin: 20px auto; }
	.pro_show_tex{ padding: 15px }
	.pro_detail{ margin-top: 15px }
	.pro_show_detail{ padding: 0 }
	.pro_show_detail img{width: 100% !important; height: auto !important}
	.index_pro_box_cen{ padding: 0 }
	.index_pro_box{ padding: 0 15px }
	/*.banner a{ height: 220px }*/
	.indexBox4 .ewms{ padding-left: 1rem;}
	.indexBox4 .ewms img{ max-width: 100% }
	.indexNews{ padding-top: 20px; }
	.indexContact p{ font-size: 15px }
	.header .logoText{ margin-top: 0; float: left }
	.copy{ padding-bottom: 60px; }
	.indexPro li{
		margin-bottom: 10px;
	}
	.indexPro li h2{
		line-height: 25px;
		padding: 0 10px;
		font-size: 12px;
	}
	.title h2{
		font-size: 20px;
	}
	.title h2 span{
		font-size: 14px;
	}
	.indexVideo video, .indexVideo embed{
		height: 200px !important;
	}
}
