*{outline:none!important;}
::-webkit-scrollbar {
 /*滚动条整体样式*/
 width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
 height: 1px;
}
::-webkit-scrollbar-thumb {
 /*滚动条里面小方块*/
 border-radius: 10px;
 box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
 background   : #d41922;
}
::-webkit-scrollbar-track {
 /*滚动条里面轨道*/
 box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background   : #ededed;
}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }


.pcNav{position: fixed;left: 0;top: 0; width: 100%;background: none;z-index: 999;transition: .4s all ease}
.pcNav.pcNav_dow{top: -70px;}
.pcNav-top{position: relative;background: #fff}
.pcNav-top .g_w{display: flex;align-items: center;justify-content: flex-end;height: 70px;}
.pcNav-top a{ margin-right: 50px; color: #0c0000;opacity: .76;transition: .4s all ease}
.pcNav-top a:hover{color: #c30f1b;opacity: 1;transition: .4s all ease}
.pcNav-l{position: absolute;left: 0 ;top: 0;}
.pcNav-l a{opacity: 1}
.pcNav-l img{ height: 70px;}
.pcNav-r-search{position: relative}
.pcNav-r-search input{ height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #999;box-shadow: 0 0 4px #dfdfdf;
 position: absolute;right: 100%;top: 50%;  transform: translateY(-50%); white-space: nowrap;width: 0;opacity: 0;padding: 0;transition: .4s all ease;overflow: hidden}
.pcNav-r-search:hover input{width: 180px;opacity: 1; padding: 0 20px; transition: .4s all ease}
.pcNav-r-search:hover i{color: #c30f1b; transition: .4s all ease}

.pcNav-b{background: #0c0000}
.pcNav-c{ }
.pcNav .g_w{position: relative}
.h-nav1{display: flex;position: relative;justify-content: space-between}
.h-nav1 > li {  min-width: 80px; display: flex;align-items: center;position: relative}
.h-nav1 > li:nth-child(1){margin-left: 0}
.h-nav1 > li > a{ width: 100%; height: 66px; line-height: 66px;display: block; text-align: center; color: #fff;font-size: 18px;text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{display: inline-block; vertical-align: middle; margin-left: 8px; content: '';width: 7px;height: 4px; background: url("../images/dow.png");}
.h-nav1 > li > a span{font-size: 12px;text-transform: uppercase}
/*.h-nav1 > li > a:after{content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); background: #fff;width: 0;height: 3px;transition: .4s all ease}*/

.pcNav.active .h-nav1 > li > a{ color: #525252}
.pcNav.active .h-nav1 > li > a:after{background: #003b95}
.h-nav1 > li.active > a{color: #fff}
.h-nav1 > li.active > a:after{width: 100%}
.h-nav1 > li:hover  .h-nav2{display: block}
.pcNav_u1_2{display: none; position: absolute;left:50%;top: 100%;  opacity: 0; z-index: 9;overflow: hidden;
 animation: navU .5s ease forwards;
 -webkit-animation: navU .5s ease forwards;
}
.pcNav_u1_2 li { font-size: 0;margin-top: 2px;background: rgba(214,0,7,.8);}
.pcNav_u1_2 li>a{ display: block; padding: 0 10px;  min-width: 246px; height: 36px;white-space: nowrap; text-transform: uppercase;
 transition: .4s all ease;line-height: 36px; font-size: 15px; color: #fff;text-align: center;font-weight: bold; }
.pcNav_u1_2L{display: inline-block; vertical-align: text-top;}
.pcNav_u1_2R{display:inline-block ;width: 400px; margin-left: 20px; vertical-align: text-top;}
.pcNav_u1_2 li:hover>a{background: #fff;color: #d60007; border: 1px solid #d60007;transition: .4s all ease}
.h-nav1 > li:hover .pcNav_u1_2{display: block}
.h-right ul li:hover .h-right-hover{display: block}
@keyframes navU
{
 0% {
  opacity: 0;
  transform: translate(-50%, -20px);
 }
 100% {
  opacity: 1;
  transform: translate(-50%, 0);
 }
}
@-webkit-keyframes navU {
 0% {
  opacity: 0;
  transform: translate(-50%, -20px);
 }
 100% {
  opacity: 1;
  transform: translate(-50%, 0);
 }
}






footer{ background: #282828;color:#fff;}
footer .toTop{position: fixed;right: 0;bottom: 10px;z-index: 9999}
.f-top{ }
.f-top .g_w .f-top-con{display: flex; justify-content: space-between; padding: 80px 0 50px 0; padding-left: 244px;position: relative}
.f-top .g_w .f-top-con .f-logo{position: absolute;background: #c30f1b;right: calc(100% - 188px); top: 0; width: 100%;height: 100%;padding-top: 90px; padding-right: 40px; text-align: right}
.f-top-l{width: 430px;}
.f-top-l .info{transform: translateY(-4px)}
.f-top-l .info .code{margin-top: 40px;}
.f-tel{ margin-bottom: 10px; display: flex;color: rgba(255,255,255,.5);align-items: flex-start;line-height: 2.6em}
.f-tel i{font-size:18px; color: #999999; }
.f-tel b{font-size:18px; color: #fff;font-weight: 400;margin-left: 8px }
.f-top-r{width:calc(100% - 620px)}
.f-top-r ul  {display: flex;justify-content: space-between}
.f-top-r ul li {}
.f-top-r ul li>a{font-size: 18px;}
.f-top-r ul li a{display: block;color: #ffff;transition: .4s all ease}
.f-top-r ul li >div{margin-top: 30px;}
.f-top-r ul li >div a{opacity:.5;margin-top: 6px }
.f-top-r ul li a:hover{opacity: 1;transform: translate(4px,-4px);transition: .4s all ease}
.f-bottom {padding:14px 0;background: #0d0d0d;text-align: center;  border-top: 1px solid rgba(255,255,255,.1); font-size: 12px;}
.f-top-c{width: 580px ; max-width: 100%; text-align: left;color: #fff}
.f-top-c .info{margin-top: 26px;font-size: 0}
.f-top-c .text{display: inline-block; vertical-align: top; width: calc(100% - 220px);font-size: 14px;color: #c0c0c0;}
.f-top-c .text p{margin-bottom: 10px;}
.f-top-c .code{display: inline-block;width: 220px;}
.f-top-c .code1{display: inline-block;margin-right: 20px; }
.f-top-c .code1 span{display: block;color: #fff;font-size: 12px;margin-top: 10px; }
.f-top-c .code2{display: inline-block; }
.f-top-c .code2 span{display: block;color: #fff;font-size: 12px;margin-top: 10px; }
.f-top-c .code a{display: block;color: #fff;background: #c30f1b;text-align: center;line-height: 36px;height: 36px;width:166px; margin-top: 20px;font-size: 18px}
.f-bottom a{ opacity: .5; color: #fff;font-size: 12px;}
.f-bottom a:hover{opacity: 1}
.f-bottom span:hover{opacity: 1}
.f-bottom span{opacity: .5;color: #fff}
.f-bottom>div a{margin-left: 10px}

.n-top{padding: 34px 0;border-bottom: 1px solid #9e9e9f}
.n-nav{padding: 44px 0 0 0;text-align: center;font-size: 0; }
.n-nav a{ display: inline-block; color: #151515;font-size: 16px;padding: 0 14px; margin: 4px 0; border-right: 1px solid #afafaf;line-height: 1.4em;transition: .4s all ease}
.n-nav a:nth-last-child(1){border: 0}
.n-nav a:hover{color: #c30f1b;transition: .4s all ease}
.n-nav a.active{color: #c30f1b;font-weight: bold}

.n-pro-nav{ margin-top: 40px; display: flex;justify-content: space-between}
.n-pro-nav a{ width: 24.7%; display: block;position: relative;color: #fff;font-size: 24px;line-height:1.5em;overflow: hidden}
.n-pro-nav a:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);content: '';z-index: 6;transition: .8s all ease}
.n-pro-nav a b{position: absolute;left: 50%;top: 50%;width: 100%;  transform: translate(-50%,-50%); z-index: 9;display: block;text-align: center;transition: .8s all ease}
.n-pro-nav .g_bg{padding-top: 57.2%;transition: .8s all ease}
.n-pro-nav a:hover .g_bg{transform: scale(1.06);transition: .8s all ease}
.n-pro-nav a:hover:after{opacity: 0;transition: .8s all ease}

.n-pro{}
.n-pro .con1{margin-top:50px; }
.n-pro-title{font-size: 30px;text-transform: uppercase;color: #0c0000;padding-bottom: 20px;border-bottom: 1px solid #959595}
.n-pro-title span{color: #c30f1b}
.n-pro .list{display: flex;flex-wrap: wrap;justify-content: space-between}
.n-pro .item{width: 48%;}
.n-pro .item .n_item_h1Info b{display: block;font-size: 20px;font-weight: 400;margin-top: 34px;color: #0c0000}
.n-pro .item .n_item_h1Info p{ margin-top: 0;color: #0c0000}
.n-pro .item .n_item_h1Info h4{font-size: 20px;font-weight: 400;color: #0c0000}
.n-pro .item .n_item_h1Info {width: calc(100% - 341px);padding-left: 36px;}
/*.n-pro .item .n_i1px);padding-left: 36px;}*/
/*.n-pro .item .n_item_h1Info span {float: none; display: block;width: 98px; height: 36p_i1px);padding-left: 36px;}*!*/
.n-pro .item .n_item_h1Info span {float: none; display: block;width: 98px; height: 36px; border-radius: 0 }
.n-pro .item .n_item_h1Info span {float: none; display: block;width: 98px; height: 36px;line-height: 36px;text-align: center;color: #fff;margin-top:34px; background: #c30f1b;border-radius: 0;}
.n-pro .item .n_item_h1Img {width: 341px;}
.n-pro .item .n_item_h1Bg{padding-top:100% }
.n-pro .item .n_item_h1 a{align-items: center;padding: 0;box-shadow: none}
.n-pro .item .n_item_h1{border: 0;box-shadow: none}
.n-pro .item:hover .n_item_h1Info h4{color: #c30f1b}

.n-pro-d .n_w{max-width:1200px;margin: 0 auto;width: 100% }
.n-pro-d .con1{display: flex; align-items: flex-end; margin-top: 80px;}
.n-pro-d .con1 .img {width: 348px;text-align: center}
.n-pro-d .con1 .text{width: calc(100% - 348px);padding-left:140px;padding-bottom: 16px; }
.n-pro-d .con1 .text .top b{color: #0c0000;font-size: 30px;display: block}
.n-pro-d .con1 .text .top span{color: #0c0000;font-size: 20px;display: block}
.n-pro-d .con1 .text .top:after{content: '';display: block;width: 72px; height: 6px;background: #c30f1b;margin-top: 30px;}
.n-pro-d .con1 .icon{ margin-top: 50px; display: flex;justify-content: space-between;text-align: center}
.n-pro-d .con1 .icon b{display: block;color: #0c0000;}
.n-pro-d .con1 .icon span{display: block;color: #0c0000;text-align: center;font-size: 12px;}

.n-pro-d .con2{margin-top: 70px;}
.n-pro-d .con2 table th{background: #313131;font-size: 16px;color: #fff;text-align: center;padding: 8px 10px;font-weight: 400;
 border: 0; border-right: 2px solid #fff;border-left: 2px solid #fff}
.n-pro-d .con2 table td{background: #eeeeee;font-size: 16px;color: #313131;text-align: center;padding: 8px 10px;
 border: 0; border-right: 2px solid #fff;border-left: 2px solid #fff}

.n-pro-d .con3{ margin-top: 70px; display: flex;justify-content: space-between}
.n-pro-d .con3 .con-l{width: 48%}
.n-pro-d .con3 .con-l .title{color: #0c0000;font-size: 24px;text-align: center}
.n-pro-d .con3 .con-l .title b{margin-top: 16px;display: block}
.n-pro-d .con3 .text{font-size: 18px;color: #0c0000;line-height: 2.2em;margin-top: 54px;text-align: center}
.n-pro-d .con3 .text > div{display: inline-block;text-align: left}

.n-pro-d-tj{margin-top: 146px;margin-bottom: 140px;}
.n-pro-d-tj .title{font-size: 24px;color: #0c0000;display: block}
.n-pro-d-tj .list{display: flex;justify-content: space-between}
.n-pro-d-tj .list .item{width: 23.5%;margin-top: 40px;}
.n-pro-d-tj .list .item .img{overflow: hidden;}
.n-pro-d-tj .list .item .g_bg{padding-top:100%;transition: .8s all ease}
.n-pro-d-tj .list .item h4{  font-size: 20px;margin-top: 16px;height: 60px; line-height: 1.5em; overflow: hidden;color: #0c0000;transition: .8s all ease}
.n-pro-d-tj .list .item span{margin-top: 20px; display: block;width: 98px; height: 36px; line-height: 36px; text-align: center;color: #fff;background: #c30f1b}
.n-pro-d-tj .list .item:hover .g_bg{transform: scale(1.06);transition: .8s all ease}
.n-pro-d-tj .list .item:hover h4{color: #c30f1b ;transition: .8s all ease}

.n-case{background: #0c0000;overflow: hidden}
.n-case .list{display: flex;flex-wrap: wrap;}
.n-case .list .item{ text-align: center;margin-top: 24px; padding-bottom: 36px;}
.n-case .list .item .img{overflow: hidden}
.n-case .list .item .g_bg{padding-top: 76.6%;transition: .8s all ease}
.n-case .list .item .text{padding: 38px 20px;}
.n-case .list .item h4{color: #fff;font-size: 20px;font-weight: bold;line-height: 1.4em;}
.n-case .list .item p{color: #fff;font-size: 18px;margin-top: 24px;height: 50px;overflow: hidden;}
.n-case .list .item .btn  {font-size: 0}
.n-case .list .item .btn a{display: inline-block; margin: 0 1px; width: 130px; line-height: 52px; height: 52px; font-size: 14px; color: #fff;background: #7e7e7e;transition: .8s all ease}
.n-case .list .item .btn a:nth-child(1){border-bottom-left-radius: 30px;border-top-left-radius: 30px;}
.n-case .list .item .btn a:nth-child(2){border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
.n-case .list .item:hover .g_bg{transform: scale(1.06);transition: .8s all ease}
.n-case .list .item .btn a:hover{background: #c30f1b;transition: .8s all ease}

.n-case .fenye{margin: 60px 0;width: auto}
.n-case .fenye a{display: inline-block; color: #fff;padding: 4px 8px; border: 1px solid #fff}
.n-case .fenye a:hover{color: #fff;background: #c30f1b; border: 1px solid #c30f1b}
.n-case .fenye a.active {color: #fff;background: #c30f1b; border: 1px solid #c30f1b}

.ncp_content{ background:#fff; padding-top:40px;}
.ncp_con_1 .caption li{ list-style:none; display:none;}
.ncp_con_1 .caption li.active{ display:block;}
.cp_text_img{ position:relative;margin-bottom: 10px;}
.cp_text_img.active:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; border:2px solid #c30f1b; box-sizing:border-box;}
.ncp_con_1 .caption.text{ padding-top:24%; position:relative;}
.ncp_con_1 .caption.text a{ width:92px; height:47px; border-radius:6px; line-height:47px; padding-left:45px;
 background:url(../images/fh.png) 10px center no-repeat #c30f1b; color:#fff; text-decoration:none; font-size:18px; display:block; position:absolute; right:0px; top:0}
.ncp_con_1 .caption.text h2{ color:#333; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #959595; position:relative;}
.ncp_con_1 .caption.text h2 i{ width:42px; height:12px; bottom:-6px; left:0; background:#333; display:block; position:absolute;}
.ncp_con_1 .caption.text p{ line-height:24px; color:#444444; margin-bottom:35px;}
.ncp_con_2{ padding-top:60px; color:#333; padding-bottom:40px;}
.ncp_con_2 h2{ color:#333; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #959595; position:relative;}
.ncp_con_2 h2 i{ width:42px; height:12px; bottom:-6px; left:0; background:#333; display:block; position:absolute;}
.ncp_con_2 h3{ margin-bottom:20px; padding-top:20px;}
.ncp_con_2 p{ line-height:30px; color:#444;}
.ncp_con_2 img{ max-width:100%; margin:10px 0;}

.n-news{}
.n-news .n-banner{padding-top: 14.6%;background-size: cover;background-position:  center;min-height: 140px}
.n-news .title{display: flex;margin-top: 60px;}
.n-news .title img{width: 154px;}
.n-news .title:before{ content: ''; width: calc(100% - 77px);height: 1px;background: #cacaca;transform: translateY(16px)}
.n-news .title:after{ content: ''; width: calc(100% - 77px);height: 1px;background: #cacaca;transform: translateY(16px)}

.n-news1{overflow: hidden}
.n-news1 .list{display: flex;flex-wrap: wrap;padding-top: 26px;}
.n-news1 .list .item{margin-top: 40px;}

.n-news2 {background: #f4f4f4;overflow: hidden}
.n-news2 .list .item .top{display: flex;}
.n-news2 .list .item .top h4{display: flex; width: calc(100% - 120px);line-height: 1.4em;}
.n-news2 .list .item .top .new-iBox{width: 120px;text-align: right}

.n-news3 {background: #f4f4f4;overflow: hidden}
.n-news3-search{margin-top:50px; }
.n-news3-search form{margin: 0 auto;width: 768px;max-width: 100% ;background: #fff;border-radius: 8px;font-size: 0}
.n-news3-search form input.submit{height: 52px; width: 134px; padding: 0; text-align: center;line-height: 52px;color: #fff;background: #c30f1b; }
.n-news3-search form input{width: calc(100% - 134px);padding: 0 20px;height: 52px;line-height: 52px;color: #333;font-size: 16px;border: 0;background: none;border-radius: 8px;}
.n-news3-nav{ margin-top: 50px; display: flex;justify-content: center;border-bottom: 1px solid #535353}
.n-news3-nav a{display: block;padding: 0 10px; height: 50px; position: relative;font-size: 18px;color: #646464;margin: 0 30px;}
.n-news3-nav a:after{content: ''; position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #c30f1b;transform: translateY(1px);opacity: 0;transition: .4s all ease}
.n-news3-nav a:hover:after{height: 4px;opacity: 1;transition: .4s all ease}
.n-news3-nav a.active:after{height: 4px;opacity: 1;transition: .4s all ease}
.n-news3 .list{margin-top: 50px;}
.n-news3 .item{margin-top: 10px;}
.n-news3 .item .top{display: flex;cursor: pointer;}
.n-news3 .item .top b{font-family: SimSun , 宋体;width: 86px; height: 76px;text-align: center;line-height: 76px;color: #fff;background: #d41922;font-size: 36px;}
.n-news3 .item .top div{width: calc(100% - 86px);height: 76px;background: #fff;padding:0 30px;display: flex;align-items: center;justify-content: space-between}
.n-news3 .item .top h4{color: #393939;width: calc(100% - 20px)}
.n-news3 .item .top span{display: block;width: 20px;height: 20px;position: relative}
.n-news3 .item .top span:after{ content: ''; display: block;width: 18px;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);background: #393939}
.n-news3 .item .top span:before{ content: ''; display: block;width: 1px;height: 18px;position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);background: #393939}
.n-news3 .item .con{display: flex}
.n-news3 .item .con b{font-family: SimSun , 宋体;width: 86px;text-align: center;color: #1c1c1c;background: #cdcdcd;font-size: 36px;display: flex;align-items: center;justify-content: center}
.n-news3 .item .con .text{width: calc(100% - 86px); background: #eaeaea;padding:36px 46px; font-size: 16px;color: #393939; }
.n-news3 .item .bottom{display: none}


.new_content{ margin-top:40px;}
.new_cons{ background:#fff; padding:15px; padding-bottom:30px;}
.new_cons h5{}
.new_cons h5 span{ font-size:12px; color:#adadad;   text-align:center;   display:inline-block; margin-right:20px; vertical-align:middle;}
.new_cons h5 span b{ font-size:36px; display: inline-block; line-height:36px;}
.new_cons h5 i{ display:inline-block; vertical-align:middle; font-size:12px; color:#999; font-style:normal; padding-left:30px; padding-top:18px; margin-top:15px; height:40px; background:url(../images/qi.png) left center no-repeat;}
.new_cons h4{ margin-top:30px; font-size:18px; color:#333; margin-bottom:20px;}
.new_con{margin-top: 30px;}
.new_con p{ line-height:24px; color:#333;}
.new_con img{ max-width:100%!important; margin:10px 0; height: auto!important;}

.new_ss{ padding:15px; border:1px solid #d2d2d2;}
.new_ss h4{ font-size:18px;padding-bottom: 20px;}
.new_ss select{ border-radius:0;}
.new_ss input{ border-radius:0;}
.new_ss button{ border-radius:0; font-size:18px; color:#fff; background:#c30f1b; border:none;}

.new_hot{ padding-top:30px;}
.new_hot h4{ font-size:18px;}
.new_hot h5{ font-size:14px; color:#333;}
.new_hot .caption h5 a{ color:#333; line-height:18px;}
.new_hot .caption h6{ font-size:14px; color:#666;}
.hot_li{ padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.hot_li .row{padding-top: 2px;}
a.new_product_more{display: block;text-align: right;}

.new_hotc{ padding-top:30px;}
.new_hotc h4{ font-size:18px; margin-bottom:20px;}
.new_hotc ul{ padding:0; margin:0;}
.new_hotc ul li{ list-style:none; float:left; margin-right:15px; margin-bottom:15px;}
.new_hotc ul li a{ padding:6px 10px; color:#333; background:#f6f6f6; border-radius:6px; display:block;}

.new_right{ background:#fff; padding:15px;}
.new_fanye{ padding:15px; border:1px solid #d2d2d2; margin:20px 0;}
.new_fanye h4{ font-size:18px; color:#333;}
.new_fanye h5{ font-size:14px; line-height:24px; font-weight:bold;}
.new_fanye h5 a{ color:#333;}
.new_fanye h6{ font-size:12px; color:#999; line-height:40px;}
.new_fanye h6 i{ margin-left:15px; display:inline-block; vertical-align:middle; font-size:12px; color:#999; font-style:normal; padding-left:30px; height:40px; background:url(../images/qi.png) left center no-repeat;}
a.new_fh{ margin-top:30px; text-decoration:none; min-width:142px; height:42px; line-height:42px; color:#fff; text-align:center; display:block; background:#000;}
a.company_detail_new_fanye{margin-top:12px;}

.new_tag_a{    display: inline-block;    font-size: 12px;    color: #999;    border: 1px solid #dcdcdc;    border-radius: 14px;    padding: 3px 10px; margin: 5px;}

.n-services1{}
.n-services1 .con1{background: #646464}
.n-services1 .con1 .g_w{ display: flex;align-items: center }
.n-services1 .con1 .con-l{width: 50.9%}
.n-services1 .con1 .con-l img{width: 100% }
.n-services1 .con1 .con-r{padding-left: 80px;width: 49.1%}
.n-services1 .con1 .con-r img{max-width: 100%;max-height: 100%}
.n-services1 .con2{background: #f4f4f4}
.n-services1 .con2 .g_w{ display: flex;align-items: center }
.n-services1 .con2 .con-l{width: 50.9%}
.n-services1 .con2 .con-l img{width: 100% }
.n-services1 .con2 .con-r{width: 49.1%}
.n-services1 .con2 .con-r img{max-width: 100%;max-height: 100%}
.n-services1 .con3{margin-top: 90px;}
.n-services1 .con3 .col-lg-4 .g_bg{padding-top: 60.6%;margin-top: 44px }
.n-services1 .con3 .col-lg-3 .g_bg{padding-top: 135%; margin-top: 44px}
.n-services1 .con3 .col-xs-12 p{height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #333;background: #eeeeee}
.n-services1 .title{text-align: center}
.n-services1 .con4{margin-top: 90px;}
.n-services1 .con4 .col-xs-12 .g_bg{padding-top: 61.2%;margin-top: 44px }
.n-services1 .con4 .col-xs-12 p{height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #fff;background: #be9f5e}
.n-services1 .con4 .col-xs-12 span{display: block;height: 80px;}

.n-services1 .con5{ padding: 120px 0 140px 0; margin-top: 50px; background: url("../images/n-services1_19.jpg") no-repeat;background-size: cover;background-position: center}
.n-services1 .con5 .title{text-align: left}
.n-services1 .con5 .label{color: #333}
.n-services1 .con5 .from{ margin-top: 40px; width: 700px; max-width: 100%; padding: 30px 0;background: #fff; }
.n-services1 .con5 .from .input-wrap{display: flex; display: -webkit-flex; }
.n-services1 .con5 .from .input-wrap .from-item{display: flex; display: -webkit-flex; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; width: 260px; margin-top: 10px; margin-left: 30px;}
.n-services1 .con5 .from .input-wrap .from-item .label{font-size: 18px; width: 100px; min-width: 100px;max-width: 100px; font-weight: bold;}
.n-services1 .con5 .from .input-wrap .from-item input,.from .input-wrap .from-item select{width: 190px; height: 36px; background: #f3f3f3; border: none; outline: none; text-indent: 10px;}
.n-services1 .con5 .from .layui-form-radio{margin-top: 0;}
.n-services1 .con5 .from .submit{background: #5fb878!important;color: #fff}

.n-services1 .con6{margin-top: 170px;}
.n-services1 .con6 .content{position: relative}
.n-services1 .con6 .title{position: absolute;left: 50%; top: 37%; transform: translateX(-50%);z-index: 99;width: 50%}
.n-services1 .con6 .title img{width: 100%;height: auto}
.n-services1 .con6 .title img:nth-child(2){display: none}
.n-services1 .con6 .col-lg-3{padding: 9px}
.n-services1 .con6 .col-lg-3 .g_bg{padding-top: 169%; }

.n-services1 .con7{margin-top: 160px;}
.n-services1 .con7 .content{margin-top: 70px;}
.n-services1 .con7 .col-xs-12{padding: 6px}
.n-services1 .con7 .g_bg{height: 304px;  }
.n-services1 .con7 p{height: 54px; line-height: 54px; text-align: center; font-size:24px; color: #000000;background: #e5e5e5 }


.n-services2{background: #f4f4f4;overflow: hidden}
.n-services2 .con1 .top{margin-top: 70px;color: #646464;text-align: center;}
.n-services2 .con1 .top b{font-family: 方正正中黑简体; font-size: 36px;display: block;font-weight: 400}
.n-services2 .con1 .top span{font-family: BURLINGTONANTIQUA; font-size: 24px;display: block;text-transform: uppercase;}
.n-services2 .con1 .top p{  font-size: 18px;margin-top: 20px;}
.modal-dialog{width: 400px!important; max-width: 100% !important; text-align: center}
#myModal .modal-body p{font-size: 18px;text-align: center}
#myModal .modal-body p b{font-size: 24px;margin: 0 4px;text-align: center}
#myModal .modal-body {text-align: center!important;}

.n-services3{}
.n-services3 .con1{display: flex;align-items: stretch;margin-bottom:90px; }
.n-services3 .con-l{width: 50%;background-repeat: no-repeat;background-size: cover;background-position: center}
.n-services3 .con-r{width: 50%; height:490px; padding:0 5% 0 36px; display: flex;align-items: center; background: #462d21;color: #fff}
.n-services3 .con-r>div{width: 100%}
.n-services3 .con-r .top {font-family: 方正正中黑简体; font-size: 50px;}
.n-services3 .con-r .top i{font-family: BURLINGTONANTIQUA;font-size: 36px;}
.n-services3 .form{margin: 50px auto 0 auto;width: 744px;max-width: 100% ;background: #fff;border-radius: 8px;font-size: 0}
.n-services3 .form input.submit{height: 52px; width: 134px; padding: 0; text-align: center;line-height: 52px;color: #fff;background: #c30f1b; }
.n-services3 .form input{width: calc(100% - 134px);padding: 0 20px;height: 52px;line-height: 52px;color: #333;font-size: 16px;border: 0;background: none;border-radius: 8px;}
.n-services3 p{margin-top: 30px;font-size: 12px;}

.n-services4{}
.n-services4 .con1{display: flex;align-items: stretch}
.n-services4 .con-l{ width: 47%;}
.n-services4 .con-r{ width: 53%; background: #585756;padding: 46px 40px}
.n-services4 #citys{display: flex; justify-content: space-between; width:750px; max-width: 100%;margin-top: 50px; }
.n-services4 #citys select{width: 38%; height: 44px; line-height: 44px;padding:0 16px ; border-radius: 6px; background: #bfbfbf;font-size: 16px;border: 0}
.n-services4 #citys .btn{width: 18%;line-height: 44px; text-align: center; border-radius: 6px; background: #c30f1b;font-size: 16px; color: #fff; border: 0;padding: 0}
.n-services4 .list{width:750px; max-width: 100%;margin-top: 50px; }
.n-services4 .list .top{border-radius: 6px; background: #c30f1b;font-size: 16px; color: #fff; text-align: center; height: 36px; line-height: 36px;}
.n-services4 .list .item{margin-top: 3px; background: #fff;font-size: 16px; color: #161616; display: flex;padding: 12px 0;}
.n-services4 .list .item span:nth-child(1){width: 200px; padding-left: 34px;}
.n-services4 .list .item span:nth-child(2){width:calc(100% - 200px) ; padding:0 20px;}

.n-about{}
.n-about .n_w{width: 1200px;max-width: 100%;margin: 0 auto}
.n-about .titleImg{position: absolute;left: 55px; ;top: 24px}
.n-about .title{position: relative;padding-top: 12px;}
.n-about .title:before{content: '';position: absolute;left: 0;top: 0; width:62px; height: 1px; background: #c30f1b}
.n-about .title span{color: #0a0a0a;font-size: 30px;font-family:方正正中黑简体;display: block }
.n-about .title b{color: #0a0a0a;font-size: 24px;margin-top: 6px;display: block;font-weight: 400 }

.n-about .con1{ margin-top: 50px; background-image: url("../images/n-about6.jpg");background-size: cover;background-position: center}
.n-about .con1 .text{background: #fff;padding:46px 80px 20px 120px; position: relative;width: 886px;max-width: 100%}
.n-about .con1 .text p{color: #262626;line-height: 2em;margin-top: 30px;}

.n-about .con2{margin-top: 130px;}
.n-about .con2  .list{display: flex;justify-content: space-between}
.n-about .con2  .item{margin-top: 56px;}
.n-about .con2  .item > span{display: block;width: 90px; height: 90px;text-align: center;line-height: 90px; border-radius: 50%;border: 1px solid #a1a1a1;margin:  0 auto }
.n-about .con2  .item > span i{color: #c30f1b ;font-size: 50px;}
.n-about .con2  .item > b {color: #111111 ;font-size: 18px;font-weight: 400 }
.n-about .con2  .item > p {color: #111111 ;font-size: 48px;font-family:方正正中黑简体;margin-top: 10px}
.n-about .con2  .item > p i{font-style: normal;width: 128px;display: inline-block}
.n-about .con2  .item:nth-last-child(1) > span i{font-size: 40px;}

.n-about .con3{margin-top: 70px;}
.n-about .con3 .list{display: flex;justify-content: space-between}
.n-about .con3 .item{ width: 208px; height: 208px; margin-top: 60px; padding: 15px;background: #d2d2d2;text-align: center;color: #111111;border-radius: 50%;position: relative}
.n-about .con3 .item>div{background: #fff;border-radius: 50%;width: 100%;height: 100%;display: flex;align-items: center}
.n-about .con3 .item>div>div{width: 100%}
.n-about .con3 .item b{font-family:方正正中黑简体;font-size: 48px;font-weight: 400;display: block;line-height: 1}
.n-about .con3 .item span{font-size: 18px;line-height: 1;margin-top: 6px;}
.n-about .con3 .item b i{font-style: normal}
.n-about .con3 .item svg{z-index:9;position:absolute;left:0;top:0;width:100%;height:100%;transform: rotate(-90deg)}
.n-about .con3 .item svg circle{stroke-dasharray:148,148;stroke-dashoffset:148;transition:1s all linear 0s;stroke:#c30f1b}
/*.n-about .con3 .item svg:hover circle{stroke-dashoffset:0;}*/
.n-about .con3 .list.active .item:nth-child(1) svg circle{stroke-dashoffset:calc(148 * .86);}
.n-about .con3 .list.active .item:nth-child(2) svg circle{stroke-dashoffset:calc(148 * .93);}
.n-about .con3 .list.active .item:nth-child(3) svg circle{stroke-dashoffset:calc(148 * .17);}
.n-about .con3 .list.active .item:nth-child(4) svg circle{stroke-dashoffset:calc(148 * .05);}

.n-about .con4{margin-top: 76px;}
.n-about .con4 .n_w{display: flex}
.n-about .con4 .n_w .con-l{padding-left: 100px;display: flex}
.n-about .con4 .item{width: 290px;margin-right: 30px;}
.n-about .con4 .item span{display: block;font-size:54px;color: #1e417e; }
.n-about .con4 .item b{display: block;font-size:20px;color: #333; margin-top: 10px;font-weight: 400}
.n-about .con4 .item p{display: block;font-size:12px;color: #333;margin-top: 20px; }

.n-about .con5{margin-top: 60px;}
.n-about .con5 .g_w .text{ padding: 70px 0 70px 120px; color: #fff; background: url("../images/n-about7.jpg") no-repeat;background-position: center;background-size: cover }
.n-about .con5 .g_w .con-l{width: 470px;}
.n-about .con5 .g_w .con-l span{display: block;font-size: 30px;}
.n-about .con5 .g_w .con-l p{font-size: 18px;line-height:1.6em;margin-top: 20px; }

.n-about .con6{ margin-top: 76px; padding:120px 0 66px 0;background-image: url("../images/n-about8.jpg") ;background-attachment: fixed;background-size: cover;background-position: center }
.n-about .con6 .text {position: relative;padding-left:74px; }
.n-about .con6 .titleImg {left: 0;top: -26px; }
.n-about .con6 .title span{color: #fff}
.n-about .con6 .title b{color: #fff}
.n-about .con6 .swiper-con{padding-bottom: 120px;}
.n-about .con6 .swiper-con .item {display: block;position: relative;color: #fff;font-size: 18px;line-height: 1.6em;margin-top: 34px;padding-left: 36px;}
.n-about .con6 .swiper-con .item:before{content: '';position: absolute ;left: 0;top: 10px; width: 14px;height: 14px; border-radius: 50%;background: #ff0000}
.n-about .con6 .swiper-con .swiper-button-next{width: 64px;height: auto;margin: 0;right: 0;bottom: 0;top: auto;background: none}
.n-about .con6 .swiper-con .swiper-button-prev{width: 64px;height: auto;margin: 0;left: auto;right: 10px; bottom: 0;top: auto;background: none; transform: translateX(-200%)}

.n-about .con7{margin-top: 108px;}
.n-about .con7 .top{position: relative;padding-left: 114px;}
.n-about .con7 .top .titleImg{top: -26px;}
.n-about .con7 .top .item1{display: flex;margin-top: 88px;}
.n-about .con7 .top .item1>div:nth-child(1){width: calc(100% - 698px);padding-left: 30px; padding-top: 30px; color: #0a0a0a;font-size: 24px;line-height: 2em}
.n-about .con7 .top .item1>div:nth-child(2){width:698px;padding-left: 30px;color: #0a0a0a;font-size: 24px;line-height: 2em;position: relative}
.n-about .con7 .top .item1 .img1{width: 224px; position: absolute;left: 0; top:0; margin-top: -112px;margin-left: -112px;z-index: 9}
.n-about .con7 .top .item1 .img2{width: 224px; position: absolute;left: 100%; top:100%;margin-top: -112px;margin-left: -112px;);z-index: 9}
.n-about .con7 .bottom .item2{display: flex; }
.n-about .con7 .bottom .item2>div:nth-child(2){width: calc(100% - 826px);padding-left: 50px; padding-top: 134px; color: #0a0a0a;line-height: 2em}
.n-about .con7 .bottom .item2>div:nth-child(2) span{font-size: 30px;}
.n-about .con7 .bottom .item2>div:nth-child(2) b{font-size: 26px;font-weight: 400;margin-top: 24px;display: block}
.n-about .con7 .bottom .item2>div:nth-child(2) p{font-size: 18px;margin-top: 24px;}
.n-about .con7 .bottom .item2>div:nth-child(1){width:826px;}
.n-about .con7 .list{display: flex;justify-content: space-between;margin-top: 70px;}
.n-about .con7 .item{text-align: center}
.n-about .con7 .item p{font-size: 24px;}
.n-about .con7 .item p i{font-size: 48px;font-style: normal}
.n-about .con7 .item b {display: block;font-size: 18px;margin-top:20px;font-weight: 400 }

.n-about .con8{margin-top: 200px; margin-bottom: 170px; background: #161616 }
.n-about .con8 .text{display: flex; align-items: center; padding-left:90px;  position: relative;}
.n-about .con8 .text .titleImg{left: 0;top: 64px;}
.n-about .con8 .text .title:before{background: #fff;}
.n-about .con8 .text .title span{color: #fff;}
.n-about .con8 .text .con-l{width:56.8%;color: #fff;padding: 64px 50px 64px 0}
.n-about .con8 .text .con-l p{margin-top: 40px;line-height: 2em;}
.n-about .con8 .text .con-r{width:56.8%;position: relative}
.n-about .con8 .text .con-r img{position: absolute;left: 0;top: 50%;transform: translateY(-50%)}


.n-sc1{}
.n-sc1 .con1{overflow: hidden}
.n-sc1 .n-top{padding: 0;border: 0;margin-top: 106px;}
.n-sc1 .n-top > .text{position:relative;max-width: 940px; margin: 0 auto 0 auto;padding: 0 40px 0 50px;font-style: italic}
.n-sc1 .n-top > .text:before{content: " “ ";font-size: 36px;font-family: Arial;position: absolute;left: 0;top: 0;font-weight: bold;line-height: 1;}
.n-sc1 .n-top > .text:after{content: " ” ";font-size: 36px;font-family: Arial;position: absolute;right: 0;bottom: -30px;font-weight: bold;line-height: 1;}
.n-sc1 .n-top > .text b{color: #0f0f0f;font-size: 24px;;display: block}
.n-sc1 .n-top > .text p{color: #0f0f0f;font-size: 18px;;display: block;margin-top: 14px;font-weight: 500}
.n-top-nav{display: flex; justify-content: space-between; max-width: 940px;margin: 54px auto 0 auto;}
.n-top-nav a{width: 278px; height: 66px;line-height: 66px;text-align: center; font-size: 18px;  color: #fff;background: #0f0f0f; border-radius: 6px; transition: .4s all ease}
.n-top-nav a:hover{background: #c30f1b;transition: .4s all ease}
.n-top-nav a.active{ font-weight: bold; background: #c30f1b;transition: .4s all ease}
.n-sc1 .n-top .item{ margin: 120px 0 190px 0;  background: #e9ebf0}
.n-sc1 .n-top .item .g_w{display: flex}
.n-sc1 .n-top .item .con-l{width: calc(100% - 620px);}
.n-sc1 .n-top .item .text{position: relative; width: 466px; max-width: 100%; height: 300px;padding-top: 44px;color: #0f0f0f}
.n-sc1 .n-top .item .text:before{display: block; width:70px;height: 1px;background: #000000;content: '' }
.n-sc1 .n-top .item .text b{font-size: 36px;margin-top: 24px;display: block}
.n-sc1 .n-top .item .text p{font-size: 16px;line-height: 1.6em;margin-top: 10px;}
.n-sc1 .n-top .item .con-r{width: 620px;position: relative}
.n-sc1 .n-top .item .con-r img{position: absolute;left: 0;top: -64px;}

.n-sc1 .con2 .list{margin: 90px 0 100px 0;}
.n-sc1 .con2 .item{margin-top: 150px;}
.n-sc1 .con2 .list .item:nth-child(1){margin-top: 0;}
.n-sc1 .con2 .item .top .box{width: 800px;display: flex;align-items: flex-end;max-width: 100%}
.n-sc1 .con2 .item .top .img{width: 50%;position: relative}
.n-sc1 .con2 .item .top .img img{position: absolute;left: 0;bottom: 0;width: 100%}
.n-sc1 .con2 .item .top .text{width: 50%;padding: 68px 40px 20px 58px;min-height: 345px;}
.n-sc1 .con2 .item .top .title{font-size: 12px; }
.n-sc1 .con2 .item .top .title:before{content: '';display: block;width: 96px; height: 1px;background: #fff;margin-bottom: 12px;}
.n-sc1 .con2 .item .top .text p{font-size: 24px;margin-top: 30px;}
.n-sc1 .con2 ul {display: flex;flex-wrap: wrap;margin-top: 16px;}
.n-sc1 .con2 ul li {width: 9%;margin-right: 1%;transition: .4s all ease}
.n-sc1 .con2 ul li:hover{transform: scale(1.06);transition: .4s all ease}
.n-sc1 .con2 .list .item:nth-child(2n) .box{ flex-direction: row-reverse; }


.n-sc2 .con1{margin-bottom: 80px;}
.n-sc2 .con1 .n-top-nav{justify-content: center;}
.n-sc2 .con1 .n-top-nav a{margin: 0 50px}
.n-sc2 .con-nav{   padding: 50px 0;border-bottom: 1px solid #9e9e9f}
.n-sc2 .nav-w{width: 1000px;display: flex; justify-content: space-between; margin: 0 auto; max-width: 100%}
.n-sc2 .con-nav a{display: block;padding: 12px 24px; font-size: 18px; position: relative;color: #101010; transition: .4s all ease}
.n-sc2 .con-nav a:after{ content: ''; position: absolute;left: 0;bottom: 0;width: 0%;  height:1px;background:  #c30f1b;opacity: 0;transition: .4s all ease}
.n-sc2 .con-nav a.active:after{width: 100%;opacity: 1;transition: .4s all ease}
.n-sc2 .con-nav a:hover:after{width: 100%;opacity: 1;transition: .4s all ease}
.n-sc2 .con-nav a.active{color: #c30f1b;transition: .4s all ease}
.n-sc2 .con-nav a:hover{color: #c30f1b;transition: .4s all ease}
.n-sc2 .list{display: flex;justify-content: space-between;flex-wrap: wrap}
.n-sc2 .item{width: 48%;margin-top: 140px;}
.n-sc2 .item a{display: flex;align-items: center}
.n-sc2 .item .img{width: 395px;overflow: hidden;max-width: 50%; }
.n-sc2 .item .g_bg{padding-top: 100%;transition: .4s all ease}
.n-sc2 .item .text{width: calc(100% - 395px); min-width: 50%; padding-left: 38px;color: #0f0f0f; }
.n-sc2 .item .title  {position: relative;padding-top:28px;text-transform: uppercase;transition: .4s all ease}
.n-sc2 .item .title:before{content: '';position: absolute;left: 0;top: 0;width: 70px; height: 1px ;background: #000000;transition: .4s all ease}
.n-sc2 .item .title b{font-size: 36px; }
.n-sc2 .item .title span{font-size: 18px; }
.n-sc2 .item .text p{font-size: 16px; margin-top: 20px; line-height: 1.5em;}

.n-sc2 .item:hover .g_bg{transform: scale(1.06);transition: .4s all ease}
.n-sc2 .item:hover .title:before{width: 100px;  background: #c30f1b; transition: .4s all ease}
.n-sc2 .item:hover .title{color: #c30f1b; transition: .4s all ease}


.n-sc2_2 .con1 .top{border-bottom: 1px solid #9e9e9f;padding-bottom: 60px;}
.n-sc2_2 .item .title span{font-size: 16px; font-weight: bold}
.n-sc2_2 .item .text p{font-size: 16px; color: #0f0f0f}

.n-sc3 .con1 {margin-bottom: 170px;}
.n-sc3 .con1 > .top{margin-top: 70px;}
.n-sc3 .con1 > .top img{width: 100%}
.n-sc3 .con1 > .top .text{padding: 130px 60px;background: #f4efe8;color: #0f0f0f}
.n-sc3 .con1 > .top .text b{font-size: 36px;}
.n-sc3 .con1 > .top .text p{font-size: 18px;margin-top: 50px;line-height: 1.6em;}
.n-sc3 .list{overflow: hidden}
.n-sc3 .list .item{width: 1700px; max-width: 100%; margin-top: 150px;float: left}
.n-sc3 .list .item:nth-child(1){margin-top: 0}
.n-sc3 .list .item .top{align-items: center;}
.n-sc3 .list .item .top .text{width: 63%;padding: 120px 140px 120px 210px;}
.n-sc3 .list .item .top .text span{font-size: 18px}
.n-sc3 .list .item .top .text p{font-size: 24px;font-weight: bold;margin-top: 20px;}
.n-sc3 .list .item .top .img{width:37%}
.n-sc3 .list ul {width: 1180px;margin-left: 210px;max-width: calc(100% - 210px); margin-top: 10px; flex-wrap: wrap}
.n-sc3 .list ul li{width: 15.6%;margin-right: 1%;margin-top: 1%;transition: .4s all ease}
.n-sc3 .list ul li:hover{transform: scale(1.06);transition: .4s all ease}
.n-sc3 .list .item:nth-child(2n) .top{flex-direction: row-reverse; }
.n-sc3 .list .item:nth-child(2n){float: right}

.n-sc4{}
.n-sc4 .con1{display: flex;margin-top: 66px;}
.n-sc4 .con1 .con-l{width: 48%;background: #39b1ab;color: #fff;padding:7.3% 3.4% 7.3% 12.5%; margin-bottom: 100px;}
.n-sc4 .con1 .con-l b{display: block;font-size: 36px; text-transform: uppercase}
.n-sc4 .con1 .con-l p{margin-top: 50px;font-size: 18px; }
.n-sc4 .con1 .con-r{width: 48%}

.n-sc4 .con2{margin-top: -26px;}
.n-sc4 .con2 .text{font-size: 24px;color: #0f0f0f;width: 900px; max-width: 100%;margin-left: 36px;}
.n-sc4 .con2 .text p{margin-top: 36px;}
.n-sc4 .con2 .text span{display: block;padding-top: 24px;position: relative;}
.n-sc4 .con2 .text span:before{content: '';position: absolute;left: 0;top: 0;width: 100px;height: 1px;background: #aaaaaa}

.n-sc4 .con3{margin-top: 90px;}
.n-sc4 .con3 .item{  display: flex;justify-content: space-between;align-items: center}
.n-sc4 .con3 .item .img{width: 49.5%;position: relative;z-index: 99;overflow: hidden}
.n-sc4 .con3 .item .text{width: 49.5%; padding: 110px 0; padding-left: 60px; position: relative;color: #0f0f0f;z-index: 9}
.n-sc4 .con3 .item .text:before{ content: ''; width: 100vw; height: 100%;position: absolute; left:-4%;top: 0; z-index: 1; background: #dcefef}
.n-sc4 .con3 .item .text span{display: block;font-size: 24px;position: relative;z-index: 9}
.n-sc4 .con3 .item .text b{display: block;font-size: 36px;margin-top: 46px;position: relative;z-index: 9}
.n-sc4 .con3 .item .text p{margin-top: 26px;;font-size: 24px;position: relative;z-index: 9}
.n-sc4 .con3 .g_w .item:nth-child(2){flex-direction:row-reverse;margin-top: 48px;}
.n-sc4 .con3 .g_w .item:nth-child(2) .text:before{right: -4%;left: auto}
.n-sc4 .con3 .g_w .item:nth-child(2) .text{padding-left: 0;padding-right: 60px;}
/*flex-direction: row | row-reverse | column | column-reverse;*/
.n-sc4 .con4{ margin-top: 110px; color: #454545; }
.n-sc4 .con4 .g_w{ margin-top: 110px; color: #454545;display: flex;justify-content: center}
.n-sc4 .con4 .con-l{width: 350px;}
.n-sc4 .con4 .con-l span{display: block;position: relative;font-size: 12px;padding-top: 20px;}
.n-sc4 .con4 .con-l span:before{content: ''alc(100% - 52px);padding-left: 70px;}
.n-sc4 .con4 .con-r ul li .text span{display: block;font-size: 18px;}
.n-sc4 .con4 .con-r ul li .text p{display: block;font-size: 14px;line-height: 2em;}

.n-sc4 .con5{display: flex;align-items: flex-end;margin-top: 74px;}
.n-sc4 .con5 .con-l{width: 52.3%;}
.n-sc4 .con5 .con-r{width: 47.7%;padding: 126px 0 126px 64px;background: #f4efe8;color: #0f0f0f}
.n-sc4 .con5 .con-r .text{width: 470px; max-width: 90%;}
.n-sc4 .con5 .con-r b{display: block;font-size: 36px;}
.n-sc4 .con5 .con-r p{display: block;font-size: 24px;margin-top: 24px;}

.n-sc4 .con6{}
.n-sc4 .con6 .item{display: flex;margin-top: 70px;}

.n-sc4 .con6 .item .con-l{width: 61%}
.n-sc4 .con6 .item .con-r{width: 39%}
.n-sc4 .con6 .item .bg{position: absolute; top: 0;right: 0; width: 100vw;height: 100%;}
.n-sc4 .con6 .item .text{color: #0f0f0f;padding: 110px 86px;position: relative; }
.n-sc4 .con6 .item .text span{display: block;position: relative;padding-top: 20px;font-size: 24px;z-index: 9}
.n-sc4 .con6 .item .text span:before{ content: ''; display: block;position: absolute;left: 0;top: 0;width: 110px;height: 1px; background: #000}
.n-sc4 .con6 .item .text p{font-size: 24px;margin-top: 60px;line-height: 1.5em;position: relative;z-index: 9}
.n-sc4 .con6 .item ul {display: flex}
.n-sc4 .con6 .item ul li{flex-grow:1;margin-right: 1%;margin-top: 1%}
.n-sc4 .con6 .item .g_bg{padding-top: 100%;}
.n-sc4 .con6 .g_w .item:nth-child(2n){ flex-direction:row-reverse ; }
.n-sc4 .con6 .g_w .item:nth-child(2n) .bg{ right: auto;left: 0 }
.n-sc4 .con6 .g_w .item:nth-child(2n)  ul li{ margin-top: 2%}
.n-sc4 .con6 .g_w .item:nth-child(2n)  ul  { margin-left: 2%}
/*.n-sc4 .con6 .g_w .item:nth-child(3){  }*/
/*.n-sc4 .con6 .g_w .item:nth-child(3)  ul li{ margin-top: 2%;margin-right: 1%;}*/
/*.n-sc4 .con6 .g_w .item:nth-child(3)  ul  { padding-left: 86px;}*/

.n-sc4 .con7{margin : 130px 0}
.n-sc4 .con7 .top{color: #0f0f0f;width: 1190px; max-width: 100%;margin: 0 auto}
.n-sc4 .con7 .top b{display: block;font-size: 36px;text-align: center}
.n-sc4 .con7 .top p{display: block;font-size: 24px;margin-top: 30px;}

.n-sw1{}
.n-sw1 .con1{display: flex;justify-content: center;background: url("../images/n-sw1-1.jpg") no-repeat;background-position: center;background-size: cover}
.n-sw1 .con1 .box{padding:9.1% 0 10.4% 0;}
.n-sw1 .con1 .text{  color: #fff;}
.n-sw1 .con1 .text span{ font-family: '方正正中黑简体';font-size: 40px; display: block;}
.n-sw1 .con1 .text span i{display: inline-block; vertical-align: middle; height: 36px;width: 1px;background: #fff;transform: translateY(-2px)}
.n-sw1 .con1 .text p{ font-size: 18px; display: block;margin-top: 16px;}
.n-sw1 .con1 .text b{ font-family: '方正正中黑简体';font-size: 60px; display: block;font-weight: 400;margin-top: 46px;}
.n-sw1 .con1 .box a{display: block; margin-top: 56px; width: 178px; height: 46px; line-height: 46px;text-align: center;
 background: #fff;border-radius: 30px;border: 1px solid #626262;font-size: 16px;color: #017e90}

.n-sw1 .con2{margin-top: 80px;}
.n-sw1 .con2 b{ display: block;text-align: center; font-family: Arial;font-size: 36px; font-weight: bold;text-transform: uppercase}
.n-sw1 .con2 .list{  display: flex;justify-content: space-between}
.n-sw1 .con2 .item{width: 32%;margin-top: 40px;}
.n-sw1 .con2 .item .g_bg{padding-top:60.7%; }
.n-sw1 .con2 .item .text{color: #000000;font-size: 16px;text-align: center;line-height: 2em;padding: 0 20px}

.n-sw1 .con3{margin-top:100px;position: relative }
.n-sw1 .con3 img{width: 100%}
.n-sw1 .con3 a{width: 5.2%;height: 4.7%;position: absolute;right: 8.9%;bottom:6.1%;background: #fff;display: block;opacity: 0 }


.n-sw1 .con10{padding:100px 0 160px 0;position: relative }
.n-sw1 .con10 .top{text-align: center;color: #111111}
.n-sw1 .con10 .top b{display: block;font-family:'方正正中黑简体';font-size: 40px; font-weight: 400}
.n-sw1 .con10 .top span{display: block; font-size: 30px; margin-top: 10px}
.n-sw1 .con10 .con{text-align: center;margin-top: 80px;}
.n-sw1 .con10 .img{display: inline-block;position: relative }
.n-sw1 .con10 a{width: 12%;height: 8.2%;position: absolute;left: 0;top:8%;background: red;display: block;opacity:0 }

.n-sw1 .con4{padding: 80px 0 120px 0;background: url("../images/n-sw1-7.jpg") no-repeat;background-size: cover;background-position: center;color: #fff;}
.n-sw1 .con4 .top{font-family: Arial;text-transform: uppercase}
.n-sw1 .con4 .top > div{font-size: 42px;}
.n-sw1 .con4 .top > div b{font-size: 60px;}
.n-sw1 .con4 .top > span {font-size: 40px;font-family: '方正正中黑简体';}
.n-sw1 .con4 .n-row{display: flex;margin-top: 70px;}
.n-sw1 .con4 .n-row .item{width: 25%;padding: 0 40px;position: relative}
.n-sw1 .con4 .n-row .item:before{ content: ''; width: 18px; height: 18px; border-radius: 50%;background: #e4007f;position: absolute;left:0;top: 12px;}
.n-sw1 .con4 .n-row .item>span{display: block;font-size: 30px;font-family: '方正正中黑简体';}
.n-sw1 .con4 .n-row .item>p{display: block;font-size: 12px;margin-top: 30px;line-height: 2em;}

.n-sw1 .con4 .n-row .item:nth-child(1){width: 22%}
.n-sw1 .con4 .n-row .item:nth-child(2){width: 26%}
.n-sw1 .con4 .n-row .item:nth-child(3){width: 23%}
.n-sw1 .con4 .n-row .item:nth-child(4){width: 26%}

.n-sw1 .con5{margin-top: 126px; padding-bottom: 70px; background-image: url("../images/n-sw1-22.jpg"); background-repeat: no-repeat; background-size: 100% 420px;background-position: left bottom}
.n-sw1 .con5 .top{text-align: center;color: #111111}
.n-sw1 .con5 .top b{display: block;font-family:'方正正中黑简体';font-size: 40px; font-weight: 400}
.n-sw1 .con5 .top span{display: block; font-size: 30px; margin-top: 10px}
.n-sw1 .con5 .list{display: flex;justify-content: space-between;margin-top: 40px;}
.n-sw1 .con5 .item{width: 23%;}
.n-sw1 .con5 .item .img{overflow: hidden;}
.n-sw1 .con5 .item .g_bg{padding-top: 100%}
.n-sw1 .con5 .item b{font-size: 30px;margin-top: 8px;display: block}
.n-sw1 .con5 .item p{font-size: 14px;color: #686868;margin-top: 16px;}
.n-sw1 .con5 .list .item:nth-child(2n){margin-top:110px; }

.n-sw1 .con6{padding: 0 20px 0 80px}
.n-sw1 .con6 .box{display: flex;position: relative}
.n-sw1 .con6 .box:before{content: '';position: absolute;right: 0;top: 20px;width: calc(100% - 34px);height: calc(100% - 20px);background: #d81519;z-index: 1}
.n-sw1 .con6 .con-l{width: 58.4%;position: relative;z-index: 9}
.n-sw1 .con6 .con-r{width: 41.6%;margin-top: 20px;position: relative;z-index: 9}

.n-sw1 .con7{margin-top: 130px;}
.n-sw1 .con7 .title{font-size: 40px;display: block;text-align: center;font-family:'方正正中黑简体'; }
.n-sw1 .con7 .list{display: flex;justify-content: center;margin-top: 110px;}
.n-sw1 .con7 .item{margin: 0 26px;text-align: center;color: #333;font-family:'方正正中黑简体';}
.n-sw1 .con7 .item>div{margin-top: 36px}
.n-sw1 .con7 .item b{display: block;font-size: 24px;font-weight: 400}
.n-sw1 .con7 .item span{ font-size: 16px;text-transform: uppercase;color: #666}

.n-sw1 .con8{margin-top: 80px;}
.n-sw1 .con8 .item1 img{width: 100%}
.n-sw1 .con8 .item2  {text-align: center;margin-top: -74px;}
.n-sw1 .con8 .item2 img{max-width: 90%;}
.n-sw1 .con8 .item3{margin-top: 56px;background: url("../images/n-sw1-25.jpg") no-repeat;background-position: 790px center;overflow: hidden}
.n-sw1 .con8 .item3 .text{color: #c30f1b;font-family:'方正正中黑简体';margin-top: 60px;}
.n-sw1 .con8 .item3 .text > div{margin-top: 90px;font-size:24px;text-transform: uppercase }
.n-sw1 .con8 .item3 .text > div b{ font-size:40px; }
.n-sw1 .con8 .item3 .text > span  { font-size:40px; }
.n-sw1 .con8 .item3 .img{margin-top: 158px;padding: 58px 70px;position: relative;display: inline-block}
.n-sw1 .con8 .item3 .img img{ position: relative; z-index: 9}
.n-sw1 .con8 .item3 .img:before{content: ''; position: absolute; right: 0;top: 0;height: 100%;width: 100vw; background: #b81d23; z-index: 1}

.n-sw1 .con9{ padding:7.8% 0;  background: url("../images/n-sw1-21.jpg") no-repeat;background-position:right center;background-size: cover}
.n-sw1 .con9 .g_w{ text-align: right}
.n-sw1 .con9 .g_w .box{display: inline-block;text-align: left }
.n-sw1 .con9 .g_w .box:nth-child(2){display: flex;justify-content: flex-end}
.n-sw1 .con9 .top{color: #fff;}
.n-sw1 .con9 .top > b {display: block;font-size: 40px;font-family:'方正正中黑简体';font-weight: 400}
.n-sw1 .con9 .top > span {display: block;font-size: 24px;}
.n-sw1 .con9 .top > div {display: flex; align-items: center;justify-content: space-between; width: 450px; font-size: 24px;margin-top: 20px;}
.n-sw1 .con9 .form {}
.n-sw1 .con9 .form input{display: block;margin-top: 22px;width:410px;height: 56px;line-height: 56px; padding: 0 44px;color: #292929;font-size: 18px;background: #b3b1c2;border-radius: 30px;border: 0}
.n-sw1 .con9 .form input.submit{color: #fff;background: #c30f1b;}
.n-sw1 .con9 .info {margin-top: 60px;display: flex}
.n-sw1 .con9 .info >div{display: flex; align-items: center; justify-content: flex-end; color: #fff;}
.n-sw1 .con9 .info > div:nth-child(1){margin-right: 56px;}
.n-sw1 .con9 .info >div>div span{font-size:18px;display: block; text-transform: uppercase}
.n-sw1 .con9 .info >div>div span:nth-child(2){font-size:30px; }
.n-sw1 .con9 .info img{margin-right: 18px;}

.n-sw2{}
.n-sw2 .con1{margin-bottom: 120px;}
.n-sw2 .con1 .top{color: #646464;margin-top: 70px;}
.n-sw2 .con1 .top b{font-size: 36px; font-weight: 400; text-align: center; display: block;font-family:'方正正中黑简体';}
.n-sw2 .con1 .top span{font-size: 24px;text-align: center; text-transform: uppercase; display: block; }
.n-sw2 .con1 .top p{font-size: 18px;text-align: center;margin-top: 20px;  }

.n-sw2 .con1 .list{margin-top: 70px;display: flex;justify-content: space-between;position: relative}
.n-sw2 .con1 .list:before{ content: ''; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border-right: 1px solid #e5e5e5;width: 0;height: 100%}
.n-sw2 .con1 .item{width: 47%}
.n-sw2 .con1 .item .g_bg{padding-top: 58.8%;}
.n-sw2 .con1 .item .text{ margin-top: 54px;}
.n-sw2 .con1 .item b{font-size: 28px;display: block;margin-top: 8px;}
.n-sw2 .con1 .item p{font-size: 16px;margin-top: 22px;text-indent: 2em;}

.n-sw3{}
.n-sw3 .con1{background: #f2f2f2;overflow: hidden}
.n-sw3 .con1 .top{text-align: center;color: #646464;margin-top: 60px;}
.n-sw3 .con1 .top b{font-size: 36px;display: block;font-family:'方正正中黑简体';}
.n-sw3 .con1 .top span{font-size: 24px;margin-top: 6px;display: block;}
.n-sw3 .con1 .box{display: flex;width: 1150px;margin: 70px auto 250px auto;max-width: 100%;box-shadow: 0 0 12px #c8c8c8  }
.n-sw3 .con1 .con-l{width: 386px;border-right: 2px solid #bdbdbd;background: #fff;padding: 46px 40px;}
.n-sw3 .con1 .form{padding-bottom: 40px; border-bottom: 1px solid #bdbdbd}
.n-sw3 .con1 .form > input{display: block;width: 100%;height: 40px; line-height: 40px;padding: 0 12px;border: 1px solid #aaaaaa;font-size: 16px;}
.n-sw3 .con1 .form #citys{font-size: 0}
.n-sw3 .con1 .form #citys select{margin-top:30px;width: 48% ; height: 40px; line-height: 40px;padding: 0 12px;border: 1px solid #aaaaaa;font-size: 16px;display: inline-block;}
.n-sw3 .con1 .form #citys select:nth-child(1){margin-right: 4%}
.n-sw3 .con1 .form .form-btn{ margin: 0 auto; margin-top:30px; width: 134px; height:40px; line-height: 40px; color: #fff; text-align: center; font-size: 16px; background: #d41922; cursor: pointer}
.n-sw3 .con1 .list .text{display: block; color: #8b8b8b;margin-top: 20px;}
.n-sw3 .con1 .list .text i{color: #d41922;font-size: 15px;font-style: normal;margin: 0 4px;}
.n-sw3 .con1 .list ul{height: 306px; overflow-y: auto}
.n-sw3 .con1 .list ul li{padding:20px 40px;position: relative;border-bottom: 1px solid #bdbdbd }
.n-sw3 .con1 .list ul li:nth-last-child(1){border: 0}
.n-sw3 .con1 .list ul li .num{position: absolute; left: 0;top: 20px; display: block; border-radius: 50%;
 width: 26px; height: 26px; text-align: center;line-height: 26px;color: #fff; font-weight: 400; background: #d41922 }
.n-sw3 .con1 .list ul li .name{font-size: 18px; color: #0a0a0a;display: block}
.n-sw3 .con1 .list ul li .add{font-size: 14px; color: #6c6c6c;margin-top: 10px;}
.n-sw3 .con1 .con-r{width: calc(100% - 386px);}
.n-sw3 .con1 .con-r #container{width: 100%;height: 100%;text-align: center}


.i-banner {background-size: cover;background-position: center;padding-top: 37%}
.i-banner-swiper .swiper-pagination-bullet{width: auto;height: auto;padding: 4px 6px;color: #fff;border-radius: 0;opacity: 1;background: none}
.i-banner-swiper .swiper-pagination-bullet-active{background: #c30f1b}
.i-banner-web{padding-top: 100%;background-size: cover;background-position: center;}
.i-banner-swiper-web{display: none}
.i-banner-swiper-web .swiper-pagination-bullet{width: auto;height: auto;padding: 4px 6px;color: #fff;border-radius: 0;opacity: 1;background: none}
.i-banner-swiper-web .swiper-pagination-bullet-active{background: #c30f1b}

.i-about{background: url("../images/i-about1.jpg") no-repeat;background-size: 100% auto; background-position: top center}
.i-about .con1{ }
.i-about .con1 .list{display: flex ;justify-content: space-between;margin-top: 80px;}
.i-about .con1 .item{text-align: center;color: #111111;font-family:'方正正中黑简体'; }
.i-about .con1 .item i{display: block;width: 72px;height: 72px;line-height: 72px;margin: 0 auto;border: 1px solid #a1a1a2;border-radius: 50%;font-size:40px;color: #c30f1b }
.i-about .con1 .item span{display: block;font-size: 24px;margin-top: 10px;}
.i-about .con1 .item p{display: block;font-size: 12px;line-height: 2em;margin-top:20px; }
.i-about .con1 .list .item:nth-last-child(1) i{font-size: 30px;}
.i-about .con2{margin-top: 120px; overflow: hidden; background: url("../images/i-about3.jpg") no-repeat;background-size: 100% auto; background-position: bottom center}
.i-about .con2 .top{padding: 140px 56px 90px 56px; color: #fff;position: relative; overflow: hidden}
.i-about .con2 .top:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; transition: .6s all linear;
 background: url("../images/i-about2.jpg");background-size: cover;background-position: center; }
.i-about .con2 .top .text{width: 654px;position: relative;z-index: 9}
.i-about .con2 .top .text b{display: block;font-size: 30px;font-family:'方正正中黑简体';}
.i-about .con2 .top .text span{display: block;font-size: 24px;margin-top: 12px; }
.i-about .con2 .top .text div{margin-top:30px }
.i-about .con2 .top .text p{display: block;font-size: 16px;line-height: 1.8em; }
.i-about .con2 .top .text a{display: block;margin-top: 40px; width: 132px; height: 40px;line-height: 40px;text-align: center;border: 1px solid #fff;color: #fff;transition: .4s all ease}
.i-about .con2 .top .text a:hover{border-color: #c30f1b;color: #c30f1b; transform: translate(4px , -4px); transition: .4s all ease}
/*.i-about .con2 .top:hover:before{filter: blur(1px);transition: .6s all linear;}*/
.i-about .con2 .bottom{margin:50px 0 76px 0;position: relative}
.i-about .con2 .bottom:before{content: '';position: absolute;width: 75%; height: 1px; top: 60px; left: 12.5%;background: #fff;}
.i-about .con2 .bottom .item{color: #fff;text-align: center;position: relative}
.i-about .con2 .bottom .item:before{content: '';position: absolute;left: 50%;top: 60px; transform: translate(-50%,-50%);width: 13px;height: 13px;background: url("../images/dian.png")}
.i-about .con2 .bottom .item span{display: block;font-family: '方正正中黑简体';font-size: 30px;margin-bottom: 46px;}
.i-about .con2 .bottom .item p{display: block;font-family: '方正正中黑简体';font-size: 12px;line-height: 1.5em;}
.i-about .con2 .bottom .swiper-button-prev{width: auto;height: auto;font-size: 20px;color: #fff;font-family: SimSun , 宋体; font-weight: 600; background: none;top: 60px; left: 0; margin: 0;transform: translateY(-50%)}
.i-about .con2 .bottom .swiper-button-next{width: auto;height: auto;font-size: 20px;color: #fff;font-family: SimSun , 宋体; font-weight: 600; background: none;top: 60px; right: 0; margin: 0;transform: translateY(-50%)}


.i-title{text-align: center}
.i-title i{font-size: 36px;font-style: normal;display: block;text-transform: uppercase;font-family:BURLINGTONANTIQUA }
.i-title i em{font-style: normal;font-family:Arial}
.i-title span{font-size: 30px ;display: block;}
.i-trend{margin-top: 110px;}
.i-trend .list{margin-top: 40px;padding-bottom: 66px;position: relative}
.i-trend .item {}
.i-trend .item .img{overflow: hidden}
.i-trend .item .g_bg{padding-top: 58.2%;transition: .8s all ease;}
.i-trend .item .text{margin-top: 34px;padding: 0 44px;}
.i-trend .item .text span{color: #111111;font-size: 18px; font-weight: 600; text-align: center;display: block;transition: .8s all ease;}
.i-trend .item .text p{margin-top: 18px;color: #686868;display: block;line-height: 1.7em;text-align: left}
.i-trend .item:hover .g_bg {transition: .8s all ease;transform: scale(1.06)}
.i-trend .item:hover span {transition: .8s all ease;color: #c30f1b}
.i-trend .swiper-pagination{width: 100%;bottom: 0}
.i-trend .swiper-pagination-bullet{margin: 0 10px;}
.i-trend .swiper-pagination-bullet-active{background: #c30f1b}

.i-pro{margin-top: 96px;}
.i-pro .i-pro-tab{margin-top: 30px;}
.i-pro .i-pro-tabNav{display: flex;justify-content: center;align-items: center}
.i-pro .i-pro-tabNav a{display: block; margin: 0 16px; width: 164px; height: 46px; line-height: 46px; font-size: 16px;color: #303030; text-align: center;
 border-radius: 30px; border: 1px solid rgba(48,48,48,0);transition: .4s all ease;}
.i-pro .i-pro-tabNav a:hover{border-color: rgba(48,48,48,1);transition: .4s all ease;}
.i-pro .i-pro-tabNav a.active{border-color: rgba(48,48,48,1);transition: .4s all ease;}
.i-pro .i-pro-tabCon{display: none;padding-bottom: 60px;position: relative}
.i-pro .i-pro-tabCon.active{display: block;}
.i-pro .list{display: flex;flex-wrap: wrap;}
.i-pro .list .item{width: 23%;margin-right: 2.66%;margin-top: 40px;}
.i-pro .list .item:nth-child(4n){margin-right: 0}
.i-pro .item .img{overflow: hidden}
.i-pro .item .g_bg{padding-top:100%;transition: .8s all ease;}
.i-pro .item .text{margin-top: 20px; }
.i-pro .item .text span{color: #111111;font-size: 18px; display: block;transition: .8s all ease; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.i-pro .item .text p{margin-top: 18px;color: #686868;display: block;line-height: 23px; height: 69px; overflow: hidden;font-size: 14px;}
.i-pro .item:hover .g_bg {transition: .8s all ease;transform: scale(1.06)}
.i-pro .item:hover span {transition: .8s all ease;color: #c30f1b}
.i-pro .swiper-pagination{width: 100%;bottom: 0}
.i-pro .swiper-pagination-bullet{margin: 0 10px;}
.i-pro .swiper-pagination-bullet-active{background: #c30f1b}


.i-certificate{margin-top: 46px; padding: 90px 0 120px 0;background: #f1f1f1}
.i-certificate .list{position: relative;margin-top: 60px;}
.i-certificate .list .item{position: relative}
.i-certificate .list .item:after{position: absolute;left:0;top: 0;width: 100%;height: 100%;content: '';z-index: 9}
.i-certificate .swiper-button-prev{width: 48px;height: 48px;  background: url("../images/i-certificate2.png") no-repeat;background-size: 100% 100%;
 top: 50%; left: -80px; margin: 0;transform: translateY(-50%)}
.i-certificate .swiper-button-next{width: 48px;height: 48px;  background: url("../images/i-certificate3.png") no-repeat;background-size: 100% 100%;
 top:50%; right: -80px; margin: 0;transform: translateY(-50%)}

.i-colorWorld{margin-top: 100px;}
.i-colorWorld-bg{margin-top: 40px;padding: 110px 0 120px 0; background: url("../images/i-colorWorld2.jpg") no-repeat;background-size: cover;background-position: center}
.i-colorWorld .text{width: 524px; padding: 70px 46px 40px 46px;background: #e6e3dd;text-align: center}
.i-colorWorld .text span{display: block;font-size: 30px; color: #070707}
.i-colorWorld .text p{display: block; font-size: 18px; color: #070707;opacity: .78}
.i-colorWorld .text a{display: block;  width: 144px;line-height: 50px; height: 50px; margin: 0 auto; margin-top: 20px;  color: #fff; background: #0f0f0f;transition: .4s all ease}
.i-colorWorld .text img{ margin-top: 26px;  }
.i-colorWorld .text a:hover{background: #1a4057;transition: .4s all ease}

.i-popular{ padding: 126px 0 64px 0; background: #f1f1f1}
.i-popular .i-title i{display: inline-block }
.i-popular .i-title i em{font-family: Arial;font-style: normal}
.i-popular .g_w{max-width: 1650px;}
.i-popular .con1{display: flex; flex-direction:row-reverse}
.i-popular .con1 .con-l{width:37.2%; }
.i-popular .con1 .item3{background: #fff;padding:80px 22px }
.i-popular .con1 .con-r{width:62.8%;  }
.i-popular .con1 .con-r .bottom{margin-top: 46px; display: flex ;align-items: self-start;flex-direction:row-reverse}
.i-popular .con1 .item1{width: 52%;background: #fff;min-height: 320px;padding: 0 44px;font-family: '方正正中黑简体';}
.i-popular .con1 .item1 > div{padding-left: 54px;}
.i-popular .con1 .item1 .yuan{display: inline-block;width: 112px; height: 112px;  border-radius: 50%;border: 10px solid #fff; transform: translateY(-50%)}
.i-popular .con1 .item1 b{display: inline-block; vertical-align: top; margin-top: 24px; width: 30px;color: #0d0d0d;font-size: 30px;font-weight: 400}
.i-popular .con1 .item1 span{display: block; ;color: #0d0d0d;font-size: 24px;margin-top: 30px;}
.i-popular .con1 .item1 p{display: block; ;color: #0d0d0d;font-size: 16px;margin-top: 20px;}
.i-popular .con1 .item2{width: 48%}
.i-popular .con1 .item2 img{width: 100%}
.i-popular .i-title{position: relative;margin-top: 36px;text-align: left;padding-left: 18px;}
.i-popular .i-title img{position: absolute;left:258px;top:56px;width: 45.38%;}
.i-popular .i-title b{display: block;font-size: 24px;font-weight: 400;margin-top: 24px;}

.i-cy{margin-top: 90px;}
.i-cy .i-title p{font-size: 20px;margin-top: 10px;}
.i-cy .list{display: flex;flex-wrap: wrap;}
.i-cy .list .item{width: 23%;margin-right: 2.66%;margin-top: 40px;}
.i-cy .list .item:nth-child(4n){margin-right: 0}
.i-cy .item .img{overflow: hidden}
.i-cy .item .g_bg{padding-top:100%;transition: .8s all ease;}
.i-cy .item .text{margin-top: 20px; }
.i-cy .item .text span{ text-overflow: ellipsis;white-space: nowrap; overflow: hidden; color: #111111;font-size: 18px; display: block;transition: .8s all ease;}
.i-cy .item .text p{margin-top: 18px;color: #686868;display: block;line-height: 24px;height: 69px; overflow: hidden }
.i-cy .item:hover .g_bg {transition: .8s all ease;transform: scale(1.06)}
.i-cy .item:hover span {transition: .8s all ease;color: #c30f1b}


.i-case{ margin: 160px auto 0 auto;max-width: 1856px; background: rgba(26,43,66,1)}
.i-case .i-title{color: #fff;text-align: left}
.i-case .g_w{display: flex}
.i-case .con-l{width: calc(100% - 158px);padding-right: 10px;position: relative}
.i-case .con-l:before{content: '';position: absolute;left: 0;top: 0;width: 904px;height: 100%;transform: translateY(-52px);border: 1px solid #d2d2d2}
.i-case .con-l .n-row{display: flex;align-items: stretch}
.i-case .con-l .text{width: 466px; height: 518px; padding: 114px 20px 0 46px;position: relative}
.i-case .con-l .text p{font-size: 24px;margin-top: 44px;color: #fff}
.i-case .con-l .text a{margin-top: 24px;width: 134px;height: 44px; line-height: 44px;text-align: center;border: 1px solid #fff;color: #fff;display: block;transition: .4s all ease}
.i-case .con-l .text a:hover{border-color: #000;color: #000;transform: translateX(10px);transition: .4s all ease}
.i-case .con-l .img{width:calc(100% - 466px); }
.i-case .con-l .g_bg{padding-top:60.3%;height: 100%;transform: translateY(84px) }
.i-case .con-l .swiper-container{overflow: initial}
.i-case .con-l .swiper-wrapper{overflow: initial}
.i-case .con-l .swiper-slide{overflow: initial}
.i-case .con-r{width: 158px;}
.i-case .con-r .gallery-thumbs{height:450px;margin-top: 10px;}
.i-case .con-r .gallery-thumbs .img{height: 100%;border:1px solid rgba(255,255,255,0); position: relative; transition: .4s all ease}
.i-case .con-r .gallery-thumbs .img:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4)}
.i-case .con-r .gallery-thumbs .g_bg{height: 100%;}
.i-case .con-r .gallery-thumbs .swiper-slide-thumb-active .img{border-color: rgba(255,255,255,1)}
.i-case .con-r .gallery-thumbs .swiper-slide-thumb-active .img:before{opacity: 0}
.i-case .con-r .con-r-btn {display: flex;margin-top: 8px;}
.i-case .con-r .swiper-button-next {opacity: 1; position: relative;right: auto;top: auto;margin: 0;width: 50px;height: 50px;background: url("../images/con-r-btn2.jpg")no-repeat;background-size: 100% 100%}
.i-case .con-r .swiper-button-prev {opacity: 1; position: relative;left: auto;top: auto;margin: 0;width: 50px;height: 50px;background: url("../images/con-r-btn1.jpg")no-repeat;background-size: 100% 100%}

.i-service{margin-top: 216px;}
.i-service .g_w>.i-title{display: none}
.i-service .g_w .top{display: flex}
.i-service .i-title{text-align: left}
.i-service .con-r{padding-left: 62px;padding-top: 20px;}
.i-service .con-r .p span{display: block;font-size: 24px; }
.i-service .con-r .p span b{ font-size: 48px; font-family: 方正粗黑宋简体}
.i-service .con-r .p p{ font-size: 12px;margin-top: 6px;line-height: 2em; }
.i-service .con-r ul{ display: flex}
.i-service .con-r ul li:nth-child(1){margin-right: 46px;}
.i-service .con-r ul li span{display: block;color: #0d0d0d;font-size: 20px;margin-top: 24px;}
.i-service .con-r ul li span i{ font-family: 方正粗黑宋简体;margin-right: 10px;}
.i-service .con-r a{display: block; margin-top: 26px; width: 134px;height: 40px; line-height: 40px;text-align: center;color: #fff; background: #1b1b1b;transition: .4s all ease}
.i-service .con-r a:hover{transform: translateX(12px);transition: .4s all ease}
.i-service .bottom{display: flex;justify-content: space-between;margin-top: 58px;}
.i-service .bottom a{width: 32%;padding: 30px;}
.i-service .bottom a b{display: block;font-size:16px; }
.i-service .bottom a span{display: block;font-size:24px; margin-top: 6px;}
.i-service .bottom a i{display: block;font-size:12px;font-style: normal;margin-top: 18px;transition: .4s all ease }
.i-service .bottom a:hover i{transform: translateX(12px);transition: .4s all ease}

.i-news{margin-top: 166px;padding:72px 0; background: url("../images/i-news7.jpg") no-repeat;background-size: cover;background-position: center}
.i-news .i-title{color: #fff;}
.i-news .list{ padding-bottom: 14px; display: flex; justify-content: space-between;flex-wrap: wrap}
.i-news .list .item{margin-top: 30px; width: 49%;  }
.i-news .list .item a{display: flex}
.i-news .list .item .img{width: 228px;overflow: hidden}
.i-news .list .item .g_bg{ height: 100%; padding-top:70.6%; transition: .8s all ease}
.i-news .list .item .text{width: calc(100% - 228px);border: 1px solid #fff;color: #fff;padding: 22px;}
.i-news .list .item .text h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap }
.i-news .list .item .text p{margin-top:18px;line-height: 24px;height: 46px;overflow: hidden;font-size: 14px; }
.i-news .list .item .text span{margin-top:6px;display: block }
.i-news .moreTo{display: block; margin: 74px auto 0 auto; width: 164px; height: 48px; line-height: 48px; text-align: center;color: #fff;background: rgba(240,240,240,.35);border-radius: 30px; }

.i-logo{padding: 64px 0}
.i-logo .item{height: 70px;position: relative}
.i-logo .item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%}


.i-a{margin-top: 60px;}
.i-a a{display: block;
 margin: 0 auto;

 width: 134px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color: #fff;
 background: #1b1b1b;
 transition: .4s all ease;}

.i-a  a:hover {
 transform: translateX(12px);
 transition: .4s all ease;
}


.n-sc5{text-align: justify}
.n-sc5 .con1{position: relative;overflow: hidden;height:678px;margin-top: 60px;  }
.n-sc5 .con1 .g_w{display: flex;color: #fff;position: relative;z-index: 9}
.n-sc5 .con1 .g_w .con-l{margin-top: 110px; width: 710px; min-height: 420px; display: flex; align-items: center; position: relative;z-index: 9}
.n-sc5 .con1 .g_w .con-l:before{background: #1e417e;position: absolute;right: 0;top: 0; z-index: 10; width: 100vw;height: 100%;content: ''}
.n-sc5 .con1 .g_w .con-l .text{width: 100%;padding: 20px 100px 20px 0;position: relative;z-index: 19}
.n-sc5 .con1 .g_w .con-l .text b{ display: block; font-size: 36px; padding-top: 40px; position: relative}
.n-sc5 .con1 .g_w .con-l .text b br{display: none}
.n-sc5 .con1 .g_w .con-l .text b:before{position: absolute;left: 0;top: 0;background: #fff;width: 100px; height: 1px; content: ''}
.n-sc5 .con1 .g_w .con-l .text span{font-size: 16px; padding-top: 20px; display: block}
.n-sc5 .con1 .g_w .con-l .text p{font-size: 14px; line-height: 24px;padding-top: 14px; display: block}
.n-sc5 .con1 .g_w .con-r{position: relative}
.n-sc5 .con1:before{position: absolute;right: 0;top: 0;width:64.5%;height: 678px;background: url("../images/n-sc5-1.jpg");content: ''}

.n-sc5 .con2{margin-top: 64px;}
.n-sc5 .con2 .top{width: 100%;padding: 20px 100px 20px 0;position: relative;z-index: 19;color: #171717}
.n-sc5 .con2 .top span{ display: block; font-size: 30px; padding-top: 40px; position: relative}
.n-sc5 .con2 .top span:before{position: absolute;left: 0;top: 0;background: #9e9e9f;width: 100px; height: 1px; content: ''}
.n-sc5 .con2 .top p{font-size: 14px; line-height: 24px;padding-top: 10px; display: block}
.n-sc5 .con2 .list{display: flex;justify-content: space-between}
.n-sc5 .con2 .list .item{width: 33%}
.n-sc5 .con2 .list .item span{display: block;font-size: 24px;color:#c30f1b;margin-top: 22px; }

.n-sc5 .con3{margin-top: 100px;}
.n-sc5 .con3 .top b{display: block; font-size: 36px; padding-top:16px; position: relative;color: #0f0f0f}
.n-sc5 .con3 .top b:before{position: absolute;left: 0;top: 0;background: #9e9e9f;width: 100px; height: 1px; content: ''}
.n-sc5 .con3 .top span{font-size: 30px; color:  #c30f1b; padding-top: 20px; display: block;font-weight: bold}
.n-sc5 .con3 .top p{font-size: 30px; padding-top: 52px; display: block;color: #0f0f0f}
.n-sc5 .con3 .item1{margin-top: 100px;}
.n-sc5 .con3 .item1 .g_w{display: flex}
.n-sc5 .con3 .item1 .img{width: calc(100% - 560px); height: 646px; position: relative;z-index: 9}
.n-sc5 .con3 .item1 img{position: absolute;right: 0;top: 0;max-width: initial;height: auto}
.n-sc5 .con3 .item1 .text{width:560px; height: 646px; padding-left: 46px;   position: relative;z-index: 6}
.n-sc5 .con3 .item1 .text span{ display: block; padding-top: 40px; color: #0f0f0f;font-size: 30px;line-height: 1.4em; position: relative;z-index: 9}
.n-sc5 .con3 .item1 .text p{padding-top: 40px; color: #0f0f0f;font-size: 24px;line-height: 1.4em; position: relative;z-index: 9}
.n-sc5 .con3 .item1 .text:before{position: absolute; left: -180px;top: -190px; z-index: 1;width:100vw;height: calc(100% + 190px);background: #dcefef;content: ''; }
.n-sc5 .con3 .item1 .text span:nth-child(1):before{position: absolute;left: 0;top: 20px;background: #9e9e9f;width: 100px; height: 1px; content: ''}

.n-sc5 .con3 .item2{ }
.n-sc5 .con3 .item2 .g_w{display: flex}
.n-sc5 .con3 .item2 .img{ width:560px;  position: relative;z-index: 9}
.n-sc5 .con3 .item2 .text{width: calc(100% - 560px); padding-top: 80px; padding-right: 200px; position: relative;z-index: 6}
.n-sc5 .con3 .item2 .text span{ display: block; padding-top: 40px; color: #0f0f0f;font-size: 30px;line-height: 1.4em; position: relative;z-index: 9}
.n-sc5 .con3 .item2 .text p{padding-top: 40px; color: #0f0f0f;font-size: 24px;line-height: 1.4em; position: relative;z-index: 9}
.n-sc5 .con3 .item2 .text span:nth-child(1):before{position: absolute;left: 0;top: 20px;background: #9e9e9f;width: 100px; height: 1px; content: ''}

.n-sc5 .con4{margin-top: 10px;}
.n-sc5 .con4 .top b{display: block; font-size: 36px; padding-top:16px; position: relative;color: #0f0f0f}
.n-sc5 .con4 .top b:before{position: absolute;left: 0;top: 0;background: #9e9e9f;width: 100px; height: 1px; content: ''}
.n-sc5 .con4 .list{display: flex;justify-content: space-between}
.n-sc5 .con4 .item{max-width: 22%;margin-top: 100px;}
.n-sc5 .con4 .item span{display: block;font-size: 24px;margin-top: 38px;color: #0f0f0f}
.n-sc5 .con4 .item p{font-size: 18px; line-height: 2em;color: #0f0f0f}

.n-sc5 .con5{margin-top: 100px;position: relative}
.n-sc5 .con5:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 250px; background: #ede8de;content: ''}
.n-sc5 .con5 .g_w{display: flex;position: relative;z-index: 9}
.n-sc5 .con5 .g_w .con-l{width: calc(100% - 690px);padding-bottom: 250px;padding-top: 168px;padding-right: 20px;}
.n-sc5 .con5 .g_w .text{width: 590px; max-width: 100%; padding-top:32px;  color: #0f0f0f;font-size: 24px;line-height: 1.5em;position: relative}
.n-sc5 .con5 .g_w .text:before{position: absolute;left: 0;top: 0;background: #9e9e9f;width: 100px; height: 1px; content: ''}
.n-sc5 .con5 .g_w .con-r{width: 690px;}

.n-sc5 .con6{margin-top: 100px;position: relative}
.n-sc5 .con6 .top{}
.n-sc5 .con6 .top b{color: #0f0f0f;font-size: 36px;}
.n-sc5 .con6 .top p{color: #c30f1b;font-size: 30px;line-height: 36px;margin-top: 20px}
.n-sc5 .con6 .con {text-align: center; color: #0f0f0f}
.n-sc5 .con6 .con p{font-size: 24px; margin-top:46px;line-height: 36px; }
.n-sc5 .con6 .con span{font-size: 18px;display: block }
.n-sc5 .con6 .list{margin-top: 80px;}
.n-sc5 .con6 .item{display: flex;}
.n-sc5 .con6 .item .con-l{width: 50%; min-height: 540px;padding:20px 88px;  display: flex;align-items: center;position: relative}
.n-sc5 .con6 .item .con-l:before{content: '';position: absolute;right: 0;top: 0; width: 100vw;height: 100%; background: #e7eef3;z-index: 1}
.n-sc5 .con6 .item .con-l .text{max-width: 100%;width: 480px;position: relative;z-index: 9;color: #0f0f0f }
.n-sc5 .con6 .item .con-l .text b{font-size: 36px; padding-top: 30px; display: block;position: relative }
.n-sc5 .con6 .item .con-l .text b:before{position: absolute;left: 0;top: 0;background: #9e9e9f;width: 100px; height: 1px; content: ''}
.n-sc5 .con6 .item .con-l .text p{font-size: 18px; padding-top: 20px;line-height: 2em;}
.n-sc5 .con6 .item .con-r{width: 50%}
.n-sc5 .con6 .item .con-r img{width: 100%}
.n-sc5 .con6 .list .item:nth-child(1){align-items: flex-end}
.n-sc5 .con6 .list .item:nth-child(2){ flex-direction:row-reverse}
.n-sc5 .con6 .list .item:nth-child(2) .con-l:before{right: auto;left: 0}

.n-sc5 .con7{margin-top: 100px;position: relative;margin-bottom: 110px;}
.n-sc5 .con7 .top{}
.n-sc5 .con7 .top b{color: #0f0f0f;font-size: 36px;}
.n-sc5 .con7 .top p{color: #c30f1b;font-size: 30px;line-height: 36px;margin-top: 20px}
.n-sc5 .con7 .item1{display: flex;align-items: flex-end;margin-top: 10px;}
.n-sc5 .con7 .item1 .con-l{width:550px; height: 440px; padding: 80px 64px 0 0; color: #fff; display: flex;position: relative}
.n-sc5 .con7 .item1 .con-l .text{position: relative;z-index: 9}
.n-sc5 .con7 .item1 .con-l .text span{display: block;font-size: 36px;padding-top: 30px;text-transform: uppercase}
.n-sc5 .con7 .item1 .con-l .text p{display: block;font-size: 24px;line-height: 36px;margin-top: 24px;}
.n-sc5 .con7 .item1 .con-l .text span:before{position: absolute;left: 0;top: 0;background: #fff;width: 100px; height: 1px; content: ''}
.n-sc5 .con7 .item1 .con-l:before{content: '';position: absolute;right: 0;top: 0; width: 100vw;height: 100%; background: #ccaba6;z-index: 1}
.n-sc5 .con7 .item1 .con-r{width:calc(100% - 550px);}
.n-sc5 .con7 .item1 .con-r img{width: 100%}
.n-sc5 .con7 .item2{color: #171717}
.n-sc5 .con7 .item2 span{font-size: 30px;margin-top: 60px;display: block}
.n-sc5 .con7 .item2 p{font-size: 24px;margin-top: 32px;}
.n-sc5 .con7 .item3{display: flex;align-items: center;margin-top: 80px;}
.n-sc5 .con7 .item3 .con-l{width:calc(100% - 780px); }
.n-sc5 .con7 .item3 .con-l img{width: 100%}
.n-sc5 .con7 .item3 .con-r .text{position: relative; z-index: 9;  color: #171717; }
.n-sc5 .con7 .item3 .con-r .text span{display: block; position: relative; font-size: 36px;padding-top:20px;text-transform: uppercase}
.n-sc5 .con7 .item3 .con-r .text p{display: block;font-size: 24px;line-height: 36px;margin-top: 24px;}
.n-sc5 .con7 .item3 .con-r .text span:before{position: absolute;left: 0;top: 0;background: #171717;width: 100px; height: 1px; content: ''}
.n-sc5 .con7 .item3 .con-r:before{content: '';position: absolute;left: 0;top: 0; width: 100vw;height: 100%; background: #e3ebe6;z-index: 1}
.n-sc5 .con7 .item3 .con-r{width:780px;position: relative; display: flex; align-items: center;height: 440px; padding: 0 0 0 54px;}


.navImg {
    display: none;
}


@media (max-width: 1800px) {

}
@media (max-width: 1740px) {
 .n-sc3 .list .item{padding-right: 5%}
 .n-sc3 .list .item:nth-child(2n){padding-left: 5%;padding-right: 0}
}
@media (max-width: 1680px) {
 .n-services3 .con-r .top {font-family: 方正正中黑简体; font-size: 40px;}
 .n-services3 .con-r .top i{font-family: BURLINGTONANTIQUA;font-size: 30px;}
 .i-certificate .swiper-button-prev{left: -60px;}
 .i-certificate .swiper-button-next{right: -60px;}
}
@media (max-width:1440px) {
 .g_w{padding: 0 5%;}
 .h-nav1 > li > a{font-size: 16px;}
 .pcNav_u1_2 li>a{ font-size: 14px;}
 .pcNav-r a{font-size: 16px}
 .pcNav-r i{font-size: 16px}
 .f-top-c{width:calc(100% - 510px); }
 .f-top-r{width: 480px}
 .f-top .g_w .f-top-con{padding-left: 210px}

 .n-pro-nav a b{font-size: 20px;}
 .n-pro-title{font-size: 24px;}
 .n-pro-title a{color: black;}
 .n-pro .item .n_item_h1Info h4{font-size: 18px;}
 .n-pro .item .n_item_h1Info b{font-size: 18px;}
 .n-pro .item .n_item_h1Img{width: 280px}

 .n-pro-d .con1 .text .top b{font-size: 24px;}
 .n-pro-d .con1 .text .top span{font-size: 18px;}

 .n-pro-d-tj{margin-top: 80px;}
 .n-pro-d-tj .list .item h4{font-size: 18px;}

 .ncp_con_1 .caption.text h2{font-size: 24px;}
 .ncp_con_2 h2{font-size: 24px;}

 .n-news2 .n_item_h1Info h4{font-size: 24px;}

 .n-services3 .con-r .top {font-family: 方正正中黑简体; font-size: 36px;}
 .n-services3 .con-r .top i{font-family: BURLINGTONANTIQUA;font-size: 24px;}

 .n-services2 .con1 .top b{font-size: 30px;}
 .n-services2 .con1 .top span{font-size: 20px;}
 .n-services2 .con1 .top p{font-size: 16px;}

 .n-services1 .con3 .col-xs-12 p{font-size: 14px;}
 .n-services1 .con6{margin-top: 100px;}
 .n-services1 .con7{margin-top: 100px;}

 .n-about .con8{margin: 100px 0;}
 .n-about .title span{font-size: 24px;}
 .n-about .con2 .item > p i{font-size: 40px;}
 .n-about .con3 .item b{font-size: 40px;}
 .n-about .title b{font-size: 20px;}
 .n-about .con5 .g_w .con-l span{font-size: 20px;}
 .n-about .con5 .g_w .text{padding-left: 40px;}
 .n-about .con5 .g_w .con-l p{font-size: 16px;}
 .n-about .con6 .swiper-con .item{font-size: 16px;}
 .n-about .con7 .top .item1>div:nth-child(1){font-size: 20px;}
 .n-about .con7 .bottom .item2>div:nth-child(2) span{font-size: 24px}
 .n-about .con7 .bottom .item2>div:nth-child(2) b{font-size: 20px;}
 .n-about .con7 .bottom .item2>div:nth-child(2) p{font-size: 16px;}
 .n-about .con7 .item p i{font-size: 40px;}
 .n-about .con7 .item p {font-size: 20px;}
 .n-about .con7 .item b {font-size: 16px;}

 .n-top-nav a{font-size: 16px;height: 56px;width: 220px;line-height: 56px;}
 .n-top .item .text b{font-size: 30px;}
 .n-sc3 .con1 > .top .text p{font-size: 16px;margin-top: 30px;}
 .n-sc3 .con1 > .top .text b{font-size: 30px;}
 .n-sc3 .list .item .top .text span{font-size: 16px;}
 .n-sc3 .list .item .top .text p{font-size: 20px;}
 .n-sc3 .list .item .top .text {padding: 80px;}
 .n-sc3 .list .item .top .text {padding: 40px;}
 .n-sc3 .list ul{margin-left: 80px;  max-width: calc(100% - 80px);}
 .n-sc2 .item{margin-top: 100px;}
 .n-sc2 .item .title b{font-size: 30px;}
 .n-sc4 .con1 .con-l b{font-size: 30px;}
 .n-sc4 .con1 .con-l p{margin-top: 30px;}
 .n-sc4 .con2 .text span{font-size: 20px;}
 .n-sc4 .con2 .text p{font-size: 20px;}
 .n-sc4 .con3 .item .text span{font-size: 20px;}
 .n-sc4 .con3 .item .text b{font-size: 30px;}
 .n-sc4 .con3 .item .text p{font-size: 20px;}
 .n-sc4 .con5 .con-r b{font-size: 30px;}
 .n-sc4 .con5 .con-r p{font-size: 20px;}
 .n-sc4 .con6 .item .text p{font-size: 20px;margin-top: 30px;}
 .n-sc4 .con6 .item .text span{font-size: 20px;}
 .n-sc4 .con7 .top b{font-size: 30px;}
 .n-sc4 .con7 .top p{font-size: 20px;}

 .n-sw1 .con1 .text span{font-size: 34px;}
 .n-sw1 .con1 .text b{font-size: 50px;}
 .n-sw1 .con4 .top > div{font-size: 36px;}
 .n-sw1 .con4 .top > div b{font-size: 50px;}
 .n-sw1 .con4 .top > span{font-size: 36px;}
 .n-sw1 .con4 .n-row .item>span{font-size: 24px;}
 .n-sw1 .con4 .n-row .item:nth-child(1){width: 24%}
 .n-sw1 .con5 .item b{font-size: 24px;}
 .n-sw1 .con5 .top b{font-size: 34px;}
 .n-sw1 .con5 .top span{font-size: 24px;}
 .n-sw1 .con5{margin-top: 100px;}
 .n-sw1 .con10 .top b{font-size: 34px;}
 .n-sw1 .con10 .top span{font-size: 24px;}
 .n-sw1 .con7 .title{font-size: 34px;}
 .n-sw1 .con7 .list{margin-top: 80px;}
 .n-sw1 .con7{margin-top: 100px;}
 .n-sw1 .con8 .item3 .text > div b{font-size: 34px;}
 .n-sw1 .con8 .item3 .text > div  {font-size: 20px;margin-top: 70px;}
 .n-sw1 .con8 .item3 .text > span{font-size: 34px;}
 .n-sw1 .con8 .item3 .img{margin-top:110px;padding:40px 50px;  }
 .n-sw1 .con9 .top > b{font-size: 34px;}
 .n-sw1 .con9 .top > span{font-size: 20px;}
 .n-sw1 .con9 .info >div>div span:nth-child(2){font-size: 24px;}
 .n-sw2 .con1 .top b{font-size: 30px;}
 .n-sw2 .con1 .top span{font-size: 20px;}
 .n-sw2 .con1 .item b{font-size: 24px;}

 .n-sw3 .con1 .top b{font-size: 30px;}
 .n-sw3 .con1 .top span{font-size: 20px;}

 .i-service .con-r{padding-top: 0}

 .n-sc5 .con1 .g_w .con-l{margin-top: 80px;min-height: 360px;}
 .n-sc5 .con1:before{height:600px; }
 .n-sc5 .con1{height: 600px}
 .n-sc5 .con1 .g_w .con-l .text b{font-size: 30px;}

 .n-sc5 .con2 .top span{font-size: 24px;padding-top: 26px;}
 .n-sc5 .con2 .list .item span{font-size: 20px;}

 .n-sc5 .con3{margin-top: 80px;}
 .n-sc5 .con3 .top b{font-size: 30px;}
 .n-sc5 .con3 .top span{font-size: 24px;}
 .n-sc5 .con3 .top p{font-size: 24px;}
 .n-sc5 .con3 .item1 .text span{font-size: 24px;}
 .n-sc5 .con3 .item1 .text p{font-size: 20px;}
 .n-sc5 .con3 .item1 .text:before{top: -100px;height: calc(100% + 100px)}
 .n-sc5 .con3 .item1 .img{height: 560px;}
 .n-sc5 .con3 .item1 .img img{max-height: 100%}
 .n-sc5 .con3 .item1 .text{height: 560px;}
 .n-sc5 .con3 .item2 .text span{font-size: 24px;}
 .n-sc5 .con3 .item2 .text p{font-size: 20px;}

 .n-sc5 .con4 .top b{font-size: 30px;}
 .n-sc5 .con4 .item span{margin-top: 20px;font-size: 20px;}
 .n-sc5 .con4 .item p{font-size: 14px;}

 .n-sc5 .con6 .top b{font-size: 30px;}
 .n-sc5 .con6 .top p{font-size: 24px;}
 .n-sc5 .con6 .con p{font-size: 20px;}
 .n-sc5 .con6 .con span{font-size: 16px;}

 .n-sc5 .con6 .item .con-l{min-height: 500px;}
 .n-sc5 .con6 .item .con-l .text b{font-size: 30px;}
 .n-sc5 .con6 .item .con-l .text p{font-size: 16px;}

 .n-sc5 .con7 .top b{font-size: 30px;}
 .n-sc5 .con7 .top p{font-size: 24px;}
 .n-sc5 .con7 .item1 .con-l{height: 360px;}
 .n-sc5 .con7 .item1 .con-l .text span{font-size: 30px;}
 .n-sc5 .con7 .item1 .con-l .text p{font-size: 20px;}
 .n-sc5 .con7 .item2 span{font-size: 24px;}
 .n-sc5 .con7 .item2 p{font-size: 20px;}
 .n-sc5 .con7 .item3 .con-r .text span{font-size: 30px;}
 .n-sc5 .con7 .item3 .con-r .text p{font-size: 20px;}
 .n-sc5 .con7 .item3 .con-r{height: 360px}
}


@media (max-width:1400px) {
 .n-about .con7 .top .item1 .img1{display: none}
 .n-about .con7 .top .item1 .img2{display: none}
 .n-about .con7 .top .item1>div:nth-child(2){width: 580px;}
 .n-about .con7 .top .item1>div:nth-child(1){width: calc(100% - 580px);}
 .n-about .con7 .bottom .item2>div:nth-child(1){width: 700px;}
 .n-about .con7 .bottom .item2>div:nth-child(2){width: calc(100% - 700px);}

}
@media (max-width:1280px) {
 .n-services3 .con-r .top {font-family: 方正正中黑简体; font-size: 30px;}
 .n-services3 .con-r .top i{font-family: BURLINGTONANTIQUA;font-size: 20px;}
 .pcImg {display: none;}
 .navImg {display: block;}
}

@media (max-width:1220px) {
 .g_body{padding-top: 60px;}
 .pcNav{display: none;}
 .webNav{display: block;}
 .n_body{padding-top: 60px;}
 .f-top-c{width:100%; }
 .f-top-r{display: none}

 .n-pro .item{width: 100%}
 .n-pro-nav a b{font-size: 18px;}
 .n-pro-title{font-size: 20px;}

 .n-pro-d .n_w{padding: 0 5%;}
 .n-pro-d .con1{margin-top: 50px;}
 .n-pro-d .con1 .text .top b{font-size: 20px;}
 .n-pro-d .con1 .text .top span{font-size: 16px;}
 .n-pro-d .con1 .text{padding-left: 100px;}
 .n-pro-d .con2{margin-top: 50px;}
 .n-pro-d .con2 table th{font-size: 14px}
 .n-pro-d .con2 table td{font-size: 14px}
 .n-pro-d .con3{margin-top: 50px;}
 .n-pro-d .con3 .con-l .title img{height: 34px;}
 .n-pro-d .con3 .con-l .title b{font-size: 20px;}
 .n-pro-d .con3 .text{font-size: 16px;margin-top: 20px;}

 .n-pro-d-tj .title{font-size: 20px;}
 .n-pro-d-tj .list .item h4{font-size: 16px;height: 48px;}

 .n-case .list .item h4{font-size: 18px}
 .n-case .list .item p{font-size: 16px;height: 44px;}

 .n-news2 .n_item_h1Info h4{font-size: 20px;}

 .n-news3-nav a{font-size: 16px;}

 .n-services3 .con-r .top {font-family: 方正正中黑简体; font-size: 24px;}
 .n-services3 .con-r .top i{font-family: BURLINGTONANTIQUA;font-size: 18px;}

 .n-services2 .con1 .top b{font-size: 24px;}
 .n-services2 .con1 .top span{font-size: 18px;}
 .n-services2 .con1 .top p{font-size: 14px;}

 .n-services1 .title img{height: 72px}

 .n-about .n_w{padding: 0 5%}

 .n-about .con2{margin-top: 80px;}


 .n-about .con7 .top .item1{margin-top: 20px;display: block}
 .n-about .con7 .top .item1>div:nth-child(1){width: 100%;padding: 0;font-size: 18px;}
 .n-about .con7 .top .item1>div:nth-child(2){width: 100%;padding: 0;margin-top: 20px;}
 .n-about .con7 .bottom .item2>div:nth-child(2){padding-top: 60px;}
 .n-about .con7 .bottom .item2{display: block;margin-top: 20px;}
 .n-about .con7 .bottom .item2>div:nth-child(1){width: 100%}
 .n-about .con7 .bottom .item2>div:nth-child(2){width: 100%;padding: 0;margin-top: 20px}

 .n-about .con3 .list{flex-wrap: wrap;justify-content: center}
 .n-about .con3 .item{margin:  20px;width: 180px;height: 180px;}
 .n-about .con3 .item b{font-size: 36px;}
 .n-about .con3 .item span{font-size: 16px;}

 .n-about .con4 .n_w{display: block}
 .n-about .con4 .n_w .con-l{margin-top: 20px;padding: 0}
 .n-about .con4 .item span{font-size: 40px;}

 .n-about .con7{margin-top: 80px;}
 .n-about .con7 .list{margin-top: 40px;}
 .n-about .con7 .item p i{font-size:36px; }
 .n-about .con7 .item p  {font-size:18px; }
 .n-about .con7 .item b  {font-size:14px;margin-top: 10px; }
 .n-sc1 .n-top .item .text b{font-size: 24px;}
 .n-sc1 .n-top .item .text{padding-right: 20px;}
 .n-sc1 .n-top .item .con-l{width: 50%}
 .n-sc1 .n-top .item .con-r{width: 50%}
 .n-sc1 .n-top > .text b{font-size: 20px;}
 .n-sc1 .n-top > .text p{font-size: 16px;}
 .n-sc1 .n-top{margin-top: 70px;}
 .n-sc1 .con2 .item .top .text p{font-size: 20px;}
 .n-sc1 .n-top .item .con-r img{top: 50%;transform: translateY(-50%)}
 .n-sc1 .n-top .item{margin: 80px 0}
 .n-sc1 .con2 .item{margin-top: 80px;}
 .n-sc1 .con2 .list{margin: 70px 0}
 .n-sc3 .con1 > .top .text{padding: 80px 30px;}
 .n-sc3 .con1 > .top .text p{font-size: 14px;margin-top: 30px;}
 .n-sc3 .con1 > .top .text b{font-size: 24px;}
 .n-sc3 .list .item .top .text span{font-size: 14px;}
 .n-sc3 .list .item .top .text p{font-size: 18px;}
 .n-sc3 .list .item .top .text {padding: 40px;}
 .n-sc3 .list ul{margin-left: 40px;  max-width: calc(100% - 40px);}

 .n-sc2 .item .text{padding-left: 20px;}
 .n-sc2 .item{margin-top: 80px;}
 .n-sc2 .item .title b{font-size: 24px;}
 .n-sc2 .item .title span{font-size: 16px;}
 .n-sc2 .item .text p{font-size: 16px;}

 .n-sc4 .con1 .con-l b{font-size: 24px;}
 .n-sc4 .con1 .con-l p{margin-top: 20px;font-size: 16px;}
 .n-sc4 .con2 .text span{font-size: 18px;}
 .n-sc4 .con2 .text p{font-size: 18px;}
 .n-sc4 .con3 .item .text span{font-size: 18px;}
 .n-sc4 .con3 .item .text b{font-size: 24px;}
 .n-sc4 .con3 .item .text p{font-size: 18px;}
 .n-sc4 .con5 .con-r b{font-size: 24px;}
 .n-sc4 .con5 .con-r p{font-size: 18px;}
 .n-sc4 .con6 .item .text p{font-size: 18px;margin-top: 20px;}
 .n-sc4 .con6 .item .text span{font-size: 18px;}
 .n-sc4 .con7 .top b{font-size: 24px;}
 .n-sc4 .con7 .top p{font-size: 18px;}

 .n-sw1 .con1 .text span{font-size: 30px;}
 .n-sw1 .con1 .text b{font-size: 40px;}
 .n-sw1 .con2{margin-top: 60px;}
 .n-sw1 .con2 b{font-size: 30px;}
 .n-sw1 .con2 .item .text{font-size: 14px;}
 .n-sw1 .con3{margin-top: 70px;}
 .n-sw1 .con4 .top > div{font-size: 30px;}
 .n-sw1 .con4 .top > div b{font-size: 40px;}
 .n-sw1 .con4 .top > span{font-size: 30px;}
 .n-sw1 .con4 .n-row .item:before{top: 6px;}
 .n-sw1 .con4 .n-row .item>span{font-size: 20px;}

 .n-sw1 .con5 .item b{font-size: 20px;}
 .n-sw1 .con5 .top b{font-size: 30px;}
 .n-sw1 .con5 .top span{font-size: 20px;}
 .n-sw1 .con5{margin-top: 60px;}
 .n-sw1 .con10{padding: 80px 0}
 .n-sw1 .con10 .top b{font-size: 30px;}
 .n-sw1 .con10 .top span{font-size: 20px;}
 .n-sw1 .con7 .title{font-size: 30px;}
 .n-sw1 .con7 .list{margin-top: 60px;}
 .n-sw1 .con7 .item{margin: 0 16px;}
 .n-sw1 .con7 .item b{font-size: 20px;}
 .n-sw1 .con7 .item span{font-size: 14px;}
 .n-sw1 .con7{margin-top: 70px;}
 .n-sw1 .con8 .item3 {background-position: 600px center}
 .n-sw1 .con8 .item3 .text > div b{font-size: 30px;}
 .n-sw1 .con8 .item3 .text > div  {font-size: 20px;margin-top: 40px;}
 .n-sw1 .con8 .item3 .text > span{font-size: 30px;}
 .n-sw1 .con8 .item3 .img{margin-top:80px;padding:30px 40px; width: 700px }
 .n-sw1 .con9 .top > b{font-size: 24px;}
 .n-sw1 .con9 .top > span{font-size: 16px;}
 .n-sw1 .con9 .info >div>div span:nth-child(2){font-size: 18px;}
 .n-sw1 .con9 .top > div{font-size: 20px;}
 .n-sw1 .con9 .form input{height: 46px;line-height: 46px;font-size: 16px;}

 .i-title i{font-size: 30px;}
 .i-title span{font-size: 24px;}

 .i-about .con1 .list{margin-top: 60px;}
 .i-about .con1 .item span{font-size: 20px;}
 .i-about .con2{margin-top:80px; }
 .i-about .con2 .top{padding: 100px 40px 60px 40px;}
 .i-about .con2 .top .text{max-width: 100%}
 .i-about .con2 .top .text b{font-size: 24px;}
 .i-about .con2 .top .text span{font-size: 20px;}
 .i-about .con2 .bottom .item span{font-size: 24px;}
 .i-trend{margin-top: 80px;}
 .i-trend .list{padding-bottom: 40px;}

 .i-pro{margin-top: 80px;}
 .i-pro .i-pro-tabNav a{margin: 0 10px;}
 .i-pro .list .item{width: 32%;margin-right: 2%}
 .i-pro .list .item:nth-child(4n){margin-right: 2%}
 .i-pro .list .item:nth-child(3n){margin-right: 0}

 .i-certificate{padding: 80px 0; }
 .i-certificate .swiper-button-prev{width: 36px;height: 36px;left: -40px;}
 .i-certificate .swiper-button-next{width: 36px;height: 36px;right: -40px;}

 .i-colorWorld .text{max-width: 100%}
 .i-colorWorld .text span{font-size: 24px;}
 .i-colorWorld .text p{font-size: 16px;}

 .i-popular{    padding: 80px 0 40px 0;}
 .i-popular .i-title b{font-size: 20px}
 .i-popular .con1 .item1{padding-bottom: 20px;}
 .i-popular .con1 .item1 span{font-size: 20px;}
 .i-popular .con1 .item1 p{font-size: 14px;}

 .i-cy{margin-top: 80px;}
 .i-cy .list .item{width: 32%;margin-right: 2%}
 .i-cy .list .item:nth-child(4n){margin-right: 2%}
 .i-cy .list .item:nth-child(3n){margin-right: 0}

 .i-case{margin-top: 100px;}
 .i-case .con-l .text p{font-size: 18px;}
 .i-case .con-l .text{width: 320px;padding: 80px 20px 0 20px;}
 .i-case .con-l .img{width: calc(100% - 300px);}

 .i-service .con-r .p span{font-size: 20px;}
 .i-service .con-r .p span b{font-size: 36px;}
 .i-service .con-r ul li span{font-size: 18px;margin-top: 14px;}
 .i-service .bottom a span{font-size: 20px;}

 .i-news .list{display: block}
 .i-news .list .item{width: 100%}

 .n-sc5 .con1:before{height:520px; }
 .n-sc5 .con1{height: 520px}

 .n-sc5 .con3 .item1 .img{height: 400px;}
 .n-sc5 .con3 .item1 .text{height: 400px;}
 .n-sc5 .con3 .item2 .text{padding-right: 80px;}

 .n-sc5 .con4 .item{margin-top: 40px;}
 .n-sc5 .con4 .item img{height: 60px;}

 .n-sc5 .con5 .g_w .con-r{width: 40%}
 .n-sc5 .con5 .g_w .con-l{width: 60%;padding:80px 0 200px 0; }
 .n-sc5 .con5:after{height: 180px;}

 .n-sc5 .con6{margin-top: 80px;}

 .n-sc5 .con7 .item1{margin-top: 40px;}
 .n-sc5 .con7 .item1 .con-l{height: 300px}
 .n-sc5 .con7 .item3 .con-r{height: 300px;}
 .n-sc5 .con7 .item1 .con-l .text span{font-size: 24px;}
 .n-sc5 .con7 .item3 .con-r .text span{font-size: 24px;}
 .n-sc5 .con7 .item1 .con-l .text p{font-size: 18px;}
 .n-sc5 .con7 .item3 .con-r .text p{font-size: 18px;}

 .n-services1 .con6{margin-top: 60px;}
 .n-services1 .con7{margin-top: 60px;}


 .i-cy .i-title p{font-size: 16px;margin-top: 10px;}
}

@media (max-width:1024px) {

}

@media (max-width:998px){
 .n-pro-nav{flex-wrap: wrap}
 .n-pro-nav a{width: 49%;margin-top: 1%}
 .n-pro-nav a b{font-size: 14px;}

 .n-pro-d .con1{display: block}
 .n-pro-d .con1 .text{padding-left: 0;width: 100%;margin-top: 20px;}
 .n-pro-d .con1 .img{margin: 0 auto}
 .n-pro-d .con1 .text .top:after{margin-top: 10px;height: 3px;}

 .n-pro-d-tj .list{display: flex;flex-wrap: wrap}
 .n-pro-d-tj .list .item{width: 48%}

 .n-news2 .list .item .top{display: block;}
 .n-news2 .list .item .top h4{ width: 100%}
 .n-news2 .list .item .top .new-iBox{width: 120px;text-align: left}
 .n-news2 .n_item_h1 a{padding: 20px;}

 .n-services3 .con1{margin-bottom: 40px;}
 .n-services3 .con-r{width: 100%;padding: 40px 5%;height: auto;}
 .n-services3 .con-r .top {font-family: 方正正中黑简体; font-size: 20px;}
 .n-services3 .con-r .top i{font-family: BURLINGTONANTIQUA;font-size: 16px;}
 .n-services3 .form input{height: 36px;line-height: 36px;width: calc(100% - 100px);font-size: 14px;}
 .n-services3 .form input.submit{height: 36px;line-height: 36px;width: 100px;}
 .n-services3 .con-l{display: none}

 .n-services4 .con1{display: block;}
 .n-services4 .con-l{display: none}
 .n-services4 .con-r{ width: 100%; background: #585756;padding: 46px 20px}

 .n-about .con2 .list{justify-content: center;flex-wrap: wrap}
 .n-about .con2 .item{width: 31%; margin: 20px 1%;text-align: center}
 .n-about .con2 .item > p i{font-size: 36px;width: auto}
 .n-about .con2 .item > b{font-size: 16px;}
 .n-about .con8 .text{display: block}
 .n-about .con8 .text .con-l{width: 100%}
 .n-about .con8 .text .con-r{width: 100%;text-align: center;margin-top: 20px;}
 .n-about .con8 .text .con-r img{position: relative;transform: translate(0)}
 .n-about .con8 .text .con-l p{margin-top: 20px;}

 .n-sc1 .n-top > .text{max-width: 90%}
 .n-top-nav{max-width: 90%}
 .n-sc2 .item a{display: block;}
 .n-sc2 .item .text{padding-left: 0;width: 100%}
 .n-sc2 .item .img{max-width: 100%;width: 100%}

 .n-sc4 .con2 {margin-top: 30px;}
 .n-sc4 .con2 .text{margin: 0}
 .n-sc4 .con2 .text p{margin-top: 20px;font-size: 16px;}
 .n-sc4 .con2 .text span{font-size: 16px;}

 .n-sc4 .con3 .item .text span{font-size: 16px;}
 .n-sc4 .con3 .item .text b{font-size: 20px;margin-top: 20px;}
 .n-sc4 .con3 .item .text{padding: 60px 0;padding-left: 30px;}
 .n-sc4 .con3 .item .text p{font-size: 16px;margin-top: 10px;}

 .n-sc4 .con4 .con-r{margin-left: 80px;}
 .n-sc4 .con4 .con-l b{font-size: 20px;}

 .n-sc4 .con5 .con-r{    padding: 60px 0 60px 30px; }
 .n-sc4 .con5 .con-r b{font-size: 20px;}
 .n-sc4 .con5 .con-r p{font-size: 16px;}

 .n-sc4 .con6 .item .text{    padding: 50px 40px;}
 .n-sc4 .con6 .item .text span{font-size: 16px;}
 .n-sc4 .con6 .item .text p{font-size: 16px;}

 .n-sc4 .con7{margin: 80px 0; }
 .n-sc4 .con7 .top b{font-size: 20px;}
 .n-sc4 .con7 .top p{font-size: 16px;}

 .n-sw1 .con4{padding: 40px 0}
 .n-sw1 .con4 .top > span{font-size: 24px;}
 .n-sw1 .con4 .top > div{font-size: 24px;}
 .n-sw1 .con4 .top > div b{font-size: 34px;}
 .n-sw1 .con4 .n-row{flex-wrap: wrap;margin-top: 0;}
 .n-sw1 .con4 .n-row .item{width: 50% !important;padding: 0 20px;margin-top: 20px;}
 .n-sw1 .con4 .n-row .item:before{width: 10px;height: 10px;top:6px;}
 .n-sw1 .con5 .list{flex-wrap: wrap}
 .n-sw1 .con5 .item{width: 49%!important;margin-top: 20px!important;}
 .n-sw1 .con5 .list .item:nth-child(2n){margin-top: 0}

 .n-sw1 .con6{padding: 0 5%;text-align: center}
 .n-sw1 .con6 .box{display: block}
 .n-sw1 .con6 .con-l{width: 100%}
 .n-sw1 .con6 .con-r{width: 100%}
 .n-sw1 .con6 .box:before{display: none}

 .n-sw1 .con7 .list{flex-wrap: wrap;margin-top: 40px;}
 .n-sw1 .con7 .item{margin-top: 20px;}

 .i-about .con1 .list{flex-wrap: wrap}
 .i-about .con1 .item{width: 33.33%;margin-bottom: 20px;}
 .i-popular .con1{display: block}
 .i-popular .con1 .con-r{width: 100%}
 .i-popular .con1 .con-l{width: 500px; margin: 0 auto;max-width: 100%;display: none}

 .i-case{margin-top: 70px;}
 .i-case .g_w{display: block}
 .i-case .con-l{width: 100%}
 .i-case .con-r{width: 100%;overflow: hidden}
 .i-case .con-r .gallery-thumbs .g_bg{padding-top: 96%;height: auto}
 .i-case .con-r .gallery-thumbs{height: auto;margin-top: 20px;margin-bottom: 10px;}
 .i-case .con-r .con-r-btn{display: none}

 .i-service{margin-top: 100px;}
 .i-service .g_w>.i-title{display: block}
 .i-service .g_w .top{display: block;margin-top: 20px;}
 .i-service .g_w .top .con-l{width: 100%}
 .i-service .g_w .top .con-r{width: 100%;padding-left: 0;margin-top: 20px;}
 .i-service .g_w .top .con-r .i-title{display: none}
 .i-service .bottom a{width: 100%;margin-top: 8px;padding: 20px;}
 .i-service .bottom {flex-wrap: wrap;margin-top: 30px;}


 .n-sc5 .con1{height: auto;padding: 30px 0}
 .n-sc5 .con1 .g_w{display: block}
 .n-sc5 .con1 .g_w .con-l{ max-width: 100%; margin: 0 auto; min-height: auto;}
 .n-sc5 .con1:before{height:100%;width: 100%; }
 .n-sc5 .con1 .g_w .con-l .text{padding: 20px;overflow: hidden}
 .n-sc5 .con1 .g_w .con-l .text b{font-size: 24px;padding-top: 20px;}
 .n-sc5 .con1 .g_w .con-r{display: none}

 .n-sc5 .con2{margin-top: 40px;}
 .n-sc5 .con2 .top{padding:0;}
 .n-sc5 .con2 .top span{font-size: 24px;padding-top: 20px;}
 .n-sc5 .con2 .list{margin-top: 20px;display: block}
 .n-sc5 .con2 .list .item{width: 100%;margin-top: 20px;}
 .n-sc5 .con2 .list .item img{width: 100%}
 .n-sc5 .con2 .list .item span{font-size: 16px;margin-top: 10px;}

 .n-sc5 .con3{margin-top: 80px;}
 .n-sc5 .con3 .top b{font-size: 24px;}
 .n-sc5 .con3 .top span{font-size: 18px;}
 .n-sc5 .con3 .top p{font-size: 18px;padding-top: 20px;}
 .n-sc5 .con3 .item1{margin-top: 20px}
 .n-sc5 .con3 .item1 .g_w{display: block}
 .n-sc5 .con3 .item1 .img{width: 100%;height: auto}
 .n-sc5 .con3 .item1 img{position: relative;left: auto;top: auto;max-width:100%}
 .n-sc5 .con3 .item1 .text{width: 100%;height: auto;padding: 20px;}
 .n-sc5 .con3 .item1 .text span{font-size: 18px;padding-top: 20px;}
 .n-sc5 .con3 .item1 .text span:nth-child(1):before{top: 0}
 .n-sc5 .con3 .item1 .text p{font-size: 16px;padding-top: 20px;}
 .n-sc5 .con3 .item1 .text:before{top: 0; left: 0;width: 100%; height: 100%}
 .n-sc5 .con3 .item2{margin-top: 20px;}
 .n-sc5 .con3 .item2 .g_w{flex-wrap: wrap; flex-direction:column-reverse}
 .n-sc5 .con3 .item2 .img{width: 100%}
 .n-sc5 .con3 .item2 img{width: 100%;}
 .n-sc5 .con3 .item2 .text{width: 100%;height: auto;padding: 20px;background: #dcefef}
 .n-sc5 .con3 .item2 .text span{font-size: 20px;padding-top: 20px;}
 .n-sc5 .con3 .item2 .text span:nth-child(1):before{top: 0}
 .n-sc5 .con3 .item2 .text p{font-size: 16px;padding-top: 20px;}

 .n-sc5 .con4{margin-top: 40px;}
 .n-sc5 .con4 .top b{font-size: 24px;}
 .n-sc5 .con4 .item span{margin-top: 20px;font-size: 18px;}
 .n-sc5 .con4 .item p{font-size: 14px;line-height: 1.6em;margin-top: 10px;}
 .n-sc5 .con4 .item img{height: 50px;}


 .n-sc5 .con5 .g_w .con-l{padding-right: 20px;}
 .n-sc5 .con5 .g_w .text{font-size: 18px;}

 .n-sc5 .con6{margin-top: 60px;}
 .n-sc5 .con6 .top b{font-size: 24px;}
 .n-sc5 .con6 .top p{font-size: 18px;}
 .n-sc5 .con6 .con p{font-size: 18px;margin-top: 20px;}
 .n-sc5 .con6 .con span{font-size: 14px;}

 .n-sc5 .con6 .item .con-l{min-height: auto;padding:   40px;}
 .n-sc5 .con6 .item .con-l .text b{font-size: 24px;}
 .n-sc5 .con6 .item .con-l .text p{font-size: 14px;}

 .n-sc5 .con7 .top b{font-size: 24px;}
 .n-sc5 .con7 .top p{font-size: 18px;}
 .n-sc5 .con7 .top p br:nth-child(1){display: none}
 .n-sc5 .con7 .item1{display: block}
 .n-sc5 .con7 .item1 .con-l{height:auto;padding: 20px;width: 100%}
 .n-sc5 .con7 .item1 .con-l:before{width: 100%}
 .n-sc5 .con7 .item1 .con-l .text span{font-size: 20px;padding-top: 20px; }
 .n-sc5 .con7 .item1 .con-l .text p{font-size: 16px;margin-top: 16px;line-height: 1.4em}
 .n-sc5 .con7 .item1 .con-r{width: 100%}

 .n-sc5 .con7 .item2 span{font-size: 20px; margin-top: 30px;}
 .n-sc5 .con7 .item2 p{font-size: 16px;margin-top: 10px;}
 .n-sc5 .con7 .item3{display: block}
 .n-sc5 .con7 .item3 .con-l{width: 100%}
 .n-sc5 .con7 .item3 .con-r{width: 100%;padding: 20px;height: auto}
 .n-sc5 .con7 .item3 .con-r .text span{font-size: 20px;}
 .n-sc5 .con7 .item3 .con-r .text p{font-size: 16px;line-height: 1.4em;margin-top: 16px;}
 .n-sc5 .con7 .item3 .con-r:before{width: 100%}

 .n-services1 .con6 .title{position: relative; left: auto; margin: 20px 0;transform: translateX(0);width: 100%}
 .n-services1 .con6 .title img:nth-child(2){display: inline-block; width: auto;height: 72px;}
 .n-services1 .con6 .title img:nth-child(1){display: none}
 .n-services1 .con7 p{font-size: 18px;}
}
@media (max-width:768px) {

 .i-title i{font-size: 24px;}
 .i-title span{font-size: 20px;}

 /*.i-about .con1 .item{width:50%;}*/
 .i-about .con1 .item span{font-size: 14px;}
 .i-about .con1 .item p{margin-top: 10px;font-size: 10px;white-space: nowrap}
 .i-about .con1 .item i{width: 60px; height: 60px;line-height: 60px; font-size: 32px;}
 .i-about .con1 .list .item:nth-last-child(1) i{font-size: 24px;}

 .i-about .con2 .top:before{filter: blur(0)!important;}
 .i-about .con2{margin-top: 40px;}
 .i-about .con2 .top{padding: 40px 20px}
 .i-about .con2 .top .text{max-width: 100%}
 .i-about .con2 .top .text b{font-size: 20px;}
 .i-about .con2 .top .text span{font-size: 18px;}
 .i-about .con2 .bottom .item span{font-size: 20px;}
 .i-about .con2 .top .text p{font-size: 14px;}
 .i-about .con2 .top .text div{margin-top: 10px;}
 .i-about .con2 .bottom{margin: 30px 0}
 .i-about .con2{    background-size: 200% auto;}

 .i-trend{margin-top: 40px;}
 .i-trend .list{margin-top: 20px;}
 .i-trend .item .text{padding: 0 20px;margin-top: 20px;}
 .i-trend .item .text p{margin-top: 8px;}

 .i-pro{margin-top: 40px;}
 .i-pro .i-pro-tabNav{flex-wrap: wrap}
 .i-pro .i-pro-tabNav a{margin: 0 1%;width: 48%;border: 0 ; border-bottom: 1px solid #dfdfdf;border-radius: 0}
 .i-pro .list .item{width: 49%;margin-right: 2%;margin-top: 20px;display: none}
 .i-pro .list .item:nth-child(-n+4){display: block}
 .i-pro .list .item:nth-child(4n){margin-right: 2%}
 .i-pro .list .item:nth-child(3n){margin-right: 2%}
 .i-pro .list .item:nth-child(2n){margin-right: 0}
 .i-pro .item .text p{margin-top: 6px;}
 .i-pro .item .text span{font-size: 16px;}

 .i-certificate{padding: 40px 0; }
 .i-certificate .list{margin-top: 30px;}
 .i-certificate .swiper-button-prev{width: 30px;height: 30px;left: 6px;}
 .i-certificate .swiper-button-next{width: 30px;height: 30px;right: 6px;}

 .i-colorWorld{margin-top: 50px;}
 .i-colorWorld-bg{margin-top: 20px;}
 .i-colorWorld .text span{font-size: 20px;}
 .i-colorWorld .text p{font-size: 14px;}

 .i-popular{padding: 40px 0}
 .i-popular .i-title{margin-top: 0}
 .i-popular .i-title img{position: relative;left: auto;top: auto;transform: translate(0);display: none}
 .i-popular .i-title b{margin-top: 8px;font-size: 16px;}
 .i-popular .con1 .con-r .bottom{display: block;margin-top: 80px;}
 .i-popular .con1 .item1{width: 100%}
 .i-popular .con1 .item1 b{font-size: 24px;}
 .i-popular .con1 .item2{width: 100%}

 .i-cy{margin-top: 40px;}
 .i-cy .list .item{width: 49%;margin-right: 2%;margin-top: 20px;}
 .i-cy .list .item:nth-child(4n){margin-right: 2%}
 .i-cy .list .item:nth-child(3n){margin-right: 2%}
 .i-cy .list .item:nth-child(2n){margin-right: 0}
 .i-cy .item .text p{margin-top: 6px;overflow: hidden;height:46px;}
 .i-cy .item .text span{font-size: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

 .i-case{margin-top: 40px;padding-top: 20px}
 .i-case .con-l{padding: 0}
 .i-case .con-l .n-row{display: block}
 .i-case .con-l .text{width: 100%;padding: 20px;height: auto}
 .i-case .con-l .text p{font-size: 14px;margin-top: 20px;}
 .i-case .con-l .img{width: 100%;}
 .i-case .con-l .g_bg{transform: translate(0)}
 .i-case .con-l:before{width: 100%;transform: translate(0)}

 .i-service{margin-top: 40px;}

 .i-news{margin-top: 40px;}

 .f-top .g_w .f-top-con{padding: 30px 0}
 .f-top .g_w .f-top-con .f-logo{display: none}
 .n-nav{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #dfdfdf}
 .n-nav a{ width: 50%;border: 0;margin-top: 14px;padding: 0;font-size: 14px; padding-bottom: 8px; border-bottom: 1px solid #000}
 .n-nav a:nth-last-child(1){border-bottom: 1px solid #000}
 .n-top{padding:10px 0}
 .n-breadcrumb{font-size: 12px;}
 .n-pro-title{font-size: 16px;}

 .n-pro .con1{margin-top: 30px;}
 .n-pro .item .n_item_h1 a{display: block}
 .n-pro .item .n_item_h1Img{width: 100%}
 .n-pro .item .n_item_h1Info{width: 100%;margin-top: 20px;padding-left: 0}

 .n-pro-d .con1 .text .top b{font-size: 18px;}
 .n-pro-d .con1 .text .top span{font-size: 14px;}
 .n-pro-d .con1 .icon{ margin: 0; flex-wrap: wrap;justify-content: center;}
 .n-pro-d .con1 .icon > div{width: 33%;margin-top: 20px;}
 .n-pro-d .con1 .icon b{font-size: 12px;}
 .n-pro-d .con2{margin-top: 20px}
 .n-pro-d .con3{display: block}
 .n-pro-d .con3 .con-l{width: 100%;margin-top: 30px;}
 .n-pro-d .con3 .text{font-size: 14px;}
 .n-pro-d .con3 .con-l .title img{height: 26px;}
 .n-pro-d .con3 .con-l .title b{font-size: 18px;}
 .n-pro-d-tj{margin-top: 40px;margin-bottom: 40px;}
 .n-pro-d-tj .title{font-size: 18px;}

 .n-case .list .item h4{font-size: 18px}
 .n-case .list .item p{font-size: 14px;height: 40px;}

 .ncp_con_1 .caption.text h2{font-size: 18px;}
 .ncp_con_2 h2{font-size: 18px;}
 .ncp_con_1 .caption.text{padding-top: 30px;}

 .n-news2 .n_item_h1Info h4{font-size: 18px;}
 .n-news2 .n_item_h1Info p{font-size: 14px;height: 40px;}
 .n-news2 .n_item_h1 a{display: block}
 .n_item_h1Img{margin: 0 auto;width: 500px;max-width: 100%}
 .n_item_h1Info{padding-left: 0;width: 100%;margin-top: 20px;}
 .n_item_h1Info>span{display: none}

 .n-news .n-banner{background-position: 12% 50%;}
 .n-news3-nav a{font-size: 14px;height: 36px;padding: 0;margin: 0 8px}
 .n-news3 .item .top h4{font-size: 14px;}
 .n-news3 .item .top b{width: 40px;height: 40px;font-size: 24px;line-height: 40px;}
 .n-news3 .item .top div{height: 40px;padding: 0 16px;width: calc(100% - 40px)}
 .n-news3 .item .con b{width: 40px;font-size: 24px;}
 .n-news3 .item .con .text{padding: 20px;font-size: 14px;width: calc(100% - 40px)}
 .n-news3-search form input{height: 36px;line-height: 36px;width: calc(100% - 100px);font-size: 14px;}
 .n-news3-search form input.submit{height: 36px;line-height: 36px;width: 100px;}

 .new_hot{display: none}
 .new_content .col-md-9{padding: 0}
 .new_content .col-md-3{padding: 0;margin-top: 20px;}

 .n-services2 .con1 .top{margin-top: 40px;}
 .n-services2 .con1 .top b{font-size: 20px;}
 .n-services2 .con1 .top span{font-size: 16px;}
 .n-services2 .con1 .top p{font-size: 12px;margin-top: 10px;}

 .n-services1 .con1 .g_w{ display: block; }
 .n-services1 .con1 .con-l{width: 100%}
 .n-services1 .con1 .con-r{width: 100%;padding: 20px;}
 .n-services1 .con2 .g_w{ display: block; }
 .n-services1 .con2 .con-l{width: 100%}
 .n-services1 .con2 .con-r{width: 100%;padding: 20px;}

 .n-services1 .title img{height: 50px}
 .n-services1 .con4 .col-xs-12 .g_bg{margin-top: 20px;}
 .n-services1 .con5 .from .input-wrap{display: block}
 .n-services1 .con5 .label{text-align: left}
 .n-services1 .con5 .from .submit{margin: 20px auto 0 auto}
 .n-services1 .con5 .from .input-wrap .from-item .label{font-size: 14px;}
 .n-services1 .con5 .from .input-wrap .from-item{margin-left: 16px;}
 .n-services1 .con5 .from #city{margin-top: 10px;}
 .n-services1 .con5{padding: 40px 0; }

 .n-services4 .list .item{display: block;padding: 10px;font-size: 14px;}
 .n-services4 .list .item span{width: 100%!important;display: block;padding: 0!important;}

 .n-about .titleImg{display: none}
 .n-about .title span{font-size: 20px;}
 .n-about .con1 .text{padding: 20px}
 .n-about .title b{font-size: 16px;}
 .n-about .con1 .text p{margin-top: 10px;}

 .n-about .con2{margin-top: 40px;}
 .n-about .con2 .item > p {font-size: 30px;}
 .n-about .con2 .item > p i{font-size: 30px;}
 .n-about .con2 .item > b  {font-size: 14px;}

 .n-about .con3 .list{flex-wrap: wrap;justify-content: center}
 .n-about .con3 .item{margin:20px 10px;width: 140px;height: 140px;padding: 6px;}
 .n-about .con3 .item b{font-size: 24px;}
 .n-about .con3 .item span{font-size: 12px;}
 .n-about .con4{margin-top: 40px;}
 /*.n-about .con4 .n_w .con-l{display: block}*/
 /*.n-about .con4 .n_w .con-l .item{margin-top: 20px; width: 100%}*/
 .n-about .con4 .item p{margin-top: 10px;text-align: justify}
 .n-about .con4 .item span{font-size: 30px;display: inline}
 .n-about .con4 .item b{margin-top: 0;display: initial}
 .n-about .con4 .item img{margin-top: 0;display: block}

 .n-about .con5 .g_w .text{padding: 40px 10px;}
 .n-about .con5 .g_w .con-l span{font-size: 18px;}
 .n-about .con5 .g_w .con-l p{font-size: 14px;}

 .n-about .con6 .text{padding-left: 0}
 .n-about .con6 .swiper-con .item{font-size: 14px;}
 .n-about .con6 .swiper-con{padding-bottom: 40px;}
 .n-about .con6 .swiper-con .swiper-button-next{width: 36px;}
 .n-about .con6 .swiper-con .swiper-button-prev{width: 36px;}

 .n-about .con7{margin-top: 40px;}
 .n-about .con7 .top{padding-left: 0}
 .n-about .con7 .top .item1{font-size: 16px;}
 .n-about .con7 .top .item1>div:nth-child(1){font-size: 16px;}
 .n-about .con7 .bottom .item2>div:nth-child(2) span{font-size: 18px}
 .n-about .con7 .bottom .item2>div:nth-child(2) b{font-size: 16px;margin-top: 6px;}
 .n-about .con7 .bottom .item2>div:nth-child(2) p{font-size: 14px;margin-top: 10px;}
 .n-about .con7 .list{margin-top: 20px; flex-wrap: wrap}
 .n-about .con7 .item{width: 50%;padding: 10px}
 .n-about .con7 .item p i{font-size:30px; }
 .n-about .con7 .item p  {font-size:16px; }
 .n-about .con7 .item b  {font-size:12px;margin-top: 10px; }
 .n-about .con8{margin: 30px 0;}
 .n-about .con8 .text{padding-left: 0}
 .n-about .con8 .text .con-l{padding: 0;padding-top: 30px;}
 .n-about .con8 .text .con-l p{margin-top: 10px;}

 .n-sc1 .n-top{margin-top: 40px;}
 .n-sc1 .n-top > .text{padding:0 20px;}
 .n-top-nav{display: block}
 .n-top-nav a{ display: block; width: 100%;height: 36px; line-height: 36px; font-size: 14px;margin-top: 8px;}
 .n-sc1 .n-top .item .text b{font-size: 20px;}
 .n-sc1 .n-top .item .text p{font-size: 14px}
 .n-sc1 .con2 .item .top .box{display: block}
 .n-sc1 .con2 .item .top .img{max-width: 100%;width: 400px;margin: 0 auto }
 .n-sc1 .con2 .item .top .img img{position: relative;}
 .n-sc1 .con2 .item .top .text{padding: 20px;min-height: 0;width: 100% }
 .n-sc1 .con2 .item .top .text p{font-size: 18px;margin-top: 16px;}
 .n-sc1 .con2 ul{margin-top: 10px;}
 .n-sc1 .con2 .item{margin-top: 40px;}
 .n-sc1 .con2 .list{margin: 40px 0;margin-top: 0}

 .n-sc3 .con1 > .top{display: block;margin-top: 40px;}
 .n-sc3 .con1 > .top .w50{width: 100%;}
 .n-sc3 .con1 > .top .text{padding: 20px;width: 100%}
 .n-sc3 .con1 > .top .img{width: 100%}
 .n-sc3 .con1 > .top .text p{font-size: 14px;margin-top: 10px;}
 .n-sc3 .con1 > .top .text b{font-size: 20px;}
 .n-sc3 .list .item .top{ flex-direction:   column-reverse;}
 .n-sc3 .list .item:nth-child(2n) .top{flex-direction:   column-reverse;}
 .n-sc3 .list .item .top .img{width: 100%}
 .n-sc3 .list .item .top .text span{font-size: 14px;}
 .n-sc3 .list .item .top .text p{font-size: 14px;margin-top: 8px;}
 .n-sc3 .list .item .top .text {padding: 20px;width: 100%}
 .n-sc3 .list ul{margin-left: 0;  max-width:100%;}
 .n-sc3 .list .item{margin-top: 30px!important;}


 .n-sc2 .con1{margin-bottom: 40px;}
 .n-sc2 .item{margin-top: 40px}
 .n-sc2 .con1 .n-top-nav{margin-top: 30px;}
 .n-sc2_2 .con1 .top{padding-bottom: 30px;}
 .n-sc2 .con1 .n-top-nav a{margin: 6px auto}
 .n-sc2 .item .text p{font-size: 14px;}
 .n-sc2 .con-nav{ padding:10px 0 ; border: 0 }
 .n-sc2 .nav-w{display: block;padding:0 ;}
 .n-sc2 .nav-w a{display: block;width: 100%;font-size: 14px;text-align: center}
 .n-sc2 .con-nav a:after{width: 100%;opacity: 1}

 .n-sc4 .con1{display: block;}
 .n-sc4 .con1 .con-l{width: 100%;padding:40px 20px;margin: 0}
 .n-sc4 .con1 .con-r{width: 100%; }
 .n-sc4 .con1 .con-l b{font-size: 20px;}
 .n-sc4 .con1 .con-l p{font-size: 14px;margin-top: 10px;}

 .n-sc4 .con3 .item{display: block}
 .n-sc4 .con3 .item .img{width: 100%}
 .n-sc4 .con3 .item .text{width: 100%;padding: 20px;}
 .n-sc4 .con3 .item .text:before{left: 0;top: 0;width: 100%}
 .n-sc4 .con3 .g_w .item:nth-child(2) .text{padding: 20px;}
 .n-sc4 .con3 .g_w .item:nth-child(2) .text:before{right: 0;top: 0;width: 100%}

 .n-sc4 .con4{margin-top: 40px;}
 .n-sc4 .con4 .g_w{display: block;margin-top: 40px;}
 .n-sc4 .con4 .con-l{width: 100%}
 .n-sc4 .con4 .con-l b{padding-top: 20px;}
 .n-sc4 .con4 .con-r{width: 100%;margin-left: 0;margin-top: 30px;}
 .n-sc4 .con4 .con-r ul li .text{padding-left: 20px;}

 .n-sc4 .con5{display: block}
 .n-sc4 .con5 .con-l{width: 100%}
 .n-sc4 .con5 .con-r{width: 100%;padding: 20px;}
 .n-sc4 .con5 .con-r .text{width: 100%}

 .n-sc4 .con6 .item{display: block;margin-top: 20px;}
 .n-sc4 .con6 .item .con-l{width: 100%}
 .n-sc4 .con6 .item .text{padding: 20px;}
 .n-sc4 .con6 .item .con-r{width: 100%;margin-top: 10px;}
 .n-sc4 .con6 .item .bg{width: 100%}
 .n-sc4 .con6 .g_w .item:nth-child(2){margin-top: 20px;}
 .n-sc4 .con6 .g_w .item:nth-child(2) ul{margin-left: 0}
 .n-sc4 .con6 .g_w .item:nth-child(3){margin-top: 20px;}
 .n-sc4 .con6 .g_w .item:nth-child(3) ul{padding-left: 0}
 .n-sc4 .con7{margin: 40px 0}
 .n-sc4 .con7 .top p{margin-top: 16px;}


 .n-sw1 .con1 .text span{font-size: 24px;}
 .n-sw1 .con1 .text p{font-size: 16px;}
 .n-sw1 .con1 .text b{font-size: 34px;}
 .n-sw1 .con1 .box a{margin-top:30px; }
 .n-sw1 .con1 .box{padding:7% 5%}

 .n-sw1 .con2 b{font-size: 24px;}
 .n-sw1 .con2 .list{display: block}
 .n-sw1 .con2 .item{width: 100%;margin-top: 20px;}

 .n-sw1 .con3{margin-top: 40px;}
 .n-sw1 .con4 .n-row .item{width: 100% !important}
 .n-sw1 .con4 .n-row .item>p{margin-top: 10px;}
 .n-sw1 .con10 .top b{font-size: 24px;}
 .n-sw1 .con10{padding: 40px 0}
 .n-sw1 .con10 .con{margin-top: 30px;}
 .n-sw1 .con5 .top b{font-size: 24px;}

 .n-sw1 .con5 .item{width: 100%!important;margin-top: 20px!important;}

 .n-sw1 .con7{margin-top: 40px;}
 .n-sw1 .con7 .title{font-size: 24px;}
 .n-sw1 .con7 .list{margin-top: 0;}
 .n-sw1 .con7 .item{width: 50%;margin: 20px 0 0 0;padding: 0 10px;}
 .n-sw1 .con7 .item img{height: 46px;}
 .n-sw1 .con7 .item b{font-size: 16px;}
 .n-sw1 .con7 .item>div{margin-top: 16px;}

 .n-sw1 .con8{margin-top: 40px;}
 .n-sw1 .con8 .item3{margin-top: 26px;}
 .n-sw1 .con8 .item3 .text{margin-top: 0;}
 .n-sw1 .con8 .item3 .text > div{margin-top: 20px;}
 .n-sw1 .con8 .item3 .text > div b{font-size: 24px;}
 .n-sw1 .con8 .item3 .text > div{font-size: 16px;}
 .n-sw1 .con8 .item3 .text > span{font-size: 24px;}
 .n-sw1 .con8 .item3 .img{width: 100%;margin-top: 30px;padding: 14px;}

 .n-sw1 .con9 .g_w .box{width: 100%}
 .n-sw1 .con9 .top > div{font-size: 16px;max-width: 100%}
 .n-sw1 .con9 .form input{height: 36px;line-height:36px;font-size: 14px;max-width: 100%;margin-top: 10px;}
 .n-sw1 .con9 .info >div>div span{font-size: 14px;}
 .n-sw1 .con9 .info >div>div span:nth-child(2){font-size: 16px;}
 .n-sw1 .con9 .info{display: block;width: 100%;}
 .n-sw1 .con9 .info >div{justify-content: flex-start}
 .n-sw1 .con9 .info > div:nth-child(1){margin-right: 0}
 .n-sw1 .con9 .info > div:nth-child(2){margin-top: 10px;}
 .n-sw1 .con9 .info img{height: 30px}

 .n-sw2 .con1 .top{margin-top: 40px;}
 .n-sw2 .con1 .top b{font-size: 24px;}
 .n-sw2 .con1 .top span{font-size: 18px;}
 .n-sw2 .con1 .top p{font-size: 14px;}
 .n-sw2 .con1 .list{display: block;margin-top: 40px;}
 .n-sw2 .con1 .list:before{display: none;}
 .n-sw2 .con1 .item{width: 100%;margin-top: 30px;}
 .n-sw2 .con1 .item .text{margin-top: 16px;}
 .n-sw2 .con1 .item b{font-size: 18px;}
 .n-sw2 .con1 .item p{font-size: 14px;margin-top: 10px;}

 .n-sw3 .con1 .box{display: block;margin-top: 30px;}
 .n-sw3 .con1 .con-l{width: 100%;padding: 20px;border: 0}
 .n-sw3 .con1 .list ul li .name{font-size: 16px;}
 .n-sw3 .con1 .con-r{width: 100%;height: 400px;margin-top: 10px}

 .n-sw3 .con1 .top{margin-top: 40px}
 .n-sw3 .con1 .top b{font-size: 24px;}
 .n-sw3 .con1 .top span{font-size: 18px;}

 /*.i-news .list .item a{display: block}*/
 .i-news .list .item .text{width: calc(100% - 120px);padding: 14px;}
 .i-news .list .item .img{width: 120px;margin-top: 0;}
 .i-news .list .item .text p{display: none}
 .i-news .list .item .text h4{font-size: 14px;    white-space: normal;}
 .i-news .list .item .text span{font-size: 12px;}
 .i-news .list .item:nth-child(1) a{flex-wrap: wrap;flex-direction:column-reverse}
 .i-news .list .item:nth-child(1) a .img{width: 100%}
 .i-news .list .item:nth-child(1) a .text{width: 100%}
 .i-news .list .item:nth-child(1) a .text p{display: block}
 .i-news .list .item{display: none}
 .i-news .list .item:nth-child(-n+4){display: block}
 .i-news .moreTo{margin-top: 20px;}

 .i-logo{padding: 10px 0}
 .f-top-c .info{margin-top: 0}
 .f-top-c>img{display: none}
 .f-top-c .text p:nth-last-child(1){display: none}


 .n-sc5 .con1 .g_w .con-l:before{width: 100%}
 .n-sc5 .con1 .g_w .con-l .text b br{display: block}
 .n-sc5 .con2 .top span{font-size: 20px;}
 .n-sc5 .con3{margin-top: 60px;}
 .n-sc5 .con4 .list{flex-wrap: wrap}
 .n-sc5 .con4 .item{width: 47%;max-width: initial;}
 .n-sc5 .con4 .item span{font-size: 16px}
 .n-sc5 .con4 .item p{font-size: 12px;}
 .n-sc5 .con4 .item img{height: 40px;}

 .n-sc5 .con5{margin-top: 60px;}
 .n-sc5 .con5 .g_w{display: block}
 .n-sc5 .con5 .g_w .con-l{width: 100%;padding: 20px; background: #ede8de;;}
 .n-sc5 .con5 .g_w .text{padding-top: 20px; font-size: 16px;}
 .n-sc5 .con5 .g_w .con-r{width: 100%; }

 .n-sc5 .con6 .top p{line-height: 1.6em;}
 .n-sc5 .con6 .con p{font-size: 16px;line-height: 1.6em;}
 .n-sc5 .con6 .con span{font-size: 12px;line-height: 1.4em;}

 .n-sc5 .con6 .list{margin-top: 30px;}
 .n-sc5 .con6 .item{display: block;margin-top: 10px;}
 .n-sc5 .con6 .item .con-l  {width: 100%}
 .n-sc5 .con6 .item .con-l:before{width: 100%}
 .n-sc5 .con6 .item .con-l .text b{font-size: 20px;padding-top: 20px;}
 .n-sc5 .con6 .item .con-l .text p{line-height: 1.6em}
 .n-sc5 .con6 .item .con-r  {width: 100%}


 .n-sc5 .con7{margin : 60px 0;}
 .n-sc5 .con7 .top p{line-height: 1.6em;}
 .n-sc5 .con7 .item1 .con-l .text p{font-size: 14px;}
 .n-sc5 .con7 .item2 p{font-size: 14px;}
 .n-sc5 .con7 .item3{margin-top: 30px;}
 .n-sc5 .con7 .item3 .con-r .text p{font-size: 14px;}

 .n-services1 .con6 .title img:nth-child(2){height: 50px;}
 .n-services1 .con7 .content{margin-top: 30px;}


 .i-banner-swiper{display: none}
 .i-banner-swiper-web{display: block}

 .i-cy .i-title p{font-size: 14px;margin-top: 10px;}
 .i-service .con-r ul li span{font-size: 14px;white-space: nowrap}
}
@media (max-width:600px){
 .f-top-c .code{width: 100%;margin-right:0 }
 .f-top-c .text{width: 100%;margin-top: 20px;}
 .n-pro .item .n_item_h1Info h4{font-size: 16px;line-height: 1.4em;}
 .n-pro .item .n_item_h1Info b{margin-top: 10px;font-size: 16px}
 .n-pro .item .n_item_h1Info span{margin-top: 10px}

 .n-pro-d-tj .list{display: flex;flex-wrap: wrap}
 .n-pro-d-tj .list .item{width: 100%;}

 .n-services4 .title img{height: 40px;}
 .n-services4 #citys{display: block}
 .n-services4 #citys select{width: 100%;margin-top: 10px;height: 36px;line-height: 36px;}
 .n-services4 #citys .btn{width: 100%;margin-top: 10px;height: 36px;line-height: 36px;}
 .n-sc1 .n-top .item{padding: 20px 0;margin: 40px 0;}
 .n-sc1 .n-top .item .g_w{display: block}
 .n-sc1 .n-top .item .con-l{width: 100%}
 .n-sc1 .n-top .item .text{height: auto; }
 .n-sc1 .n-top .item .con-r{width: 100%;margin-top: 20px;}
 .n-sc1 .n-top .item .con-r img{position: relative;transform: translateY(0)}

 .n-sc2 .item{width: 100%;margin-top: 30px;}

}

@media (max-width:500px){
 .n-title span{font-size: 20px;}

}


/*.qa_item{
	width: 100%;
}*/
.qa_item .n_item_h1Info{
	width: 100%;
}
.qa_top h3{	
    width: 70%;
}
.qa_iBox{
    width: 30%;
    text-align: right;
    color: black;
}
@media (max-width:600px){
	  .qa_iBox{
	  	width: 100%;
	  	  color: black;
    	  margin-top: 10px;
    	  text-align: left;
	  }
}
span.qa_more{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 6px;
}

.qa_item .n_item_h1Info a {
    padding: 20px 34px;
    background: #fff;

}

.qa .title:before {
    content: '';
    width: calc(100% - 77px);
    height: 1px;
    background: #cacaca;
    transform: translateY(26px);
}

.qa .title:after {
    transform: translateY(26px);
}

.qa_recommend_title{
	margin-top: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #0c0000;
    padding-bottom: 10px;
    border-bottom: 1px solid #959595;
    color: #c30f1b;
}
.qa_recommend_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.qa_recommend_item{
	min-width: 50%;
	color: black;
    margin-top: 16px;
    font-size: 16px;
}