@charset "utf-8";
@font-face{font-family: wdjt;src: url('../font/wexy.ttf') format('truetype'),url('../font/wexy.woff');}
* {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%; }
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: 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; display: block;}
.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: #183794; 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:50px 0 20px; align-items: center;}
.header_center .logo{display: flex; align-items: center; }
.header_center .logo a{display: flex; align-items: center;}
.header_center .logo img{max-width: inherit;}
.header_center .logo p{ margin-left:1rem; display: inline-flex; flex-direction: column;}
.header_center .logo p b{font-size: 24px; color: #000; font-weight: inherit;}
.header_center .logo p span{font-size: 15px;color: #000; }
.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{}
.header_center .search .layui-form{border: 1px solid #ccc; border-radius:5px;display: flex;justify-content: space-between;padding:3px 8px;}
.header_center .search .layui-form input{border: none;border-radius:5px;}
.header_center .search .layui-form button{background: none; border: none; cursor:pointer;}




.mobile_nav{display: none;}
.nav_menu{ display: none;}
.header .nav{ display: flex;justify-content: center; position: relative;left:50px;}
.header .nav .layui-nav{background: none; display: flex; justify-content: space-between;padding: 0;}
.header .nav .layui-nav li{line-height:35px;display: flex;justify-content: center; height:35px;padding: 0 10px;}
.header .nav .layui-nav li .layui-nav-child{left:-5px;}
.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:#606060 transparent transparent;}
.header .nav .layui-nav  .layui-nav-mored{border-color:transparent transparent #606060 ;}
.header .nav .layui-nav li a{ display:block;flex-flow:row wrap; font-size:15px; padding: 0;  color:#606060; 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: #000;}
.header .nav .layui-nav li.layui-this .layui-nav-more{border-color:#000 transparent transparent;}
.header .nav .layui-nav li.layui-this  .layui-nav-mored{border-color:transparent transparent #000 ;}

.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:35px; 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:690px;}
.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 { display: flex; justify-content: center; width: 100%; bottom:30px;}
.banner .swiper-pagination-bullet{  margin:5px 0 !important; opacity: 1; width:60px; height:5px;background: #025ea1;display: flex; align-items:center;justify-content: center;border-radius: 0;}
/*.banner .swiper-pagination-bullet:before{background: #000625;width:10px;border-radius:50%;height:10px; content:'';display: block; z-index: 1;}*/
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #505050;}

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

.product_swiper{position: relative;display: flex; justify-content: center;overflow: hidden;width: 90%;}
.product_swiper .product_list{}

.title_base{ position:relative;text-align: center;padding:40px 0;}
.title_base b{font-size: 42px; color: #000; font-weight: bold;margin-bottom: 10px; z-index: 2;}
.title_base span{ z-index: 1;opacity: 0.1;color: #000;font-size: 44px; font-weight: bold; text-transform: uppercase;position: absolute;left: 0; width: 100%; text-align: center; top:15px;}
.title_base p {font-size: 18px;margin-top:10px;}

.title_base.white  b{color: #fff ;}
.title_base.white  span{color: #fff ; font-size: 28px;top:52px;}
.title_base.white  p{color: #fff ;}

.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{overflow: hidden;padding-bottom: 100px;display: flex; justify-content: center;}
.product_box .swiper-button-next,.product_box .swiper-button-prev{background:none;}
.product_box > div i{font-size: 25px;color: #d6d6d6;}

.cate_list{display: flex; align-items: center;justify-content: center;background: #f2f2f2; padding:5px 10px;margin: 30px 0;}
.cate_list a{padding:2px 5px;display: inline-block;color: #000;}
.cate_list a:hover{color: #0170c1;}
.cate_list.cleft i{margin: 0 10px;}

.product_application{ background: #2782d1;padding:30px 0 0;margin-bottom:200px;}

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

.news_box{display: flex;justify-content: space-between;}
.news_left{display: flex;justify-content: space-between;width: 50%;}
.news_left li{width:48%;}
.news_left li .img{height:185px;text-align: center;display: flex; align-items: center;justify-content: center;cursor: pointer;}
.news_left li img{width:100%;height: 100%;display: inline-block;}
.news_left li .wz{background: #e5e5e5;padding:30px 30px 20px;}
.news_left li .wz a{color: #040404;font-size: 14px;line-height: 20px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;margin-bottom: 10px;}
.news_right{width:48%;}
.news_right li{display: flex;justify-content: space-between;margin-bottom:22px;}
.news_right li:last-child{margin-bottom: 0;}
.news_right li .time{display: flex;flex-direction: column; align-items: center;width:18%;border-right:2px solid #efefef; }
.news_right li .time span{display: block; font-size: 36px;}
.news_right li .time p{font-size:13px;}
.news_right li .wz{width:80%;}
.news_right li .wz a{font-size: 18px;color: #040404;margin-bottom:5px;}
.news_right li .wz p{overflow : hidden;font-size: 13px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}

.application_list{position: relative;height: 250px;display: flex;}
.application_list li{width:32%;margin-right: 1.5%;}
.application_list li:nth-child(3n){margin-right: 0;}
.application_list li .img{height:250px;text-align: center;display: flex; align-items: center;justify-content: center;;}
.application_list li img{width:100%;max-height: 100%;display: inline-block;}
.application_list li .wz{ height: 155px;background: #f2f2f2;color: #060606;text-align: center;padding:35px 30px;}
.application_list li .wz span{ font-size: 18px;margin-bottom: 10px;display: block;}
.application_list li .wz p{ font-size: 14px;line-height: 20px;}



.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: #faf8f8;padding: 50px 0 100px;}
.index_about .about_top{margin:0 !important;}
.about_top{ text-align: center;font-size: 14px;line-height:25px;margin: 50px 0;}
.about_bottom{margin-top: 50px;}

.index_news{ overflow: hidden;margin-bottom: 50px;}
.index_news .content_box{display: flex;justify-content: space-between;margin: 100px auto;}
.index_news .content_box .list{width: 30%; }
.index_news .content_box .list .title{display: flex;justify-content: space-between; align-items: center;margin-bottom: 30px;}
.index_news .content_box .list .title >div {display: flex;  align-items: flex-end;}
.index_news .content_box .list .title span{font-size: 20px; font-weight: bold;display: inline-block;}
.index_news .content_box .list .title p{text-transform:uppercase;font-size: 20px; font-weight: lighter;margin-left: 10px;}
.index_news .content_box .list .title a{float:right;font-size: 12px;}
.index_news .content_box .list .content{box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);padding:15px; background: #fff; transition: 0.5s;}
.index_news .content_box .list .content .img{width: 100%; height: 80px;}
.index_news .content_box .list .content .img img{width: 100%; height: 100%;}
.index_news .content_box .list .content ul{margin:10px 0 30px;min-height: 224px;}
.index_news .content_box .list .content li{display: flex; align-items: center;border-bottom: 1px solid #efeded;line-height: 30px;}
.index_news .content_box .list .content li i{font-size:8px;margin-right: 3px;}
.index_news .content_box .list .content:hover{box-shadow: 0 0 5px 0 rgba(226,237,255,1);}

.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: #023069; overflow: hidden; color: #fff;}
.footer .content{padding: 80px 0;display: flex; justify-content: space-between;}
.footer .footer_l {display: flex;width:40%;justify-content: space-between;}
.footer .footer_l dt {margin-bottom: 20px;}
.footer .footer_l dt a{font-size:18px;font-weight: bolder;color: #fff;}
.footer .footer_l dd a{font-size:14px;color:#fff;font-weight: lighter;line-height:30px;}

.footer .footer_r{font-size:15px;width:40%;line-height: 25px; border-left:5px solid #2567b7;padding-left: 50px;}

.footer .footer_bottom{background: #001f46;color: #fff; text-align: center;line-height: 55px;text-transform: uppercase;font-size: 16px;}

.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-position: center center; background-repeat: no-repeat;background-size: cover;height:370px;}

.n_content{position: relative;  overflow: hidden;}
.n_content_n{position: relative; z-index: 2; margin: 50px auto;}
.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 {background: #0170c1;color: #fff;line-height: 40px;}
.crumbs img{margin-right:8px;}
.crumbs a{ color: #fff; font-size: 14px;}
.crumbs a:last-child{color: #fff;}


.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{display: flex; justify-content: space-between;}

.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 ul{}
.product_list li{width:23.5%;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:255px;background: #f9f9fa;}
.product_list li .img img{ display: inline-block;width: 100%; height: 100%;}
.product_list li .wz{padding:20px 20px 20px 50px;background: #f0efef;position: relative;}
.product_list li .wz:after{position: absolute; background: url('../images/cl.jpg'); width: 15px; height: 15px;left: 10%; content: '';top:41%;}
.product_list li .wz a{color: #040404;font-size:16px;}
.product_list li .wz p{line-height:25px;font-size: 12px; color: #060606;}

.product_tags {display: flex;}
.product_tags label{font-size:14px;font-weight: bold;}
.product_tags li{color: rgb(64, 118, 140) !important;font-size: 12px;margin-right: 10px;}

.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; justify-content: space-between;width: 100%; background: #f3f3f3;margin-bottom:20px;}
.news_list li:hover{background: #c2def2;}
.news_list  li .img{width:23.5%; overflow: hidden;height: 185px; text-align: center;}
.news_list  li .img img{width: 100%;height: 100%; display: inline-block;}
.news_list  li .box{width:70%;text-align: left;padding: 30px;}
.news_list  li .title{color: #000; font-size: 16px;margin:0 0 10px; position: relative;}
.news_list  li .title a{font-size:16px;font-weight: bold; color: #040404;}
.news_list  li .text{ color: #040404;font-size: 13px; line-height:25px;}
.news_list  li .time{font-size: 14px;margin-top: 10px;}


.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{}
.ptit h2{ font-size:18px;color: rgb(64, 118, 140) !important;}
.ptit p{padding-left: 100px;margin: 10px 0;}
.ptit p a{ display:inline-block; background:rgb(64, 118, 140) !important;color: #fff; line-height:30px;text-align: center;padding:0 10px;}

.pinfo{display: flex; align-items: center;}
.pinfo span{ font-size:14px; 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{margin: 20px  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;}
.product_bottom .title{background: #40768c;font-size:14px; color: #fff;padding:0 20px; line-height: 40px;}
.product_bottom .nr{margin:20px 0;}

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


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

.contact_l{font-size: 13px;color: #060606;line-height:30px;}
.contact_l b{font-size: 18px; color: #0170c1;}
.contact_l p{font-size: 15px;}

.contact_r{width:65%;}
.contact_form{display: flex;justify-content: space-between; flex-flow: row wrap;}
.contact_form .layui-form-item{width: 30%;}
.contact_form .layui-form-item.nr{width: 100%;}
.contact_form .layui-form-label{float: none;padding: 0;width: auto;text-align: left;line-height:35px;}
.contact_form .layui-input-block{margin-left: 0;}
.contact_form .layui-input-block input,.contact_form .layui-input-block textarea{border: none; background: #f7f7f7;}
.contact_form button{width: 250px; line-height: 35px;text-align: center;background: #2ba0e8;color: #fff;}