@charset "utf-8";
* {margin:0;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;outline:none;}
ul, li, ol {list-style: none outside none;}
body{}
fieldset, img {border:0;}
html{font-size: 13px;}
img{vertical-align:middle; max-width: 100%; display: block;}
em, i {font-style:normal;}
dl,dt,dd,h1,h2,h3,h4,h5,h6,p,ul,ol li,form {margin:0; padding:0;list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
table.layout {table-layout:fixed;word-wrap:break-word;}
table,tr,td,th {table-layout:fixed;word-break:break-all;word-wrap:break-word;}
textarea {resize:vertical;}
a {font-size:14px;color:#000;text-decoration:none;}
a:hover{text-decoration:none; color:#009ca3; }
.cf:after {clear:both;content: ".";display:block;height:0;visibility:hidden;}
.left{ float: left}
.right{ float: right}
.hide{ display: none;}
.wrap{ width: 1200px; margin: 0 auto; position: relative;}
.bzt{ color: #fff;}
.hbg{ background: #e5e5e5;}
.shou{ cursor: pointer;}
.bg_eee{ background: #eee;}
.wzy{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ovh{ overflow: hidden;}
.flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.color_change{background: linear-gradient(to right,#197fdf,#028e4a);}

.pagination{display: flex; align-items: center; justify-content: center;margin-top: 20px;}
.pagination li{ display:inline-flex;justify-content: center; border: 1px solid  #ccc;height:30px; margin: 0 5px;line-height:30px;}
.pagination li a,.pagination li span{line-height: 30px;  color: #666; display: block;padding: 0 10px; }
/*.pagination li.disabled{ background: #ccc; color: #fff;}*/
.pagination li.active,.pagination li:hover{ background: #009ca3; color: #fff;border: none;}
.pagination li.active a,.pagination li:hover a,.pagination li.active span,.pagination li:hover span{ color: #fff;padding: 0 11px;}
/*.pagination li.prev ,.pagination li.next{background: none;}*/

.header{ width: 100%;background:#fff; position: relative;}
.header.blue{background: rgba(17,31,102,1);}
.header_center{display: flex; align-items: center; justify-content: space-between;margin: 0 auto; padding: 20px 0;}
.header_center .logo img{max-width: inherit;}
.header_center .language{ display: none;}

.mobile_nav{display: none;}
.nav_menu{ display: none;}
.header .nav{ display: flex;}
.header .nav .layui-nav{background: none; display: flex; justify-content: space-between;padding: 0;}
.header .nav .layui-nav li{line-height:45px;display: flex;justify-content: center; height:45px;margin:0 25px;}
.header .nav .layui-nav li .layui-nav-child{left: -60px;}
.header .nav .layui-nav li:nth-child(3) .layui-nav-child{left: -130px;}
.header .nav .layui-nav li:nth-child(4) .layui-nav-child{left: -45px;}


.header .nav .layui-nav li a{ display:block;flex-flow:row wrap; font-size:16px; padding: 0;  color:#000; position: relative; overflow: hidden;}
.header .nav .layui-nav li a > div{display: block;width: 100%; text-align: center;font-size: 16px;position: relative;  transition:0.3s; }
.header .nav .layui-nav li a > .cn{ top:0; text-transform:uppercase; }
.header .nav .layui-nav li a > .en{text-transform:uppercase; top:0;}
.header .nav .layui-nav li.layui-this{border-bottom:2px solid #eb3c00;}
.header .nav .layui-nav li.layui-this > a{color: #009ca3;}
.header .nav .layui-nav li:hover > a .cn{color: #009ca3;top:-45px;}
.header .nav .layui-nav li:hover > a .en{color: #009ca3;top:-45px;}
.header .nav .layui-nav li  span{ display: none;}
.header .nav .layui-nav li a img{margin-left:5px;}
.header .nav .layui-nav .layui-this:after{display: none;}
.header .nav .layui-nav-bar{ display: none;}
.header .nav .layui-nav-child{top:56px; text-align: center;}
.header .nav .layui-nav-child a{font-size:13px;line-height:40px; padding: 0 20px !important;  }
.header .nav .layui-nav-child a:active,.header .nav .layui-nav-child a:focus,.header .nav .layui-nav-child a:hover{background: #009ca3; color: #fff;}
.header .nav .phone{ display: flex; align-items: center;justify-content: center;color: #fff;font-size: 20px;}
.header .nav .phone img{margin-right: 10px;}

.header_r{background:#f7f7f7;width: calc((100% - 1200px) / 2);height: 100%;position: absolute; right: 0; top:0;border-left:3px solid #f0f0f0; display: flex; align-items: center; }
.header_r .language{background: none; display: flex; align-items: center; justify-content: center;margin: 0 20px;}
.header_r .language a{background: none;color: #666;margin-right:30px; display: flex; align-items: center; justify-content: center; padding: 0;line-height: 30px;}
.header_r .language a:last-child{margin-right: 0;}
.header_r .language a img{margin-right: 10px;}
/*.header_r .language .layui-nav-child{top:40px;}
.header_r .language .layui-nav-more{display: none;}
.header_r .language .layui-nav-item a:hover, .header_r .language .layui-this a{color: #666;}
.header_r .language .layui-nav-bar{display: none;}
.header_r .language .layui-nav-child dd.layui-this a,.header_r .language .layui-nav-child dd:hover a{background: #009ca3;color: #fff;}*/

.search{ background: none;padding: 5px 20px; display: flex ;align-items: center; justify-content: space-between;border-radius: 25px; border: 1px solid #ccc;}
.search input{border: none; background: none;width: 110px;}
.search button{ background:url('/static/images/img/search.jpg') no-repeat; width: 16px; height: 16px; border: none; cursor: pointer;}

.main_box{}
.banner{ text-align: center; height:560px;}
.banner .swiper-slide{position: relative; background-size:cover; background-position: center center; background-repeat: no-repeat;}
.banner .swiper-slide a{display:block;height: 100%; width: 100%;}
.banner .swiper-pagination {bottom: 50px; display: flex; justify-content: center;}
.banner .swiper-pagination-bullet{ background:#009ca3;border: 1px solid #009ca3; margin: 0 10px !important; opacity: 1; width:12px; height:12px; border-radius:50%;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f89216;  border: 1px solid #f89216;}
.banner .swiper-button{ background-image: none; width:35px; height: 100px; transition: 0.3s; top:42%; background-color: rgba(0,0,0,0.5); cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center;margin-top: 0;}
.banner .swiper-button.swiper-button-prev{left:50px;}
.banner .swiper-button.swiper-button-next{ right:50px;}
.banner .swiper-button:hover{  background: linear-gradient(to right,#197fdf,#028e4a); color: #fff;}
.banner .swiper-button i,.banner .swiper-button span{ display: inline-block;vertical-align: middle;}
.banner .swiper-button span{ height: 100%;}
.banner .swiper-button i:before{font-size: 30px;}

.title_base{ position:relative;text-align: center;margin:80px 0; color: #000;font-size: 25px;text-transform:capitalize;}
.title_base span{border-bottom:1px solid #eb3c00; padding-bottom:5px;}

.index_product{background: #f5f5f5; overflow: hidden;}
.index_product .content{ display: flex; align-items: center; justify-content: space-between;}
.index_product .content li{width: 25%;height: 450px; position: relative; display: flex; align-items: center; justify-content: center;}
.index_product .content li >img{position: absolute; width: 100%; height:100%; z-index:1; left: 0; top:0;}
.index_product .content li:after{position: absolute ;width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.5);top:0;left: 0; content: '';}
.index_product .content li .box{ position: relative; z-index: 3;width: 275px;display: flex;height:150px; justify-content: center; flex-flow:row wrap;}
.index_product .content li .box p{color: #fff;font-size: 25px; text-align:center;width: 100%; white-space: pre-line; }
.index_product .content li .box img{margin-bottom: 30px;}

.index_product_box .layui-tab{margin-bottom:80px;}
.index_product_box .layui-tab-brief>.layui-tab-more li.layui-this:after, .index_product_box .layui-tab-brief>.layui-tab-title .layui-this:after{display: none;}
.index_product_box .layui-tab-title{display: flex; align-items: center; justify-content: space-between;border-bottom: 1px solid #c9c9c9;}
.index_product_box .layui-tab-brief>.layui-tab-title li{font-size: 15px;}
.index_product_box .layui-tab-brief>.layui-tab-title .layui-this{color: #0056a5;}
.index_product_box .layui-tab-content{padding: 0;}
.index_product_list{}
.index_product_list li{float: left;width:23.8%;border-bottom: 1px solid #a3a3a3;margin:35px 1.6% 0 0;}
.index_product_list li:nth-child(4n+4){margin-right: 0;}
.index_product_list li .img{width: 100%;height: 250px;display: flex;align-items: center; justify-content: center; position: relative; background: #fff;}
.index_product_list li .img img{max-width: 100%; max-height: 100%;}
.index_product_list li .img i{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; align-items:  center; justify-content: center; font-size: 45px;color: #fff; background:rgba(76,173,226,0.64);opacity: 0; transition: 0.3s;}
.index_product_list li .img:hover i{opacity: 1;}
.index_product_list li .text{position: relative;margin: 20px 0;}
.index_product_list li .text a{display: inline-block;}
.index_product_list li .text p{font-size: 15px; color: #030303;}
.index_product_list li .text span{ font-size: 13px;color: #6d6d6d;}
.index_product_list li .text i{position: absolute; color: #6d6d6d; font-size: 30px; right: 0; bottom:0; line-height: 30px;}


.index_about{overflow: hidden; background: #fff;}
.index_about .content{margin-bottom: 80px;}
.index_about .content .ms{line-height:30px;margin-bottom: 20px;}

.index_about .swiper-container { width: 100%; margin-left: auto;margin-right: auto;}
.index_about .swiper-slide { background-size: cover; background-position: center;}
.index_about .gallery-top {   width: 100%;}
.index_about .gallery-thumbs { height: 20%;  box-sizing: border-box;   padding: 10px 0;border-top:1px solid #f0f1f3;margin-top: 10px; }
.index_about .gallery-thumbs .swiper-slide { height: 100%;   opacity: 0.4;}
.index_about .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}

.index_case{background: #f9fbfc; overflow: hidden;}
.index_case .class_list{display: flex; justify-content:space-between;}
.index_case .class_list li{ text-align: center; display: block;width:14%;}
.index_case .class_list li img{margin-bottom: 5px; display: inline-block;}
.index_case .content{display: flex;  align-items: center; justify-content: space-between; height: 320px;margin:50px auto 80px;}
.index_case .content .image{width: 48%;}
.index_case .content .list{width:48%; display: flex;align-items: center; flex-direction: column; justify-content: space-between; height: 100%;}
.index_case .content .list li{padding:15px; display: flex; align-items: center; justify-content: space-between; border:1px solid #e8eef2; width: 100%;}
.index_case .content .list li .img{width:15%;}
.index_case .content .list li .h{border-left: 1px dashed #c5c6db; height:80%;}
.index_case .content .list li .text{width:80%;}
.index_case .content .list li .text .title{font-size: 15px;line-height:25px;}
.index_case .content .list li .text .ms{font-size: 13px;color: #555;line-height:20px;}

.index_service{background: url('/static/images/img/service_bg.jpg') center center no-repeat; height: 425px; overflow: hidden;}
.index_service .title_base{margin-bottom:50px;}
.index_service .content{font-size: 30px;color: #fff; text-align: center;line-height: 50px;font-weight: bold;}

.index_news{background: #f0f1f3; overflow: hidden;}
.index_news .content{display: flex; align-items:center; justify-content: space-between; flex-flow: row wrap;margin-bottom: 80px;}
.index_news .content li{display: flex; justify-content:space-between; align-items: center;padding:10px; background: #fff; color: #fff; width:49%;margin-bottom: 25px;}
.index_news .content li:nth-last-child(-n+2){margin-bottom: 0;}
.index_news .content li .img{width:40%; height: 100%; text-align:center;}
.index_news .content li .img img{border-radius: 5px; display: inline-block;}
.index_news .content li .text{width:58%;background: #f3f3f3;position: relative;padding:30px 20px;}
.index_news .content li .text:after{width:42px; height: 42px; background:url('/static/images/img/xwb.png'); position: absolute; right: 0; bottom:0;content: '';}
.index_news .content li .text span{font-size: 16px;font-weight: bold;margin-bottom:15px; display: block;}
.index_news .content li .text p{font-size: 14px;line-height:25px;}

.footer{color: #fff;margin-top: 50px;background: #3d3d3d;}
.footer a{color: #fff;}
.footer .footer_top{padding:50px 0 30px; display: flex; justify-content: space-between;}
.footer .footer_top .lm{display: flex;}
.footer .footer_top .lm dl{margin-right:25px;}
.footer .footer_top .lm dl:last-child{margin-right: 0;}
.footer .footer_top .lm dt{margin-bottom: 10px;}
.footer .footer_top .lm dt a{ font-size: 16px;color: #fff;}
.footer .footer_top .lm ul{}
.footer .footer_top .lm dl.two_h{}
.footer .footer_top .lm dl.two_h dt{text-align: left;}
.footer .footer_top .lm dl.two_h ul{display: flex;flex-flow:row wrap;width:255px; justify-content: space-between;}
.footer .footer_top .lm dl.two_h ul li{width:48%; text-align: left;}
.footer .footer_top .lm li{line-height: 30px;}
.footer .footer_top .lm li a{color:#8b8b8b; font-size: 14px; }
.footer .footer_top .contact{font-size: 25px;color: #fff;display: inline-block; text-align: center;border-left:1px solid #5c5c5c;padding-left:30px; }
.footer .footer_top .contact p{font-size: 16px;text-align: center;}
.footer .footer_top .contact img{width: 140px;display: inline-block;margin: 20px 0;}
.footer .footer_top .contact .hot{ font-size: 16px; white-space:nowrap;}
.footer .footer_top .contact .hot b{font-size: 20px;}
.footer .footer_bottom{background: #292929; color: #b6b6b6;line-height: 45px; text-align: center; white-space:nowrap;}

.n_banner{text-align: center;background-position: center center; background-repeat: no-repeat;background-size: cover;height:200px;}

.n_content{position: relative;  overflow: hidden;margin-top:40px;}
.n_content_n{position: relative; z-index: 2;  display: flex; justify-content: space-between; margin-bottom: 50px;}
.n_content_l{width:250px;border-radius:10px;}
.n_content_l .title{ letter-spacing:2px; padding:30px 0 30px 20px;background: #009ca3; align-items:center;position: relative; flex-flow:row wrap;color: #fff;font-size:20px; display:flex;z-index: 2;font-weight: bold;}
.n_content_l .title:after{  width: 0;height: 0;border-top:20px solid #fff; border-left:20px solid transparent; content: ''; position: absolute; right: 0; top:0;}
.n_content_l .title span{color: #fff; display: block; font-size: 14px; text-transform: uppercase;}

.n_content_l .list{margin:0; border: 1px solid #e6e6e6; }
.n_content_l .list li{background: #f7f8fa;line-height:70px; border-top: 1px solid #e6e6e6;}
.n_content_l .list li a{padding:0 40px; font-size:16px; display:block; overflow: hidden; background:url('/static/images/img/jt.png') 20px center  no-repeat;}
.n_content_l .list li a p{font-size:16px;}
.n_content_l .list li a span{font-size: 10px;color: #000; opacity: 0.3;width: 60%;display: block;}
.n_content_l .list li.this{background: #ebecec;}

.n_content_l .top{overflow: hidden;}

.n_content_l .bottom{margin-top:50px;}
.n_content_l .bottom a{margin-bottom: 30px; display: block;}
.n_content_l .bottom .lx{border-top:3px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;position: relative;}
.n_content_l .bottom .lx span{position: absolute;height: 100%;width:35px;background: #eee;display: flex; align-items:flex-end; justify-content: center;left:10%;border-radius: 0 0 20px 20px;}
.n_content_l .bottom .lx span img{display: inline-block;margin-bottom:50%; }
.n_content_l .bottom .lx label{margin:50px 0 10px 80px;display: block;}
.n_content_l .bottom .lx label p{font-size:16px; color: #000;}
.n_content_l .bottom .lx label b{font-size: 20px; color: #032274;}
.n_content_l .bottom ul{margin-top: 30px;}
.n_content_l .bottom li{line-height: 30px;display: flex;align-items:flex-start;}
.n_content_l .bottom li img{margin-top:9px;}
.n_content_l .bottom li span{display:table;margin: 0 5px;}
.n_content_l .bottom li p{max-width: 70%;}




.n_content_l .news_tj{padding:10px 20px 30px;}
.n_content_l .news_tj li{}
.n_content_l .news_tj li a{position: relative;color: #000;display: flex; align-items: center;line-height:25px;padding:8px 0 8px 12px;}
.n_content_l .news_tj li a:before{position: absolute;content: ''; border-width:6px;border-style: solid; border-color: transparent  transparent transparent #6dbff9;left: 0;top:16px;}
.n_content_l .news_tj li a:after{position: absolute; bottom:0;width: 100%;border: 1px dotted #e2e2e2;height:1px;content: '';left: 0;}
.n_content_l .news_tj li:hover a{ color: #0a3699;}


.n_content_r{width:910px; }
.n_content_r > .title{ display: flex; align-items: center;  color: #000;padding: 10px 20px;margin-bottom: 10px;background: #fff;}
.n_content_r > .title i{ display:none;}
.n_content_r > .title p{padding:0 10px; font-size: 13px;}
.n_content_r > .title span{font-family:initial;font-size: 10px;color: #999;}

.n_content_nr{padding:20px 0;min-height: 300px; line-height:28px;}

.crumbs {  display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #e6e6e6;}
.crumbs .wz{display: flex; align-items: center;line-height:40px; white-space: pre;}
.crumbs .title{ color: #030303; font-size: 20px; font-weight: bold;}
.crumbs img{margin-right:8px;}
.crumbs a{ color: #000; font-size: 14px;}
.crumbs a:last-child{color: #009ca3; text-decoration: underline;}

.project_list{margin-top:30px;}
.project_list ul{}
.project_list li{width:32%;margin-right:2%; float: left; background: #f7f6f6; padding: 20px; margin-top: 20px;}
.project_list li:nth-child(3n+3){margin-right: 0;}
.project_list li .img{width: 100%; height: 140px;}
.project_list li .img img{height: 100%;width: 100%;}
.project_list li .title{line-height: 25px;margin: 10px 0 5px; color: #009ca3; text-decoration: underline;}
.project_list li .title a{ font-size:14px; color: #009ca3; text-decoration: underline;}
.project_list li .text{ line-height:20px; color: #5a5a5a; height: 40px;}

.news_detail{}
.news_detail > .title{font-size: 24px;text-align: center;line-height:35px;}
.news_detail > .time{text-align: center;line-height: 30px;border-bottom: 1px dashed #e5e5e5;padding:10px 0;}
.news_detail > .body{padding:20px 0;}

.news_list{ padding-bottom:50px; }
.news_list ul{ display: flex; align-content: center;justify-content: space-between; flex-flow: row wrap;}
.news_list li{ text-align: center;display: flex; align-items: center; justify-content: space-between;padding:35px 0; border-bottom: 1px solid #d9d9d9;width: 100%; background: #fff;}
.news_list  li .img{width:20%; border-radius:15px;overflow: hidden;height: 116px; text-align: center;}
.news_list  li .img img{max-width: 100%;max-height: 100%; display: inline-block;}
.news_list  li .box{width:75%;text-align: left;}
.news_list  li .time{font-size: 14px; }
.news_list  li .title{color: #000; font-size: 16px;margin:10px 0 20px; position: relative;}
.news_list  li .title:before{content: '';position: absolute;width: 50px; height:1px; background: #009ca3; bottom:-10px; left: 0;}
.news_list  li .title a{font-size:14px; color: #009ca3;}
.news_list  li .text{ color: #565656;font-size: 13px; line-height: 20px; }
.news_list  li .more{display: inline-block;color: #009ca3;font-size: 13px;}
.news_list.index_news .content li{width:46%; }

.project_detail{}
.project_detail .top{display: flex;justify-content: space-between;}
.project_detail .top .img{width: 45%;}
.project_detail .top .text{width:50%;}
.project_detail .top .title{font-size:32px; border-bottom: 1px dashed #ccc;line-height: 60px;}
.project_detail .top .ms{font-size: 14px; line-height: 25px;padding:10px 0;}
.project_detail .top .rx{font-size:24px;margin:10px 0 20px;}
.project_detail .top .rx span{color:#e40114; font-weight: bold;}
.project_detail .top .zx{display: block;}
.project_detail .bottom{padding:20px 0 ;border-top:1px dashed #ccc;margin-top: 50px;line-height: 30px;}

#dituContent{width:100%;height:550px;border:#ccc solid 1px;}
#dituContent img{max-width: inherit;}

.achievement_list{}
.achievement_list ul{border-bottom: 1px dashed #ddd;}
.achievement_list ul li{ text-align: center; width:30%;margin-right:5%;  float:left; background: #fff;margin-bottom: 20px;}
.achievement_list ul li:nth-child(3n+3){margin-right:0; }
.achievement_list ul li img{height: 200px; width: 100%;}
.achievement_list ul li p{line-height: 50px;padding: 0 30px; color: #434343;}
.achievement_list ul li:hover p{background: linear-gradient(to right,#197fdf,#028e4a); color: #fff;}

.down_list{}
.down_list li{display: flex; justify-content: space-between; line-height: 50px; font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom:30px;}
.down_list li p{}
.down_list li a{font-size: 14px;background: #009ca3; color: #fff; padding: 0 20px; border-radius:5px; line-height:25px;display: inline-block;margin-right: 50px;}
.down_list li span{ opacity: 0.5;}

.policy_list ul{}
.policy_list li{padding:25px 0;  border-bottom: 1px solid #e6e6e6; display: flex; align-items: center; justify-content:space-between;}
.policy_list li .img{width:25%;height: 120px;}
.policy_list li .img img{width:100%;height:100%;}
.policy_list li .content{width:72%;}
.policy_list li .title{line-height: 25px;margin-bottom: 10px;}
.policy_list li .title a{ font-size:16px; color: #3c3c3c;}
.policy_list li .jj{ font-size: 14px; color: #8f8f8f;line-height: 25px;}
.policy_list li .jj a{ color: #8f8f8f;}
.policy_list li .time{ color: #838383;margin-top: 10px;}

.expert_list{}
.expert_list .expert_search{margin:50px auto;border-radius: 30px;height: 45px;width: 390px; line-height: 45px; border: 1px solid #d2d2d2; display: flex;justify-content: space-between; align-items: center;}
.expert_list .expert_search input{border: none; background: none;line-height: 100%; height: 100%;margin:0 20px;width: 270px;}
.expert_list .expert_search button{line-height: 100%; height: 100%; background: linear-gradient(to right,#197fdf,#028e4a); color: #fff; border-radius: 30px; display: block; width: 80px; border: none; font-size: 18px; cursor: pointer;}

.expert_list ul{}
.expert_list ul li{width:23.2%;float: left;margin-right:2.4%; text-align: center;}
.expert_list ul li:nth-child(4n+4){margin-right: 0;}
.expert_list ul li .img{ width: 100%; padding: 30px; border: 1px solid #e9e9e9; height: 220px; display: flex; align-items: center; justify-content: center;}
.expert_list ul li .img img{max-height: 100%; }
.expert_list ul li .content{ color: #515151;padding:20px 0 25px;}
.expert_list ul li .title{  font-size: 18px;line-height: 35px;}
.expert_list ul li .jj{}

.certificate_list{padding: 20px;}
.certificate_list li{width:23.2%;float: left;margin-right:2.4%; padding:20px 10px 0; border: 1px solid #ccc; margin-bottom:20px;text-align: center;}
.certificate_list li:nth-child(4n+4){margin-right: 0;}
.certificate_list li .img{height:150px;text-align: center;display: flex; align-items: center;justify-content: center;cursor: pointer;}
.certificate_list li img{max-height: 100%;display: inline-block;}
.certificate_list li .title{line-height:50px;}

.recruit_list{border:none;}
.recruit_list .layui-colla-item{ background: #f7f7f7;margin-top: 20px;}
.recruit_list .layui-colla-title{ color:#232323; display: flex;align-items: center; justify-content: space-between;padding:20px 30px;height: auto; line-height:inherit;background: none;}
.recruit_list .layui-colla-title i{left: auto;right: 10px;transform:rotate(45deg);width:auto; height:auto; display: flex; align-items: center; justify-content: center;position: relative;top:2px; transition: 0.3s;}
.recruit_list .layui-colla-title.show i{transform:rotate(0deg);}
.recruit_list .layui-colla-title i:before{font-size:35px;line-height:35px;}
.recruit_list .layui-colla-title i:before{}
.recruit_list .layui-colla-title .title{ display: flex; align-items: flex-end;}
.recruit_list .layui-colla-title .title p{ font-size: 24px;padding-right:30px;margin-right: 30px; border-right:1px solid #ddd; }
.recruit_list .layui-colla-title .title span{ font-size: 18px;}
.recruit_list .layui-colla-content{border: none;padding:0 30px;}
.recruit_list .layui-colla-content .content{padding:20px 0;}
.recruit_list .layui-colla-content .content:first-child{border-bottom: 1px solid #ddd;padding-top: 0;}
.recruit_list .layui-colla-content .title{ font-size: 18px;color: #232323;line-height:35px;margin-bottom:15px;}
.recruit_list .layui-colla-content .text{  color: #636363;line-height: 30px;}
.recruit_list .layui-colla-content button{font-size: 18px; color: #fff; text-align: center; display: inline-block; border: none; width: 200px;line-height: 55px;cursor: pointer;margin-bottom: 30px;}

.apply_form{  padding: 50px; }
.apply_form .title{ font-size: 30px; text-align: center;}
.apply_form .content{ margin: 50px 0;}
.apply_form .layui-form-item{ margin-bottom: 20px; }
.apply_form .layui-form-item:after{content:normal;}
.apply_form .layui-form-item label{ text-align: right; font-size:18px; height:55px;line-height:55px;padding: 0; }
.apply_form .layui-form-item label i{color: #e03431;line-height: 55px;margin-right: 10px;}
.apply_form .layui-form-item .layui-input-block{line-height: 55px;}
.apply_form .layui-form-item .layui-input-block input{ padding:0 20px;font-size: 20px;height:55px; width: 100%; border-radius: 5px; border: 1px solid #ddd;}
.apply_form .layui-form-item .layui-input-block .layui-input-inline{ width: 183px;}
.apply_form .layui-form-item .layui-input-block .layui-input-inline:last-child{ margin-right: 0;}
.apply_form .layui-form-item textarea{ font-size: 20px; resize: none;padding: 20px;}
.apply_form > button{ width: 100%; color: #fff; font-size: 30px; line-height: 55px; height: 55px;}
.apply_form .layui-form-select dl{top:55px;}
.apply_form .layui-form-select dd.layui-this{ background: #52a9df;}

.search_box{border: 1px solid #d1dfe9;border-radius: 5px;margin:120px 50px 50px;background-image: linear-gradient(to bottom,#e5eff6 2%,#fff 30%); padding: 50px;}
.search_box > p{color: #0a3699; font-size: 20px;position:relative;padding-left:20px;line-height:20px;}
.search_box > p:before{position: absolute;left: 0;top:2px;content: '';width:15px;height:15px; background: url('../images/ss.png') center center no-repeat #093599;background-size: cover;}
.search_box form{margin:50px 100px;}
.search_box .top{line-height: 30px;color: #000;}
.search_box .top label{font-size: 16px;}
.search_box .top input{border:1px solid #dcdcdc;border-radius: 5px;line-height:28px;padding: 0 10px;width: 320px;}
.search_box .bottom{display: flex; align-items: center;padding-left: 80px;margin-top: 30px;}
.search_box .bottom button{width:80px; line-height: 25px; background: #0a3699; color: #fff; border: none;margin: 0 10px; border-radius: 10px;cursor: pointer;}
.search_box .bottom img{height:25px;}

.recommended_products{overflow: hidden;}
.product_page li{margin-top:40px;}
.product_list{ display: flex;margin-bottom: 80px;}
.product_list ul{width: 100%; display: flex; flex-flow: row wrap;}
.product_list li{border: 1px solid #ebebeb;float:left; }
.product_list.row3 li{width:31%; margin-right:3.5%;}
.product_list.row3 li:nth-child(3n+3){margin-right: 0;}

.product_list.row4 li{width:23.8%;margin-right:1.6%;}
.product_list.row4 li:nth-child(4n+4){margin-right: 0;}
.product_list li .img{height: 290px;}
.product_list li .img a{height: 100%;width: 100%;display: flex; align-items: center; justify-content: center; }
.product_list li .img img{max-height: 100%;}
.product_list li .title{background: #f5f5f5; padding: 0 20px;line-height: 50px; font-size: 16px;}
.product_list li .ms{padding:10px 20px;font-size: 12px;}
.product_list li .ms dl{line-height: 25px; white-space: pre-line; overflow: hidden; max-height: 140px;list-style-type:disc;}
.product_list li .ms dl:before{ content: '●';margin-right:5px;}
.product_top{ padding:0 0 2rem; display: flex; justify-content: space-between;}
.product_top .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.product_top .swiper-slide {background-size: cover;background-position: center; display: flex; align-items: center; justify-content: center;}
.product_top .swiper-slide  img{max-height: 100%;}
.product_top .gallery-top {height: 300px;width: 100%;}
.product_top .gallery-thumbs{ position:relative;}
.product_top .gallery-thumbs .swiper-container {height:90px;box-sizing: border-box;margin-top:20px;width: 80%; }
.product_top .gallery-thumbs .swiper-container .swiper-wrapper{}
.product_top .gallery-thumbs .swiper-container .swiper-slide {height: 100%;opacity:0.5; cursor:pointer; display: flex; align-items: center; justify-content: center;}
.product_top .gallery-thumbs .swiper-container .swiper-slide div{ width:calc(100% - 2px); border:1px solid #ccc; cursor:pointer;}
.product_top .gallery-thumbs .swiper-container .swiper-slide-thumb-active {opacity: 1;}

.product_top .swiper-button-prev,.product_top .swiper-button-next{ background-color:#ccc; background-size:50% auto;}
.product_top .product_left{ position:relative;width:52%;}
.product_top .product_right{ position:relative;width:45%;}
.product_top .pros{ width:85%; margin:0 auto; height:85px;}
.product_top .pros .swiper-wrapper{ display: flex;}
.product_top .pros .swiper-wrapper img{width: 70px; height: 70px;}

.ptit{ padding:0 0 0 2rem;}
.ptit h2{ font-size:25px;}
.ptit p{ font-size:20px;margin:15px 0 10px;}
.ptit p span{ display:inline-block; font-size:14px;}

.pinfo{ padding-left:2rem; margin-top:1rem; border-top:1px solid #ccc;}
.pinfo p{ line-height:30px;white-space: pre-line;}
.pinfo span{ font-size:1.8rem; display:block;margin:10px 0;}
.pinfo p:before{content: "○";color: #00703a;margin-right: 5px; font-size:1.6rem;}

.pdown{ padding:3rem 0 0 2rem;}
.pdown a{ background:url(/static/images/img/pdf.jpg) no-repeat 0 center; padding-left:30px; display:inline-block; color: #26ac60;}


.product_bottom{ border-top:1px solid #ccc; padding:20px 0;}
.product_bottom{margin: 0;}
.product_bottom .layui-tab-title{border-top: 1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;padding-top:5px; box-sizing: content-box;}
.product_bottom .layui-tab-title .layui-this{color: #000; border: 1px solid #dcdcdc; border-radius:5px 5px 0 0; border-bottom: none;position: relative; border-bottom: 1px solid #f0f1f3; top:-1px;}
.product_bottom .layui-tab-title li{border-top:1px solid #f0f1f3;border-bottom: none;}
.product_bottom .layui-tab-title .layui-this:after{content: normal;}
.product_bottom .layui-tab-content{ line-height: 30px;}

.contact_nr{width:50%;}
.contact_nr .corporate_name p{font-size: 25px; }
.contact_nr .corporate_name span{font-size: 16px;display: block;line-height: 35px;}
.contact_nr .xq{}
.contact_nr .xq li{ line-height: 50px; border-bottom: 1px dashed #ccc;}

.about_nr .swiper-container { width: 100%; margin-left: auto;margin-right: auto;}
.about_nr .swiper-slide { background-size: cover; background-position: center;}
.about_nr .gallery-top {   width: 100%;}
.about_nr .gallery-thumbs { height: 20%;  box-sizing: border-box;   padding: 10px 0;border-top:1px solid #f0f1f3;margin-top: 10px; }
.about_nr .gallery-thumbs .swiper-slide { height: 100%;   opacity: 0.4;}
.about_nr .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}

.about_text{ text-align: center;}
.about_text span{font-size: 30px;display: block;margin-bottom: 20px;}
.about_text p{font-size: 17px; line-height:35px;}