body, html { width: 100%; margin: 0; padding: 0; font-size:14px;  font-family:-apple-system,BlinkMacSystemFont,"PingFang Medium",Arial,  Helvetica,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;  color: #111111; line-height: 1.5; }
* { margin: 0px; padding: 0px; outline: 0 none; word-wrap: break-word; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
ul, li { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { color: #333333; outline: none; text-decoration: none; /*-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none;*/ }
a:hover { text-decoration: none; }
em, i { font-style: normal; }
.cf:before, .cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
input, textarea, button,select { border: none; background: none; appearance: none; -webkit-appearance: none;font-family:-apple-system,BlinkMacSystemFont,"PingFang Medium",Arial,  Helvetica,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;outline: none;font-size:16px;border-radius: 0; }
 input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clear { height: 0; overflow: hidden; clear: both; }
.cf { zoom: 1; }
img { border: none; max-width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; display: inline-block; vertical-align: top; } 
.rel { position: relative; }
.abs { position: absolute; }
.fixed {position: fixed;}
.fl { float: left; }
.fr { float: right; }
.hid { overflow: hidden; }
.mt50{margin-top:50px;}  
.c-666{color:#666;}
.c-999{color:#999;}
.c-000{color:#000;}
.c-eee{color:#eee;}  
.upper{text-transform: uppercase;}
.fb { font-weight: bold; }
.tc { text-align: center; }
.tr { text-align: right; } 
.mt110{margin-top:110px;}
.pb80{padding-bottom:80px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-24{font-size:24px;}
.box-shadow{box-shadow: inset 0 -3px 5px #f8f8f8;}
.img{overflow: hidden;}
.tit a:hover{color:#005ea8;} 
.wrap { width: 1280px; margin-left:auto;margin-right:auto;} 
.header{width:100%;height:110px;background:rgba(255,255,255,0.8); position: absolute;left:0;top:0; z-index: 100;}
.logo { float:left;margin:28px 0 0 28px;  } 
.top_search{margin-top:25px;}
.top_search .tel{float:right; font-family: "DIN-Medium";color:#0d6fb8;padding-left:27px;background:url(../images/tel.png) no-repeat left center; line-height: 1; }
.search{float:right;width:180px;height:20px;border:1px solid #0d6fb8;border-radius: 20px;padding:0 10px 0 36px;background-color:rgba(255,255,255,0.6);background-image: url(../images/search.png); background-position: 14px 50%;background-repeat: no-repeat;margin-right:30px;}
.search input{display:block;width:100%;font-size:12px;line-height:20px;}
.search input::-webkit-input-placeholder { color:#0d6fb8; }
.search input::-moz-placeholder { color:#0d6fb8; } /* firefox 19+ */
.search input:-ms-input-placeholder { color:#0d6fb8; } /* ie */
.search input:-moz-placeholder { color:#0d6fb8; }
.nav_box{width:100%;text-align: right;font-size:0;margin-top:15px;}
.nav_box li{display: inline-block;margin-left:48px;}
.nav_box li a{font-size:18px;font-weight: bold;}
.nav_box li.cr a,.nav_box li a:hover{color:#0d6fb8; }
.menu_box{top:110px;left:0;right:0; z-index: 10;}
.menu_list{width:270px;padding:0 30px 10px;background:rgba(0,71,123,0.6);}
.menu_list dl{padding:25px 0;border-top:1px solid rgba(255,255,255,0.2);}
.menu_list dl:first-child{border-top:none;}
.menu_list dl dt a{font-size:18px;color:#31ddfc;letter-spacing: 3px;}
.menu_list dl dt span{font-size:12px;color:#fff;padding-left:10px; text-transform: capitalize;}
.menu_list dl dd{margin-top:10px;}
.menu_list dl dd a{display:block;font-size:14px;color:#d9d9d9;margin-top:5px; letter-spacing: 3px;}
.menu_list dl dd a:hover{color:#fff;}
.banner,.inbanner{overflow: hidden;}
.banner img{width:100%;}
.banner .ban_word{width:41%; left:50%;top:20%;margin-left:-18%; z-index: 1; opacity: 0; transition:all 0.5s; display:none;}
.banner.active .ban_word{top:30%;opacity: 1; }
.footer{height:50px;background:#fff;line-height: 50px;}
.footer a:hover{color:#0d6fb8;}
.copyright a{padding:0 5px;}
.copyright a img{vertical-align: -4px;margin-right:3px;}
.ft_link a,.ft_link span{padding-left:5px;}
.ft_link img{ vertical-align: middle; }
/*导航*/

.maskbg{width:100%;height:100%; position: fixed; left:0;top:0; z-index: 120; background:rgba(0,0,0,0.3);display:none;}
.maskbg.active{display:block;}
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s }
.hamburger { display: none; width: 24px; position: fixed;right:10px;top:16px;  margin-right:10px; z-index: 10000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation }
.hamburger__icon { position: relative; margin-top: 7px; margin-bottom: 7px }
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { display: block; width: 24px; height: 2px; background-color: #0d6fb8; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-duration: .4s }
.hamburger__icon:after, .hamburger__icon:before { position: absolute; content: "" }
.hamburger__icon:before { top: -7px }
.hamburger__icon:after { top: 7px }
.hamburger.active .hamburger__icon { background-color: transparent }
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before { background-color: #0d6fb8; }
.hamburger.active .hamburger__icon:before { -moz-transform: translateY(7px)rotate(45deg); -ms-transform: translateY(7px)rotate(45deg); -webkit-transform: translateY(7px)rotate(45deg); transform: translateY(7px)rotate(45deg) }
.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-7px)rotate(-45deg); -ms-transform: translateY(-7px)rotate(-45deg); -webkit-transform: translateY(-7px)rotate(-45deg); transform: translateY(-7px)rotate(-45deg) }
.fat-nav {position: fixed;  top: 0;   z-index: 130; width: 75%; height: 100%;padding-top:20px;max-width:400px; background:#fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; opacity: 0; right:-100%; transition:all 0.3s;}
.fat-nav__wrapper { width: 100%; height: 100%; }
.fat-nav.active { opacity: 1;right:0; }
.fat-nav li h3 { color: #333; padding: 0 22px; border-bottom: 1px solid #eee; position: relative; }
.fat-nav li h3 a {display: block; color: #333; font-size: 16px;padding:1em 0; }
.fat-nav li.has_nav h3 a{display: inline-block;}
.fat-nav li.has_nav h3 i {width: 30px; height: 30px; background: url(../images/down.png) no-repeat center center/10px; position: absolute; right: 10px; top: 50%; margin-top: -15px; -webkit-transition: all .2s ease 0s;transition: all .2s ease 0s; } 
.fat-nav li.cr h3 i,.fat-nav li .sub_nav .sub_item.has_menu.cr em { transform: rotate(90deg); }
.fat-nav li .sub_nav { display: none;  background:#f8f8f8; }
.fat-nav li .sub_nav a { display: block; padding: 10px 30px; color: #333; font-size: 14px;  }
.fat-nav li .sub_nav .sub_item{position: relative;border-bottom: 1px solid #eee; } 
.fat-nav li .sub_nav .sub_item a{width:90%; padding: 15px 30px;}
.fat-nav li .sub_nav .sub_item.cr>a{color:#0d6fb8;}
.fat-nav li .sub_nav .sub_menu { display: none;   border-bottom: 1px solid #eee; position: relative;}
.fat-nav li .sub_nav .sub_menu a{width:100%;border-top: 1px solid #eee; font-size: 14px; }
.fat-nav li .sub_nav .sub_menu a.cr{color:#0d6fb8;}
.fat-nav li .sub_nav .sub_item em{display: block; width: 30px; height: 30px; background: url(../images/down.png) no-repeat center center/10px; position: absolute; right: 10px; top:10px; transition: all .2s ease 0s;}
 
/*关于东孚*/ 
.about_container{padding-bottom:75px;background:url(../images/about_bg.jpg) no-repeat center top; background-size:cover;}
.crumbs{padding:15px 0 28px;border-bottom:1px solid #eeeeee;color:#999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.crumbs a{color:#999;}
.crumbs a:hover,.crumbs span{color:#0d6fb8;}
.about_menu{width:340px;float:right;}
.about_menu a{display: block; position: relative;}
.menu_txt{padding:35px 30px 20px;left:0;right:0;top:0;bottom:0; z-index: 10;color:#fff;transition:all 0.3s; }
.menu_txt h3{font-size:18px;}
.menu_txt h5{color: #eeeeee;margin-top:25px; opacity: 0; transition:all 0.3s;}
.menu_txt span{display: block; position: absolute;left:30px;bottom:20px; opacity: 0;transition:all 0.3s;}
.about_menu a:hover .menu_txt,.about_menu a.active .menu_txt{background:rgba(13,111,184,0.8);}
.about_menu a:hover .menu_txt h5,.about_menu a.active .menu_txt h5{opacity: 1; }
.about_menu a:hover .menu_txt span,.about_menu a.active .menu_txt span{ opacity: 1; }
.about_left{padding-right:124px;}
.about_con{line-height: 2;}
.about_con p{margin-bottom:15px;}
.menu_tit {margin-bottom:60px;}
.menu_tit h3{font-size:28px;color:#0d6fb8; font-weight: bold; line-height: 1.5; text-transform: capitalize;}
.culture_txt {background:url(../images/mark.png) no-repeat right top;}
.culture_txt h3{font-size:24px;}
.culture_txt h3 span{font-size:16px;}
.culture_desc{width:410px;margin:35px 0;line-height: 2;}
/*发展历程*/
 
.history_bg{background:url(../images/history_bg.jpg) no-repeat center top; background-size:cover;}
.history_item{overflow: hidden; position: relative;}
.history_item::after{height:100%;border-left:1px dashed #e7e7e7;content:''; position: absolute;top:0;left:50%; z-index: 0;}
.history_item:nth-child(1)::after{top:20px;}
.history_year{width:80px;height:80px;border-radius: 100%;background:#0d6fb8;margin:19px auto; position: relative;font-size:24px;color:#fff;text-align: center;line-height: 80px; z-index: 10;}
.history_year::before{width:96px;height:96px;border:1px solid #e7e7e7;border-radius: 100%; content:''; position: absolute;left:-8px;top:-8px;}
.history_year::after{width:118px;height:118px;border:1px solid rgba(231,231,231,0.4);border-radius: 100%; content:''; position: absolute;left:-19px;top:-19px;}
.history_item ul{margin:40px 0; overflow: hidden;}
.history_item ul li{width:50%; float:left;text-align:right;padding:0 60px 0 0;clear:both; position: relative; z-index: 10;margin:15px 0;font-weight: bold;}
.history_item ul li::before{width:16px;height:16px;border:1px solid #0d6fb8;border-radius: 100%;content:''; position: absolute;right:-8px;top:2px;}
.history_item ul li::after{width:8px;height:8px;background:#0d6fb8;border-radius: 100%;content:''; position: absolute;right:-4px;top:6px;}
.history_item ul li.odd{float:right;text-align:left;padding:0 0 0 60px;}
.history_item ul li.odd::before{right:auto;left:-8px;}
.history_item ul li.odd::after{right:auto;left:-4px;}
.history_item ul li i{display: block;width:34px;border-top:1px solid #0d6fb8; position: absolute;right:8px;top:10px;}
.history_item ul li i::before{width:6px;height:6px;background:#0d6fb8;border-radius: 100%;content:''; position: absolute;left:-5px;top:-4px;}
.history_item ul li.odd i{right:auto;left:8px;}
.history_item ul li.odd i::before{left:auto;right:-5px;}
.his_logo{width:100px;margin:0 auto;border-radius: 100%; overflow: hidden;}

.history_list dl{clear:both;float:left;width:50%; position: relative;text-align:right;padding-right:50px;padding-bottom:55px;}
.history_list dl:after{height:100%;border-left:1px solid #b1c6d6;content:''; position: absolute;top:6px;right:0; z-index: 0;} 
.history_list dl:last-child:after {display: none;}
.history_list dl:before{width:18px;height:18px;border-radius: 100%;border:2px solid #0d6fb8;background:#fff;content:''; position: absolute;top:6px;right:-9px; z-index: 1;}
.history_list dl dt{font-size:30px;color:#0d6fb8; line-height: 1;}
.history_list dl dd{font-size:16px;color:#111;margin-top:15px;}
.history_list dl.odd{float:right;text-align: left;padding-right:0;padding-left:50px;}
.history_list dl.odd:after{right:auto;left:-1px;}
.history_list dl.odd:before{right:auto;left:-9px;}

/*荣誉资质*/
.gallery-top{height:480px;background: #fff;}
.gallery-top .swiper-slide{height:100%; padding:30px 70px; display: -webkit-flex;display: -webkit-box;display: flex;-webkit-justify-content: center; justify-content: center; box-pack: center;-webkit-align-items:center; align-items: center;box-align:center;  -moz-box-align:center;  -webkit-box-align:center; }
.gallery-top .swiper-slide img{max-width: 100%;max-height: 100%;}
.honor_box .swiper-button-prev,.honor_box .swiper-button-next{width:37px;height:37px;border-radius: 100%;background-size:13px 18px; margin-top:-19px; background-color: #d2d2d2;}
.honor_box .swiper-button-prev:hover,.honor_box .swiper-button-next:hover{background-color: #0d6fb8;}
.gallery-top .swiper-button-prev{left:30px;}
.gallery-top .swiper-button-next{right:30px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events:auto; cursor: pointer;}
.gallery-thumbs{height:160px;margin-top:20px;}
.gallery-thumbs .swiper-slide{height:100%;background: #fff; }
.gallery-thumbs .swiper-slide .img{width:100%;height:100%;border:1px solid #e6e6e6;  padding:6% 12%;-webkit-flex;display: -webkit-box;display: flex;-webkit-justify-content: center; justify-content: center; box-pack: center;-webkit-align-items:center; align-items: center;box-align:center;  -moz-box-align:center;  -webkit-box-align:center;}
.gallery-thumbs .swiper-slide img{max-width: 100%;max-height: 100%;} 
.history_thumbs .swiper-button-prev,.history_thumbs .swiper-button-next{width:24px;height:24px;margin-top:-12px; background-size:12px 15px;} 
.gallery-thumbs .swiper-slide-thumb-active .img{border-color:#0d6fb8;}
.history_thumbs .swiper-button-prev{left:-45px;}
.history_thumbs .swiper-button-next{right:-45px;}
.history_thumbs {overflow: hidden;}
.history_thumbs a{display: block;width:32%;float:left;margin-left:2%;margin-bottom:3%;}
.history_thumbs a:nth-child(3n+1){clear:both;margin-left:0;}
.history_thumbs a .img{width:100%;height:180px;border:1px solid #e6e6e6;  padding:15px;-webkit-flex;display: -webkit-box;display: flex;-webkit-justify-content: center; justify-content: center; box-pack: center;-webkit-align-items:center; align-items: center;box-align:center;  -moz-box-align:center;  -webkit-box-align:center;background:#fff;}
.history_thumbs a .img img{max-width: 100%;max-height: 100%;}
.history_thumbs a .tit{margin-top:10px;text-align:center;font-size:16px;}
.honor_wrap .about_left{padding-right:464px; overflow: visible;}
/*新闻综合*/
.news_tab{border-bottom:1px solid #fff;overflow: hidden;}
.news_tab span{width:50%;float:left;height:46px;line-height: 46px;text-align:center;font-size:20px;color:#fff; cursor: pointer;}
.news_tab span.active{background:#00c6ff;}
.news_tab_item,.newsMore a{display: none;} 
.newsMore{margin-top:1em;}
.news_tab_item li{padding:12px 0;border-bottom:1px dashed #eee;}
.news_tab_item li a{display: block;font-size:16px;color:#ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_tab_item li span{display:block;margin-top:5px;color:#eee;}
.news_tab_item li a:hover{color:#fff;}
/*新闻列表*/
.news_item{padding:30px 0;border-bottom:1px solid #eeeeee;}
.news_item .time{padding-left:30px;color:#0d6fb8; background:url(../images/time.png) no-repeat left center;font-family: Arial;font-size:15px;}
.news_item .title{margin-top:5px;}
.news_item .title a{display:block;font-size:16px;font-weight: bold;padding-bottom:20px; position: relative;}
.news_item .title a::after{width:30px;height:6px;background:#c3c3c3;content:''; position: absolute;left:0;bottom:0;}
.news_item .title a:hover{color:#0d6fb8;}
.news_item .title a:hover::after{background:#0d6fb8;}
.news_item dl{margin-top:20px; overflow: hidden;}
.news_item dl dt{width:240px;float:left; overflow: hidden;margin-right:40px;}
.news_item dl dt a:hover img{transform:scale(1.1);}
.news_item dl dd{overflow: hidden;}
.news_item dl dd .desc{font-size:14px;color:#666;line-height:1.7;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_item dl dd .more{display: block;width:140px;height:40px;line-height:40px;border:1px solid #e6e6e6;padding:0 20px 0 48px;color:#0d6fb8; font-weight: bold; background:url(../images/more1.png) no-repeat 20px 50%;margin-top:40px;}
.news_item dl dd .more span{display:block; background:url(../images/arr1.png) no-repeat right center;}
.news_item dl dd .more:hover{border-color:#0d6fb8;color:#fff;background-image: url(../images/more2.png);background-color:#0d6fb8;}
.news_item dl dd .more:hover span{background-image: url(../images/arr2.png);}

/*分页*/
.page_box{text-align:center;margin-top:40px;font-size:0;}
.page_box a{display: inline-block; vertical-align: top;width:30px;height:30px;line-height: 32px;border-radius:100%;text-align:center; font-size:16px;margin:0 5px;font-family: Arial;}
.page_box a.page_prev,.page_box a.page_next{background-color:#d2d2d2;background-position: center; background-repeat: no-repeat;}
.page_box a.page_prev{background-image: url(../images/arr3.png);margin-right:20px;}
.page_box a.page_next{background-image: url(../images/arr2.png);margin-left:20px;}
.page_box a:hover,.page_box a.current{background-color:#0d6fb8;color:#fff;}
.page_box a.page_prev:hover,.page_box a.page_next:hover{background-color:#0d6fb8; } 

.news_left{width:64%;float:left;}
.news_right{width:28%;float:right; }
.news_tit{font-size:24px;font-weight: bold; color:#111;margin-top:35px;}
.news_time{margin-top:15px;}
.news_time span{display: inline-block;padding-left:30px;color:#999;font-size:16px;background:url(../images/time.png) no-repeat left center;}
.news_con{line-height: 1.8;color:#666;margin-top:40px;}
.news_con p{font-size:14px;margin-bottom:20px;}
.news_con img,.about_left img,.culture_box img,.pro_con img,.job_con img{height:auto!important;}
.prev_next{margin-top:60px;}
.prev_news{padding-left:52px;background:url(../images/prev_on.png) no-repeat left center;color:#0d6fb8;font-weight: bold;}
.prev_news:hover{color:#0d6fb8;background-image: url(../images/prev_on.png);text-decoration: underline; }
.next_news{padding-right:52px;background:url(../images/next_on.png) no-repeat right center;color:#0d6fb8;font-weight: bold;}
.next_news:hover{color:#0d6fb8;background-image: url(../images/next_on.png);text-decoration: underline;}
.news_right dl{box-shadow: -3px 3px 10px #f8f8f8;margin-bottom:40px;}
.news_right dl dt{overflow: hidden;}
.news_right dl dt img{width:100%;}
.news_right dl dt a:hover img{transform:scale(1.1);}
.news_right dl dd{padding:25px 25px 40px;box-shadow: 0px 0 5px #f8f8f8;margin-right:2px;}
.news_right dl dd .tit{font-size:16px;font-weight: bold;}
.news_right dl dd .txt{color:#666;line-height: 1.8;margin-top:20px;}
.news_right dl dd .time{padding-left:30px;color:#999; background:url(../images/time.png) no-repeat left center;font-family: Arial;margin-top:30px;}
/*人才招聘*/
.job_desc{color:#666;line-height: 2;}
.job_header{ padding:20px 0;line-height:30px;background:#0d6fb8;border-radius: 10px;color:#fff;font-size:16px;margin-top:50px;box-sizing: content-box;overflow: hidden;}
.job_header span{display: block;width:20%;float:left;text-align:center;border-left:1px solid #eeeeee;padding:0 10px;}
.job_header span:first-child{border-left:none;}
.job_item{border:1px solid #f5f5f5; background:#fff;box-shadow: 0 0 5px #f8f8f8;border-radius: 10px;margin-top:25px; overflow: hidden;}
.job_title{padding:20px 0;line-height:30px; font-size:16px;box-sizing: content-box;overflow: hidden; }
.job_title span{display: block;width:20%;float:left;text-align:center; padding:0 15px;} 
.job_item.active .job_title{background:url(../images/dot.png) repeat 0 0;color:#fff;}
.job_con{padding:35px 70px 50px;display: none;}
.job_tit{font-weight: bold;}
.job_tit span{color:#0d6fb8;font-size:22px;}
.job_txt{line-height: 2;color:#666;margin-top:15px;margin-bottom:30px;}
.job_info{margin-top:70px;overflow: hidden;}
.job_info dl{width:33.33%;float:left;text-align:center; position: relative;}
.job_info dl::before{height:63px;border-left:1px solid #e6e6e6;content:''; position: absolute;left:0;top:50%;margin-top:-32px;}
.job_info dl:first-child::before{display: none;}
.job_info dl dt{height:34px;}
.job_info dl dd{margin-top:20px;}
.job_email{margin-top:40px;padding-top:50px;border-top:1px solid #e6e6e6;color:#666;text-align:center;}
.job_email a{font-size:24px;font-weight: bold;color:#0d6fb8;}
.pop_box{width:400px;background:rgba(0,71,123,0.6); right:0;top:28%; padding:40px; z-index: 10;}
.pop_box h3{font-size:20px;color:#fff;padding-bottom:10px;border-bottom:1px solid #fff;} 
.pop_box h3 a{color:#fff;}
.pop_box .pop_txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin:15px 0;}
.pop_box .pop_txt a{font-size:16px;color:#ccc;}
.pop_box .pop_txt a:hover{color:#fff;}
.job_pop a{display: block;padding:23px 0; border-bottom:1px dashed #5a96c6;font-size:16px;color:#cccccc;}
.job_pop a:hover{color:#fff;}
.learnmore{display:inline-block;color:#27e0fc;margin-top:25px;padding-right:20px;background:url(../images/more3.png) no-repeat right center;}
.learnmore:hover{text-decoration: underline;}

 /*产品列表*/
 .pro_container{margin-top:20px;}
.pro_left{width:240px;float:left;margin-right:70px;}
.pro_tit{width:100%;height:127px;background:url(../images/pro_bg.jpg) no-repeat left top;padding:35px 0 0 65px;}
.pro_tit h3{font-size:30px;color:#fff;}
.pro_tit h4{color:#eee;}
.pro_menu dl{margin-top:8px;} 
.pro_menu dl dt{position: relative;padding:0 40px 0 20px;line-height: 56px;background:#eeeeee ; }
.pro_menu dl dt a{font-size:16px;color:#111;font-weight: bold;}
.pro_menu dl dt i{display: block;width:18px;height:18px;background: url(../images/arr4.png) no-repeat 50% 50%; position: absolute;right:20px;top:50%;margin-top:-9px;}
.pro_menu dl.cr dt{background:#0d6fb8;}
.pro_menu dl.cr dt a{color:#fff;}
.pro_menu dl.cr dt i{background: url(../images/arr5.png) no-repeat 50% 50%;}
.pro_menu dl dd{display:none;padding:8px 0;background:#f7fafc;}
.pro_menu dl.cr dd{ }
.pro_menu dl dd a{display: block;padding:8px 20px 8px 36px;border-bottom:1px solid #eee; position: relative;}
.pro_menu dl dd a:last-child{border-bottom:none;}
.pro_menu dl dd a::before{width:4px;height:4px;border-radius: 4px;background:#666; content:''; position: absolute;left:22px;top:50%;margin-top:-2px;}
.pro_menu dl dd a:hover,.pro_menu dl dd a.cr{color:#0d6fb8;}
.pro_menu dl dd a:hover::before,.pro_menu dl dd a.cr::before{background:#0d6fb8;}
.top_title{border-bottom:1px solid #eeeeee; }
.top_title .crumbs{padding:0;border-bottom:none; }
.mn_tit{font-size:20px;font-weight: bold;margin-top:12px;padding-bottom:10px; position: relative;}
.mn_tit:after{width:100%;border-bottom:2px solid #0d6fb8;content:''; position: absolute; left:0;bottom:0;}
.sort_box{margin-left:28px;margin-top:10px;font-size:0;}
.sort_box a{display: inline-block;width:30px;height:30px;border:1px solid #e6e6e6;vertical-align: top;margin-right:8px;}
.sort_box a.sort1{background:#f7fafc url(../images/sort1.png) no-repeat center;}
.sort_box a.sort2{background:#f7fafc url(../images/sort2.png) no-repeat center;}
.sort_box a:hover,.sort_box a.active{border-color:#0d6fb8;}
.sort_box a.sort1:hover,.sort_box a.sort1.active{background-image:url(../images/sort1_on.png);}
.sort_box a.sort2:hover,.sort_box a.sort2.active{background-image:url(../images/sort2_on.png);}
.pro_list{margin-top:40px;}
.pro_list dl{width:30%;float:left;margin-left:5%;margin-bottom:5%;}
.pro_list dl:nth-child(3n+1){clear:both;margin-left:0;}
.pro_list dl dt{border:1px solid #eeeeee; overflow: hidden;}
.pro_list dl dt a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.pro_list dl dd {margin-top:20px;}
.pro_list dl dd .tit{font-size:16px;text-align:center;font-weight: bold;}
.pro_list dl dd a:hover .tit{color:#0d6fb8;}
.pro_list dl dd .txt{color:#666;margin-top:10px;display: none;}
.pro_list dl dd .more{display: none;width:140px;height:40px;line-height:40px;border:1px solid #e6e6e6;padding:0 20px 0 48px;color:#0d6fb8; font-weight: bold; background:url(../images/more1.png) no-repeat 20px 50%;margin-top:30px;}
.pro_list dl dd .more span{display:block; background:url(../images/arr1.png) no-repeat right center;text-align:left;}
.pro_list dl dd .more:hover{border-color:#0d6fb8;color:#fff;background-image: url(../images/more2.png);background-color:#0d6fb8;}
.pro_list dl dd .more:hover span{background-image: url(../images/arr2.png);}
.pro_list.active dl{width:100%;float:none;margin-left:0;overflow: hidden;}
.pro_list.active dl dt{width:24%;float:left;}
.pro_list.active dl dd{overflow: hidden;padding-left:30px; }
.pro_list.active dl dd .tit{text-align:left;}
.pro_list.active dl dd .txt{display: block;}
.pro_list.active dl dd .more{display: block;}
/*产品详情*/
.pro_content{margin-top:40px;}
.pro_pic{width:49%;border:1px solid #eeeeee;}
.pro_desc{padding-left:40px;}
.pro_desc_tit{font-size:22px;font-weight: bold;}
.pro_desc_type{font-size:18px;font-weight: bold;padding-bottom:10px;border-bottom:1px solid #eee;color:#0d6fb8;}
.pro_intro{margin-top:15px;}
.pro_intro dt{font-size:16px;color:#0d6fb8;}
.pro_intro dd{color:#666;margin-top:5px;}
.pro_zx{font-size:16px;font-weight: bold;padding-left:30px;background:url(../images/tel3.png) no-repeat 0 2px;margin-top:15px;padding-bottom:10px;border-bottom:1px solid #eee;}
.pro_zx span{font-size:18px;color:#0d6fb8;}
.pro_btns{margin-top:25px;}
.pro_btns a{width:49%;float:left;margin-left:2%;height:48px;line-height: 48px;font-size:16px;color:#fff;text-align:center;background:#0d6fb8;}
.pro_btns a:hover{opacity: 0.8;}
.pro_btns a img{vertical-align: middle;margin-right:10px;}
.pro_btns a:first-child{margin-left:0;}
.pro_title{margin-top:40px;font-size:18px;color:#111;padding-bottom:10px;border-bottom:1px solid #eee; position: relative;font-weight: bold;}
.pro_title:after{width:30px;height:2px;background:#0d6fb8;content:''; position: absolute;left:0;bottom:0;}
.pro_con{line-height: 2.14;color:#666;margin-top:25px;}
.pro_con table{width:100%;border-collapse: collapse; border:1px solid #eee;}
.pro_con table td{padding:20px 40px; border:1px solid #eee; empty-cells: show;}
.pro_con table td:first-child{width:28%;background:#f6f6f6;font-size:16px;}
.chart_tit{font-size:16px;font-weight: bold;margin-top:35px;}
.chart_box{margin-top:25px;}
.chart_img{width:35.5%;float:left;margin-right:5%;}
.pro_recommond {margin-top:30px;}
.pro_recommond .swiper-slide .img{border:1px solid #eee;}
.pro_recommond .swiper-slide .tit{text-align: center;font-size:16px;margin-top:15px;}
.pro_recommond .swiper-button-prev,.pro_recommond .swiper-button-next{width:37px;height:37px;border-radius: 100%;background-size:13px 18px; margin-top:-45px; background-color: #d2d2d2;}
.pro_recommond .swiper-button-prev:hover,.pro_recommond .swiper-button-next:hover{background-color: #0d6fb8;}
.pro_recommond .swiper-button-prev{left:0;}
.pro_recommond .swiper-button-next{right:0;}
/*联系我们*/ 
.contact_pop dl{margin-top:25px;}
.contact_pop dl dt{font-size:18px;color:#fff;}
.contact_pop dl dd{color:#fff;line-height: 2;margin-top:10px;}
.service_cell{padding:12px 0;border-bottom: 1px dashed #fff;}
.service_cell a{display: block;font-size:16px;color:#ccc;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.service_cell a:hover{color:#fff;}
.service_cell span{display: block;color:#eee;margin-top:5px;}


.contact_left{width:64.8%;padding-bottom:80px;}
.contact_left_box1{padding-right:8%;}
.contact_left_box1 h4{font-size:18px;}
.contact_left_box1 h4 img{margin-right:8px; vertical-align: -2px;}
.contact_left_box1 h3{font-size:36px;font-weight: bold;}
.contact_phone{margin-top:45px;}
.contact_phone p{margin-bottom:8px;}
.contact_left_box2{width:50%;padding-left:8%;border-left:1px solid #eee;}
.contact_left_box2 dl{overflow: hidden;}
.contact_left_box2 dl dt{float:left;font-size:18px;}
.contact_left_box2 dl dt img{margin-right:8px; vertical-align: -2px;}
.contact_left_box2 dl dd{overflow: hidden;}
.contact_left_box2 dl dd p{margin-bottom:8px;}
.contact_left_box2 dl dd p a{color: #0d6fb8;text-decoration: underline;}
.contact_left_box2 dl:nth-child(2){margin-top:50px;}
.contact_right{width:40%;height:80%;background:#0d6fb8 url(../images/logo_bg.png) no-repeat right bottom;padding:30px; right:0;bottom:0;}
.contact_right dl{width:170px;height:200px;padding:15px;background:#fff;text-align:center; position: absolute;left:20%;top:50%;margin-top:-100px;}
.contact_right dl dd{margin-top:10px;} 
.contactCont3{width:60%;height:680px;}
#allmap img{max-width: none!important;}
#list{width:40%;float:left;height:680px;overflow-y:auto;}
#list li{height:340px;}
#list li.active{background:#f7fcff;border:none;}
#list li.active .contactInfo4 .dot{border-color:#0d6fb8;}
.contactInfo4{padding:50px 50px 50px 80px;position:relative; }
.contactInfo4  a{display: block}
.contactInfo4 .f1{line-height:1.2;margin-bottom:0.5em;}
.contactInfo4 .f2{padding-bottom:1em;margin-bottom:1em; position: relative;} 
.contactInfo4 .f2:after{width:30px;height:4px;background:#0d6fb8;content:''; position: absolute;left:0;bottom:0;} 
.contactInfo4 .f3{margin-top:50px; overflow: hidden;color:#000;} 
.contactInfo4 .dot{width:50px;height:50px;border-radius:6px;border:2px solid #f7fcff;background:url(../images/point.png) center no-repeat #f7fcff;position:absolute;right:10%;top:40%;} 
/*网站地图*/
.sitemap_con dl{margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #eee;}
.sitemap_con dl:last-child{border-bottom:none;}
.sitemap_con dl dt{font-size:18px;}
.sitemap_con dl dd{margin-top:10px;}
.sitemap_con dl dd a{display: inline-block;margin-right:20px;margin-bottom:10px;}
.sitemap_con dl a:hover{color: #0d6fb8; text-decoration: underline;}
.legal_con p{font-size:14px;margin-bottom:20px;}
/*留言*/
.message_box{margin-top:40px;}
.mes_left{padding-right:50px;}
.form_box dl{float:left;width:48%;margin-left:4%;margin-bottom:4%;}
.form_box dl:nth-child(2n+1){clear:both;margin-left:0;}
.form_box dl dt{font-size:20px;font-weight: bold;}
.form_box dl dd{margin-top:10px;}
.form_box dl dd input{width:100%;height:50px;padding:10px;background:#f4f8fb;}
.form_box dl:last-child{width:100%;}
.form_box dl dd textarea{width:100%;height:160px;padding:10px;background:#f4f8fb;}
.btn_submit{width:120px;height:50px;line-height: 50px;text-align:center;font-size:18px;color:#fff;background:#0d6fb8;  cursor:pointer;}
.mes_right{width:320px;padding:28px 28px 180px;background:#0d6fb8 url(../images/mes_bg.png) no-repeat center bottom;background-size:100%;}
.mes_right h3{font-size:22px;color:#fff;}
.mes_right dl{margin-top:30px;overflow: hidden;}
.mes_right dl dt{font-size:18px;color: #fff;}
.mes_right dl dt img{margin-right:8px; vertical-align: -2px;}
.mes_right dl dd{margin-top:12px;overflow: hidden;padding-left:28px;}
.mes_right dl dd p{color: #fff;margin-bottom:8px;}
.mes_right dl dd p a{color: #fff;} 

@media only screen and (max-width:1440px) {
  .menu_list{padding:0 30px 10px;}
  .menu_list dl{padding:16px 0;}
  .pop_box{padding:20px 25px;width:360px;}
  .job_pop a{padding:15px 0;}
  .contact_pop dl{margin-top:15px;}
  .contact_pop dl dt{font-size:16px;}
  .contact_pop dl dd{line-height: 1.5;margin-top:5px;}
  .news_tab span{font-size:18px;height:40px;line-height: 40px;}
  .news_tab_item li a,.service_cell a,.pop_box .pop_txt a{font-size:15px;}
  .news_tab_item li span,.service_cell span{font-size:13px;margin-top:0;}
  .news_tab_item li,.service_cell{padding:8px 0;}
  .learnmore{margin-top:15px;}
  .pop_box h3{font-size:18px;}
  .pop_box .pop_txt{margin:10px 0;}
  .history_list dl{padding-right:30px;padding-bottom:40px;}
  .history_list dl.odd{padding-left:30px;}
  .history_list dl dt{font-size:24px;}
  .history_list dl dd{font-size:14px;}
  .history_list dl:before{top:2px;}

}
@media only screen and (max-width:1366px) {
  .wrap{width:1200px; }  
  .about_left{padding-right:60px;}
  .honor_wrap .about_left{padding-right:400px;}
  .contact_left_box1{padding-right:5%;}
  .contact_left_box2{padding-left:5%;}
  .contactCont3{height:600px;} 
  #list{height:600px;}
  #list li{height:300px;}
 
 }
 
 @media only screen and (max-width:1200px) { 
  .wrap{width:1000px; }
  .nav_box li{margin-left:35px;}
  .nav_box li a{font-size:16px;}
  .gallery-top{height:380px;}
  .gallery-top .swiper-button-prev{left:10px;}
  .gallery-top .swiper-button-next{right:10px;}
  .gallery-thumbs{height:120px;}
  .contact_left_box1 h3{font-size:28px;}
  .contact_left_box2 dl dt{float:none;margin-bottom:10px;}
  .contact_left_box2 dl:nth-child(2){margin-top:20px;}
  .contactInfo4{padding:30px 30px 30px 40px;}
  .contactCont3{height:500px;} 
  #list{height:500px;}
  #list li{height:250px;}
   
 } 
 @media (max-width: 1024px) { 
  .f-20{font-size:16px;} 
  .wrap{width:auto; margin-left: 12px;margin-right:12px;} 
  .header{height:50px; position: fixed;background:#fff; } 
  .header.on{background:#fff;box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
  .logo{margin:8px 0 0 0;}
  .logo img{width:120px;}
  .h_right{display: none;}
  .top_search{margin-top:12px;}
  .hamburger { display: block; }
  .nav_box{display: none;}
  .search{height:30px; }
  .search input{margin:4px 0;}
  .menu_box{ display: none;}
  .menu_list{padding:0 30px 10px;}
  .menu_list dl{padding:15px 0;}
  .about_menu{width:280px;}
  .menu_txt{padding:20px;}
  .menu_txt h5{margin-top:10px;}
  .footer{height:auto;line-height: normal;padding:10px 0;font-size:12px;}
  .copyright,.ft_link{float:none;text-align: center;}
  .ft_link{margin-top:5px;}
  .honor_wrap .about_left{padding-right:340px;}
  .news_right{width:32%;}
  .job_header{margin-top:20px;}
  .job_header,.job_title{font-size:14px;line-height: 20px;}
  .job_con{padding:20px 25px;}
  .pro_left{margin-right:30px;} 
  .pop_box{top:13%;} 
  .news_tab span{font-size:16px;}
  .news_tab_item li a{font-size:14px;}
}
 @media (max-width: 800px) {  
 	.mt50{margin-top:20px;}
 	.pb80{padding-bottom:40px;}
	.about_menu{display: none;}
	.about_left{padding-right:0;}
	.about_container{padding-bottom:20px;}
	.culture_desc{width:auto;margin:20px 0;}
	.culture_txt{background-size:20px;}
	.menu_tit{margin-bottom:20px;}
	.menu_tit h3{font-size:20px;}
	.culture_txt h3{font-size:18px;}
	.crumbs{text-align:left;padding:12px 0;}
	.honor_wrap .about_left{padding-right:0;}
	.history_thumbs .swiper-button-prev{left:10px;}
	.history_thumbs .swiper-button-next{right:10px;}
	.news_left{width:100%;float:none;}
	.news_right{width:100%;float:none;margin-top:20px;padding-bottom:10px; overflow: hidden;}
	.news_right dl{width:48%;float:left;margin:0 1%;}
	.news_right dl dd{padding:20px 15px;}
	.news_right dl dd .tit{font-size:14px;}
	.news_right dl dd .txt{display: none;}
	.news_right dl dd .time{margin-top:20px;}
  .prev_next{margin:30px 0;}
	.pro_left{display:none;width:100%;float:none;margin-right:0;margin-bottom:20px;}
  .pro_tit{background:#0d6fb8;height:56px;padding:0 20px;line-height: 56px;}
  .pro_tit h3{font-size:20px;}
  .pro_tit h4{display: none;}
	.pro_list dl dd{margin-top:10px;}
	.pro_list.active dl dt{width:200px;}
  .contact_left{width:100%;padding-bottom:30px;}
  .contact_right{width:100%; position: relative;height:auto;}
  .contact_right dl{position: static;margin:0 auto;}
  .contact_left_box1,.contact_left_box2{width:50%;}
  .mes_right{float:none;width:100%;padding-bottom:28px;background: #0d6fb8;margin-bottom:20px;}
  .mes_left{padding-right:0;}
  .form_box dl dt{font-size:16px;}
  .history_list dl{padding-right:20px;padding-bottom:30px;}
  .history_list dl.odd{padding-left:20px;}
  .history_list dl dt{font-size:20px;} 
  .history_list dl:before{top:0;}

/*  .banner{height:100vh;}
  .banner .ban_img{height:100%; position: relative;}
  .banner .ban_img img{height:100%;width:auto;max-width: none; position: absolute;left:50%;top:0;transform:translateX(-50%);}*/
  .pop_box{position: static;width:100%;background:#fff;}
  .news_tab,.pop_box h3,.job_pop a{border-color:#e5e5e5;}
  .news_tab_item li a, .service_cell a,.news_tab span,.service_cell span,.pop_box h3,.pop_box h3 a,.job_pop a,.contact_pop dl dt,.contact_pop dl dd,.pop_box .pop_txt a{color:#333;}
  .news_tab{margin-bottom:10px;}
  .news_tab span{background:#f0f0f0;}
  .news_tab span.active,.service_cell span.span{color:#fff;}
  .news_tab_item li span, .service_cell span{color:#999;}
  .learnmore{width:100%;background:#00c6ff;color:#fff;text-align:center;padding:5px 0;}
  .job_title span{padding:3px 15px;}
}
 
 @media (max-width: 640px) {
  .f-18{font-size:16px;}
 .banner,.inbanner{margin-top:20px;}
 .inbanner{height:200px;}
  .inbanner img{height:100%;width:auto;max-width:none; position: absolute;left:50%;top:0;transform:translateX(-50%);}
  .menu_tit{text-align:center;}
 .top_title .crumbs{float:none;}
 .sort_box{float:right;margin-bottom:10px;}
 .pro_list{margin-top:20px;}
 .pro_list dl{width:48%;margin-left:4%;}
 .pro_list dl:nth-child(3n+1){float:left;clear:none;margin-left:4%;}
 .pro_list dl:nth-child(2n+1){clear:both;margin-left:0;}
 .pro_list dl dd .tit{font-size:14px;}
 .contactCont3{width:100%;float:none;height:400px;}
 #list{width:100%;height:200px;overflow: hidden;}
 #list li{width:50%;height:100%;float:left;}
 .contactInfo4{padding:20px;}
 .contactInfo4 .f3{margin-top:25px;}
 .contactInfo4 .dot{width:40px;height:40px;background-size:20px;top:20%; }
 .pro_content{margin-top:20px;}
 .pro_pic{width:100%;float:none;}
 .pro_desc{padding-left:0;margin-top:20px;}
 .mn_tit {font-size:16px;margin-top:20px;text-align:center;float:none;}
 .mn_tit:after{width:25%;left:50%;transform:translateX(-50%);}
 .pro_zx span{display: block;}
 .pro_con table td{padding:10px;}
 .pro_con table td:first-child{font-size:14px;}
 .chart_img{width:45%;}
 .pro_recommond .swiper-slide .tit{font-size:14px;margin-top:10px;}
 .pro_btns a{height:40px;line-height: 40px;font-size:14px;}
 .pro_btns a img{width:20px;}
 .pro_zx{background-size:20px;padding-left:25px;}
 .pro_zx span{font-size:16px;}
}
 @media (max-width: 500px) {
  .f-18{font-size:14px;}
 	.pb80{padding-bottom:20px;}
	.gallery-top{height:270px;}
	.gallery-thumbs{height:90px;}
  .history_thumbs a{width:49%; }
  .history_thumbs a:nth-child(3n+1){clear:none;margin-left:2%;}
  .history_thumbs a:nth-child(2n+1){clear:both;margin-left:0;}
  .history_thumbs a .img{height:120px;padding:10px;}
  .history_thumbs a .tit{font-size:14px;margin-top:8px;}
	.news_item{padding:20px 0;}
	.news_item .time,.news_time span,.news_right dl dd .time{background-size:15px;padding-left:20px;}
	.news_item dl dt{width:100%;float:none;}
	.news_item dl dt img{width:100%;}
	.news_item dl dd{display: none;}
	.page_box{margin-top:20px;}
	.news_tit{font-size:18px;margin-top:20px;}
	.news_right dl{width:98%;float:none;margin:0 1% 20px;box-shadow: 0 2px 5px #f8f8f8;}
	.news_right dl dt img{width:100%;}
	.news_right dl dd{box-shadow: none;margin-right:0;}
	.job_header{display: none;}
	.job_title span{float:none;width:100%;text-align:left; position: relative; }
	.job_title span:nth-child(1):before{content:'职位：';}
	.job_title span:nth-child(2):before{content:'人数：';}
	.job_title span:nth-child(3):before{content:'年龄：';}
	.job_title span:nth-child(4):before{content:'教育程度：';}
	.job_title span:nth-child(5):before{content:'工作地点：';}
	.job_tit span{font-size:18px;}
	.job_info{margin-top:30px;}
	.job_info dl{width:100%;float:none;margin-bottom:20px;}
	.job_info dl::before{display: none;}
	.job_email{margin-top:20px;padding-top:20px;}
	.job_email a{font-size:18px;}
	.pro_list.active dl dt{width:100px;}
	.pro_list.active dl dd{padding-left:15px;}
	.pro_list dl dd .txt{margin-top:5px;}
	.pro_list dl dd .more{display:none!important;margin-top:10px;transform: scale(0.7); transform-origin: left top;}
  .contact_left_box1, .contact_left_box2{width:100%;float:none;padding:0;}
  .contact_phone{margin-top:10px;}
  .contact_left_box2{border-left:none;margin-top:20px;}
  .contactInfo4 .dot{width:30px;height:30px;background-size:15px;right:5%;top:40%;} 
  .sort_box a{width:25px;height:25px;background-size:100%;}
  .form_box dl{width:100%;float:none;margin-left:0;}
  .btn_submit{display:block;margin:0 auto;} 
  .message_box,.mes_right dl{margin-top:20px;}
  .mes_right{padding:20px;}
  .copyright a{display: block;}
}