body {
	display: block;
	width: 100%;
    overflow-x:hidden;
	margin: 0 auto;
	background: #FFF;
	transition: all ease-out 0.3s;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	font-family: Lato,PingFang SC,Hiragino Sans GB,STHeiti,verdana,arial,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    display: flex;
    flex-direction: column;
}
img {
    display: inline-block;
    border: none;
    /* vertical-align: baseline; */
    max-width: 100%;
}
.topname{line-height: 34px; color: rgba(255,255,255,0.9);background: url(/static/images/xyz.png) left center no-repeat; text-indent: 20px;}
/*---------------------------------//banner-----------------------------------*/
#banner_Main {
	position: relative;
	width: 100%;
	height: 470px;
	overflow: hidden;
    background-color: #FFF;
	/* text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat; */
}
/* #banner_Main:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(61,99,138,.5);
	z-index: 1;
} */

#bannerImg {
	position: relative;
	width: 100%; max-width: 1920px; margin: 0 auto;
	height: 100%;
	overflow: hidden;
	text-align: center;
	/* background-color: #f3f3f3; */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#bannerTxt {
	width: 100%; max-width: 1200px; 
    font-size: 18px;
	color: #fff;
	text-align: center;

    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	/* z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 80px; 
    letter-spacing: 8.5px;
	opacity: 0.5;
	font-family: "monts";
	font-weight: 400;*/

}

#bannerTxt h2 {
    font-size: 55px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 30px;
    position: relative;
}

#bannerTxt h2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: 50px;
    height: 1px;
    background: #fff;
}

#bannerTxt p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    opacity: 0.6;
}
#banner_Main:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}

/*---------------------------------//body-----------------------------------*/
.w{ width:100%; max-width:1620px; box-sizing: border-box;}
.bodyMain:after,.body:after,.contect:after,.content:after,.w1600:after{ content: ''; clear: both; display: block; font-size: 0;height: 0; width: 0;}
.bodyMain{width:100%; }
.body{ width:100%; max-width:1600px; box-sizing:border-box; margin:0 auto; }
.w1600{width:100%; max-width:1600px; box-sizing:border-box; margin:0 auto; }
.contect,content{ display:block; width:100%; /*float:left;*/ padding:0; margin:0;  }
.bg_color_F6{ background:#F6F6F6;}
.bg_FFF{ background:#FFF;}

.page_tile:after,.about_img:after{ content: ''; clear: both; display: block; font-size: 0; height: 0; width: 0;}
.page_tile{margin:60px 0 40px;}
.page_tile h3{font-size:40px;line-height:50px;text-transform:uppercase;position:relative;color:#34456e;margin:0 0 20px;font-weight: 550;}
.pgtil h3,.til h2{font-weight: 550;}
.page_tile h3:before{content:'';display:block;position:absolute;left:-80px;top:50%;width:40px;height:2px;background:#34456e;transition:all 0.3s ease-out 0s;}
.page_tile:hover h3:before{width:60px;}
.page_tile p{font-size:16px;font-weight:normal;line-height:25px;width:80%;opacity:0.8;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/*---------------------------------//公司介绍 -----------------------------------*/
.about_img{position: relative;}
.about_img_two{display: flex; justify-content:space-between;}
.about_img_two figure{width: 46%;}
.about_img:before{content:'';display:block;position:absolute;left:0;bottom:0;right:0;height:50%;background:#F7F7F7;    z-index: -1;}

.page_about_info {
    columns: 360px 3;
    column-gap: 60px;
    padding: 60px 0;
    font-size: 16px;
}
.pgaboinfide li { margin: 0 1%;}

.overview_card {position: relative; }
.overview_card:before{content:'';display:block;position:absolute;left:0;top:0;right:50%;height:50%;background:#F7F7F7;}
.overview_card ul {display: flex; background: #fff;}
.overview_card ul li {width: 25%; padding: 50px 50px 70px; background: #fff; min-height:220px; position: relative;  display: flex; flex-direction:column; box-sizing: border-box;}
.overview_card ul li::after {content:''; position: absolute; width: 1px;  background: #ddd; right: 0; top:15%; bottom: 10%;}
.overview_card ul li:first-child {background: url(/static/images/overview_card_bg.png) no-repeat bottom right #004098;}

.overview_card ul li:first-child::after,.overview_card ul li:last-child::after {display: none;}
.overview_card ul li:first-child .title {color: #fff;}
.overview_card ul li:first-child .content {font-size: 30px; font-weight: 700; color: #fff; line-height: 1.1;}
.overview_card ul li:first-child .content strong {font-size: 36px; font-weight: 700; color: #fff;}
.overview_card ul li .title {font-size: 24px; font-weight: 600; color: #333; margin-bottom: 30px;}
.overview_card ul li .content {font-size: 18px; font-weight: 500; color: #666;}
.overview_card ul li i {position: absolute; bottom: 20px; right: 50px; font-size: 64px; color: #AAA; opacity: 0.6;}

.pgaboinfcer li{margin: 0 1.5% 20px 0;    width: 12%; overflow: hidden; text-align: center;}
.pgaboinfcer li img{width: 100%; height: auto;}

/*---------------------------------//联系我们 -----------------------------------*/
.pgctcmap{    display: flex;    justify-content: space-between;}
.pgctcinf{ width: 48%; margin: 0;}
.pgctcinf h3{ width: 100%;box-sizing: border-box; background: #444; color: #FFF; padding: 7px; margin-bottom: 15px;}
.pgctcinf h2 { padding-left: 30px;}
.pgctcinf li{align-items: center;}


/*---------------------------------//产品 -----------------------------------*/
.pgtil h3, .til h2 { max-width: 1000px;}
.pgdf main{ max-width: 960px;width: 960px;}
.pgproinfheasli .swiper-pagination span{border-radius: 100%;}
.pgprooth li{margin: 0 1% 20px;}
.pgprolis a>div p {    max-height: 100px; overflow: hidden;}
.pgprolis a figure, .pgproinfheasli figure, 
.pgprooth li figure{border: 1px #CCC solid;}
.pgprooth li h4 {
    font-size: 14px;
    margin: 10px 0;
    line-height: 22px;
    height: 48px;
    overflow: hidden;
}
.pgproinfheasumtxt {opacity: 1;}
.pgsha {
    display: flex;
    flex-direction: column;
}
.pgsha a i{font-size: 20px;}
.pgsha a {
    margin: 0 0 10px 0;
    border: 1px solid #34456e;
    background: #FFF;
    padding: 5px 15px;
    width: auto;
    border-radius: 20px;
    color: #34456e;
}
.pgsha a:hover{
    border: 1px solid #C6A86C;
    background: #C6A86C;
    color: #FFF;
}



/*---------------------------------//新闻 -----------------------------------*/
.pgnewlis a figure {    flex: none;    max-width: 300px;}
.articleprevnext{background: #F3F3F3; padding: 10px;}
.infoprev{padding-bottom: 10px;}
.pgsdctc li {    align-items: center;}
dl.notice-panel {  display: inline-block;}
dl.notice-panel dd { width: 100%; display:flex; padding: 3px 0;}
dl.notice-panel i {
    display: inline-block;
    height: 3px;
    width: 3px;
    margin-right: 14px;
    margin-top: 11px;
    background: #ccc;
    overflow: hidden;
}
dl.notice-panel a {    display: inline-block;    color: #333;}
dl.notice-panel a:hover {text-decoration: underline;}


/*---------------------------------//售后服务 -----------------------------------*/
.pgserinfcon{margin: 0;}
.pgserinfcon li{position: relative;}
.pgserinfcon li ii{
    position: absolute;
    top: 30px;
    right: 30px;
    font-family: 'RobotoCondensed';
    font-size: 60px;
    line-height: 60px;
    color: #62c3d0;
}
.pgserinfcon h3{ padding-bottom: 10px;}
.pgserinfcon p{ padding-bottom: 5px;}

/*---------------------------------//foot -----------------------------------*/
.copsup a{cursor: pointer;}
.copsup a:hover{opacity:1; color:#fff;}
.Privacy_Policy{width: 100%; box-sizing: border-box; padding: 15px; font-size: 15px;}
.Privacy_Policy p{ padding-bottom: 15px; }

/*---------------------------------//首页 -----------------------------------*/

.newlis .swiper-slide{max-width: 375px; margin-right: 40px;}
.prolis .swiper-slide{max-width: 375px; margin-right: 40px;}
.newlis a figure{max-height: 300px; overflow: hidden;}
.newlis a>div h3{font-weight: bold;    height: 60px;    overflow: hidden;}
.solcla li a h3{font-weight: bold;    text-wrap: nowrap;    overflow: hidden;    max-width: 100%;}
.prolisinf a div span , .solcla li div span, .aboser>a span, .newlis a>div>div>span{    text-wrap: nowrap;}

@media (max-width:1620px){
    .w,.w1600{padding: 0 1%;}
    .cop { padding: 12px;}
    .vcodeimg { padding: 8px;    }
}

@media (max-width:1024px){/* MOBILE */

    .topname{display: none;}
    #banner_Main { height: 300px; }
    #bannerTxt h2 { font-size: 1.8em;}

    .w1600{width: 98%; margin: 0 1%;}
    .page_tile { margin: 1% 0;    }
    .page_tile h3 { font-size: 2em; margin: 0;}
    .about_img_two { justify-content: space-around;    }
    .page_about_info {
        columns: 1;
        column-gap: 0;
        padding: 25px 0;
        font-size: 1em;
    }
    .overview_card ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .overview_card ul li {
        width: 100%;
        min-height: 100px;
    }
    .overview_card ul li i {        bottom: 100px;    }
    .overview_card ul li::after {
        width: 80%;
        right: 10%;
        top: auto;
        bottom: 0;
        left: 10%;
        height: 1px;
    }
    .overview_card ul li:last-child::after {display: block;}
    .pgaboinfcer li {
        margin: 0 1.5% 20px 0;
        width: 48%;
 
    }

    .pgnewlis a figure {max-width: 100%;    }
    .pgserinfcon li ii{right: 1%;}
    .pgctcmap { flex-direction: column;    }
    .pgctcinf { width: 98%; margin: 1%;    }

    .pgaboinfide li { margin: 10px 1%;    }

}