@charset "utf-8";

/**
 * @name: reset
 *
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,figure {margin: 0;padding: 0}
img {display: block;border: 0;width: 100%;max-width: 100%;}
:focus {outline: 0}
em,th {font-style: normal;font-weight: normal}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal}
input,button,textarea,select,option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
ol,ul,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}

/*新填*/
input,select,img {vertical-align: middle;border: none;outline: none;}
i {font-style: normal;}
span,i,em {display: inline-block;zoom: 1;}
a {text-decoration: none;color: #333;transition: all 0.36s ease;}
a:hover {text-decoration: none;color: #16A5EC;}

/**
 * @name: font
 *
 */

body {font: 14px/1.4286 "Microsoft YaHei", arial, helvetica, clean, sans-serif;color: #333;}

/* ======  clearfix  ====== */
.clear {clear: both;visibility: hidden;display: block;font-size: 0;line-height: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {*zoom: 1;}

/**
 * @name: public
 *
 */
.fl {float: left;}
.fr {float: right;}
.w1650{width: 1650px;margin: 0 auto;}
.wrapper {width: 1280px;margin: 0 auto;}

/* text */
.text-r {text-align: right;}

/* 只显示2行 */
.multiLine { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.7;}

/* head - title */
.header-main{padding-top: 58px;padding-bottom: 20px;text-align: center;}
.header-main .title{font-size: 34px;font-weight: 700;letter-spacing: 3px;}
.header-main .title span{color: #16A5EC;}
.header-main .sub{margin-top: 10px;font-size: 16px;color: #555;}
.white,.white .title,.white .sub{color: #fff;}

.position{margin-top: 20px;color: #666;}
.position .iconfont{font-size: 12px;font-weight: bold;color: #999;}
.position a:last-child{color: #16A5EC;}

/* font */
@font-face {font-family: "Metropolis";src: url("fonts/Metropolis-Regular.otf") format("embedded-opentype");font-weight: normal;font-style: normal}

.pdt20{padding-top: 30px;}
/**
 *
 *	@name: top - head
 *
 */

/* top */
.top {height: 25px;line-height: 25px;background: #111;}
.top i {margin-right: 5px;display: inline-block;width: 17px;height: 17px;background: url(../images/icon01.png) no-repeat;background-size: cover;vertical-align: middle;}
.top p {text-align: right;font-size: 12px;font-weight: 400;color: rgba(255, 255, 255, .8);}
.t-left_title{float: left;}
/* banner */
.banner-box{position: relative;}
.banner-box .section-bn-bottom{position: absolute;bottom: 0;width: 100%;background: rgba(255, 255, 255, 1);z-index: 1;}
.section-bn-bottom .ul-list {display: grid;grid-template-columns: repeat(4,1fr);}
.section-bn-bottom .ul-list .item a{display: block;padding: 28px 0 28px 24px;}
.section-bn-bottom .ul-list .item:hover a{color: #16A5EC;height: 100%;background: #FFFFFF;}
.section-bn-bottom .ul-list .item .icon{float: left;margin-right: 14px;}
.section-bn-bottom .ul-list .item .txt span{margin-bottom: 6px;font-size: 18px;font-weight: 400;line-height: 18px;}
.section-bn-bottom .ul-list .item .txt p{font-size: 13px;font-weight: 400;color: #333333;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 18%;}

.swiper-pagination2{margin-top: 20%;}
.swiper2>.swiper-pagination-bullets{bottom: 0;}

/* 成本 */
.g-cb{width: 100%;height: 680px;background: url(../images/index-img01.jpg) center no-repeat;}
.g-cb .header-main .title{text-shadow: 3px 6px 7px #262626;}
ul.m-cb{width: 50%;color: #fff;margin-top: 35px;text-align: center;}
ul.m-cb li{width: 90%;float: left;line-height: 40px;font-size: 18px;border-bottom: 1px dashed #707070;margin-bottom: 15px;padding-bottom: 15px;text-align: left;}
ul.m-cb li:last-child {border-bottom: 0px;}
ul.m-cb li p{font-size: 18px;color: #fff;}
ul.m-cb li p::before{display: inline-block;content: "";width: 55px;height: 44px;float: left;background-size: 40px;}
ul.m-cb li:nth-child(1) p::before{background: url(../images/cb-icon01.png) left center no-repeat;}
ul.m-cb li:nth-child(2) p::before{background: url(../images/cb-icon02.png) left center no-repeat;}
ul.m-cb li:nth-child(3) p::before{background: url(../images/cb-icon03.png) left center no-repeat;}
ul.m-cb li:nth-child(4) p::before{background: url(../images/cb-icon04.png) left center no-repeat;}
ul.m-cb li:nth-child(5) p::before{background: url(../images/cb-icon05.png) left center no-repeat;}

/* 我们的服务 */
.index-service{width: 100%;background: url(../images/pro-bg.jpg) no-repeat;background-size: cover;background-attachment: fixed;overflow: hidden;}
.searvice-wrap{margin-top: 30px;margin-bottom: 50px;overflow: hidden;}
.sear-left{width: 207px;height: 600px;background: url(../images/pro-left-bg.jpg) no-repeat;background-size: 100%;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.sear-left p{margin-top: 50%;color: #fff;line-height: 36px;}

.sear-right .item a{display: block;padding: 36px 51px 0 56px;height: 200px;background: #FFFFFF;border: 1px solid #DFE1E6;}
.sear-right .item a:hover{position: relative;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);z-index: 1;}
.sear-title{width: 97px;font-size: 16px;font-weight: bold;line-height: 24px;}
.sear-en-title{margin-top: 15px;margin-bottom: 15px;font-size: 14px;font-family: "Metropolis";color: #666;}

ul.sear-list li{padding: 0;}
ul.sear-list li:hover a{color: #fff;background-size: cover;z-index: 99999;}
ul.sear-list li .sear-en-title{transition: all 0.36s ease;}
ul.sear-list li:hover .sear-en-title{color: #eee;}
ul.sear-list li:hover .sear-bg01{background-image: url(../images/bg01.jpg);}
ul.sear-list li:hover .sear-bg02{background-image: url(../images/bg02.jpg);}
ul.sear-list li:hover .sear-bg03{background-image: url(../images/bg03.jpg);}
ul.sear-list li:hover .sear-bg04{background-image: url(../images/bg04.jpg);}
ul.sear-list li:hover .sear-bg05{background-image: url(../images/bg07.jpg);}
ul.sear-list li:hover .sear-bg06{background-image: url(../images/bg06.jpg);}
ul.sear-list li:hover .sear-bg07{background-image: url(../images/bg07.jpg);}
ul.sear-list li:hover .sear-bg08{background-image: url(../images/bg08.jpg);}
ul.sear-list li:hover .sear-bg09{background-image: url(../images/bg09.jpg);}

/* 我们的优势 */
.g-advantage{box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
.m-adv{padding-top: 25px; padding-bottom: 60px;overflow: hidden;}
.m-adv dl{position: relative; margin-bottom: 20px; box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);/* background: #fff; */padding:40px 25px;transition: all 0.36s ease;z-index: 2;}
.m-adv .num {font-size: 14px; font-family: "Metropolis";color: #16A5EC; /* background: linear-gradient(-45deg, #1391a5, #16a5ec);-webkit-background-clip: text;-webkit-text-fill-color: transparent; */font-weight: 700;letter-spacing: .2rem;margin-bottom: 10px;display: block;}
.m-adv dl dt{margin-bottom: 15px; font-size: 20px;}
.m-adv dl dd{color: #666;line-height: 2;font-size: 15px;}
.m-adv dl:hover{transform: translateY(-3%);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);background: #16A5EC;}
.m-adv dl:hover .num{}
.m-adv dl:hover .num,.m-adv dl:hover dt,.m-adv dl:hover dd{color: #fff;}

.m-adv>div{position: relative;padding-top: 15px;overflow: hidden;}
/* .m-adv>div .trans {width: 100%;position: absolute;height: 210px;transform: scale(1.06);background: hsla(0, 0%, 100%, 0);opacity: 0;transform-origin: 50% 50%;transition: transform .5s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1)}
.m-adv>div:hover .trans {opacity: .2;transform: scale(1)} */
/* 关于我们 */
.section-about{position: relative;background: url(../images/ser-bg2.jpg) no-repeat;background-size: cover;background-attachment: fixed;overflow: hidden;z-index: 1;}
.section-about .info{margin:30px auto 0;width: 80%;font-size: 16px;color: #fff;line-height: 2;}
.section-about .ab-btn{display: table;margin: 59px auto 52px;width: 230px;height: 59px;line-height: 59px;color: #fff;text-align: center;background: #16A5EC;}
.section-about .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: -1;}

/* index - 鹏程资讯 */
.section-news{padding-bottom: 63px;background: #f8f8f8;}
.news-wrap{overflow: hidden;background: #FFFFFF;border-radius: 5px;box-shadow: 3px 10px 16px 0px rgba(0, 0, 0, 0.1);}
.item-news-1{float: left;width: 499px;}
.item-news-1 .btn-wrap{padding: 18px 22px 14px 31px;border-bottom: 1px dashed #eee;overflow: hidden;}
.item-news-1 .btn-wrap div{float: left;	}
.item-news-1 .btn-wrap div a:first-child,.item-news-1 .btn-wrap div a:hover{margin-right: 6px;color: #16A5EC;border: 1px solid #16A5EC;}
.item-news-1 .btn-wrap div a{float: left;display: table;width: 80px;height: 26px;line-height: 26px;text-align: center;color: #666666;border: 1px solid #999999;}
.btn-wrap>a{float: right;color: #999;padding-top: 4px;}

.newstime,.news-list-wrap li i{width: 67px;font-size: 12px;font-family: "Metropolis";color: #999999;}
.news-top,.news-list01{padding: 18px 22px 14px 31px;}
.news-top .img img{float: left;margin-right: 23px;width: 107px;height: 75px;overflow: hidden;}
.news-top .info .title{margin-top: 4px;margin-bottom: 8px;font-size: 16px;line-height: 24px;overflow: hidden;}
.news-top .info .title i,.news-list-wrap li i{float: right;}
.news-top .info .desc{font-size: 14px;color: #999999;}

.news-list-wrap li a{display:block;padding-top: 18px;padding-bottom: 17px;font-size: 15px;line-height: 17px;border-top: 1px dashed #eee;overflow: hidden;}
.news-list01 li a::before{float: left;display: inline-block;content: "";width: 4px;height: 6px;background: url(../images/icon-triangle.png) no-repeat;vertical-align: middle;margin:0 12px 0 8px;}
.item-news-2{float: left;margin-top: 20px;padding: 0 39px 0 34px;width: 375px;border-left: 1px solid #ededed;}

.news-wrap .news-list-wrap li p{float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.item-news-2 .img{margin-bottom: 1px;}
.news-list02 li:first-child a{border-top: 0;}


/* 合作伙伴 */
.partner-list{display: grid;grid-template-columns: repeat(5,1fr);}
.partner-list li{transition: all 0.36s ease;border-left: 1px solid #eee;}
.partner-list li:nth-child(-n+10){border-bottom: 1px solid #eee;}
.partner-list li:nth-child(5n+1){border-left: 0;}
.partner-list li:hover{background: #FFFFFF;box-shadow: 2px 6px 16px 0px rgba(0, 0, 0, 0.1);}


/* 底部-广告-联系 */
.ft-contact{margin-top: 40px;height: 150px;background: url(../images/partner/ft-contact.jpg) no-repeat center;background-size: cover;}
.ft-contact .txt{margin-top: 50px;}
.ft-contact .txt span{font-size: 32px;/* font-family: PingFang SC; */}
.ft-contact .txt a{width: 124px;height: 39px;background: #16A5EC;border-radius: 2px;font-size: 14px;color: #FFFFFF;text-align: center;line-height: 39px;}
.ft-contact .txt a:hover{box-shadow:rgb(97, 205, 255) 0px 0px 18px inset;}

/* 友情链接 */
.links{background: #F8F8F8;}

.links ul{position: relative;padding: 21px 0 18px;overflow: hidden;border-bottom: 1px solid #fff;}
.links ul::after{position: absolute;bottom: 0;display: block;content: "";width: 100%;height: 1px;background: rgba(204, 204, 204, 0.5);}
.links ul li{float: left;font-size: 14px;margin: 0 5px;line-height: 26px;}
.links ul li a:hover,ul.ft-nav li a:hover{color: #222;}

/* 底部 */
.footer{padding: 31px 0 28px;background: #F8F8F8;}
ul.ft-nav li{float: left;margin: 0 5px;}
.links ul li a,ul.ft-nav li a,.ft-txt,.add-tel{color: #666;}
.ft-txt,.add-tel{margin-top: 15px;margin-left: 5px;}


/** =================
			@name: index - article
					=================*/
.index_art_wrap{margin-top: 50px;font-size: 16px;line-height: 2;}
.index_art_wrap h1{padding-bottom: 8px;font-size: 24px;}

/* =========  SEO 搜索引擎优化  ==========*/
.layout-margin {padding-top: 140px;}
.serart-wrap {}
.serart-con .title {text-align: center;border-bottom: 1px solid #eee;padding-bottom: 25px;}
.serart-con .title h1 {font-size: 30px;margin-bottom: 30px;line-height: 36px;}
.serart-item {width: 49%;float: left;margin-right: 2%;}
.ser_list li:nth-child(3n), .serart-item:nth-child(2n) {margin-right: 0;}
.serart-item .img {margin-bottom: 20px;}
.serart-item img {width: initial;margin: auto;display: block;}
.ser-info .en-tit {color: #ccc;font-size: 13px;font-family: "Metropolis";}
.line {width: 100%;border: 1px dotted rgba(153, 153, 153, 0.392);border-width: 1px 0 0;margin: 20px 0;}
.foot-tit, .service_info p.title, .ser-info span {font-size: 20px;font-weight: 600;}

/** =================
			@name: about
					=================  */
.ab-wrap .ab-txt{font-size: 14px;line-height: 2;}
.ab-wrap .ab-txt p{padding-bottom: 8px;color: #666;}


/** =================
			@name: contact
					=================  */
.contact-wrap{width: 1000px;margin: 30px auto 0;}
.contact-wrap ul{display: flex;flex-wrap: wrap;}
.contact-wrap li{padding: 2%;flex: 1;margin: 0 2%;border-radius: 5px;background: #fff;box-shadow: 0 0 10px 5px rgba(0,0,0,.05);}
.contact-wrap li img{display: block;margin: auto;width: 30%;}
.contact-wrap li .txt{margin: 30px 0 0;text-align: center;}
.map{margin-top: 50px;}


/** =================
			@name: news - list
					=================*/
.news-nav{display: table;margin:30px auto;}
.news-nav a{padding: 12px 30px;border: 1px solid #eee;background: #f8f8f8;margin:0 10px;font-size: 16px;border-radius: 4px;}
.news-nav a.active{background: #16A5EC;color: #fff;}
.news-box{margin-top: 50px;}
.news-box .ul-list .item{margin-bottom: 35px;}
.news-box .ul-list .item a:hover{color: initial;}
.news-box .ul-list .item .thumb {position: relative;margin-bottom: 20px;height: 220px;overflow: hidden;}
.news-box .ul-list .item .img img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat;background-size: cover;-webkit-transition: all .5s;}
.news-box .ul-list .item:hover img {transform: scale(1.1);}
.news-box .ul-list .item .img::before {content: "";top: 50%;left: 50%;width: 120px;height: 120px;margin: -60px 0 0 -60px;background: #fff;opacity: 0;border-radius: 50%;position: absolute;z-index: 1;}
.news-box .ul-list .item:hover .img::before {animation: gradient-rectangle 1s 1;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.86);}

@-webkit-keyframes gradient-rectangle {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		transform: scale(1, 1);
		background: linear-gradient(to top,
				rgba(255, 255, 255, 0),
				rgba(255, 255, 255, 0.6));
		background: -webkit-linear-gradient(to top,
				rgba(255, 255, 255, 0),
				rgba(255, 255, 255, 0.6));
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(3.8, 3.8);
		-moz-transform: scale(3.8, 3.8);
		transform: scale(3.8, 3.8);
		background: linear-gradient(to top,
				rgba(255, 255, 255, 0),
				rgba(255, 255, 255, 0.6));
		background: -webkit-linear-gradient(to top,
				rgba(255, 255, 255, 0),
				rgba(255, 255, 255, 0.6));
		opacity: 0;
	}
}
.ul-list .item .textBox .title{font-size: 18px;margin-bottom: 10px;min-height: 54px;line-height: 1.4;}
.ul-list .item .textBox .desc {font-size: 14px;line-height: 1.7;opacity: .7;margin-bottom: 15px;height: 46px;}

.ul-list .item .textBox .more {width: 100%;height: auto;display: flex;justify-content: space-between;opacity: .7;padding-top: 15px;border-top: 1px solid rgba(0, 0, 0, .1);}
.ul-list .item .textBox .more .read {width: 75px;display: flex;justify-content: space-between;align-items: center;line-height: 20px;}
.ul-list .item .textBox .more .time {font-family: 'Metropolis';}

.pagination{display: table;margin: 20px auto;}

/** =================
			@name: news - article
					=================*/
.article-top{width: 100%;/* background: #666; */padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #eee;}
.article-top h1{display: block;margin-bottom: 20px;line-height: 1.4;font-size: 40px;font-weight: bold;}
.artText span{padding-right: 28px;color: #666;font-family: "Metropolis";}

.article-body {width: 100%;line-height: 2;font-size: 16px;}
.article-body p{margin-bottom: 15px;}

.news-box .right img {display: block;width: 100%;max-width: 100%;}
.news-box .right .pic{position: relative;width: 100%;height: 180px;overflow: hidden;margin-bottom: 10px;}
.news-box .right h2 {display: block;line-height: 40px;font-size: 30px;border-bottom: 1px solid rgba(0, 0, 0, .05);padding-bottom: 10px;margin-top: 10px;margin-bottom: 15px;font-weight: 600;}

.list_news a {display: block;position: relative;margin-bottom: 15px;}
.list_news a .title {font-size: 16px;line-height: 1.6;border-bottom: 1px solid rgba(0, 0, 0, .05);padding-bottom: 10px;}
.list_news a .time {font-size: 14px;opacity: .7;font-family: 'Metropolis';margin-top: 5px;}

/* tags */
.article-tags {margin: 20px 0;}
.article-tags a {display: inline-block;margin-bottom: 5px;padding: 4px 10px;background-color: #f5f5f5;}
/* page */
.article-pages {width: 100%;height: auto;display: flex;border: none;border-top: 1px solid rgba(0, 0, 0, .05);background: white;padding: 2vw 0;}
.article-pages .next, .article-pages .prev {width: 48%;flex: 1;line-height: 20px;padding: 20px;box-sizing: border-box;display: block;}
.article-pages .next {direction: rtl;}
.article-pages .next .txt, .article-pages .prev .txt {font-size: 14px;padding-bottom: 1vw;}
.article-pages .next, .article-pages .prev {width: 48%;flex: 1;line-height: 20px;padding: 20px;box-sizing: border-box;display: block;}
.article-pages .prev .txt {font-size: 14px;padding-bottom: 1vw;}
.article-pages .next a, .article-pages .prev a {font-size: 20px;line-height: 1.6;font-weight: bold;}

/** =================
			@name: 网站建站
					=================*/
.web-mg {margin-top: 20px;}
.web-wrap{margin-top: 50px;}
.web-head .title{font-size: 48px;}
.web-head .entit{font-size: 32px;font-family: 'Metropolis';color: #dadada;font-weight: bold;text-transform: uppercase;}
.web-head .desc{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.web-gn span{font-size: 20px;font-family: 'Metropolis';}
.web-gn {width: 100%;display: table;font-size: 0;}
.web-gn li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 150px;margin-right: 9%;margin-top: 16px;}

.web-sec02{padding: 50px 0;margin: 50px 0 0;background: #f9f9f9;}
.web-sec02 ul li .iconfont{width: 96px;height: 96px;line-height: 96px;border: solid 1px #16A5EC;border-radius: 50%;color: #16A5EC;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;text-align: center;}
.web-sec02 ul li .tit {font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.web-sec02 ul li .txt {font-size: 14px;line-height: 26px;color: #999999;text-align: center;}

.web-bg{margin-top: 0;background: url(../images/about_bg.jpg) no-repeat 100% 100%;height: 764px;color: #fff;background-attachment: fixed;background-size: cover;z-index: -9;}
.web-bg .desc{color: #fff;}


/** =================
			@name: tag
					=================*/

.article-wrapper {display: flex;justify-content: space-between;margin-bottom: 44px;}
.left-content {width: 68%;background-color: #fff;padding: 32px 40px 0;overflow: hidden;}
.list-ul .list-item {position: relative;display: flex;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 30px}
.list-ul .list-item a {position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.list-ul .list-item .info {flex: 1}
.list-ul .list-item .info .title {font-size: 20px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px}
.list-ul .list-item:hover .title {color: #dc5f25}
.list-ul .list-item .info .desc {line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 18px;color: #999}
.list-ul .list-item>img {width: 200px !important;height: 118px !important;object-fit: cover;margin-left: 30px}
.list-ul .list-item .infomation {overflow: hidden;margin-bottom: 10px}
.list-ul .list-item .infomation p {font-size: 12px;color: #999;float: left;padding-right: 20px}

.right-content {width: 30%;overflow: hidden}
.right-item-box {background-color: #fff;padding-left: 20px;padding-right: 20px;box-sizing: border-box}
.right-item-box .box-title {padding-top: 10px;font-size: 16px;line-height: 40px;font-weight: 700;border-bottom: 1px solid #f3f3f3;overflow: hidden}
.right-item-box .box-body .article-item {position: relative;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.right-item-box .box-body .article-item:last-child {margin-bottom: 0}
.right-item-box-tag {margin-top: 20px;overflow: hidden}
.right-item-box-tag ul {margin-top: 15px}
.right-item-box-tag ul li a {float: left;background-color: #edecec;text-align: center;margin-right: 10px;margin-bottom: 10px;font-size: 12px;padding: 5px 9px;white-space: nowrap}
.pd-top {padding-top: 12px;}
.pd-bot01 {padding-bottom: 20px;}


/** =================
			@name: media
					=================*/
@media (min-width: 768px) {
	.txt-gw{font-size: 16px;line-height: 74px;font-weight: 600;}
	.top-nav-box {position: relative;width: 100%;background: #fff;box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.27);z-index: 999;}
	.logo {float: left;margin: 16px 0 0 0;}
	.navbar-default {height: 74px;background: transparent;}
	.navbar-header img {width: 138px;height: 36px;}
	.navbar-nav {margin-left: 38px;}
	.navbar-default .navbar-nav>li>a {position: relative;z-index: 999;margin-right: 10px;padding: 0 15px;font-size: 13px;color: #666;letter-spacing: -0.08px;line-height: 74px;}
	.navbar {width: 100%;float: left;margin-bottom: 0;min-height: 74px;border: 0;}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {color: #1aa8f4;background-color: transparent;}
	.navbar-default .navbar-nav>.active>a::after,
	.navbar-default .navbar-nav>li>a::after,
	.navbar-default .navbar-nav>li>a:hover::after {content: "";position: absolute;display: block;width: 100%;height: 3px;background: #1aa8f4;z-index: 999;top: 0;left: 0;opacity: 1;transform: translatey(0px);}
	.navbar-default .navbar-nav>.active>a::before,
	.navbar-default .navbar-nav>li>a:hover::before {content: "";position: absolute;display: block;width: 100%;height: 100%;z-index: -10;top: 0;left: 0;opacity: .2;background-image: linear-gradient(#1aa8f4, #fff);}
	.navbar-default .navbar-nav>li>a::after {transform: translatey(3px);bottom: 0;opacity: 0;transition: all 0.36s ease;}
}

@media (min-width: 960px){
	ul.sear-list li:nth-child(-n+6) a{border-bottom: 0;}
	ul.sear-list li:nth-child(3n-1) a,ul.sear-list li:nth-child(3n) a{border-left: 0;}
}

@media (min-width: 1200px){
	.container {width: 1280px;}
	.sear-left{float: left;}
	.sear-right{float: left;width: 1043px;}
}

@media (min-width: 1410px){
	.container {max-width: 1280px;width: 1280px;}
	.searvice-wrap{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);overflow: hidden;}
	.sear-left{float: left;}
	.sear-right{float: left;width: 1043px;}
}

@media (max-width: 1669px) {
	.w1650{width: 100%;}
	.navbar{width: initial;}
	.navbar-default .navbar-nav>li>a{margin-right: 0;}
	.txt-gw{display: none;}
}

@media (max-width: 1280px) {
	.sear-left{display: none;}
}

@media (max-width: 760px) {
	.wrapper,.w1650,.item-news-2,.item-news-1 {width: 100%;}
	.banner-box{margin-top: 50px;}

	.article-wrapper,.list-ul .list-item,.contact-wrap ul,.contact-wrap{display: block;width: 100%;}
	.left-content,.right-content{width: 100%;}
	.fl,.fr {float: initial;}
	.suspension,.txt-gw,.logo,.top,.links{display: none;}
	
	/* font */
	.header-main .title{font-size: 26px;}
	.header-main .sub{font-size: 14px;}
	.article-pages .next a, .article-pages .prev a {font-size: 14px;}
	.position a{font-size: 12px;}
	.artText span {font-size: 12px;opacity: .5;}
	.web-head .title{font-size: 32px;}

	/* nav */
	.navbar {width: 100%;position: fixed;margin-bottom: 0;z-index: 999;}
	.navbar-brand {float: initial;background-color: #fff;}
	.navbar-brand{padding:2px 15px 0;}
	.navbar-brand>img {max-width: 40%;}

	.drop-wrap a {display: block;padding: 10px 20px;}
	ul.sear-list li:nth-child(-n+8) a{border-bottom: 0;}
	.web-sec02 ul li,.contact-wrap ul li{margin-bottom: 20px;}
	.web-gn{margin-bottom: 20px;}
	.web-bg{height: 400px;}
	.web-sec03 .img,.ft-contact,.sear-left,.item-news-1,.section-bn-bottom .ul-list{display: none;}

	.article-top h1 {width: 100%;line-height: 1.5;font-size: 6vw;margin-bottom: 10px;}
	.section-about .info{width: 100%;font-size: 14px;}
	#top-fiexd{position: initial !important;}
	
	.g-cb {margin-top: 20px;width: 100%;height: 350px;background: url(../images/index-img02-1.jpg) top center no-repeat;}
	ul.m-cb{width: 100%;margin-top: 0;}
	ul.m-cb li {width: 100%;float: left;line-height: 30px;font-size: 15px;border-bottom: 1px dashed #707070;margin-bottom: 5px;padding-bottom: 5px;text-align: left;}
	ul.m-cb li p{font-size: 14px;}
	ul.m-cb li p::before {display: inline-block;content: "";width: 30px;height: 30px;float: left;background-size: 30px !important;}

}