@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{min-width: 1440px;}
fieldset, img {border:0;}
html{font-size: 13px;}
img{vertical-align:middle; max-width: 100%; }
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:#04196a;text-decoration:none;}
a:hover{text-decoration:none; color:rgb(23, 42, 136); }
.cf:after {clear:both;content: ".";display:block;height:0;visibility:hidden;}
.left{ float: left}
.right{ float: right}
.hide{ display: none;}
.wrap{ width:1440px; margin: 0 auto; position: relative;}
.wrap_n{ 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: #0e2453; 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_top{ background: #f5f5f5;}
.header_top .wrap{ display: flex; align-items: center; line-height: 40px;color: #afafaf; font-size: 12px;justify-content: space-between;}
.header_top .wrap a{color: #afafaf; font-size: 12px;}

.header_center{margin: 0 auto; display: flex;justify-content: space-between; padding:20px 0; align-items: center;}
.header_center .logo{display: flex;}
.header_center .logo a{display: flex; align-items: center;}
.header_center .logo img{max-width: inherit;}
.header_center .logo p{font-size: 14px;color: #000;display: flex;flex-direction: column; align-items: center;justify-content: center; padding-left:30px;margin-left: 30px;border-left:1px solid #ececec; font-weight: lighter;}
.header_center .logo b{font-size: 18px;color: #0e2453; font-weight: bold;margin-bottom: 5px;}
.header_center .xc{ font-size: 25px; color:#04196a;font-weight: bold; }
.header_center .rx{display: flex;}
.header_center .rx > img{width: 70px;}
.header_center .rx .rx_l{display: flex; align-items: center;}
.header_center .rx .rx_l .wz{padding: 0 30px 0 10px ;}
.header_center .rx .rx_l .wz span{font-size: 12px;color: #afafaf;display: block;}
.header_center .rx .rx_l .wz a{font-size: 20px; color: #000; font-weight: bold;display:block;}
.header_center .rx .rx_l img{ flex-shrink:0;height:40px;}
.header_center .search{display: flex;justify-content: center;align-items: center;}
.header_center .search .layui-form{border: 1px solid #3f4a59; border-radius:30px;display: flex;justify-content: space-between;height: 38px;}
.header_center .search .layui-form select{width: 30px;}
.header_center .search .layui-form input{border: none;line-height: 35px;}
.header_center .search .layui-form .keyword{width:250px;border-left:1px solid #3f4a59;border-right:1px solid #3f4a59;padding: 0 10px;}
.header_center .search .layui-form .layui-select-title{height: 100%;}
.header_center .search .layui-form .layui-select-title input{width:120px;border-radius:30px 0 0 30px;padding: 0 20px; height: 100%;background: #f8f8f8;}
.header_center .search .layui-form .layui-form-select dl dd.layui-this{background: #3f4a59;color: #fff;}
.header_center .search .layui-form button{background: none; border: none; cursor:pointer;width:90px; background: #3f4a59;color: #fff; border-radius: 0 30px 30px 0;}
.header_center .search .header_tel{display: flex; align-items: center;margin-left: 20px;}
.header_center .search .header_tel img{ flex-shrink: 0;}
.header_center .search .header_tel p{display: flex; flex-direction: column;margin-left: 20px;color: #0e2453;}
.header_center .search .header_tel span{font-size:18.5px;font-weight: bold;}
.header_center .search .header_tel b{font-size: 21px;display: flex;line-height:25px;}


.mobile_nav{display: none;}
.nav_menu{ display: none;}
.header .nav{ display: flex;justify-content: center; position: relative;background: #0e2453;}
.header .nav .layui-nav{background: none; display: flex; justify-content: center;padding: 0;}
.header .nav .layui-nav li{line-height:60px;display: flex;justify-content: center; height:60px;padding: 0 28px;}
.header .nav .layui-nav li p{position: relative;}
.header .nav .layui-nav li.has_childs p{padding-right: 20px;}
.header .nav .layui-nav .layui-nav-more{border-color:#fff transparent transparent;}
.header .nav .layui-nav  .layui-nav-mored{border-color:transparent transparent #fff ;}
.header .nav .layui-nav li a{ display:block;flex-flow:row wrap; font-size:17px; padding: 0;  color:#fff; 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.layui-this p a,.header .nav .layui-nav li:hover p > a{color: #fff;}
.header .nav .layui-nav li.layui-this .layui-nav-more{border-color:#fff transparent transparent;}
.header .nav .layui-nav li.layui-this  .layui-nav-mored{border-color:transparent transparent #fff ;}

.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:60px; text-align: center; border: none;}
.header .nav .layui-nav-child a{font-size:14px !important;line-height:40px; padding: 0 20px !important;font-weight: normal !important; color: #606060 !important;}
.header .nav .layui-nav-child a:active,.header .nav .layui-nav-child a:focus,.header .nav .layui-nav-child a:hover{background:#eee; color: #fff;}

.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;}

.main_box{}
.banner{ text-align: center; height:600px;}
.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:#0e2453; margin: 0 10px !important; opacity: 1; width:80px; height:8px; border-radius:0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #b89b7b; }
.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;padding:80px 0;}
.title_base .h{font-size: 40px; color: #eaeaea;text-transform : uppercase;}
.title_base .z{font-size:42px; color: #000;font-weight: bold;position: relative; bottom:35px; display: inline-block;}
.title_base .z:after,.title_base .z:before{ width:25px; height:5px;background: #ac8d6a; content: '';position: absolute;top:25px;}
.title_base .z:before{left:-40px;}
.title_base .z:after{right:-40px;}
.title_base .ms{color:#0e2453;font-size: 20px;line-height: 30px;}

.index_news .layui-tab-title li {color: #fff !important;}



.index_product{padding-top:50px;}

.index_category{background: #f2f2f2;overflow: hidden;}
.index_category ul{display: flex; justify-content: space-between;margin-bottom: 50px;}
.index_category ul li{position: relative; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.index_category ul li span{position: absolute;font-size: 25px;color: #fff;font-weight: bold;}
.index_category ul li:first-child span{color: #000;}
.index_category ul li p{position: absolute; width: 100%;line-height: 25px;text-align: center;font-size: 15px; background: rgba(238,243,246,0.7);left: 0;bottom: 0;}



.product_box{background: #fdfdfd;overflow: hidden;padding-bottom: 100px;}

.cate_list{display: flex; align-items: center;background: #fff;margin: 30px 0; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);}
.cate_list li{line-height: 60px;}
.cate_list a{display: inline-block;padding:0 30px;}
.cate_list a:hover{background:#0e2453;color: #fff;}
.cate_list.cleft{justify-content: flex-start;}
.cate_list.cleft i{margin: 0 10px;}
.cate_list li.this a{background:#0e2453;color: #fff;}


.category_box{width:100%;}
.category_box  .title{font-size: 20px; color: #fff;line-height: 80px; text-align: center;background-image: linear-gradient( #66c0ff, #4190ff);}
.category_box .category_top{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
.category_box .category_top .content{ border: 1px solid #f0edf1; box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);}
.category_box .category_top .content li{line-height: 40px;text-align: center; border-bottom: 1px solid #f0edf1;}
.category_box .category_top .content li:last-child{border-bottom: 0;}

.category_box .category_bottom{background: #dae2e6; padding:10px 20px;margin-top:18px;}
.category_box .category_bottom span{font-size: 15px; font-weight: bold;margin-bottom: 10px;display: block;}
.category_box .category_bottom p{font-size: 13px;}
.category_box .category_bottom .zx{background: #2d516d; line-height:35px;display: flex; align-items: center;margin: 20px auto 10px;}
.category_box .category_bottom .zx .img{width: 30%;text-align: center;display: flex; align-items: center; justify-content: center;}
.category_box .category_bottom .zx .img img{flex-shrink: 0;}
.category_box .category_bottom .zx a{color: #fff;font-size: 16px;width: 70%; text-align: center;border-left:1px solid #c9d2d9;}

.n_content_l .category_box .category_bottom{padding:10px 12px;}
.n_content_l .category_box .category_bottom span{margin:10px 0;}
.n_content_l .category_box .category_bottom p{line-height: 22px;}

.category_box .recommended_product{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);margin-top: 50px;}
.category_box .recommended_product .list{width: 80%;margin: 20px auto;overflow: hidden;}
.category_box .recommended_product li{margin-bottom: 20px; display: flex; align-items: center; justify-content: center;}

.ltt{padding-left: 30px;position: relative;display: flex; justify-content: space-between;margin-bottom: 30px;align-items: center;}
.ltt:before{position: absolute;background:rgb(23, 42, 136);height: 100%; width:10px;content: '';left: 0;top:0;}
.ltt p{font-size: 30px;font-weight: bold;}
.ltt a{font-size: 16px; color: #444;font-weight: bold;}

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

.index_liyou{text-align: center;background: url('../images/ly_bg.jpg') center center no-repeat;padding: 50px 0 100px;}
.index_liyou .content{ text-align: center;display: inline-block;position: relative;padding:0 20px 150px;width: 1102px;}
.index_liyou .content img{display: inline-block;}
.index_liyou .content li{position: absolute;}
.index_liyou .content li span{font-size: 30px; font-weight:bold;margin-bottom:10px;display: block;}
.index_liyou .content li p{font-size: 14px;line-height: 25px;}
.index_liyou .content li a{margin-top: 10px;font-size: 13px;display: flex; align-items: center;justify-content: center;color: #000;}
.index_liyou .content li a img{display: inline-block;margin-right:10px;}
.index_liyou .content li:nth-of-type(1){top:110px;left: 0;text-align: left;}
.index_liyou .content li:nth-of-type(1) span{text-indent:20px;}
.index_liyou .content li:nth-of-type(2){right: 0;top:130px;}
.index_liyou .content li:nth-of-type(3){text-align: left;top:420px; left: 0;}
.index_liyou .content li:nth-of-type(3) span{text-indent:20px;}
.index_liyou .content li:nth-of-type(4){top:420px;right: 0;text-align: right;}
.index_liyou .content li:nth-of-type(4) span{margin-right:40px;}


.index_about{background: #f4f4f4;}
.index_about .wrap{padding: 50px 0;display: flex;justify-content: space-between;}
.index_about .wrap .about_l{width:30%;}
.index_about .wrap .about_l span{display: block;font-size: 14px; color:#1f1f1f; border-bottom: 1px solid #adadad;padding-bottom:10px;margin-bottom: 20px;}
.index_about .wrap .about_l p{ color: #000;font-size: 30px;font-weight: bold;}
.index_about .wrap .about_r{width:67%;}
.index_about .wrap .about_r .nr{line-height:25px;white-space:pre-wrap;}
.index_about .wrap .about_r a{display:inline-block; background: #183794; color: #fff; font-size: 16px;border-radius:10px;width: 160px; height: 30px; line-height: 30px;text-align: center;margin-top: 30px;}


.index_news{ overflow: hidden;     background-image: url('../images/hbg1.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;position: relative;}
.index_news:before{background:rgba(0,0,0,0.7);content: '';position: absolute; height: 100%; width: 100%; z-index: 1;}
.index_news > div{position:relative; z-index: 2;}
.index_news .title_base .h{color: #102032;}
.index_news .title_base .z{  color: #fff;}
.index_news .title_base .ms{color: #fff;}



.index_rongyu{}
.index_rongyu .rongyu_box{width:90%;}
.index_rongyu .swiper-button-next,.index_rongyu .swiper-button-prev{background:none;width:45px; height:70px;border: 1px solid #ddd;display: flex; align-items: center;justify-content: center;top:40%;}
.index_rongyu .swiper-button-next i,.index_rongyu .swiper-button-prev i{font-size:24px;}


.footer{background: #0e2453; overflow: hidden; color: #fff;}
.footer .content{display: flex;  justify-content: space-between;margin:80px auto 50px;}
.footer .content .title{font-size: 18px;color: #fff;margin-bottom: 20px;font-weight: bold;}
.footer .footer_l {width:45%;}
.footer .footer_l .h1{display: flex; align-items: center;}
.footer .footer_l .h1 .t1{font-size: 45px;font-weight: bold;}
.footer .footer_l .h1 .t2{color: #ac8d6b;margin-left: 10px;}
.footer .footer_l .h1 .t2 p{font-size: 16px;font-weight: bold;}
.footer .footer_l .h1 .t2 span{font-size: 10px;}
.footer .footer_l .h2{color: #ac8d6b;line-height: 25px;margin: 30px 0;}
.footer .footer_l .h3{display: flex; align-items: center;}
.footer .footer_l .h3 .t{margin-left: 10px;}
.footer .footer_l .h3 .t p{font-size: 14px;margin-bottom: 3px;}
.footer .footer_l .h3 .t span{font-size: 20px;font-weight: bold;}
.footer .footer_l .h4{margin-top: 50px;}


.footer .footer_c{font-size: 16px;}
.footer .footer_c .title{padding-left: 30px;}
.footer .footer_c .title p{font-size: 28px;}
.footer .footer_c .title span{font-size: 20px;}
.footer .footer_c ul li{line-height:40px;}
.footer .footer_c ul li p{margin-right:10px;width:30px;display: inline-block;text-align: center;}

.footer .footer_r{}
.footer .footer_r li {margin-bottom:10px;}
.footer .footer_r li p{display: block;text-align: center;line-height:40px;}



.footer .footer_bottom{font-size: 14px; line-height: 35px;color: #8d93a3;border-top:1px solid #1f335f;padding: 30px 0;}


.kf{position: fixed;top:15%;right: 0;background: #172a88;color: #fff; width:200px;padding:15px; z-index: 99;}
.kf .lm{}
.kf .lm li{line-height: 30px;border: 1px solid #fff;text-align: center;margin-bottom: 10px;}
.kf .lm li a{color: #fff;display: block;text-align: center;}
.kf .lm li.this,.kf .lm li:hover{background: #fff;}
.kf .lm li.this a,.kf .lm li:hover a{color: #172a88;}
.kf .rx{border: 1px solid #fff; border-top:none;line-height:40px; text-align: center;font-size: 20px;}
.kf .rx i{font-size:22px;}


.n_banner{text-align: center;background:url('../images/banner_bg.jpg') center center no-repeat;background-size: cover;height:320px;}
.n_banner .wrap{display: flex;justify-content: flex-end;height: 100%;}
.n_banner .cate{color: #fff;text-align: left;position: relative;right: 20%;top:30%;}
.n_banner .cate .title{font-size: 30px;font-weight: bold;margin-bottom: 10px;}
.n_banner .cate .ms{font-size: 15px;}

.n_content{position: relative;  overflow: hidden; }
.n_content.hbg{background: #f1f2f4; }
.n_content_n{position: relative; z-index: 2; margin-bottom: 50px;}
.n_content_l{width:15%;border-radius:10px;}

.n_content_l .list{margin:0;  }
.n_content_l .list li{background: #fff;line-height:55px;}
.n_content_l .list li a{text-align: center; font-size:16px; display:block; overflow: hidden;}
.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: rgb(243, 243, 243);}


.n_content_l .list2{margin:0;}
.n_content_l .list2 ul{margin:20px 10px;}
.n_content_l .list2 li{border-bottom: 1px dashed #ccc;line-height: 35px;}
.n_content_l .list2 li a{ font-size:14px; display:block; overflow: hidden;}

.n_content_l .top{overflow: hidden;box-shadow: 1px 6px 6px rgb(243, 243, 243);}
.n_content_l .bottom{overflow: hidden;box-shadow: 1px 6px 6px rgb(243, 243, 243);margin-top: 50px;}
.n_content_l .bottom .rx{margin-top: 50px;}
.n_content_l .bottom .rx ul{margin:15px 10px;}
.n_content_l .bottom .rx li{line-height: 30px;color: #666;}
.n_content_l .bottom .rx li i{color:#172a88;margin-right: 10px;}

.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:83%; }
.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{min-height: 300px; line-height:28px;margin-top: 50px;}

.crumbs { align-items: center; justify-content: space-between;display: flex;margin:30px auto 20px;}
.crumbs .title{ display: flex; align-items: center;}
.crumbs .title .bt{ border-right:1px solid #e3e4e5;  margin-right:30px;padding:10px 30px 10px 0;}
.crumbs .title .bt p{color: #1a1a1a; font-size: 26px;font-weight: bold;}
.crumbs .title .bt span{color: #b4926b;font-size: 10px; text-transform: uppercase;}
.crumbs .title .ms{padding:10px 0;}
.crumbs .title .ms p{color: #b4926b; font-size: 18px;font-weight: bold;}
.crumbs .title .ms span{color: #1a1a1a;font-size: 16px; text-transform: uppercase;font-weight: lighter;}
.crumbs .wz{display: flex; align-items: center;line-height:40px; white-space: pre;}
.crumbs .wz img{margin-right: 5px;}

.crumbs_n { align-items: center;display: flex;margin:30px auto 20px; border-bottom: 1px solid #c3c3c3;line-height: 50px;}

.xzly{}
.xzly .top{display: flex;justify-content: space-between;margin-bottom: 50px;}
.xzly .top .left{width:45%}
.xzly .top .right{width:50%;}
.xzly .top .right li{margin-bottom:12px;}
.xzly .top .right li span{color: #172a88;font-weight: bold;}

.xzly .title{font-size: 30px;color: #172a88;margin-bottom: 30px;}
.xzly .center .list ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.xzly .center li{ box-shadow: 0 5px 30px rgba(15, 91, 183, 0.1);border-radius: 6px;width:48%;margin-bottom: 30px;padding:20px;transition:.3s;}
.xzly .center li:hover{    box-shadow: 0 2px 30px rgba(15, 91, 183, 0.3);transform: translateY(-3px);}
.xzly .center li span{font-size: 18px; color: #172a88;font-weight: bold;}
.xzly .center li p{color: #989898;line-height: 1.75;font-size: 14px;margin-top:20px;}

.xzly .bottom{}
.xzly .bottom ul{display: flex; justify-content: space-between;flex-flow: row wrap;}
.xzly .bottom li{width: 48%;display: flex; align-items: center;justify-content: space-between;margin-bottom: 50px;}
.xzly .bottom li .img{width:180px;height: 180px;border-radius: 50%;background-position: center;background-size: cover;}
.xzly .bottom li .content{width:200px;}
.xzly .bottom li .content span{font-size: 18px; color: #172a88;font-weight: bold;}
.xzly .bottom li .content p{}

.product_jj .img{width: 100%; height: 300px;}
.product_jj .img img{width: 100%;object-fit:none;height: 100%;}
.product_jj .nr{line-height: 1.75;color: #666;white-space: pre-line;margin:20px 0;}



.project_list ul{}
.project_list li{width:32%;margin-right:2%; float: left; background: #f7f6f6; padding: 20px; margin-bottom: 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;}


.contact_box{}
.contact_box .top{background: rgb(238, 238, 238);overflow: hidden;}
.contact_box .top .wrap{position:relative;line-height:30px;margin:20px auto;padding-left:20px;font-size: 24px;}
.contact_box .top .wrap:before{position: absolute;left: 0; top:0; width:8px; height: 100%;background: #172a88;content: '';}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}


.contact_box .content{margin:50px auto;display: flex;justify-content: space-between;align-items: center;}
.contact_box .content .lxfs{width:35%;}
.contact_box .content .lxfs .title{font-size: 24px;color: #172a88;font-weight: bold;border-bottom: 1px solid rgba(221,221,221,1);line-height:60px;margin-bottom: 20px;}
.contact_box .content .lxfs li{line-height:45px;display: flex;align-items: center;font-size: 16px; color: #666;}
.contact_box .content .lxfs li i{font-size: 24px; color: #172a88;margin-right: 10px;}

#dituContent{width:100%;height:500px;border:#ccc solid 1px; margin: 30px auto;}
#dituContent *{box-sizing: content-box !important;}
#dituContent img{max-width: none !important; }

.product_list{}
.product_list li{width:24%;background: #fff; float:left;display: flex; justify-content: center; flex-direction:column;margin-bottom:20px;margin-right:2%;}
.product_list li:nth-child(4n){margin-right:0;}
.product_list li .img{text-align: center;height: 165px;}
.product_list li .img img{ display: inline-block;width: 100%; height: 100%;}
.product_list li .wz{padding:20px;}
.product_list li .wz .title a{color: #000;font-size:16px;font-weight: bold;margin-bottom:15px;line-height: 30px;}
.product_list li .wz .ms{line-height:22px;font-size: 13px; white-space: pre;overflow : hidden;height: 66px;color: #333; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}

.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{ margin: 50px 0;}
.news_list ul{}
.news_list li{width: 32%;margin:0 2% 50px 0; float: left;}
.news_list li:nth-child(3n){margin-right: 0;}
.news_list li .new-box .txtbox .t1 a{color: #000;}
.news_list li .new-box .txtbox .more span{border-color: #ac8d6a;}

.service_box{ display: flex;justify-content: space-between;}
.service_box .l .title{font-size: 30px;margin-bottom: 30px;}
.service_box .l .nr{font-size: 14px;color: #424242;line-height:28px;}
.service_box .l .nr strong{color: #183794; font-weight: inherit;}
.service_box .r{margin-right: 50px;}



.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;}

.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;}

.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:40%;}
.product_top .product_right{ position:relative;width:55%;}
.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; padding-top:1rem; 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;}

.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;}

.about_js{display: flex; align-items: center;justify-content: space-between;margin-top:80px;}
.about_ll{width: 70%;margin-left:30px;}
.about_ll .about_title{font-size: 23px;line-height:40px;margin-bottom:30px;}
.about_ll .about_content{font-size: 16px;}

.about{display: flex;justify-content: space-between;margin: 100px 0;}
.about_l{width:30%;text-align: right;}
.about_l b{color: #0e2453;font-size: 40px;}
.about_l p{font-size: 15px; color: #8e7251;margin: 5px 0 0;}
.about_l span{font-size: 12px;color: #8e7251;text-transform: uppercase;}
.about_r{width:65%; font-size: 14px;line-height: 30px;}

.about_ys{padding-bottom:100px;}



.contact_bg{background: #f8f8f8;padding-top: 100px;}
.contact_list{display: flex;justify-content: space-between;flex-flow: row wrap;}
.contact_list li{width: 48%;background: #fff;padding:40px;margin-bottom:3.5rem;}
.contact_list .title{font-size: 25px;border-bottom: 1px solid #e9e9e9;line-height: 50px;margin-bottom:10px;}
.contact_list .nr{}
.contact_list .nr > div{position: relative;line-height: 30px;height: 30px;}
.contact_list .nr > div i{color: #1e3c97;}
.contact_list .nr > div.company{font-weight: bold;}
.contact_list .nr > div:before{width: 19px;height: 20px;content: '';position: absolute;left:-28px;top:5px; background-position: center center; background-repeat: no-repeat;}
.contact_list .nr > div.address:before{background-image: url('../images/address.png');}
.contact_list .nr > div.email:before{background-image: url('../images/email.png');}
.contact_list .nr > div.fax:before{background-image: url('../images/fax.png');}
.contact_list .nr > div.phone:before{background-image: url('../images/phone.png');}
.contact_list .nr > div.tel:before{background-image: url('../images/tel.png');}
.contact_list .nr > div.user:before{background-image: url('../images/user.png');}

.INav { background: #f6f6f6; }
.INav .wrap{padding: 20px 0;display: flex; justify-content: space-between;}
.INav .INav_list{ width: 19.2%; margin-right: 1%; background: #fff; height: 89px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.INav .INav_list:last-child{ margin-right: 0px;}
.INav .INav_list:hover{ box-shadow: 0px 0px 22px rgba(0,0,0,.15); transition: all 0.5s ease; cursor: pointer;}
.INav .INav_list .INav_list_txt{ margin-left: 17px;}
.INav .INav_list .INav_list_txt dd{ font-size: 16px; color: #333333; font-weight:bolder; margin-bottom:5px;}
.INav .INav_list .INav_list_txt dt{ font-size: 14px; color: #444444;}


.index_tab{}
.index_tab .content .list{display: flex;justify-content:center; border: none;}
.index_tab .content .list li{width:150px;height:40px;line-height:40px;color: #000; border: 1px solid #dcdcdc;text-align: center;margin: 0 10px;}
.index_tab .content .list li a{display: block;font-size: 17px;}
.index_tab .content .list li.layui-this {background: #0e2453;color: #fff;border: 1px solid #0e2453;}
.index_tab .content .list li.layui-this a{color: #fff;}
.index_tab .content .list li.layui-this:after{display: none;}
.index_tab .content .layui-tab-content{padding: 0;margin:50px 0;}

.sjly .content .pic_list{}
.pic_list{}
.pic_list.ny li{width: 32%; height: auto;}
.pic_list.ny li img{height: 320px;}
.pic_list.ny li .wz{position: relative;background: #fff; padding: 20px;}
.pic_list.ny li .wz .title{font-size: 17px; color: #000;}
.pic_list.ny li .wz .ms{font-size: 14px;}
.pic_list li:nth-child(1) img,.pic_list li:nth-child(2) img,.pic_list li:nth-child(3) img,.pic_list li:nth-child(4) img,.pic_list li:nth-child(5) img{height: 100%;}
.pic_list li:nth-child(1) .wz,.pic_list li:nth-child(2) .wz,.pic_list li:nth-child(3) .wz,.pic_list li:nth-child(4) .wz,.pic_list li:nth-child(5) .wz{position: absolute; width: 100%; bottom: 0;z-index: 9;background: rgba(68,68,68,0.25);padding:5%; display: flex; align-items: center;justify-content: space-between;}
.pic_list li:nth-child(1) .wz .title,.pic_list li:nth-child(2) .wz .title,.pic_list li:nth-child(3) .wz .title,.pic_list li:nth-child(4) .wz .title,.pic_list li:nth-child(5) .wz .title{color:#fdfeff;font-size: 17px;line-height: 30px;}
.pic_list li:nth-child(1) .wz .ms,.pic_list li:nth-child(2) .wz .ms,.pic_list li:nth-child(3) .wz .ms,.pic_list li:nth-child(4) .wz .ms,.pic_list li:nth-child(5) .wz .ms{color:#c2c3c5; font-size: 14px;line-height: 20px;height: 20px;}

.pic_list li:nth-child(2),.pic_list li:nth-child(3),.pic_list li:nth-child(4),.pic_list li:nth-child(5){width: 23.5%;}

.pic_list.ny li:nth-child(12),.pic_list.ny li:nth-child(13){width: 49% !important;}
.pic_list.ny li:nth-child(13){margin-right: 0;}
.pic_list.ny li:nth-child(14){margin-right: 2% !important;}
.pic_list.ny li:nth-child(16){margin-right:0 !important;}


.pic_list li{float: left;width: 23.5%; height:250px;margin:0 2% 25px 0;position: relative;}
.pic_list li a{display: block;height: 100%; width: 100%;}
.pic_list li a > img{width: 100%;height: 100%;}
.pic_list li .wz{position: absolute; width: 100%; bottom: 0;z-index: 9;background: rgba(68,68,68,0.25);padding:5%; display: flex; align-items: center;justify-content: space-between;}
.pic_list li .wz .title{ color:#fdfeff;font-size: 17px;line-height: 30px; font-weight: bold;}
.pic_list li .wz .ms{ color:#c2c3c5; font-size: 14px;line-height: 20px;height: 20px;}
.pic_list li .wz img{display: none;}
.pic_list.ny li:nth-child(3n - 1){margin-right:0;}
.pic_list li:nth-child(4){margin-right: 2% ;}
.pic_list li:nth-child(3),.pic_list li:nth-child(5){margin-right:0;}
.pic_list li:first-child{width:49%;height:525px;}
.pic_list li:first-child .wz img{display: block;}
.pic_list.index li:nth-child(8){width:49%;margin-right: 0;}

.pic_list.ny li:nth-child(2){margin-right: 2%;}


.pic_list{}
.pic_list_ny li{width: 32%; height: auto;margin:0 2% 25px 0;float: left;}
.pic_list_ny li:nth-child(3n){margin-right:0;}
.pic_list_ny li img{height: 320px;}
.pic_list_ny li .wz{position: relative;background: #fff; padding: 20px;}
.pic_list_ny li .wz .title{font-size: 17px; color: #000;}
.pic_list_ny li .wz .ms{font-size: 14px;height: 20px;line-height: 20px;}
.pic_list_ny li a{display: block;height: 100%; width: 100%;}
.pic_list_ny li a > img{width: 100%;height: 100%;}
.pic_list_ny li .wz img{display: none;}

.case_list li{float: left; width:24%; margin-right:calc(4%/3);height: 215px;position: relative;}
.case_list li:nth-child(4n){margin-right: 0;}
.case_list li img{position: absolute; width: 100%; height: 100%;}
.case_list li a{ opacity:0; background: rgba(0,0,0,0.5); display: block; width:100%; height: 100%;position:relative; z-index: 2; transition: 0.5s; color: #fff;padding: 30px;}
.case_list li .title{font-size: 18px;line-height: 30px; margin-bottom: 10px;margin-bottom: 0;}
.case_list li .ms{font-size: 14px;line-height:25px;}
.case_list li:hover a{ opacity:1;}
.index_more_btn{text-align: center;margin-bottom: 50px;}
.index_more_btn a{margin: 0 auto; border-radius: 50px; border: 1px solid #000000;display: inline-block;line-height: 40px;width: 125px;font-size: 15px;color: #000;}

.index_tab .layui-tab{margin: 0 auto;overflow: hidden;}

.i-cooperation{
    background-image: url('../images/hbg1.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.i-cooperation .box{
    padding: 75px 0;
    background: rgba(0,0,0,.7) center no-repeat;
}
.i-cooperation .box .content{
    text-align: center;
}
.i-cooperation .box .content .t1{
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
}
.i-cooperation .box .content .t2{
    color: #ffffff;
    font-size: 35px;
    margin-top: 15px;
}
.i-cooperation .box .content .t2 .sp{
    display: inline-block;
    color: #c2a281;
    font-weight: bold;
}
.i-cooperation .box .content .baojia{background: #c2a281; color: #10151f; font-size: 28px;width: 300px; line-height: 50px; display: inline-block; border-radius: 50px;margin-top: 40px;}

.youshi{background: url('../images/hbg2.jpg') top center no-repeat;background-size: cover; overflow: hidden;}

.combination .box_2021 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.combination .box_2021 ul li {
    width: 26%;
    display: flex;
    margin-bottom:100px;
}

.combination .box_2021 ul li .img {
    width: 80px;
    padding-right: 22px;
}

.combination .box_2021 ul li .txtbox {
    flex: 1;
}

.combination .box_2021 ul li .txtbox .title {
    font-size: 24px;
    color: #202020;
    padding-bottom: 10px;
}

.combination .box_2021 ul li .txtbox .txt {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}

.ICase{ padding:50px 0 20px;}
.ICase .ICase_title{ text-align: center; margin-bottom: 35px;}
.ICase .ICase_title dd{ font-size: 36px; color: #2b2b2b; margin-bottom: 20px;}
.ICase .ICase_title dt{ font-size: 16px; color: #0e2453;}
.ICase .ICase_nav{ display: flex; justify-content: center; margin-bottom: 43px;}
.ICase .ICase_nav a{ display: inline-block; width: 150px; text-align: center; line-height: 38px; border: 1px solid #dcdcdc; text-align: center; color: #777777; font-size: 18px; margin-right: 8px;}
.ICase .ICase_nav a.on{ border: 1px solid #901620; background: #901620; color: #fff;}
.ICase .ICase_nav a:hover{ border: 1px solid #901620; background: #901620; color: #fff;}
.ICase .ICase_nav a:last-child{ margin-right: 0px; background: #303030; color: #fff;}
.ICase .ICase_content .ICase_content_list{ display: inline-block; width: 32.66%; margin-right: 1%; position: relative; margin-bottom: 1%;}
.ICase .ICase_content .ICase_content_list:nth-child(3n){ margin-right: 0px;}
.ICase .ICase_content .ICase_content_list .content_list_img img{ width: 100%; height: 314px; object-fit: cover;}
.ICase .ICase_content .ICase_content_list .content_list_txt{ position: absolute; width: calc(100% - 120px); left: 0; height: 100%; background: rgba(0,0,0,.7); top: 0; padding: 0px 60px; opacity: 0;  transition: all 0.5s ease;display: flex; flex-direction: column; justify-content: center;}
.ICase .ICase_content .ICase_content_list:hover .content_list_txt{ opacity: 1;  transition: all 0.5s ease;}
.ICase .ICase_content .ICase_content_list .content_list_txt dd{ font-size: 18px; color: #fff;}
.ICase .ICase_content .ICase_content_list .content_list_txt p{ font-size: 14px; color: #fff; line-height: 26px; margin: 18px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.IService .IService_content .IService_content_list{ width: 14%; text-align: center; position: relative; float: left;}
.IService .IService_content .IService_content_list::before{ content: ""; position: absolute; display: inline-block; width: 155px; height: 1px; background: #d8d8d8; right: -75px; bottom: 15px;}
.IService .IService_content .IService_content_list:last-child::before{ display: none;}
.IService .IService_content .IService_content_list .content_list_top dd{ line-height: 60px;}
.IService .IService_content .IService_content_list .content_list_top dd img{ max-height: 59px;}
.IService .IService_content .IService_content_list .content_list_top dt{ font-size: 18px; color: #333333; margin-top: 25px;}
.IService .IService_content .IService_content_list .content_list_top p{ font-size: 14px; color: #333333;}
.IService .IService_content .IService_content_list .content_list_bottom{ display: flex;justify-content: center; margin-top: 20px;}
.IService .IService_content .IService_content_list .content_list_bottom span{ width: 30px; height: 30px; border-radius: 100%; border: 1px solid #b9b9b9; display: flex; align-items: center; justify-content: center; color: #ababab;}

.hzpp{background: #f1f2f5;margin-top: 30px;overflow: hidden;}
.about_pp{margin: 0;background: #f4f7fd;}

.pp_list{position: relative; margin-bottom: 100px;}
.pp_list .swiper-wrapper{height: 290px;}
.pp_list .swiper-slide{height:130px;  background: #fff; display: flex; align-items: center; justify-content: center;}
.pp_list .swiper-button-next,.pp_list .swiper-button-prev{width:70px; height:70px;background: #fff;color: #dae2e7; border-radius: 50%; font-size: 15px;}
.pp_list .swiper-button-next:after,.pp_list .swiper-button-prev:after{font-size:24px;}
.pp_list .swiper-button-next:hover,.pp_list .swiper-button-prev:hover{background: #0e6eb8;}
.pp_list .swiper-button-next{right: -120px;}
.pp_list .swiper-button-prev{left: -120px;}
.new-box{
    display: inline-block;
    width: 100%;
}
.new-box .time .date{
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    font-family: "DIN-BOLD";
    margin-right: 5px;
}

.new-box .imgbox{
    width: 100%;
    overflow: hidden;
}
.new-box .imgbox .img{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-size:cover;
}
.new-box:hover .imgbox .img{
    /*background-size: 120%;*/
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.new-box .imgbox img{
    width: 100%;
}
.i-newsdiv .new-box .imgbox img{
    opacity: 0;
}
.new-box .txtbox{
    margin-top: 30px;
}
.new-box .txtbox .t1 a{
    color: #ffffff;
    font-size: 18px;
    line-height:30px;
    min-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new-box .txtbox .time{color: #ac8d6a;font-size: 14px;margin:30px 0 10px;}

.new-box .txtbox .t2 {
    font-size:14px;
    line-height:22px;
    color: #808184;
}

.new-box .txtbox .more{
    margin-top: 40px;
}
.new-box .txtbox .more span{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    text-align: center;
    border: rgba(255,255,255,.3) solid 1px;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.new-box .txtbox .more span a{ display:block; color: #ac8d6a;     padding: 0 50px 0 20px;
}
.new-box .txtbox .more span:hover a{
    color: #FFFFFF;
    background-color: #0e2453;
}

.index_news_list.layui-show{display: flex !important;}
.index_news_list{ align-items: center;justify-content: space-between;}
.index_news_list li{ width: 30%;}
.index_news .index_more_btn a{border: 1px solid #fff; color: #fff;}

.case-details{
    padding-top:50px;
}
.case-details .box{
    margin-top: 30px;
    padding-bottom: 100px;
}
.case-details .box .title{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 18px;
    border-bottom: #eeeeee solid 1px;
}
.case-details .box .title .t1{
    color: #000000;
    font-size: 32px;
    font-weight: bold;
}
.case-details .box .other{
    margin: 30px 15px;
    overflow: hidden;
    display: flex;;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 45px;
}
.case-details .box .other .left{
    float: left;
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    overflow: hidden;
}
.case-details .box .other .left {
    float: left;
    color: #666666;
    font-size: 17px;
}
.case-details .box .other .right{
    float: right;
    display: inline-block;
}
.case-details .box .other .right .taximeter{
    display: inline-block;
}
.case-details .box .other .btn{
    display: inline-block;
    padding: 0px 20px;
    border-radius: 4px;
    color: #eeeeee;
    font-size: 16px;
    background-color: #0e6eb8;
    cursor: pointer;
}
.case_img{}
.case_img img{ width: 100%;}
.pc-slide{
    position: relative;
    width: 100%;
    margin: 0 auto;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.view, .preview{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.view .swiper-container {
    width: 100%;
}
.pc-slide .arrow-left {
    background: url(../images/img85.png) no-repeat left top;
    background-size: 60px 60px;
    position: absolute;
    left: 0;
    top: 38%;
    /*margin-top: -30px;*/
    width: 60px;
    height: 60px;
    z-index: 10;
}
.pc-slide .arrow-left:hover{
    background: url(../images/img86.png) no-repeat left bottom;
    background-size: 60px 60px;
}
.pc-slide .arrow-right{
    background: url(../images/img87.png) no-repeat left bottom;
    background-size: 60px 60px;
    position: absolute;
    right: 0;
    top: 38%;
    /*margin-top: -30px;*/
    width: 60px;
    height: 60px;
    z-index: 10;
}
.pc-slide .arrow-right:hover{
    background: url(../images/img88.png) no-repeat left bottom;
    background-size: 60px 60px;
}
.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}
.preview .swiper-container {
    width: 85%;
    margin: 20px auto 0px;
}
.preview .swiper-slide{
    width: 180px;
    cursor:pointer;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.preview .swiper-slide.active-nav{
    border: #0e6eb8 solid 3px;
}
.preview .swiper-slide .smallimg{
    background-position: center;
}
.preview .swiper-slide .tips{
    width: 180px;
    height: 108px;
    line-height: 108px;
    background: rgba(0,0,0,.6);
    color: #ffffff;
    font-size: 18px;
    text-align: center;
}
.preview .swiper-slide.active-nav .tips{
    opacity: 0;
}

.case-content{
    padding: 70px 0 110px;
    background-color: #f4f4f4;
}
.case-content .con{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.case-content .detail{
    float: left;
    width: 69%;
    overflow: hidden;
}
.case-content .title{
    font-weight: bold;
    color: #222222;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: #dcdcdc solid 1px;
}
.case-content .detail .t2{
    padding: 3% 5% 5% 0;
    color: #666666;
    font-size: 14px;
    line-height: 2.5;
}
.recommend-case{
    float: right;
    width: 25%;
    overflow: hidden;
}
.recommend-case ul{
    margin-top: 10px;
}
.recommend-case ul li{
    width: 100%;
    margin-bottom: 20px;
}
.recommend-case ul li:last-child{
    margin-bottom: 0;
}

.page-case{
    background-color: #f1f2f4;
}
.cases{
    padding: 0px 0px 80px;
}
.cases .special{
    width: 100%;
    overflow: hidden;
}
.cases ul{
    /*padding-bottom: 15px;*/
}
.cases .special .bigimg{
    float: left;
    width: -moz-calc(97.15% - (94.3% / 3));
    width: -webkit-calc(97.15% - (94.3% / 3));
    width: calc(97.15% - (94.3% / 3));
    margin-right: 2.85%;
    margin-bottom: 2.85%;
}
.cases .special .bigimg a{
    position: relative;
    display: inline-block;
    width: 100%;
}
.cases .special .bigimg a .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cases .special .bigimg a:hover .text{
    background: url(../images/img39.png) bottom center no-repeat;
    background-size: cover;
}
.cases .special .bigimg a .txtbox{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: none;
}
.cases .special .bigimg .case-box .txtbox .t1, .cases .special .bigimg .case-box .txtbox .t2, .cases .special .bigimg .case-box .txtbox .t3{
    color: #FFFFFF;
}
.cases .special .smallimg{
    float: left;
    width: -moz-calc(94.3% / 3);
    width: -webkit-calc(94.3% / 3);
    width: calc(94.3% / 3);
    margin-bottom: 2.85%;
}
.cases ul li{
    float: left;
    width: -moz-calc(94.3% / 3);
    width: -webkit-calc(94.3% / 3);
    width: calc(94.3% / 3);
    margin-right: 2.85%;
    margin-bottom: 2.85%;
}
.cases ul li:nth-child(3n){
    margin-right: 0;
}
.case-box{
    display: block;
    width: 100%;
}
.case-box .imgbox{
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.case-box .imgbox .img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.case-box:hover .imgbox .img{
    transform: scale(1.1);
}
.case-box .imgbox .img img{
    width: 100%;
    height: 100%;
}
.case-box .txtbox{
    padding: 30px 30px 35px;
    background-color: #FFFFFF;
}
.case-box .txtbox .t1{
    color: #999999;
    font-size: 14px;
    /*line-height: 44px;*/
    margin-bottom: 20px;
}

.case-box .txtbox .t1 .sp{
    display: inline-block;
    padding-bottom: 12px;
    border-bottom: #eeeeee solid 1px;
}
.case-box .txtbox .t2{
    color: #222222;
    font-size: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case-box:hover .txtbox .t2{
    color: #0e6eb8;
    font-weight: bold;
}
.case-box .txtbox .t3{
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}
.case-box .txtbox .t3 .sp{
    font-family: arial;
}
.view_box .swiper-button-next,.view_box .swiper-button-prev{ color: #fff; border-radius: 50%; width:60px; height: 60px; background: #d9d9d9; top:40%;}
.view_box .swiper-button-next:after,.view_box .swiper-button-prev:after{ font-size:24px;}
.view_box .swiper-button-next{right: -100px;}
.view_box .swiper-button-prev{left: -100px;}


.project-cases{
    padding-bottom: 100px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.project-cases .content{
    margin-top: 65px;
}
.project-cases .box{
    position: relative;
    margin-top: 45px;
    padding: 0 75px;
}
.picturebox{
    position: relative;
    width: 90%;
    overflow: hidden;
    padding-bottom: 40px;
}

.picturebox_box{margin:100px auto;}
.picturebox_box .swiper-button-prev,.picturebox_box .swiper-button-next{top:45%;}
.picturebox_box .swiper-button-prev:after,.picturebox_box .swiper-button-next:after{font-size: 0;}
.picturebox_box .swiper-button-prev{
    width: 0;
    height: 0;
    border-top:15px solid transparent;
    border-right:15px solid #5990b7;
    border-bottom:15px solid transparent;
}

.picturebox_box .swiper-button-next{
    width: 0;
    height: 0;
    border-top:15px solid transparent;
    border-left:15px solid #5990b7;
    border-bottom:15px solid transparent;
}
.picturebox .title{
    width: 100%;
    font-weight: bold;;
    text-align: center;
    font-size:24px;
    line-height:50px;
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
    overflow: hidden;
}
.picturebox .picture{
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.picturebox .picture .picture-li{
    float: left;
    width: 30%;
    overflow: hidden;
}
.picturebox .picture .picture-li .img{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.picturebox .picture .picture-li .img img{
    width: 100%;
}
.picturebox .picture .picture-li .txt{
    padding: 20px;
    text-align: center;
    overflow: hidden;
}
.picturebox .picture .picture-li .txt .t1{
    color: #222222;
    font-size: 20px;
}
.picturebox .picture .picture-li .txt .t2{
    color: #999999;
    font-size: 12px;
}
.picturebox .picture .deliver{
    float: left;
    width: 5%;
    overflow: hidden;
    text-align: center;
    display: flex;align-items: center;justify-content: center;;
}
.picturebox .picture .deliver .txt{
}
.picturebox .picture .deliver .txt .t1{
    color: #0e6eb8;
    font-size: 20px;
    font-weight: bold;
}
.picturebox .picture .deliver .txt .t2{
}
.picturebox .picture .deliver .txt .t2 img{
    max-width: 72%;
}
.picturebox .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #becdde;
    opacity: 1;
}
.picturebox .swiper-pagination-bullet-active {
    opacity: 1;
    background: #0e6eb8;
}
.picturebox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.picturebox.swiper-container-horizontal>.swiper-pagination-bullets, .picturebox .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.project-cases .swiper-button-next, .project-cases .swiper-button-prev {
    position: absolute;
    top: 32%;
    width: 50px;
    height: 50px;
    /* margin-top: -25px;*/
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.project-cases .swiper-button-prev, .project-cases .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/x18.png);
    left: 0;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/x19.png);
    right: 0;
    left: auto;
}
.swiper-button-next.swiper-button-disabled{
    opacity: 1;
    background-image: url(../images/x17.png);
}
.swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    background-image: url(../images/x16.png);
}

.gcwj_box{position: relative;}
.gcwj_lb{ margin-bottom: 100px;}
.gcwj{background: #fff;overflow: hidden;}
.gcwj .title {text-align: center;margin:100px 0 50px;}
.gcwj .title p{font-size: 45px; color: #000;font-weight: bold;margin-bottom: 10px;}
.gcwj .title span{font-size: 25px; color: #c4c4c4; text-transform: uppercase;}
.gcwj_box .swiper-button-next,.gcwj_box .swiper-button-prev{ color: #fff; border-radius: 50%; width:60px; height: 60px; background: #d9d9d9; top:48%;}
.gcwj_box .swiper-button-next:hover,.gcwj_box .swiper-button-prev:hover{ background: #0e2453;}
.gcwj_box .swiper-button-next:after,.gcwj_box .swiper-button-prev:after{ font-size:24px;}
.jfh img{ width: 100%;}

.cate_list2{background: #0e2453; display: flex; align-items: center;}
.cate_list2 li{line-height: 60px; display: flex; align-items: center;height: 60px;}
.cate_list2 li:after{content:'';width: 1px; height: 30%;background: #fff;display: inline-block;}
.cate_list2 li:last-child:after{display: none;}
.cate_list2 li a{color: #fff; padding: 0 30px;}
.cate_list2 li:hover a{color: #b4926b;}