html{font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}
body{font-family: "microsoft yahei", "sans-serif", "华文细黑", "黑体" !important;}
ol,
li{list-style: none;}
header,
footer,
#main{width: 100%;}
#main{position: relative; z-index: 2;}
header{position: relative;}
/*css3*/
.clear:after{display: block; content: ''; clear: both;}
.czspjz{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.before{display: block; content: '';}
.after{display: block; content: '';}
.left{float: left;}
.right{float: right;}
/*canvas*/
#particles-js{position: fixed; left: 0; top: 0;}
/*正常屏幕*/
.container{position: relative;}
.h-nav{transition: 300ms ease; -webkit-transition: 300ms ease; background: #fff; position: relative; height: 120px; overflow: hidden;}
.h-nav:after{display: block; content: ''; clear: both;}
.h-nav h1{float: left; padding: 40px 0 0 0;}
.h-nav ul{float: left; width: 64.5%; position: absolute; right: 0; bottom: 0;}
.h-nav ul li{float: left; width: 13%; position: relative; text-align: center; margin-left: 4.4%;}
.h-nav ul li:first-child{margin-left: 0;}
.h-nav ul li > a{display: block; line-height: 60px; color: #626262; perspective: 500px; -webkit-perspective: 500px; font-size: 14px; transition: 300ms ease; -webkit-transition: 300ms ease; position: relative;}
.h-nav ul li > a:after{display: block; content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; transition: 300ms ease; -webkit-transition: 300ms ease; background: #009c84;}
.h-nav ul li > a:hover{box-shadow: 0 5px 10px #ccc;}
.h-nav ul li > a:hover:after{width: 100%;}
.h-search{position: absolute; right: 0; top: 15px;}
.h-search .change_lang{width: 110px; height: 28px; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; position: relative; float: left;}
.h-search .change_lang:after{display: block; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #009c84; position: absolute; right: 15px; top: 9px;}
.h-search .change_lang ol li{line-height: 28px; text-indent: 20px;}
.h-search form{width: 185px; position: relative; float: left; margin-left: 10px;}
.h-search form input{display: block; position: absolute; border: 1px solid #ccc; border-radius: 5px; line-height: 28px; height: 28px; width: 100%; text-indent: 5px;}
.h-search form button{width: 37px; height: 28px; background: #009c84 url("../images/sch.png") no-repeat center; position: absolute; right: 0; top: 0; text-indent: -999rem;}
.pc-nav{position: fixed; width: 100%; top: 0; z-index: 999; transition: 500ms ease; -webkit-transition: 500ms ease; background: #fff;}
/*.pc-nav-animate{top: -30px;}*/
.pc-nav-animate{top: 0; box-shadow: 0 2px 3px #AFAFAF;}
/*放大缩小动画*/
@keyframes scaleAnimate{from{transform: scale(1);} to{transform: scale(1.1);}}
@-webkit-keyframes scaleAnimate{from{-webkit-transform: scale(1);} to{-webkit-transform: scale(1.1);}}
/*小屏幕手机*/
.mobile-nav{position: relative; height: 60px;}
.mobile-nav .h-nav-g{position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms;}
.mobile-nav .h-nav-g h1 img{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 20px;}
.mobile-nav .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mobile-nav .h-nav-g .btn_i small,
.mobile-nav .h-nav-g .btn_i:before,
.mobile-nav .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #000000; border-radius: 4px; margin: 6px 0;}
.mobile-nav .h-nav-g .btn_i_click small{opacity: 0;}
.mobile-nav .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}
.mobile-nav .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.mobile-nav .h-nav-g .i_tel{display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url("../images/tel.png"); position: absolute; right: 15px; top: 0; height: 60px; width: 40px;}
.mobile-nav .ul-small{background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 1000; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}
.mobile-nav .ul-small ul{margin-top: 20px;}
.mobile-nav .ul-small ul li > a{padding-right: 30px; line-height: 55px; display: block; position: relative; padding-left: 20%; color: #767676; font-size: 14px; border-bottom: 1px solid rgba(118, 118, 118, 0.52);}
.mobile-nav .ul-small ul li > a:before{display: block; content: ''; width: 10px; height: 10px; border: 2px solid #767676; position: absolute; left: 8%; top: 50%; margin-top: -5px; border-radius: 50%;}
.mobile-nav .ul-small ul li > a:after{display: none; content: '+'; position: absolute; right: 8%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: bold; font-size: 20px;}
.mobile-nav .ul-small ul li:nth-of-type(1) > a:after{display: none;}
.mobile-nav .ul-small ul li p{display: none; background: #19191a;}
.mobile-nav .ul-small ul li p > a{line-height: 55px; font-size: 14px; color: #767676; padding-left: 20%; position: relative; transition: 300ms ease; -webkit-transition: 300ms ease; display: block;}
.mobile-nav .ul-small ul li p > a:after{display: block; content: ''; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: bold; font-size: 20px; width: 7px; height: 11px; background: url("../images/menu_bg3.png") no-repeat center; background-size: cover;}
.mobile-nav .ul-small ul li.li_click > a{color: #fff;}
.mobile-nav .ul-small ul li.li_click > a:before{background: #ffc801; border: 2px solid #ffc801;}
.mobile-nav .ul-small ul li.li_click > a:after{content: '-'; color: #767676;}
.mobile-nav .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}
.mobile-nav .translate2{transform: translateX(0); -webkit-transform: translateX(0);}
/*banner*/
.swiper-container1 .swiper-slide img{animation: scaleAnimate 20s ease-in-out infinite alternate; -webkit-animation: scaleAnimate 20s ease-in-out infinite alternate;}
.delay{animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
.delay2{animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.banner{clear: both; position: relative; height: 100%; overflow: hidden; margin-top: 120px;}
.banner .container{position: absolute; height: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; top: 0;}
.banner .container .banner-txt{color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 55%;}
.banner .container .banner-txt p{font-size: 60px;}
.banner .container .banner-txt p span{color: #e0be85;}
.banner .container .banner-txt div{margin-left: 19%;}
.banner .container .banner-txt div small{display: block; font-size: 35px; font-weight: 300;}
.banner .container .banner-txt div em{font-style: normal; font-size: 15px; display: block;}
.banner .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.banner2{height: 620px; background-repeat: no-repeat; background-attachment: fixed; background-position: center 90px;}
.c-banner{background-image: url("../images/cbanner.jpg");}
.p-banner{background-image: url("../images/pbanner.jpg");}
.a-banner{background-image: url("../images/abanner.jpg");}
.n-banner{background-image: url("../images/nbanner.jpg");}
.m-banner{background-image: url("../images/mbanner.jpg");}
.j-banner{background-image: url("../images/jbanner.jpg");}
/*main*/
/*introduce*/
.introduce{position: relative; z-index: 10; margin-top: -80px; background: url("../images/it1.png") no-repeat center top; background-size: cover; height: 205px; padding: 0 8%;}
.introduce b{display: block;width: 207px;height: 77px;background: url("../images/timebg.png") no-repeat center;background-size: cover;text-align: center;color: #fff;font-size: 17px;line-height: 77px;float: left;margin-top: 40px;}
.introduce p{width: 70%; float: right; margin-top: 40px;}
.introduce p span{display: block;font-size: 12px;color: #fff;}
.introduce p span + span{text-align: right;}
/*main-title*/
.main-title{text-align: center; margin: 3% 0 5%;}
.main-title h3{font-size: 40px; color: #272727;}
.main-title strong{display: block; font-size: 18px;}
.main-title a{display: block; width: 13px; height: 13px; margin: 2% auto 0 auto;}
.main-title a img{transition: 300ms ease; -webkit-transition: 300ms ease; transform-origin: center;}
.main-title a:hover img{transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg);}
.main-title2 h3{color: #fff;}
.main-title2 strong{color: #fff;}
/*honor*/
.honor{padding-bottom: 8%; width: 100%; overflow: hidden;}
.swiper-container3{background: url("../images/hb.jpg") no-repeat center bottom; padding-bottom: 15px;}
.swiper-container3 .swiper-wrapper{height: 100%;}
.swiper-container3 .swiper-wrapper .swiper-slide{display: flex; display: inline-flex; align-items: flex-end; height: 100%; position: relative; text-align: center;}
.swiper-container3 .swiper-wrapper .swiper-slide img{margin-left: auto; margin-right: auto;}
.swiper-container3 .swiper-wrapper .swiper-slide span{position: absolute; width: 100%; display: block; text-align: center; bottom: -25%; left: 0;}
/*company*/
.company{background: url("../images/combg.jpg") no-repeat center;}
.company .com_content{padding: 110px 0; position: relative;}
.company .com_content img{display: block; margin: 0 auto; width: 30%;}
.company .com_content p{font-size: 12px;color: #b6f2e9;position: absolute;}
.company .com_content p b{font-size: 18px; margin-bottom: 5px; display: none; font-weight: 500;}
.company .com_content p span{display: block;}
.company .com_content p:after,
.company .com_content p:before{display: block; content: ''; width: 9px; height: 44px; top: 50%; margin-top: -22px; position: absolute;}
.company .com_content p:after{left: -30px; background: url("../images/comp1.png") no-repeat center;}
.company .com_content p:before{right: -20px; background: url("../images/comp2.png") no-repeat center;}
.company .com_content .com_p_t{width: 60%; left: 50%; top: 0; margin-left: -30%;}
.company .com_content .com_p_l1{width: 32%;left: 0;top: 19%;}
.company .com_content .com_p_l2{width: 41%;left: 0;top: 75%;}
.company .com_content .com_p_r1{width: 30%;right: 0;top: 30%;}
.company .com_content .com_p_r2{width: 33%;right: 0;top: 70%;}

/**/
ul.honor_list li {width: 18%;float: left;text-align: center;margin: 1% 1% 0 1%;}
ul.honor_list li span{display: block; height: 19px;overflow: hidden;}

/*product*/
.product{background: url("../images/probg.jpg") no-repeat center; background-size: cover; padding-bottom: 3%; overflow: hidden;}
.pro-type{margin-bottom: 1%;}
.pro-type ul{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.pro-type ul li{width: 23%; margin-bottom: 10px; overflow: hidden;}
.pro-type ul li a{display: block; position: relative; background: #009c84; transition: 300ms ease; -webkit-transition: 300ms ease; height: 58px; line-height: 58px;}
.pro-type ul li a:before{display: block; content: ''; width: 95%; height: 85%; border: 1px solid #e0be85; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: 300ms ease; -webkit-transition: 300ms ease;}
.pro-type ul li a:after{display: block; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #e0be85; position: absolute; left: 10%; top: 50%; margin-top: -5px; z-index: 2; transition: 300ms ease; -webkit-transition: 300ms ease;}
.pro-type ul li a span{color: #e0be85; font-size: 16px; position: relative; z-index: 3; text-indent: 20%; display: block; transition: 300ms ease; -webkit-transition: 300ms ease;}
.pro-type ul li a:hover{background: #e0be85;}
.pro-type ul li a:hover span{color: #009c84;}
.pro-type ul li a:hover:before{border: 1px solid #009c84;}
.pro-type ul li a:hover:after{background: #009c84;}
.pro-list:after{display: block; content: ''; clear: both;}
.pro-list ul{width: 103%;}
.pro-list ul li{position: relative; display: block; width: 22.8%; float: left; margin-right: 2%; margin-bottom: 2%;border: 1px solid #ccc;}
.pro-list ul li p{position: relative; background: #cae0f2; overflow: hidden;}
.pro-list ul li p .pro_list_img{left: 0; top: 0; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pro-list ul li p .pro_list_bg{position: relative; z-index: 2; max-width: 100%; width: 100%;}
.pro-list ul li span{display: block;background: #fff;text-align: center;font-size: 14px;transition: 300ms ease;-webkit-transition: 300ms ease;height: 40px;overflow: hidden;line-height: 40px;padding: 0 6px;}
.pro-list ul li:hover span{background: #e0be85; color: #009c84;}
.pro-list2 ul li span{background: #eee;}

/*产品2*/
.pro-list:after{display: block; content: ''; clear: both;}
.pro-list-2 ul{width: 103%;}
.pro-list-2 ul li{position: relative;display: block;width:100%;margin-bottom: 2%;border-bottom: 1px dashed #009C84;padding-bottom: 3%;}
.pro-list-2 ul li p{position: relative;/* overflow: hidden; */}
.pro-list-2 ul li p img{ width: 24%;border: 1px solid #ccc;margin-right: 3px;}
.pro-list-2 ul li span{display: block;color: #333;margin-bottom: 2%;font-size: 22px;}
.pro-list-2 ul li:hover span{color: #009c84;}

/*case*/
.case{padding-bottom: 6%;}
.case .case_top{position: relative; margin-bottom: 5%;}
.case .case_top img{width: 66%;border: 1px solid #ccc;}
.case .case_top div{position: absolute;right: 7%;top: 3%;width: 22%;}
.case .case_top div:before{display: block; content: ''; width: 60px; height: 1px; background: #333; position: absolute; left: -87px; top: 18px;}
.case .case_top div span{display: block;font-size: 17px;}
.case .case_top div b{font-size: 18px;display: block;font-weight: 500;margin: 10px 0;}
.case .case_top div small{display: block;font-size: 15px;}
.case .case_top p{background: #009c84; color: #e0be85; position: absolute; right: 6%; bottom: 10%; width: 30%; padding: 3% 2%;}
.case .case_top p span{display: block;font-size: 11px;margin-bottom: 2%;}
.case .case_top p span:last-child{margin-bottom: 0;}
.case .case_bottom ul li{float: left; width: 23%; margin-right: 1.5%;border: 1px solid #ccc;}
.case .case_bottom ul li img{max-width: 100%;}
.case .case_bottom ul li span{display: block; font-size: 14px; color: #3b3b3b; background: #f7f7f7; text-align: center; margin-top: 10px; height: 40px; line-height: 40px; overflow: hidden; transition: 300ms ease; -webkit-transition: 300ms ease;}
.case .case_bottom ul li:hover span{background: #e0be85; color: #009c84;}
/*chang*/
.chang{background: #defef9;}
.chang .chang_list{overflow: hidden;}
.chang .chang_list ul li{float: left; width: 23%; margin-right: 1.5%;}
.chang .chang_list ul li img{max-width: 100%;}
.chang .chang_list ul li span{display: block; font-size: 14px; color: #e0be85; background: #009c84; text-align: center; height: 40px; line-height: 40px; overflow: hidden; transition: 300ms ease; -webkit-transition: 300ms ease; margin-top: 5px;}
.chang .chang_list ul li:hover span{background: #e0be85; color: #009c84;}
.chang .more_btn{width: 170px; line-height: 42px; border: 1px solid #009c84; text-align: center; display: block; margin: 4% auto; transition: 300ms ease; -webkit-transition: 300ms ease;}
.chang .more_btn:hover{background: #009c84; color: #e0be85;}
/*news*/
.news{background: url("../images/newbg.jpg") no-repeat center top; padding-top: 12%; margin-bottom: 3%; position: relative;}
.news .img_container{position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 0; height: 40%;}
.news .img_container img{position: absolute; right: 1.2%; top: 0; max-height: 100%;}
.news .news_ul{padding: 4% 3%; background: #fff; overflow: hidden; box-shadow: 0 3px 3px #ccc;}
.news .news_ul li{width: 25%; padding-right: 20px; float: left; background: #fff;}
.news .news_ul li p span{display: inline-block; color: #909090; font-size: 24px;}
.news .news_ul li p small{font-size: 14px; color: #919191; margin-left: 3%; display: inline-block;}
.news .news_ul li div b{display: block; font-size: 16px; font-weight: 500; margin: 3% 0;}
.news .news_ul li div small{display: block; font-size: 14px; color: #969696;}
.news .news_ul li a{display: block; font-size: 14px; color: #969696; padding-top: 10%; position: relative; padding-left: 3%; margin-top: 6%;}
.news .news_ul li a:before{display: block; content: ''; width: 1px; height: 100%; background: #009c84; position: absolute; left: 0; top: 0;}
.news .news_ul li a:hover{color: #009c84;}
/*contact_form*/
.contact_form{background: #009c84; padding: 3%; border: 4px solid #e0be85;}
.contact_form form{display: flex; display: -webkit-flex; justify-content: space-between;}
.contact_form form input{display: inline-block; width: 18%; border: 0; line-height: 35px; text-indent: 35px; background-repeat: no-repeat; background-position: 10px center; background-color: #fff !important;}
.contact_form form input:nth-of-type(1){background-image: url("../images/fl1.png");}
.contact_form form input:nth-of-type(2){background-image: url("../images/fl2.png");}
.contact_form form input:nth-of-type(3){background-image: url("../images/fl3.png");}
.contact_form form input:nth-of-type(4){background-image: url("../images/fl4.png");}
.contact_form form input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset; height: 35px !important; line-height: 35px !important; text-indent: 35px !important;}
.contact_form form .input_con{width: 30%;}
.contact_form form button{display: inline-block; width: 10%; background: #fff; color: #666; line-height: 37px;}
/*footer*/
#main + footer{margin-top: -40px;}
footer .f_top{background: #f7e8c7; overflow: hidden; position: relative; padding-top: 40px;}
footer .f_top img{width: 50%; float: left;}
footer .f_top .f_top_con{position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; top: 50%; width: 44%;}
footer .f_top .f_top_con h1{font-size: 26px; color: #009c84; font-style: italic; font-weight: bold; margin-bottom: 3%;}
footer .f_top .f_top_con ul{overflow: hidden;}
footer .f_top .f_top_con ul li{float: left; width: 50%; margin-bottom: 2%;}
footer .f_top .f_top_con ul li span{display: block; font-size: 16px; color: #414141;}
footer .f_top .f_top_con ul li i{display: block; font-size: 21px; color: #009c84; font-weight: bold;}
footer .f_top .f_top_con p span{display: block; font-size: 16px; color: #414141;}
footer .f_top .f_top_con p i{display: block; font-size: 21px; color: #009c84; font-weight: bold;}
footer .f-bottom{padding: 15px 0; background: #d8ab47; font-size: 15px; color: #fff;}
footer .f-bottom a{color: #fff;}
footer .f-bottom span{float: right;}
/*info_company*/
.info_company_one{padding-bottom: 6%; padding-top: 2%; overflow: hidden;}
.info_company_one:nth-of-type(even){background: #d1fffd; color: #666;}
.info_company_one:nth-of-type(even) .info_company_one_con{position: relative;}
.info_company_one:nth-of-type(even) .info_company_one_con:after{display: block; content: ''; clear: both;}
.info_company_one:nth-of-type(even) .info_company_one_con p{position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.info_company_one:nth-of-type(odd) .info_company_one_con{position: relative;}
.info_company_one:nth-of-type(odd) .info_company_one_con:after{display: block; content: ''; clear: both;}
.info_company_one:nth-of-type(odd) .info_company_one_con .info_company_one_l{float: right;}
.info_company_one:nth-of-type(odd) .info_company_one_con p{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.info_company_one .main-title strong{color: #009c84;}
.info_company_one .info_company_one_l{width: 25%;}
.info_company_one .info_company_one_l img{max-width: 100%;}
.info_company_one p{width: 70%; position: relative;}
.info_company_one p:after{display: block; content: ''; width: 8%; height: 3px; background: #e0be85; position: absolute; bottom: 0; left: 0;}
.info_company_one p span{display: block; margin-bottom: 3%;}
/*info*/
#info + footer .f_top{padding-top: 0;}
.info-right .pro-list li{width: 31.3%;}
.pro-info{margin-top: 4%;}
.info2{padding-bottom: 5%;}
.location{overflow: hidden; padding: 20px 0; background: #f2f2f2;}
.location h3{float: left; font-size: 24px; color: #232323; font-weight: bold; display: none;}
.location div div{color: #a6a6a6; font-size: 14px; font-weight: bold; color: #E6002D;}
.location div div i{font-size: 16px;}
.location div div a{color: #E6002D;}
.location div div a:hover{color: #e6002d;}
.location > span{float: right; font-size: 14px; margin-top: 9px;}
.p_content{font-size: 14px; color: #6a6a6a; line-height: 30px; text-align: justify;}
.p_content img{max-width: 100% !important;}
/*sidebar*/
.sidebar{margin-bottom: 20px;}
.sidebar h3{background: #009c84; line-height: 100px; text-align: center; font-size: 30px; border-radius: 10px 10px 0 0; color: #fff; position: relative;}
.sidebar ul > li a:hover{color: #009c84;}
.sidebar ul > li > a{display: block; padding: 15px 0 15px 20px; color: #2f2f2f; font-weight: bold; border-bottom: 1px solid #ccc; position: relative; font-size: 15px;}
.sidebar ul > li > a.li_click i{transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); padding-top: 12px;}
.sidebar ul > li > a i{color: #7e7e7e; padding-right: 10px; position: absolute; right: 0;}
.sidebar ul > li ol{background: #f3f3f3; padding: 20px 0 1px 30px; display: none; width: 100%;}
.sidebar ul > li ol li{margin-bottom: 20px;}
.sidebar ul > li ol li a{color: #434343; font-weight: bold; font-size: 12px; display: block; padding-right: 5px;}
/*page*/
#prev_next{clear: both; padding: 0 15px;}
#prev_next a:hover{color: #006555;}
#prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; font-size: 14px; text-align: center;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #006555;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
#prev_next .prev,
#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
#prev_next .prev a:hover,
#prev_next .next a:hover{color: #006555;}
#prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
#prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
/*产品详情页*/
.location{padding: 20px 0; font-size: 14px;}
.info-pp{overflow: hidden;}
.pro-info-con .pro-info-title{font-size: 29px; color: #009c84; border-bottom: 2px solid #009c84; padding-bottom: 10px; text-align: left; margin-bottom: 15px;}
.pro-info-con .p-con{font-size: 14px; color: #323232; line-height: 26px;}
.pro-info-con .pro-small{font-size: 14px; color: #818181; display: block; margin-top: 30px;}
.pro-info-con .pro-email{color: #8E6100; display: block; font-size: 14px; margin: 2% 0;}
.pro-info-con .pro-email i{font-size: 22px; padding-right: 5px;}
.pro-info-con .pro-order{display: block; width: 80%; line-height: 44px; color: #323232; text-align: center; font-size: 18px; background: #e6e6e6; margin: 10% auto 0 auto;}
.pro-info-con .pro-order:hover{color: #e6002d;}
.product-content-tit{line-height: 50px; background: #f7f7f7; border: 1px solid #e6e6e6; margin-bottom: 30px; margin-top: 40px; position: relative;}
.product-content-tit span{display: block; height: 52px; line-height: 52px; color: #fff; width: 230px; background: #b19b77; padding-left: 35px; font-size: 14px;}
.info_right_t{text-align: center; font-size: 30px; color: #009c84; margin-bottom: 5%;}
/*招聘*/
.zhao_list_all{padding-bottom: 5%;}
.zhao_list_all h3{font-size: 24px; font-weight: 300; margin: 3% auto; color: #0089d3; text-align: center; background: #0089d3; color: #fff; padding: 1% 0; width: 30%;}
.zhao_list_all .zhao_list > div{border-bottom: 1px solid #ccc; padding-bottom: 4%; margin-bottom: 4%; position: relative;}
.zhao_list_all .zhao_list > div > b{display: block; color: #939393; font-size: 25px; font-weight: 400;}
.zhao_list_all .zhao_list > div > strong{font-size: 26px; font-weight: 500; margin: 5px 0; display: block;}
.zhao_list_all .zhao_list > div > span{display: block; font-size: 14px; color: #666;}
.zhao_list_all .zhao_list > div > span i{font-style: normal; color: red;}
.zhao_list_all .zhao_list > div div{font-size: 12px; line-height: 30px; margin-top: 2%; display: none;}
.zhao_list_all .zhao_list > div em{position: absolute; cursor: pointer; top: 12px; right: 0; width: 62px; height: 32px; background-image: url(../images/jobBottom.png); background-repeat: no-repeat; transition: 300ms ease; -webkit-transition: 300ms ease; background-size: cover; background-position: center;}
.zhao_list_all .zhao_list > div em.em2{transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg);}
.job_t{text-align: center; margin: 3% 0; border-bottom: 1px solid #ccc; padding-bottom: 2%;}
.job_t .mainsTitle{font-size: 38px; color: #434343;}
.job_t .mainSub{width: 37px; height: 2px; background: #009c84; margin: 15px auto;}
.job_t .mainsInfo{font-size: 36px; line-height: 38px; padding-bottom: 20px; color: #009c84; width: 100%;}
.zhao_list_con{position: relative; border-bottom: 1px solid #949494; text-align: center; padding-bottom: 5%; margin-bottom: 5%;}
.mainSub{width: 37px; height: 2px; background: #009c84; margin: 30px auto;}
.zhao_list_con .mainTitle{color: #434343; font-size: 35px; letter-spacing: 0em; font-weight: 100; font-stretch: ultra-condensed; width: 100%; text-align: center;}
.zhao_list_con .title{font-size: 32px; color: #444;}
.zhao_list_con .mainSub{width: 85px; height: 2px;}
.zhao_list_con .info{font-size: 22px; color: #444;}
/*info-message*/
.info-message{padding-bottom: 5%;}
.info-message h3{text-align: center; font-size: 30px; color: #000; margin: 3% 0 5% 0;}
.info-message input{width: 48.8%; background: #edf3fa; height: 60px; line-height: 60px; text-indent: 30px; border: 0; font-size: 14px;}
.info-message input + input{float: right;}
.info-message textarea{background: #edf3fa; border: 0; height: 225px; margin-top: 15px; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; width: 100%;}
.info-message small{display: block; line-height: 22px; color: #aeaeae; margin: 25px auto; text-align: center; width: 45%;}
.info-message button{width: 220px; text-align: center; line-height: 55px; border: 0; background: #009c84; cursor: pointer; color: #fff; font-size: 18px; border-radius: 5px; display: inline-block; margin: 0 auto; display: block;}
/*info-maps-con*/
.info-maps .container{position: relative;}
.info-maps-con{position: absolute; right: 0; background: #fff; z-index: 3; padding: 4%; margin-top: 13%;}
.info-maps-con h3{font-size: 24px; color: #000; margin-bottom: 5%;}
.info-maps-con p{font-size: 16px; color: #7e7e7e; line-height: 32px;}
#allmap{width: 100%; height: 460px; overflow: hidden;}
.mas-list{width: 90%; margin: 0 auto;}
.mas-list h3{font-size: 24px; color: #000; margin-top: 3%; margin-bottom: 3%;}
.mas-list p{line-height: 25px;}
/*i_news*/
.i_news{margin: 5% 0;}
.i_news .i_news_list li{overflow: hidden; background: #fff; box-shadow: 0 0 4px #ccc; margin-bottom: 2%; position: relative;}
.i_news .i_news_list li:hover span{color: #009c84;}
.i_news .i_news_list li img{width: 25%; position: absolute; left: 0; top: 0; height: 100%;}
.i_news .i_news_list li div{width: 70%; float: right; padding: 3% 10% 2% 0; position: relative;}
.i_news .i_news_list li div span{display: block; font-size: 18px; color: #4a4a4a; transition: 300ms ease; -webkit-transition: 300ms ease;}
.i_news .i_news_list li div small{display: block; font-size: 14px; color: #7a7a7a; margin: 2% 0;}
.i_news .i_news_list li div b{display: block; font-size: 12px; color: #909090; font-weight: 300;}
.i_news .i_news_list li div strong{display: block; width: 30px; height: 30px; background-color: #009c84; border-radius: 50%; color: #fff; text-align: center; line-height: 22px; position: absolute; right: 5%; top: 50%; margin-top: -15px;}
/*新闻详情页*/
.n_left{width: 71.5%; float: left; margin-top: 5px;}
.n_left ._title{font-size: 36px; color: #000; margin-bottom: 10px; line-height: 1.4; font-weight: 400;}
.news_time span{font-size: 12px; margin-right: 10px; display: inline-block; height: 30px; line-height: 30px; overflow: hidden;}
.news_time span:first-child{background: url("../images/time.png") no-repeat left center; padding-left: 20px;}
.news_time span:first-child + span{background: url("../images/click.png") no-repeat left center; padding-left: 25px;}
.info_news_right{width: 24%; float: right; padding-top: 40px;}
.info_news_right ul{margin-top: 45px; border: #f3f3f3 10px solid; padding: 10px 7%;}
.info_news_right ul li{padding: 27px 0; border-bottom: 1px #ececec solid;}
.info_news_right ul li a{display: block; font-size: 16px; font-weight: bold; color: #5c5c5c;}
.info_news_right ul li b{display: block; padding-bottom: 8px; font-size: 19px; font-weight: bold; color: #000000; margin-bottom: 10px;}
.info_news_right ul li a span{display: block; font-size: 14px; line-height: 1.8; color: #555; font-weight: 400;}
.info_news_right ul li b:before{display: block; content: ''; float: left; margin-right: 5px;}
.info_news_right ul li:first-child b:before{width: 30px; height: 26px;}
.info_news_right ul li:first-child + li b:before{width: 30px; height: 26px;}
.info_bg{margin-bottom: 4%;}
.p-content img{max-width: 100%;}
.p-content{font-size: 15px; line-height: 30px;}
.p-content table{ width: 100% !important;}


/*联系我们*/
.info_contact2{position: relative; overflow: hidden; margin: 5% 0;}
.info_contact2 #allmap{position: absolute; width: 48%; height: 100%;}
.info_contact2 .contact_mesg{float: right; width: 48%;}
.info_contact2 .contact_mesg b{display: block; font-size: 24px; color: #009c84; margin-bottom: 3%;}
.info_contact2 .contact_mesg p{float: left; width: 50%;}
.info_contact2 .contact_mesg p span{display: block; font-size: 16px; color: #636363; margin-bottom: 5px;}
.contact_car{overflow: hidden;}
.contact_car p{width: 48%; float: left;}
.contact_car p + p{float: right;}
.contact_car p b{display: block; font-size: 24px; color: #009c84; margin-bottom: 3%;}
.contact_car p img{max-width: 100%;}
.contact_yi{overflow: hidden;}
.contact_yi ul{margin-top: 5%;}
.contact_yi ul li{float: left; width: 33.333%;padding: 0 5px;}
.contact_yi ul li img{width: 100%; display: block;}
.contact_yi ul li span{display: block; font-size: 16px; color: #636363; text-align: center; margin-top: 3%;}