@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500,700,900);
/*gloabl*/
*{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;}
:focus{outline: none;}
html{font-size: 14px;max-width: 1080px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td{line-height: inherit;}
body{background:#ffffff;color:rgb(51, 51, 51);font-size:100%;font-family:"Noto Sans SC","Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;line-height: 1.5;overflow-x: hidden;}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);color: #333333;-webkit-font-smoothing: antialiased;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0 none;}
input,img,select{vertical-align:middle;border:0;}
ol,ul,dl,dd,dt{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
del,ins,a{text-decoration:none;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
abbr,acronym{border:0;}
input{color:inherit;line-height:1.5;padding:.25em;border:0;}
input,button,select,textarea{outline:none;line-height:1.6; vertical-align:top;filter:chroma(color=#000000);}
textarea{resize:none;padding: 5px;}
img{max-width: 100%;vertical-align: middle;objec-fit: none;pointer-events: none;}
br{clear: both;height: 0;overflow: hidden;zoom: 1;}
*:after,*:before{transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s}
.absolute{position: absolute;}
.relative{position: relative;}


.ellipsis{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.line-1{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.line-2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.line-3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.line-4{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}

a,a:hover{color:inherit;text-decoration:none;}
.title{font-size: 131%;padding-bottom: 5px;display: block;}
.center{text-align: center}
.flex{display: flex;flex-direction: row;align-items: center;align-content: flex-start;justify-content: space-between;}
.flex-start{align-items: flex-start;align-content: flex-start;}
.flex-a{flex: 1 1 auto;}
.flex-1{flex: 1;}
.flex-2{flex: 1;}
.flex-3{flex: 1;}
.hide{display: none;}
.cr,.clear{clear: both;overflow: hidden;zoom: 1;height: 0;}
.q::after,.main::after{content:'';display: table;height: 0;overflow: hidden;zoom:1;clear: both;}
.btn,input,.wscnph-files,[type=button],button{cursor: pointer;background: #ffffff;border:1px solid #ffffff;border-radius: 3px;color: #666666;padding: 12px 25px;font-size: 105%;line-height: 1.1;display: inline-block;}
[type=text],[type=password],.input{padding-left: 15px;padding-right: 15px;}
.btn:hover,.wscnph-files:hover,input[type=button]:hover,button:hover{color: #fff;}
.input-warp{position: relative;}
.input-icon{display: inline-block;position: absolute;top: 3px;right: 3px;}
.left{float: left;}
.right{float: right;}
.cGray{color: #949292;}
/* .img img,*[class*="img"],*[class*="image"]{background: none;background: url(../img/err.png) no-repeat center;} */
.zcenter{left: 50%;top: 50%;transform: translate(-50%, -50%);}
*[class*="-title"],[class*="_title"]{font-size: 160%;font-weight: bold;}
*[class*="-desc"],[class*="_desc"]{font-size: 90%;color: #999999;}
.app{max-width: 1080px;margin: 0 auto;}
.m-10{margin: 10px !important;}
.m-15{margin: 15px !important;}
.m-20{margin: 20px !important;}
.m-b-10{margin-bottom: 10px !important;}
.m-l-10{margin-left: 10px !important;}
.m-r-10{margin-right: 10px !important;}
.m-t-10{margin-top: 10px !important;}
.m-b-15{margin-bottom: 15px !important;}
.m-l-15{margin-left: 15px !important;}
.m-r-15{margin-right: 15px !important;}
.m-t-15{margin-top: 15px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-l-20{margin-left: 20px !important;}
.m-r-20{margin-right: 20px !important;}
.m-t-20{margin-top: 20px !important;}
.m-b-25{margin-bottom: 25px !important;}
.m-l-25{margin-left: 25px !important;}
.m-r-25{margin-right: 25px !important;}
.m-t-25{margin-top: 25px !important;}

.main{margin-left:10px;margin-right:10px;margin-bottom: 10px;}

.timeline-container{position:relative;width:calc(100vw - 20px);margin: 0 auto 65px;}
.timeline-container::after{content:'';display:table;clear:both}
.timeline{width:100%}
.timeline-list{position:relative;width:100%;overflow:hidden;margin:0;padding:0}
.timeline-list-wrap{position:relative;top:0;left:0;display:block;transform:translate3d(0,0,0);transition:transform 1s cubic-bezier(.455,.03,.515,.955)}
.timeline-item{float:left;width:calc(100vw - 20px);height:auto;box-sizing:border-box}
.timeline-dots-wrap{position:absolute;bottom:0;width:100%;overflow:hidden}
.timeline-dots-wrap.bottom{bottom:-50px}
.timeline-dots-wrap.top{top:-50px}
.timeline-dots{margin:0;padding:0;position:relative;min-width:100%;height:100%;background:url(../image/timeline/timeline-bg.png) bottom repeat-x;transition:transform 1s cubic-bezier(.455,.03,.515,.955)}
.timeline-dots li{float:left;transition:all 1s cubic-bezier(.455,.03,.515,.955);list-style:none;text-align:center;overflow:hidden}
.timeline-dots li.slide-active button{color:#2972ca;font-size:15px}
.timeline-dots button{cursor:pointer;border:none;outline:0;color:#333;font-size:12px;padding-bottom:15px;background:url(../image/timeline/date-icon.png) bottom no-repeat;transition:all 1s cubic-bezier(.455,.03,.515,.955)}
.timeline-list{width:calc(100vw - 20px)}
.timeline-item{width:calc(100vw - 20px);height:auto;}
.timeline-image{}
.timeline-title{color: #0049a8;border-bottom: 1px solid #bfbfbf;font-size: 30px;padding: 5px 0;}
.timeline-summary{color: #000000;font-size: 20px;padding-top: 5px;}
.timeline-content{color: #2c2c2c;padding: 5px 0;font-size: 12px;}

.banner{overflow: hidden;}
/*page*/
.page{text-align: center;margin:25px;clear: both;padding:5px 10px;}
.page:empty{display: none;}
.page span,.page a{padding:3px 5px;font-family:Geneva,Arial,Helvetica,sans-serif;border:1px solid #ccc;display:inline-block;margin-right:5px}
.page span.current{color:#08a55e;}
.page span.pageher,.page span.current{border:0 none;}

.header{padding: 10px 0;}
.header-mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;height: 100vh;}
.header-menu{width: 110px;padding-right: 10px;}
.header-search{width: 80px;}
.header-logo,.header-title{padding: 0 15px;}
.header-logo{padding: 5px 140px 5px 20px;}
.home .header-logo{padding: 5px 80px;}
.header-menu-icon{display: block !important;height:38px;background: url(../image/menu-icon.png) no-repeat center;background-size: 20px;}
.header-menu-icon-close{display: block !important;height:38px;background: url(../image/menu-icon-close.png) no-repeat center;background-size: 20px;}
.header-search-icon{display: block !important;height:38px;background: url(../image/search-icon.png) no-repeat center;background-size: 20px;}
.header-open{color: #ffffff;background-color: #0049a8;margin: -10px 0;padding: 10px 0;position: relative;z-index: 9999;}
.header-open-content{padding: 0 22px 22px;position: absolute;z-index: 9999;background: #0049a8;width: 100%;overflow: hidden;}
.input-icon.header-search-icon{width: 20px;}
.header-open-content .input-warp{width: 100%;margin: 0 auto;}
.header-open-content .input{width: 100%;padding-right: 30px;}
.header-open-content-menu{padding-top: 15px;}
.header-open-content-menu li{border-bottom: 1px solid #7d7d7d;}
.header-open-content-menu li:last-child{border-bottom-width: 0;margin-bottom: -5px;}
.header-open-content-menu li a{margin: 5px 0;line-height: 36px;width: 100%;}
.open-menu-icon{display: inline-block;width: 20px;height: 20px;background: url(../image/icon-plus.png) no-repeat 0 0;background-size: contain;}

.banner .swiper-pagination-bullet{width: 15px;height: 15px;background-color: transparent;border: 3px solid #ffffff;}
.banner .swiper-pagination{width: auto;left: 50%;transform: translateX(-50%);padding: 3px 15px;background-color: rgba(0,0,0,0.35);border-radius: 20px;}
.grid{display: grid;grid-row: 1 3;grid-column: 1 3;/*grid-template-rows: repeat(3, 33.3333333%);*/grid-template-columns: repeat(3, 33.3333333%);}
.grid .col{display: block;}
.grid-col-2{display: flex;flex-wrap: wrap;}
.grid-col-2 .col{width: 50%;}
.grid-col-4{display: flex;flex-wrap: wrap;}
.grid-col-4 .col{width: 25%;}
.home-grid{text-align: center;margin-top: 5px;margin-bottom: -3px;}
.home-grid .col{margin: 0 3px 3px 0;background-color: #E5E5E5;}
.home-grid .col a{padding: 47px 0;display: block;}
.home-grid .col:nth-child(3n){margin-right: 0;}
.home-grid .text{display: block;}
.home-icon{display: inline-block;width: calc(100vw / 3 - 70px);height: calc(100vw / 3 - 70px);background-size: calc(100vw / 3 - 70px);background-repeat: no-repeat;}
.home-icon-1{background-image: url(../image/home-icon-1.png);}
.home-icon-2{background-image: url(../image/home-icon-2.png);}
.home-icon-3{background-image: url(../image/home-icon-3.png);}
.home-icon-4{background-image: url(../image/home-icon-4.png);}
.home-icon-5{background-image: url(../image/home-icon-5.png);}
.home-icon-6{background-image: url(../image/home-icon-6.png);}
.home-icon-7{background-image: url(../image/home-icon-7.png);}
.home-icon-8{background-image: url(../image/home-icon-8.png);}
.home-icon-9{background-image: url(../image/home-icon-9.png);}
.home-grid .col:hover,.home-grid .col.selected{background-color: #0049A8;color: #ffffff;transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-webkit-transition:all 0.35s ease 0s}
.home-grid .col.selected .home-icon,.home-grid .col:hover .home-icon{background-position: 0 100%;}

.banner-container{position: relative;}
.banner-container-image{position: relative;}
.banner-container-top{position: absolute;top: 20%;color: #ffffff;text-align: center;}
.banner-container-text-image{max-width: 45%;}
.banner-container-text{text-align: center;max-width: 85%;margin: 30px auto 0;font-size: 12px;}
.banner-container-text_line{content: "";display:block;margin:10px auto;width: 20%;height: 5px;background-color: #ffffff;}
.shili-banner-container .banner-container-text-image{max-width: 50%;}

.about-grid{margin: 15px 15px 5px;}
.about-grid .col{overflow: hidden;}
.about-grid .col{margin: 0 10px 10px 0;background-color: #E5E5E5;width: calc((100% - 10px)/2);}
.about-grid .col a{display: block;}
.about-grid .col:nth-child(2n){margin-right: 0;}
.about-grid .col:nth-child(1){border-top-left-radius: 10px;}
.about-grid .col:nth-child(2){border-top-right-radius: 10px;}
.about-grid .col:nth-last-child(1){border-bottom-right-radius: 10px;}
.about-grid .col:nth-last-child(2){border-bottom-left-radius: 10px;}

.about-wenhua-main{background: url(../image/about/wenhua/bg.jpg) no-repeat center bottom;background-size: contain;padding-top:50px;padding-bottom: 80px;}
.about-wenhua-title,.about-wenhua-summary{color: #0049a8;}
.about-wenhua-grid{margin: 0 13px;}
.about-wenhua-grid .col{position: relative;margin-bottom: 10px;}
.about-wenhua-grid-hover{display:none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.66);color: #ffffff;padding: 40px 10px 20px;}
/* .about-wenhua-grid .col:hover .about-wenhua-grid-hover{display: block;}
.about-wenhua-grid .col:hover .about-wenhua-grid-text{display: none;} */
.about-wenhua-grid-text{background-color: rgba(0,0,0,0.66);position: absolute;bottom: 0;left: 0;right: 0;color: #ffffff;font-size: 12px;padding: 2px 0;}
.about-wenhua-grid-hover-title{font-size: 13px;position: relative;}
.about-wenhua-grid-hover-title::after{content: "";display: block;width: 20%;height: 2px;overflow: hidden;background-color: #0049a8;margin: 3px auto;}
.about-wenhua-grid-hover-desc{font-size: 12px;color: #ffffff;}

.timeline-title,.fazhan-desc{font-family: Arial, Helvetica, sans-serif;}
.fazhan-desc{color: #0049a8;font-size: 12px;margin-bottom: 15px;}

.swiper-wrapper-box{display: block;width: 100%;position: relative;}

.menu-grid{margin: 15px 0 0;border-bottom: 1px solid #7d7d7d;position: relative;}
.menu-grid .swiper{--swiper-navigation-size:20px;font-size: 14px;margin: 0 20px;}
.menu-grid .swiper-wrapper-box{width: 100%;height: 100%;position: relative;overflow: hidden;display: flex;transition-property: transform;box-sizing: content-box;}
.menu-grid .swiper-wrapper{width: calc(100% - 40px);}
.menu-grid .swiper-wrapper a{display: block;padding: 5px;}
.menu-grid .swiper-button-prev{left: 0;}
.menu-grid .swiper-button-next{right: 0;}
.menu-grid .swiper-button-prev::after,
.menu-grid .swiper-button-next::after{font-size: 20px;}
.menu-grid .swiper-button-lock{display: flex;}
.menu-grid_selected{color: #0049a8;}
.menu-grid_selected::after{content: "";width:55%;height:0;overflow:hidden;display:block;margin: 0 auto;border-bottom: 2px solid #0049a8;position: relative;bottom: 0;}

.url_path{padding: 0 25px 0 10px;margin: 15px 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;;}
.path-icon{display: inline-block;vertical-align: middle;background: url(../image/path-loc.png) no-repeat 0 0;width: 17px;height: 25px;background-size: contain;}


.product-grid{margin: 15px 15px 5px;}
.product-grid .col{overflow: hidden;}
.product-grid .col{margin: 0 10px 10px 0;background-color: #E5E5E5;width: calc((100% - 10px)/2);}
.product-grid .col a{display: block;}
.product-grid .col:nth-child(2n){margin-right: 0;}
.product-grid .col:nth-child(1){border-top-left-radius: 10px;}
.product-grid .col:nth-child(2){border-top-right-radius: 10px;}
.product-grid .col:nth-child(3){border-bottom-left-radius: 10px;}
.product-grid .col:nth-child(4){border-bottom-right-radius: 10px;}
.product-grid .col:nth-child(5){width:100%;margin-right:0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.product-items-row .col{margin: 0 10px 5px 0;width: calc((100% - 10px)/2);background-color: #EEEEEE;}
.product-items-row .col:nth-child(2n){margin-right: 0;}
.product-items{display: block;}
.product-items-image{display: block;}
.product-items-title{display: block;font-size: 14px;padding: 3px 10px;}
.product-items-summary{display: block;margin: 0 10px 5px;font-size: 12px;color: #7d7d7d;}
.product-items:hover,.product-items:hover .product-items-summary{display: block;background-color: #004293;color: #ffffff;}
.product-info-top-image{width: 46%;}
.product-info-top-text{padding: 0 0 0 10px;}
.product-info-content-head{padding-bottom: 5px;margin: 10px 0;border-bottom: 1px solid #7d7d7d;font-size: 12px;}
.product-info-content p,.product-info-content img{line-height: 0;font-size: 0;}
.product-info-top-text-title{font-size: 14px;}
.product-info-top-text-summary{font-size: 12px;}

.active-items{margin-bottom: 44px;padding-bottom: 25px;border-bottom: 1px solid #7d7d7d;}
.active-items:last-child{border-bottom-width: 0;margin-bottom: 20px;}
.active-items-image{border-radius: 7px;overflow: hidden;}
.active-items-title{color: #0049a8;padding: 10px 0;}
.active-items-btn{background-color: #0049a8;color: #ffffff;padding: 8px 15px;margin-top: 25px;}

.news-items{margin-bottom: 25px;padding-bottom: 10px;border-bottom: 1px solid #f8f8f8;}
.news-items-read-row,.news-info-title{padding-bottom: 8px;border-bottom: 1px solid #f6f6f6;margin-bottom: 8px;}
.news-items-read{padding: 3px 15px;border: 1px solid #0049a8;color: #0049a8;}
.news-items-title{font-size: 16px;padding-bottom: 5px;}
.news-info-content{overflow: hidden;}

.service-vierify{padding: 0 15px;}
.service-vierify-phone{text-align: center;font-size: 35px;color: #0049a8;margin-top: 10px}
.service-vierify-phone a{display: block;}
.service-vierify-title{font-size: 14px;}
.service-vierify-title-btn{background-color: #0049A8;color: #ffffff;display: block;margin-bottom: 10px;text-align: center;}
.service-vierify-desc-btn{padding: 0 10px;}
.service-vierify-form{padding: 20px;background-color: #eeeeee;color: #0049a8;margin: 10px 0;overflow: hidden;border-radius: 10px;}
.service-vierify-form-item,.service-vierify-form-item_value{display: flex;justify-content: space-between;align-items: center;}
.service-vierify-form-item{margin-bottom: 10px;}
.service-vierify-form-item_label{padding-right: 15px;}
.service-vierify-form-item_value{flex: 1;}
.service-vierify-form_verCode,.service-vierify-form_code{background-color:#0049a8;color: #ffffff;box-shadow: inset #003d8c 8px 8px 5px;}
.service-vierify-form_verCode{width: calc(100vw - 40px - 30px - 15px - 56px);}
.service-vierify-form_code{width: 100px;margin-right: 3px;}
.service-vierify-form_img{width: 115px;height: 42px;cursor: pointer;pointer-events:inherit;}
.service-vierify-form-submit,.service-vierify-form-submit:hover{border: 1px solid #0049a8;color: #0049a8;padding-left: 45px;padding-right: 45px;margin: 15px auto;}
.region-items-row{margin-top: 10px;padding: 10px;}
.region-items-row .col{background-color: #eeeeee;border-radius: 10px;padding: 10px;margin-bottom: 10px;}
.region-col-row{display: flex;padding: 3px 10px;}
.region-col-row.cblue{color: #0049a8;}
.region-col-row_label{padding-right: 5px;}
.region-col-row_value{flex: 1;}
.region-search{margin: 0 15px;}
.region-search-item{margin-bottom: 10px;}
.region-search-text{border: 1px solid #0049a8;}
.region-search-btn{background-color: #0049a8;color: #ffffff;padding: 13px 25px;width: 100%;}
.region-search_label{width: 82px;margin-left: -3px;}
.region-search-text{width: 100%;}

.anli-items,.hezuo-items,.rongyu-items{padding: 5px;}
.anli-item-text,.rongyu-item-text{padding-top: 5px;text-align: center;}

.login-row{padding-left: 10px;}
.login-text{border: 1px solid #0049a8;margin-bottom: 5px;}
.layui-m-layercont{padding: 30px 10px !important;}

.region-search_value select{display: block;width: 100%;height: 44px;background-color: #eeeeee;}

.social-share a{z-index: 999999;}
.footer-share .social-share a{color: #A8A6A6 !important;border-color: #A8A6A6 !important;}

.footer{background-color: #333333;padding: 15px;margin-top: 5px;color: #ffffff;}
.tel-icon{display: inline-block;width: 25px;height: 25px;background: url(../image/tel-icon.png) no-repeat 0 0;background-size: contain;vertical-align: text-top;}
.tel-text{line-height: 25px;font-size: 22px;vertical-align: text-top;padding-left: 5px;}

.footer-share-icon{display: inline-block;width: 25px;height: 25px;background-repeat: no-repeat;background-size: contain;margin-left: 10px;}
.weibo-icon{background-image: url(../image/weibo-icon.png);}
.qq-icon{background-image: url(../image/qq-icon.png);}
.weixin-icon{background-image: url(../image/weixin-icon.png);}
.baidu-icon{background-image: url(../image/baidu-icon.png);}
.footer-copy{color: #8A8A8A;font-size: 12px;margin: 15px 5px;}