@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2019.03.25
************************************************************************/
/*.pcDIV	{display: block;}*/
.mobileDIV {	display: none;}
/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {	display: block}
/* 灰度滤镜
.star img {    filter: grayscale(100%);    -webkit-filter: grayscale(100%);    transition: -webkit-filter 2s;    transition: filter 2s;} */
/* common */
* {	margin: 0;	padding: 0;}
html {	height: 100%}
div, h1, h2, h3, h4, h5, h6, p, form, label, input, img, span {	margin: 0;	padding: 0;}
ul, ol {	margin: 0;	padding: 0;	list-style-type: none;}
img {	border: 0;	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */}
body {
	display: block;
	width: 100%;
	max-width: 2200px;
	margin: 0 auto;
	background: #FFF;
	transition: all ease-out 0.3s;
	color: #666;
	font-size: 1em;
	line-height: 1.4;
	font-family: Arial, "Microsoft YaHei", "微软雅黑", "宋体";
}
a:link {	text-decoration: none;  color: #555;}
a:visited {	text-decoration: none;	color: #555;}
a:hover {	text-decoration: none;	color: #0B6ECA;}
a:active {	text-decoration: none;	color: #555;}
/*主色 #0c4ca3 = rgba(12,76,163,0.9)*/
.clear{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.txtCenter{ text-align:center!important;}
.txtleft{ text-align: left!important;}
.txt16{ font-size:16px!important;line-height:26px!important;}
.moree{ display:block; float:right; margin:6px 20px 0 0; border:0;}
.leftimg{ display:block; float:left; margin:0; padding:0; border:none;}
.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}
.none	{display:none !important}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel	{position:relative;}

/* tabel 全局 */
.tabelMain{ width:100%;
	margin: 32px auto 0;
    max-width: 900px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    position: relative;
}
.tabelMain th{  padding:7px 0; border-top: #d8d8d8 1px solid; position: relative;}
.tabelMain tr{  background:#FFF; }
.tabelMain tr td { text-align: center;  border-top: #d8d8d8 1px solid; padding:7px 4px; }
.tabelMain tr td:first-child { text-align:left; }
.tabelMain tr td:nth-of-type(2) {  background:#ECECEC; }


.tabelMessage{ float:left; width:100%; /*border-bottom: #666 1px solid;*/ }
.tabelMessage td{  border-bottom: #d8d8d8 1px solid; padding:10px 0;}
.tabelMessage tr:last-child td{  border-bottom:none;}
.tabelMessage .tdR{ padding-right:5%;}
.tabelMessage .tdone{border-top: #008BD2 2px solid;}


/* 表单与按钮 */
.btn:hover, .btn-quote:hover, .knop:hover {  text-decoration:none!important;}
	
/* 全局公共 */
.relative{ position:relative;}
.subtitle{display: block; width:100%; float:left;line-height: 2;  }
.til_left{ text-align:left !important; float:left!important;margin:auto;}

.zindex99{z-index:99; position: relative;}
.FFF_9{ color: rgba(255,255,255,0.9) !important;}
.FFF_8{ color: rgba(255,255,255,0.8) !important;}
.FFF_8 a{ color: rgba(255,255,255,0.8) !important;}
.FFF_8 a:hover{ color: rgba(255,255,255,0.95) !important;}
.fir_title{ width:100%; text-align:center; font-weight:normal; font-size:30px; line-height:40px; color:#333; padding-top:60px; text-transform : uppercase/*全字母大写*/;}
.sec_title{ width:100%; text-align:center; font-weight:normal; font-size:16px; line-height:30px; color:#555; padding-bottom:35px; }
.linep{ display:block; margin:7px auto; width:60px; height:2px; background:#0966CA; overflow:hidden; font-size:0; }
.linep_color{ background:#009746;  }
.marginBTM35{ margin-bottom:35px;}
.paddingBTM65{ padding-bottom:65px;}
.paddingBTM60{ padding-bottom:60px;}
.paddingBTM35{ padding-bottom:35px;}
.paddingBTM25{ padding-bottom:25px;}
.paddingBTM15{ padding-bottom:15px;}
.paddingBTM10{ padding-bottom:10px;}
.paddingTop65{ padding-Top:125px;}
.paddingTop45{ padding-Top:45px;}
.paddingTop35{ padding-Top:35px;}
.paddingTop25{ padding-Top:25px;}
.paddingTop15{ padding-Top:15px;}
.paddingTop10{ padding-Top:10px;}
.text_3{text-overflow:ellipsis; }/*需要配合<nobr>*/

input, button {
    outline: none;
    border: none;
}

/**********分页************/


#pages:after,.w:after,.pg-news-list:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
#pages {
	font-family: Arial, 宋体;
	padding: 10px 0 40px;
}
#pages:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.bottom_pages {
	width: 100%;
	float: left;
}
.pages_center {
	margin: 0px auto;
	text-align: center;
}
#pages a.a1 {
	background: #FCFCFC;

	padding: 4px 10px;
}
#pages a.hover {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #0071bc;
	border: 1px solid #e3e3e3;
	color: #FFF;
	text-align: center;
	padding: 0 10px;
}
#pages a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #666;
    padding: 4px 10px;
}
#pages a:hover {
background: #0071bc;
	color: #FFF;
	text-decoration: none;
}
#pages span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #0071bc;
    border: 1px solid #0071bc;
    color: #fff;
    text-align: center;
    padding: 4px 10px;
}


/***************首页banner***************/



.banner {
	height: 100%; width:100%;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
	color: #0359be;
}
.banner .swiper-slide {
	position: relative;
}
.banner .swiper-slide dl {
	position: absolute;
	width: 100%;
	left: 50%;
	margin-left: -600px;
	top: 450px;
	text-align: left;
	z-index: 9999;
}
.banner .swiper-slide h1 {
	color: #005ca1;
	font-size: 60px; font-weight:normal;
margin:20px 0 0px; line-height:2;
	position: relative;
}
/**.banner .swiper-slide h1:before {
	content: "";
	display: block;
	position: absolute;
	width: 70px;
	bottom: -50px;
	margin: 0 auto;
	height: 2px;
	background: #19499F;
	transition: all 0.3s ease;
}**/
.banner .swiper-slide a{ padding:10px 40px; background:#014DA2;color:#fff; float:left; margin-top:20px; font-size:14px;}
.banner .swiper-slide h2 {
	color: rgba(255,255,255,1);
	font-size: 18px;
	line-height: 1.8;
	font-weight: normal;
}
.banner .swiper-pagination {
 bottom:20px;
}
.banner .swiper-pagination-bullet {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #999;
	cursor: pointer;
	opacity: 0.2;
}
.banner .swiper-pagination-bullet-active {
	background: #0359be;
	opacity: 1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size: 60px;}
/**************首页内容***************/
#body_con {
	max-width: 1200px;
	margin: 0 auto;width:100%;
}
 .floor1{ width:100%; float:left;height:460px; box-sizing:border-box; overflow:hidden; margin-top:60px;}
 .floor1 .fl_about{ float:left; width:66%; height:100%;background:#F2F2F2; padding:40px 70px;box-sizing:border-box; }
 
 .floor1 .fl_about h1{color:#014DA2; font-size:45px; float:left; line-height:2; width:100%;}
 .floor1 .fl_about p{ color:#333; font-size:16px; line-height:2; width:100%;}
 
 .floor1 .fl_about a{background:#014DA2; border-radius:30px; padding:16px 60px; float:left; color:#fff; margin-top:20px;}
  
  .floor1 .fr_news{float:right; width:32%; height:100%; background:#014DA2;}
  
  
  .album-list-slide:after{ content:'';clear: both; display: block;	font-size:0;}
.album-list-slide {	width: 100%;max-width: 900px; height:100%; margin: 0 auto; display:block; }
.album-list-slide .swiper-container{height:100%;}
.album-list-slide .swiper-wrapper{ }
.album-list-slide .swiper-slide{max-height:100%; overflow: hidden; }
.album-list-slide .swiper-slide a:hover{}
.album-list-slide .swiper-slide a{ }
.album-list-slide .swiper-slide img{ width:100%;transition: all 0.3s ease 0s; max-height:280px; }
.album-list-slide .swiper-slide h3{ color:#fff; font-size:20px; padding:0 35px 60px;white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;}
.album-list-slide .swiper-slide p{color:#fff; font-size:16px; padding:25px 35px 10px; font-weight:100;}
/*底部圆点分页*/
.album-list-slide .swiper-pagination{ bottom:40px;  left:35px; }
.album-list-slide  .swiper-pagination-bullet {transition:all ease-out 0.3s;float:left;
    width: 16px;
    height: 16px;
    background: #fff;
    opacity: 0.2;
}
.album-list-slide .swiper-pagination-bullet-active {    background: #fff; opacity:1}


.case-pic { overflow: hidden; box-sizing: border-box;	position: relative; margin: 0 auto;
	width: 100%; max-width: 780px;
	height: 100%;max-height: 590px;
}
.case-pic .swiper-slide { box-sizing: border-box;padding: 5px;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.case-pic .swiper-slide img {
	width: 100%;
}


.case-pic .swiper-pagination-fraction {
    bottom: 10px;
    left: 50%;transform: translate(-50%,0);
    width: 100px;
    background: rgba(255,255,255,0.8);
    border-radius: 10px;
    padding: 5px 0;
}

.floor2{ width:100%; float:left;height:510px; box-sizing:border-box; overflow:hidden; margin-top:2%; margin-bottom:60px;}
.fl_fuwu{ float:left; width:34%; height:100%;background:#014DA2; padding:40px 70px;box-sizing:border-box; color:#fff; }

.fl_fuwu h1{ font-size:45px; color:#fff; line-height:2; padding-bottom:20px;}
.fl_fuwu a{  float:left;width:100%;font-size:20px; color:#fff; line-height:3; }


.fr_case{float:right; width:64%; height:100%;background:#F2F2F2;  padding:40px 70px;box-sizing:border-box; }
.fr_case h1{ color:#014DA2; font-size:45px; line-height:2;}
.fr_case ul{ width:100%; float:left; margin-top:30px;}
.fr_case ul li{ width:50%; float:left; margin-bottom:10px;}
.fr_case ul li a{ float:left; display:block; width:100%; position:relative;}
.fr_case ul li p{ height:98px; float:left; width:90px;}
.fr_case ul li p img{ float:left; }
.fr_case ul li h3{color:#014DA2; font-size:18px; font-weight:bold; float:left; position:absolute; bottom:40px; left:120px;}
.fr_case ul li i{ font-size:50px;}


#bodyMain:after,#body:after,#contect:after,.contect:after
{ content: ''; clear: both; display: block; font-size: 0;}


#bodyMain {
	width: 100%;
	background-size: cover; float:left; padding:40px 0;
}

#body {
	max-width: 1300px; 
	margin: 0 auto;
	padding: 40px 0 40px;
	box-sizing: border-box; width:100%;
}
/**********首页业务*************/

.yewu{ width:100%; float:left;margin:20px 0 0px;}
		.yewu li{ float:left; height:470px; box-sizing: border-box; width:32%; margin-right:2%; border-bottom:solid 1px #999; padding-bottom: 10px; position:relative}
		.yewu li:last-child{ margin-right:0; background-color: #fff; }
        .yewu li:last-child dl{ padding:70px 20px 0; height: 425px;box-sizing: border-box; }
        .yewu li:last-child dt{ font-size: 18px; padding-bottom:0px; line-height:1.6}
        .yewu li:last-child dd{ padding-bottom: 5px;}
        .yewu li:last-child span em{ padding-right: 20px;}
		.yewu li figure{margin-bottom:20px;overflow:hidden;}
        .yewu li p{position:absolute;z-index:9;padding:10px 15px; background-color: #999; font-size: 18px; color:#fff; top:0}
        
        .yewu li figure:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5) url(../images/view.png) no-repeat center center;opacity:0;transition:all ease-out 0.3s;}
			.yewu li figure img{width:100%;}
            .yewu li figure:hover img{transition: all ease-out 0.3s;
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);}
    .yewu li dt{font-size:20px;font-weight:normal;color:#272424;line-height:30px;transition:all ease-out 0.3s;overflow:hidden; 

        text-overflow:ellipsis;
        
        display:-webkit-box; 
        
        -webkit-box-orient:vertical;
        
        -webkit-line-clamp:2; padding-bottom:10px;}
				.yewu li dd{color:#888;line-height:25px; font-size:14px; line-height:2;overflow:hidden; 

                    text-overflow:ellipsis;
                    
                    display:-webkit-box; 
                    
                    -webkit-box-orient:vertical;
                    
                    -webkit-line-clamp:4; }
			
			
			.yewu li span{ margin-top:15px; width:100%;float:left;display:block;transition:all ease-out 0.3s; font-size:16px;}
			.yewu li span i{ float:left; font-style: normal; color:#666;}
            .yewu li span font{float:right; font-style: normal;}
            .yewu li span font:hover{ colro:#005ca1}
            .yewu li span em{float:right; font-style: normal; color:#7caacc; padding-left:10px;}
		.yewu li figure img{transform:scale3d(1.05, 1.05, 1);}	


/*****************首页关于我们*********************/
li, img {
    transition: all ease-out 0.3s;
}
/*.title{text-align:center;margin-bottom:40px;}
	.title h2{font-size:30px;line-height:40px;padding-bottom:13px;position:relative;color:#333;}
	.title h2:before{content:'';display:block;position:absolute;top:51px;left:50%;width:60px;height:1px;background:#ccc;transform:translateX(-50%);}
	.title h2:after{content:'';display:block;position:absolute;top:50px;left:50%;width:60px;height:4px;background:#005ca1;transform:translateX(-50%);}*/	
	/*.title p{font-size:14px;color:#999;margin-top:10px;text-transform:uppercase;}*/
    .newpro{ margin-top:-80px;}
    .newpro .fl{ float:left; width:20%;}
    .newpro .title{ text-align: left;}
    .newpro .title h2:after {
        left: 0;
        width: 60px;
        height: 3px;
        background: #005ca1;
        transform: none;
    }
    .newpro p{ color:#999999; font-size: 20px; padding:20px 0}
    .newpro .fr { float: right; width:80%}
    .newpro .fr ul{ float: right; width:100%}
    .newpro .fr ul li{ float:left; width:49%; margin:1% 1% 0 0;}
    .newpro .fr ul li:nth-child(2n){ margin-right: 0;}
    .newpro .fr ul li figure{ position: relative; float: left; width: 100%;}

    .newpro .fr ul li p{ position: absolute; top:0; padding:5px 10px; background-color:#999 ; color:#fff;z-index:9}
    .newpro .fr ul li h1{position: absolute; text-align: center; font-weight: normal;
        top: 0;
        line-height: 270px;
        left: 0;
        display: block;
        background-color: rgba(0,0,0,0.3);
        color: #fafafa;
        width: 100%;
        height: 100%;
        opacity:0;
        transition: all ease-out 0.3s;}
        .newpro .fr ul li:hover h1{ opacity:1;}

/**************首页合作商*****************/
.hezuo{ background-color: #fff; float: left; width: 100%;}
.hezuo .title{ text-align: unset;}
.hezuo .title h2{ float:left}  
.hezuo .title h2:after{content: '';

    left: 0;
    width: 60px;
    height: 3px;
    background: #005ca1;
    transform: none;}
.hezuo .title p{float:right;color:#999; font-size: 16px;}
.hezuo ul{float: left;
    width: 100%;
    margin-top:40px;
   /**  display: flex;
    justify-content: center;**/}
   /** .hezuo ul li{float: left;
    flex-grow: 1;
    margin-right: 30px;vertical-align: middle;}**/
    .hezuo ul li {float: left;
        margin: 20px 2% 20px 0;
        text-align: center;
        width: 18.4%;
        height: 60px;}
        .hezuo ul li:nth-child(5n) {
            margin-right: 0;
        }
    .hezuo ul li figure{line-height:60px; vertical-align: middle;}
    .hezuo ul li img{vertical-align: middle;}
    .hezuo ul li img:hover{transition: all ease-out 0.3s;
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: scale(1.03);}


/*************首页新闻****************/
.bgnews{background: url(../images/bg3.png); float:left; width:100%;}
.list-news{ float:left; width:100%;margin-top:20px}
.list-news ul{overflow:hidden;margin:40px -1% 40px;}
.list-news li{box-sizing:border-box;background:rgba(255,255,255,0.9);transition:all ease-out 0.3s;position:relative;padding:30px;border:1px solid #eee;float:left;width:31.3%;margin:0 1% 2%;}
    /* .list-news li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;} */
    .list-news li section{overflow:hidden;}
        .list-news li figure{float:left;overflow:hidden;margin-right:40px;}
            .list-news li figure img{height:200px;}
        .list-news li dl{}
        .list-news li dt{font-size:18px;line-height:30px; padding-top:20px}
        .list-news li dd{font-size:14px;color:#999;}
        .list-news li dd time{display:block;margin-bottom:10px;font-size:12px;}
        .list-news li dd:nth-of-type(2){overflow:hidden;height:40px;}
        .list-news li dd:nth-of-type(3) span{display:inline-block;border:1px solid #ccc;line-height:28px;padding:0 20px;font-size:12px;margin-top:20px;transition:all ease-out 0.3s;}
    .list-news li:hover dt{color:#0071bc;}
    .list-news li:hover img{transform: scale3d(1.05, 1.05, 1);}
    .list-news li:hover dd:nth-of-type(3) span{border:1px solid #0071bc;background:#0071bc;color:#fff;}

/*************foot*************/
#footmain:after, #foot:after, footbar:after, #footer:after{
	content: '';	clear: both;	display: block;	font-size: 0;
}
#footmain{width:100%; float:left;   padding:30px 0;   background:#005ca9;}
#footer{width:100%; max-width:1200px; margin:0 auto;}
#footmain .fl{ float:left;width:100%; font-size:14px; color:#fff; line-height:2;  text-align: center;}
#footmain .fl font{ padding-left:15px;}
#footmain .fl a{ color:#fff;transition: all .36s ease; padding-left:15px;}
#footmain .fl a:hover{ opacity:0.6;}
#footmain .fr{ float:right;text-align: center; margin-left:20px;
    color: #fff;
    font-size: 14px;}
#foot {
    width:100%; max-width:1200px; 
    margin: 0 auto;
    position: relative;
    padding: 15px 0;
    margin-top: 11px;
    border-top: #555 1px solid;
    color: #969697;
    font: normal 12px/24px Arial, "宋体";
}

#foot a {    color: #8c8c8c;    padding-left: 10px;}
#foot a:hover {    color: #FFF;}

/***********供应商及产品*************/
.supplier .list{overflow: hidden; } 
.supplier .list li{float: left; margin: 0 2% 50px 0; text-align: center; width:18.4%; height: 182px; } 
.supplier .list li:nth-child(5n){margin-right: 0; } 
.supplier .list li a{} 
.supplier .list li .img{width: 100%;height: 130px; line-height: 130px; overflow: hidden; background-color: #fff;} 
.supplier .list li img{vertical-align: middle; max-width: 80%;} 
.supplier .list li:hover img{transition: all ease-out 0.3s;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);}
.supplier .list li p{color: #999;line-height: 25px;height: 50px;margin-top: 10px; font-size: 16px;} 
.supplier .list li p font{color:#666; font-size: 18px;}
.supplier .list li:hover font {color:#005ca1} 

.procon{ width:100%;float:left; background-color: #fff; padding:40px; box-sizing: border-box;}
.procon .flimg{ float:left; width:35%}
.procon .flimg img{ float:left; width:100%}
.procon .frtxt{float:right; width:60%}
.procon .frtxt h1{font-size:26px;color:#005ca1;}
.procon .frtxt h3{font-size:16px;color:#333; font-weight: normal;}
.procon .frtxt p{font-size:20px;color:#666; padding-top:50px;line-height: 1.6;}
.pro_table{ float:left; width: 100%; }
.pro_table th{ font-weight: normal; border-top:solid 1px #005ca1;border-bottom:solid 1px #005ca1; color:#005ca1; font-size: 20px; padding:10px 0; margin-right:10px; text-align: left;vertical-align: top;}
.pro_table td{color:#333333; font-size: 18px;padding:10px 0;line-height: 1.8; border-bottom: solid 1px #c7c7c7; margin-right: 20px; text-align: justify; vertical-align: top;}
.pro_table td:nth-child(1){ width:18%;}
.pro_table td:nth-child(2){ width:18%;}
.pro_table td:nth-child(3){ width:15%;}
.pro_table td:nth-child(4){}

h2.tab_name{margin-top:40px; width:100%; padding:0 0 10px 10px; float:left;color:#005ca1; font-size: 20px;}
.pro_table td i{ padding:2px 5px; color:#ff0000; border:solid 1px #ff0000; font-size: 12px; font-style: normal; margin-top:-10px;}



/***********联系我们*****************/
.ul_contct:after,.div_just:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.ul_contct {
    float: left;
    width: 100%;margin:50px 0 50px;
}
.ul_contct li {
    float: left;
    width: 25%; margin-right:3%; box-sizing:border-box;
    padding: 38px 30px 30px;
    border: 1px solid #e3e3e3;
}
.ul_contct li:last-child {
    width: 44%;
    margin-right: 0;
}
.ul_contct li h5 { color:#333;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}
.ul_contct li h5 span {
    float: left;
    width: auto;
    margin-right: 40px;
    padding-right: 60px;
    position: relative;
}
.ul_contct li h5 span:before {
    position: absolute;
    right: 0;
    bottom: 4px;
    height: 1px;
    width: 50px;
    content: "";
    background-color: #333;
}
.ul_contct li p {float: left;    padding-top: 19px;}
.ul_contct li em {
    float: left;
    width: 100%;
    color: #666;
    text-align: left;
    font-size: 0.95em; line-height:2;
    font-weight: normal;
    font-style: normal;
}

#map{ margin-bottom:60px; float:left; width:100%;}



.map1{width:100%; float:left; border-bottom: solid 1px #d0d0d0; padding: 0  0 50px;}
.map1:nth-child(2){border-bottom: none; padding-top:50px;}
.map1 .flmap{width:50%; float:left;}
.map1 .frtxt{width:45%; float:right; text-align: center;}
.map1 .frtxt h1{color:#666666; font-size:30px; padding:80px 0 50px; font-weight: normal;}
.map1 .frtxt p{color:#666666; font-size:18px; line-height:2.2;}


.feedback{ float:left; width:100%; margin:50px 0;}
.feedback .fl{ float:left; width:40%; text-align: left;}
.feedback .fl h1{color: #333;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.6;
    padding-bottom: 50px;}
.feedback .fl p{ color:#999999; font-size: 16px;}

.feedback .fr{ float:left; width:60%;}
.feedback .fr .title h2 {
    float: left;
}
.feedback .fr .title h2:after {
    content: '';
    left: 0;
    width: 60px;
    height: 3px;
    background: #005ca1;
    transform: none;
}
.feedback .fr .title p {
    float: right;
    color: #999;
    font-size: 16px; line-height: 50px;
}



.right_form{ margin-top:50px;    float: left;
    width:100%;}
.right_form p {
    float: left;
    width: 48%; margin-right: 4%;
    position: relative;
    margin-bottom: 20px;
}
.right_form  p:nth-child(5){   width:100%}
.right_form  p:nth-child(2n){    margin-right: 0;}
.right_form .inputtxt { background-color:unset; font-family:Arial, Helvetica, sans-serif;
    float: left;
    width: 100%;
    text-align: left;
    min-height: 35px;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 14px 0px 15px;
    text-transform: capitalize;
    outline: none;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border-bottom: 1px solid #c8c8c8; color:#666; font-size: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.right_form .inputent{ height:120px;background-color:unset;  color:#666; font-size: 20px; outline: none; border: none;border-bottom: 1px solid #c8c8c8;}
.right_form .inputtxt:focus {    border: 1px solid #005ca1;}
.right_form .send { cursor:pointer;
 margin-top:20px;

    color: #fff; background:#3c3c3c;
    border: none;
    font-size:18px; height:50px;
   float: left;
    line-height: normal;
    padding: 12px 40px 12px;
    text-transform: uppercase; width:120px; box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;transition: all ease-out 0.3s;
}
.code_p{ }
.right_form .send:hover { background:#005ca1;}
.right_form  .txt { 
   margin-top:20px; margin-left:30px;
    height: 50px;
    padding: 10px 40px 10px 0;
    box-sizing: border-box; background-color:unset; 
    border-bottom: 1px solid #c8c8c8; color:#666; font-size: 20px;
    line-height: 50px;
}
.vcode {
    position: absolute;
    top: 25px;
    right: 0px;
}
.vcode img {
    height: 40px;
}

/*************关于我们**************/
.about{ width:100%;float:left; margin-top:50px;}
.about .fl{width:50%;float:left; overflow: hidden;}
.about .fl:hover img{transition: all ease-out 0.3s;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
    .about .fl img{ float:left;}
.about .fr{width:50%;float:right; position: relative; padding:0 79px; box-sizing: border-box;}
.about .fr:after{content: '';
    display: block;
    position: absolute;
    background: #ececec;
    left: -100px;
    width: 100%;
    height: 780px; padding:0 100px 0 0 ;
    top: -50px; z-index:-1;}
.about .fr p{color:#333333; font-size: 20px; line-height:1.7; padding-bottom: 28px; text-align: justify;}
.culture{background-image: url(../images/about_bg.jpg);
    padding-top:20px; 
     float: left;
     width: 100%;
     background-size: cover;}
   .cul1{ float: left; width: 100%; margin-top:20px}  
   .cul1 li{  float: left;width:23%; margin-right: 2.666%; background-color: rgba(0,0,0,0.3); color:#fff; padding:40px 20px; box-sizing: border-box; text-align: center;}
   .cul1 li:last-child{ margin-right: 0;}
   .cul1 li h1{ font-size:26px; border-bottom: solid 2px #fff; width:100%; padding-bottom: 20px; }
   .cul1 li p{ font-size:20px;padding-top: 20px; line-height: 1.6;}
  
   .cul2{ width:100%; float:left; margin:80px 0 60px; text-align: center;color:#fff;}
   .cul2 h2{ font-size:26px;width:100%; padding-bottom: 20px; position: relative; }
   .cul2 h2:after{content: '';
     display: block;
     position: absolute;
     top: 50px;
     left: 50%;
     width: 250px;
     height: 2px;
     background: #fff;
     transform: translateX(-50%);}
   .cul2 p{ font-size:20px;padding-top: 20px;line-height: 1.6;}
 
 
   .cul3{ width:100%; float:left; margin:40px 0; text-align: center;color:#fff;}
   .cul3 h2{ font-size:26px;width:100%; padding-bottom: 20px; position: relative; }
   .cul3 h2:after{content: '';
     display: block;
     position: absolute;
     top: 50px;
     left: 50%;
     width: 250px;
     height: 2px;
     background: #fff;
     transform: translateX(-50%);}
 
   .cul3 ul{ float: left; width: 100%; margin-top:30px}  
   .cul3 ul li{  float: left;width:32%; margin-right: 2%;  color:#fff; padding:20px 0; box-sizing: border-box; text-align: left;}
   .cul3 ul li:nth-child(3n){ margin-right: 0;}
   .cul3 ul li h1{ font-size:20px;  width:100%;  }
   .cul3 ul li p{ font-size:16px;padding-top: 10px;padding-bottom: 10px; line-height: 1.6;border-bottom: solid 1px #fff;}

   .media-list-slide:after{ content:'';clear: both; display: block;	font-size:0;}
   .media-list-slide {	width: 1340px; margin: 0 auto;  margin-bottom: 30px;}
   .media-list-slide .swiper-container{padding:0 50px;}
   .media-list-slide .swiper-slide{ box-sizing:border-box; padding: 0 15px; }
   .media-list-slide .swiper-slide figure{ width: 100%; height:260px;position:relative; overflow: hidden;  }
   .media-list-slide .swiper-slide p{position: absolute;
       top: 0;
       line-height:260px;
       left: 0;
       display: block; 
       background-color: rgba(0,0,0,0.3); 
       color:#fff;
       width: 100%;
       height: 100%;
       filter: alpha(opacity=90);
       -moz-opacity: 0.9;
       opacity:0.9;
       transition: all ease-out 0.3s;}
       .media-list-slide .swiper-slide a:hover p{ opacity: 0;}
   .media-list-slide .swiper-slide figure img{ width:100%; min-height:100%;transition: all 0.3s ease 0s; }
   /***.media-list-slide .swiper-slide a:hover img{ transform: scale(1.05);}***/
   .media-list-slide .swiper-slide a{display: block;text-align: center;  overflow: hidden;transition: all 0.3s ease 0s;font-size: 18px;    line-height: 35px; }
   
   .media-list-slide .swiper-button-next,
   .media-list-slide .swiper-button-prev{
   top: 0;
   bottom: 0; height:100%; margin-top:0;
   transform: translateY(0%);
   background: #FFF;
   width:50px;
   font-size: 50px; outline: none;
   }
   .media-list-slide .swiper-button-next{right:0;}
   .media-list-slide .swiper-button-prev{left:0;}
   
   .media-list-slide .swiper-button-next i,
   .media-list-slide .swiper-button-prev i{
   width: 50px;
       height: 50px;
       background: #7a9fb2;
       text-align: center;
       border-radius: 100%;
       font-size: 36px;
       line-height: 50px;
       top: 50%;
       position: absolute;
       margin-top: -25px;
       color: #FFF;
   }

/***********搜索************/
.search_top{ width:100%; float: left; background-color: #f7f7f7;}
.search_top ul{ max-width:1200px; width:100%; margin:0 auto;}
.search_top ul li{ float:left;width:20%;margin:20px 2% 20px 0;line-height: 42px; border:solid 1px #c7c7c7; color:#999; font-size: 20px; padding:0 10px; box-sizing: border-box;}
.search_top ul li a{ float:left;width:100%;}
.search_top ul li.on,.search_top ul li:hover {border:solid 1px #005ca1;color:#005ca1; }
.search_top ul li.on a,.search_top ul li:hover a{color:#005ca1; }
.search{ padding:0 !important;}
.search .procon{ padding:0}




/**************内页*********************/
.pgservicebanner {
    height: 460px; 
    background: url(images/banner_fuwu.jpg) no-repeat center center;position:relative;
}
.w {
    margin: 0 auto;
    max-width: 1300px; width:100%;
}
.pgbanner h2 {
    position: absolute; bottom: 20px; 
    font-size: 20px; color:#fff; font-weight: normal;
    line-height: 60px;

}
.location {
	width: 100%;
	height: 25px;
	line-height: 25px; opacity:0.5; 
}
.location span {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	color: #fff;
}
.location span:before {
	position: absolute;
	top: 0;
	left: 7px;
	font-family: 'FontAwesome';
	content: "\f105";
}
.location span:nth-of-type(1):before {
	position: absolute;
	top: 0;
	left: 0px;
	font-family: 'FontAwesome';
	content: "\f015";
}

.w1200{max-width:1200px; width:100%;
    margin: 0 auto;
    position: relative;  min-height:380px;}
	
	
	
	
	/**************关于我们***************/
	.pgguide{/*background:#f4f4f4;*/line-height:70px; border-bottom:solid 1px #efefef;}
.pgguide .w:after{content:'';display:block;clear:both;}
	.pgguideposition{float:left;font-size:18px; font-weight:bold; color:#333; }
	.pgguideposition font{color:#ddd;}
		.pgguideposition strong{}
		.pgguideposition a{}

		
	.pgguidenav{float:right;}
		.pgguidenav ul{}
		.pgguidenav li{float:left;margin-left:1px;}
		.pgguidenav li a{display:block;padding:0 30px; font-size:14px;}
		.pgguidenav li a:hover,.pgguidenav li a.on{color:#2397d4;background:#fff;}




	  .pg-about-img{ float:left; width:48%;}
  .pg-about-img figure img{width:100%;}
  
.fr_txt{ float:right; width:46%; }
.fr_txt h1{color:#666; font-weight:normal; font-size:30px; position:relative;padding-bottom:20px;}
.fr_txt h1:after {
    content: '';
    display: block;
    position: absolute;
    top: 60px;
    left: 30px;
    width: 60px;
    height: 3px;
    background: #005ca1;
    transform: translateX(-50%);
}
.fr_txt h2{color:#333; font-size:20px; line-height:2; margin:20px 0 30px;}
.fr_txt p{color:#333; font-size:15px; line-height:1.8; font-weight:normal; margin-top:20px;}



/***************新闻列表************************/

 .pg-nav{margin-bottom:30px;}
		.pg-nav a{display:inline-block;line-height:40px;padding:0 30px;background:#eee;margin:0 10px 10px 0; font-size:14px;}
		.pg-nav a:hover,.pg-nav a.on{background:#1e8ac9;color:#fff;}
		
		
 ul.news_tbg_ul{ float:left; padding:0px 0; width:100%; margin:0px 0 20px;}


 .news_tbg_li {
 width:100%; box-sizing:border-box;
    overflow: hidden;
    margin-bottom: 15px;  background-color: #fff; border:solid 1px #fff;box-sizing: border-box;transition: all ease-out 0.3s;
}
.news_tbg_li:hover{ border:solid 1px #aaa; box-sizing: border-box;transition: all ease-out 0.3s;}
.news_tbg_li figure{width:35%;float:left; overflow: hidden;}
.news_tbg_li figure img{ float:left; width:100%;}
.news_tbg_li  figure:hover img{transition: all ease-out 0.3s;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.news_tbg_div_left {
padding:40px 0px 40px 0; width:calc(15% - 1px); box-sizing: border-box;
    float:right;
}
 .news_tbg_left_top { padding-top:70px;
    display: block;
    line-height: 1;
    text-align: center;
 color:#999; 
    font-size: 60px;

 
}
 .news_tbg_left_bottom {
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    color:#999; 
}
.news_tbg_div_right {
    float: left;
   padding:40px ; box-sizing: border-box;
    width:50%;
}
 .news_tbg_div_right h2 {
  line-height:1.5;
    font-size: 24px;

    color: #333;
    transition: all 0.3s;white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;
}
  .news_tbg_li:hover .news_tbg_div_right h2{  color:#005ca1;  transition: all 0.3s; }
.news_tbg_div_right p {display: block; float: left;
    line-height:1.7; margin:20px 0;
    color: #333; font-size:18px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.news_tbg_div_right span {color:#999;}
.news_tbg_div_right span i{ color:#80aed0;}

.news_tbg_li line{ float: left;
    width: 1px;
    height: 210px;
    background-color: #e7e7e7;
    margin: 40px 0;
    box-sizing: border-box;}
/************新闻详情****************/

 .pg-article-main{float:left;box-sizing:border-box;padding:50px;margin-bottom:20px; background-color: #fff; width:100%}
		.pg-article-info{margin-bottom:0px;}

			.pg-article-infohead{padding-bottom:20px; border-bottom:solid 1px #e7e7e7}
				.pg-article-infohead h1{font-size:20px;line-height:30px; text-align:center; color:#333333; font-weight:normal; font-size: 30px;}
				.pg-article-infohead p{font-size:16px;color:#999;margin-top:20px; text-align:center}
				.pg-article-infohead p span,.pg-article-infohead p time{margin-right:10px;}

			.pg-article-slide{overflow:hidden;margin-bottom:30px;}
				.bigimg{margin-bottom:10px;}
					.bigimg img{width:100%;}
				.smallimg{}				
					.smallimg figure{overflow:hidden;height:90px;}
					.smallimg img{width:100%;height:100%;}

			.pg-article-infomain{ padding-top:20px;}
.desc{ background:#f5f5f5; color:#888; font-size:16px; float:left; width:100%; line-height:30px; margin-bottom:20px; padding:10px 10px 10px 0; text-indent:2em;}
			.edit{line-height:200%;font-size:16px; color:#333;text-align: justify;}
			.edit p{ padding-bottom:10px;text-align: justify; text-indent: 2em;;}
				.edit img{max-width:100%;}
			.infoprevnext{overflow:hidden;padding:20px 0;line-height:30px;}
				.infoprevnext p{    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;}
			.infotags{background:#eee;padding:10px;margin-bottom:30px;font-size:12px;}
				.infotags strong{margin-right:10px;}
				.infotags a{margin-right:10px;color:#666;}
			.inforelated{}
				.inforelated h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
				.inforelated h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#005ca1;}
				.inforelated ul{}
				.inforelated li{line-height:30px;}
				
				
				
				#PREVIOUS_NEXT {
	min-height: 50px;
	float: left;
	position: relative;
	width: 100%; font-size:16px;
	overflow: hidden;

}
#PREVIOUS_NEXT i {
	color: #bbb;
	padding-right: 5px;
}
.PREVIOUS {
	height: 35px;
	overflow: hidden;
}
.PREVIOUS a, .NEXT a {
	color: #666;
}
.PREVIOUS a:hover, .NEXT a:hover {
	color: #0a62c8;
}
.NEXT {
	height: 35px;
	overflow: hidden;
}





/**********联系我们**************/
.con{ float:left; width:100%;}
.pg-contact-info-list{margin:0 -1% 90px;overflow:hidden;}
				.pg-contact-info-list section{float:left;width:28%;margin:0 1%;box-sizing:border-box;padding:30px 0;text-align:center; background:#fafafa; height:255px; border-bottom:solid 6px #19499F; position:relative;}
				.pg-contact-info-list section:last-child{width:38%;}
				.pg-contact-info-list figure{margin-bottom:20px;text-align:center;}
				.pg-contact-info-list figure i{font-size:50px; height:60px; color:#19499F;}
					.pg-contact-info-list figure img{height:60px;}
				.pg-contact-info-list section h3{color:#091D3E; font-size:24px;}
				.pg-contact-info-list section h5{color:#091D3E; font-size:20px; font-weight:normal; line-height:60px; padding-top:20px;}
			/*	.pg-contact-info-list section:last-child h5{line-height:30px; }*/
				
		
				
			.pg-contact-main{padding:40px; float:left; width:100%; margin-bottom:100px; box-sizing:border-box;}
		.pg-contact-main-title{margin-bottom:40px;text-align:center;}

			.pg-contact-main-title p{font-size:14px;color:#555; padding-top:30px; }
		.pg-contact-main-form{height:360px;position:relative;}
			.pg-contact-main-form ul{}
			.pg-contact-main-form li{position:absolute;}
			.pg-contact-main-form li:nth-of-type(1){left:0;top:0;}
			.pg-contact-main-form li:nth-of-type(2){left:380px;top:0;}
			.pg-contact-main-form li:nth-of-type(3){right:0;top:0;}
			.pg-contact-main-form li:nth-of-type(4){top:80px;right:0;left:0;}
			.pg-contact-main-form li:nth-of-type(5){left:0;top:300px;}
			.pg-contact-main-form li:nth-of-type(6){left:380px;top:300px;}
			.vcode{position:absolute;top:25px;right:10px;}
				.vcode img{height:40px;}
			.pg-contact-main-form li .txt{width:360px;height:60px; border-radius:6px;padding:10px 20px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;}
			.pg-contact-main-form li .txts{display:block;width:100%;height:200px;padding:10px 20px;line-height:25px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:6px;}
			.pg-contact-main-form li .btn{width:180px;height:60px;background:#014DA2;color:#fff; border-radius:30px; font-size:18px;}
			
			
/*************人才招聘********************/			
			
	 	.pg-join-list{background:#fff;padding:0 40px;margin-bottom:80px; float:left; width:100%;}
			.pg-join-list dl{}
			.pg-join-list dt{color:#666;font-size:18px;line-height:48px;border-bottom:1px solid #ddd;overflow:hidden;}
				.pg-join-list dt strong{font-weight:normal;margin-right:20px;}
				.pg-join-list dt span{float:right;line-height:50px;}
			.pg-join-list dd{display:none;padding:20px 0;}
	.pg-join-style{}
		.pg-join-style figure{position:relative;padding-bottom:20px;}
		.pg-join-style figure img{width:100%;}

.pg-product{padding:80px 0 80px;}
	.pg-product-slogen{}
		.pg-product-slogen dl{text-align:center;}
		.pg-product-slogen dt{font-size:30px;line-height:40px;position:relative;padding-bottom:20px;margin-bottom:20px;}
		.pg-product-slogen dt:after{content:'';display:block;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#005ca1;}
		.pg-product-slogen dd{font-size:16px;color:#999;line-height:25px;}
	.pg-product-list{margin-top:40px;}
		.pg-product-list ul{margin:0 -2%;}
		.pg-product-list li{float:left;width:46%;margin:0 2% 40px;}
		.pg-product-list li section{position:relative;transition:all ease-out 0.3s;}
		.pg-product-list li section a{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
		.pg-product-list li figure{overflow:hidden; height:287px;}
		.pg-product-list li figure img{width:100%;}
		.pg-product-list li h3{font-size:18px;line-height:60px;background:#666;color:#fff;padding:0 20px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.pg-product-list li i{position:absolute;bottom:10px;right:10px;width:40px;height:40px;background:url(../images/newsslidenext.png) no-repeat 0 center;transition:all ease-out 0.3s;}
		.pg-product-list li:hover section{box-shadow:0 0 50px rgba(0,0,0,0.1);}
		.pg-product-list li:hover h3{background:#005ca1;padding:0 30px;}
		.pg-product-list li:hover i{right:20px;}
	.pg-product-main{margin-top:40px;padding:40px;background:#fff;}
			.pg-product-main img{max-width:100%;}
			.pg-product-main dl{margin-bottom:40px;}
			.pg-product-main dt{font-size:22px;line-height:25px;position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc;}
			.pg-product-main dt:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:30px;height:2px;background:#005ca1;}
			.pg-product-main dd{font-size:15px;color:#999;line-height:25px;}

			.table{overflow-x:scroll;margin-bottom:25px;}
			.table:last-child{margin-bottom:0;}
			.table::-webkit-scrollbar{width:1px;height:1px;}
			.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
			.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
			.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
			.table tr{transition:all ease-out 0.3s;}
			.table tr:nth-of-type(2n){background:#f9f9f9;}
			.table tr:hover{background:rgba(1,77,161,0.05);}
			.table th{font-size:14px;border:1px solid #ccc;padding:8px 10px;line-height:150%;background:rgba(1,77,161,0.05);font-weight:normal;}
			.table td{font-size:12px;border:1px solid #ccc;padding:8px 10px;line-height:150%;}

/*********新闻详情***************/

 #View_tit {
	margin-top: 40px;
	width: 100%; 
	position: relative; 
}
#View_tit h3 {
	font-size: 28px;
	color: #333;
	text-align: center;
}
#View_tit h4 {
	text-align: center;
	font-size: 18px;
	color:#014DA2;
	padding: 20px 0 20px;
	font-weight: normal;
}
#View_tit h4 span {
	margin-right: 40px;
}
#NewView {
	padding: 30px 0; float:left; width:100%;
	line-height: 30px;
	color: #666;
	border-top: 1px solid #f3f3f3;
	 margin-bottom:100px;
}
#NewView p {
	
	text-align: justify; color:#838383;
	font-size: 16px; line-height: 30px; 
}
#NewView figure{ float:left; width:100%; margin:20px 0; text-align:center;}
#NewView figure img{ max-width:100%;}
#NewView img {
	text-align: center;
	margin: 10px auto 10px auto;
}

















/********************newadd***********************/

/************首页产品***********/
.pt-80 {
    padding-top: 5rem;
}
.bg-darkgray, .bg-darkgray-hover:hover, .item:hover .bg-darkgray-hover {
    background-color: #221815; padding-bottom:5rem;
} 
/* .content-narrow {
    padding: 0 22vw;
} */
.text-center {
    text-align: center;
}
.fs-40 {
    font-size: 50px;
}
.f-700 {
    font-weight: 700;
}

.color-white, .color-white-hover:hover, .item:hover .color-white-hover {
    color: #ffffff;
}
.title.arrow_down .dec {
    margin-top: 20px;
    display: inline-block;
}
.line-height-18 {
    line-height: 1.8;
}
.space_mt_small {
   width:80%; margin:0 auto;  margin-top: 2.6vw;
}
.group.gap20 {
    /* display: flex; */ display: block;
    /*flex-wrap: wrap;
     margin-left: -0.520833333vw;
    margin-right: -0.520833333vw; */
    max-width: 1300px; width:100%;
    margin: 0 auto;margin-top:60px;margin-bottom: 3rem;
}
.mt-80 {
    margin-top: 5rem;
}
.group.gap20 .col {
    padding-left: 0.520833333vw;
    padding-right: 0.520833333vw;
     box-sizing: border-box;float: left;
     width:25%; margin-bottom: 50px;
}
.group.item4 .col {
    flex: 0 0 25%;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.index-pdt .item {
    position: relative;
}
a.item {
    display: block;
}
.bg-white, .bg-white-hover:hover, .item:hover .bg-white-hover {
    background-color: #ffffff; overflow: hidden;
}
.item .img-hover-larger img, .img-hover-larger img {
    transition: all .25s ease-in-out;
}
.item .img-hover-larger img, .img-hover-larger img {
    transition: all .25s ease-in-out;
}
.img-fluid {
    max-width: 100%;
    height: auto; float: left;
}
.item .img-hover-larger img, .img-hover-larger img { transition: all .25s ease-in-out;}
  .item:hover .img-hover-larger img, .img-hover-larger:hover img { transform: scale(1.1); transition: all .25s ease-in-out;}
  .index-pdt .item:hover .info {
  background: #0071bc;
}
.index-pdt .item .info {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    /* min-height: 35%; */
    padding: 10px;
    background: rgba(30,48,60,42%);
    text-align: center;
    color: #ffffff; box-sizing: border-box;transition: all 0.25s ease-in-out;
}
.index-pdt .item .info h3{ font-size: 20px; font-weight: normal; line-height: 2;}
.mb-20 {
    /* margin-bottom: 1.25rem; */
}
.fs-26 {
    font-size: 1.625rem;
}
.f-700 {
    font-weight: 700;
}.line-height-18 {
    line-height: 1.8;
}
.bgpro{background: url(../images/bg1.jpg); float:left; width:100%;}

/************首页公司介绍****************/
.bgabout{
    background: url(../images/bg2.png); float:left; width:100%; padding-bottom: 50px; background-size: cover; 

}
.bgabout  h2 {
    /* font-size: 50px;
    color: #333333;
    line-height: 1.6; */
    position: relative;
    z-index: 10;
}
/* .bgabout h2:before{  content:'News Center'} */
.about .w{position:relative;z-index:2;}
.about-info{float:left;width:50%;}
.about-info section{font-size:16px;line-height:30px;color:#111; padding-top:40px}
.about-info section p{ padding-bottom: 10px; text-align: justify;}
.about-info ul{margin:30px -10px;overflow:hidden;}
.about-info li{text-align:center;float:left;width:270px;margin:0 10px 20px;background:#f5f5f5;box-sizing:border-box;padding:15px 0;border-radius:5px;}
.about-info li h3{font-size:18px;line-height:30px;}
.about-info li span{font-size:12px;display:block;color:#999;}
.about-info a.about-info-a{display:block;line-height:40px;background:#2297d4;color:#fff;border-radius:5px;padding:0 30px;}
.about-info a.about-info-a:hover{background:#f2ac24;}
.about-video{float:right;width:45%;margin:94px 0}
.about-video figure{overflow:hidden;}
.about-video figure img{width:100%;}

/************首页三大优势****************/

.container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.m_btn {
    display: none!important;
}
.index1{
    background:url(../images/bg2.jpg) no-repeat center #f8f8f8;
    padding:70px 0 80px;
}
.index_t1{
    text-align: center;
    padding-top:20px;
    position: relative;
    animation-delay: 0.3s;
}
.index_t1:before{
    /* content:'about us'; */
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    text-transform: uppercase;
    font-size: 80px;
    color: #dbe7f3;
    line-height: 1;
    z-index:9;
    width: 100%;
    font-weight: bold;
}
.p_t1:before{
    content:'Project display';
}
.index_t1 h2{
    font-size: 50px;
    color: #333333;
    line-height: 1.6;
    position: relative;
    z-index:10;
}
.index_t1 p{
    font-size: 18px;
    color: #808080;
    position: relative;
    z-index:10;
}
.index_ys{
    background:url(../images/bg3.jpg) no-repeat left center #fcfcfc;
    padding:105px 0;float:left; width:100%;
}
.index_ys .index_t1:before{
    content:'about us';
}
.index_ys .container{
    max-width: 1300px;
}
.ys_list{
    max-width: 1300px;
    margin:0 auto; padding-top:30px
}
.ys_list li{
    display: flex;
    flex-wrap: wrap;
    margin-top:40px;
    background:url(../images/ys_bg.png) no-repeat bottom center;
    padding-bottom: 30px;
    animation-delay: 0.6s;
}
.ys_list li:nth-child(2n){
    flex-direction: row-reverse;
}
.ys_list li .img1{
    width: 50%;    
}
.ys_list li .text{
    width: 50%;
    padding:0 60px;
    display: flex;
    box-sizing: border-box;
    /* flex-wrap: wrap; */
}
.ys_list li .text .img2{
    width: 61px;
}
.ys_list li .text .text2{
    width: calc(100% - 61px);
    padding-left: 24px;
}
.ys_list li .text .text2 h3{
    font-size: 40px;
    color: #0071bc;
    line-height: 1.2;
    margin-bottom: 15px;
}
.ys_list li .text .text2 p{
    font-size: 17px;
    color: #333333;
    margin:15px 0 35px;
    max-width: 410px;
}
.ys_list li .text .text2 a{
    display: block;
    width: 145px;
    /*height: 60px;*/
    line-height: 45px;
    /*background:url(../images/more1.png) no-repeat top left;*/
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #0359be;
    border-radius: 25px;
    box-shadow: 0px 10px 10px #bbb;
}
.ys_list li .text .text2 a:hover{
    text-decoration: underline;
}
@media(max-width: 1600px){
    .index_ys{
        padding:90px 0;
    }
    .ys_list li .text{
        padding:0 40px;
    }
    .ys_list li .text .text2 h3{
        font-size:32px;
    }
    .ys_list li .text .text2 p{
        font-size:15px;
        margin: 10px 0 25px;
    }
    .ys_list li .text .text2 a{
        font-size:15px;
        width:120px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .ys_list li .text{
        padding:0 30px;
    }
    .ys_list li .text .text2 h3{
        font-size:24px;
    }
    .ys_list li .text .text2 p{
        font-size:14px;
        margin: 5px 0 15px;
    }
}
@media(max-width: 1024px){
    .index_ys{
        padding:70px 0;
    }    
}
@media(max-width: 768px){
    .content-narrow{ padding:0 20px}
    .index1{
        padding:30px 0;
    }
    .index_t1:before{
        font-size:30px;
    }
    .index_t1 h2{
        font-size:22px;
    }
    .content-narrow p {
    font-size: 14px;
    }
    .index_ys{
        padding:50px 0;
    }
    .ys_list li{
        margin-top: 30px;
        padding-bottom: 25px;        
    }
    .ys_list li .text{
        padding:0 20px;
    }
    .ys_list li .text .img2{
        width:45px;
    }
    .ys_list li .text .text2 {
        width: calc(100% - 45px);
        padding-left: 15px;
        
    }
    .ys_list li .text .text2 h3{
        font-size:22px;
        margin-bottom: 5px;
    }
}
@media(max-width: 640px){
    .index_ys{
        padding:30px 0;
    }
    .index_ys .index_t1:before{
        font-size:24px;
    }
    .ys_list li{
        margin-top: 15px;
        padding-bottom: 15px;  
        background:none;
    }
    .ys_list li:nth-child(2n) {
        flex-direction: row;
    }
    .ys_list li .img1{
        width:100%;
        margin-bottom:10px;
    }
    .ys_list li .text{
        width:100%;
        padding:0;
    }
    .ys_list li .text .text2 h3{
        font-size:18px;
    }
    .ys_list li .text .text2 a{
        line-height:42px;
    }
}


/**************合作客户****************/
.index_kf{
    background:url(../images/bg6.jpg) no-repeat center;
    background-size: cover;
    padding:120px 0;    
    background-attachment: fixed;float:left; width:100%;
}
.index_kf .index_t1:before{
    content:'customer';
}
.kf_list{
    display: flex;
    flex-wrap: wrap;
    margin-top:45px;
    animation-delay: 0.6s;
}
.kf_list li{
    width: calc(20% - 8px);
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow:hidden;
}
.kf_list li img{ border-radius: 10px;}
.kf_list li:nth-child(5n){
    margin-right: 0;
}
.index_t2 h2{
  
}

@media(max-width: 1600px){
    .index_kf{
        padding:90px 0;
    }
    .index_t1 {
    padding-top: 10px;
}
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){

}
@media(max-width: 1024px){
    .index_kf{
        padding:70px 0;
    } 
    .kf_list{
        margin-top:30px;
    }
    .kf_list li {
        width: calc(25% - 9px);
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .kf_list li:nth-child(5n){
        margin-right: 12px;
    }
    .kf_list li:nth-child(4n){
        margin-right: 0;
    }
}
@media(max-width: 768px){
    .index_kf{
        padding:60px 0;
    } 
}
@media(max-width: 640px){
    .index_kf{
        padding:30px 0;
    }
    .kf_list li {
        width: calc(33% - 8px);
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .kf_list li:nth-child(4n){
        margin-right: 12px;
    }
    .kf_list li:nth-child(3n){
        margin-right: 0;
    }
}


/*************新闻资讯***************/
.pro-index-slide:after{ content:'';clear: both; display: block;	font-size:0;}
.pro-index-slide {	width: 100%; float: left; display:block; margin-bottom: 60px;}
.pro-index-slide .swiper-container{padding:0 50px;}
.pro-index-slide .swiper-slide{ box-sizing:border-box;  }
.pro-index-slide .swiper-slide a:hover{}
.pro-index-slide .swiper-slide a{display: block;transition: all 0.3s ease 0s; }
.pro-index-slide .swiper-slide a figure {
padding: 9px;
border: 1px solid #eee;
}
.pro-index-slide .swiper-slide a img {
width: 100%;
}
.pro-index-slide .swiper-slide a h4 {
font-size: 14px;
line-height: 30px;
font-weight: normal;
text-align:center;
}
.pro-index-slide .swiper-slide img{ width:100%;transition: all 0.3s ease 0s; }

.pro-index-slide .swiper-button-next{right:0;width:60px;height:60px;/*background:#5A87C5 url(../img/ic-next.png) no-repeat center center;background-size:20% auto;border-radius:50%;*/}
.pro-index-slide .swiper-button-next:after{color:#0359be;font-size: 40px;}
.pro-index-slide .swiper-button-prev{left:0;width:60px;height:60px;/*background:#5A87C5 url(../img/ic-before.png) no-repeat center center;background-size:20% auto;border-radius:50%;*/}
.pro-index-slide .swiper-button-prev:after{color:#0359be; font-size: 40px;}

.pro-index-slide .img{width: 100%;height: 180px; line-height: 180px; overflow: hidden; background-color: #fff;} 
.pro-index-slide img{vertical-align: middle;width: 100%; float: left;height: 180px;transition: all ease-out 0.3s;} 
.pro-index-slide .swiper-slide a:hover img{transition: all ease-out 0.3s;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}
.pro-index-slide p{color: #999;float: left; width:100%; display: block; text-align: left;  padding:20px 20px 40px 0; box-sizing: border-box;} 
.pro-index-slide p font{color:#333; font-size: 20px; float: left; font-weight: bold; line-height: 2; width:100%;}
.pro-index-slide_en p font{ font-size: 16px;}
.pro-index-slide .swiper-slide a:hover em {color:#0071bc} 
.pro-index-slide p em{color:#999; font-size: 16px; float: left; font-style: normal;width:100%; line-height: 2; position: relative;}
.pro-index-slide p em:after {
content: "";
display: block;
position: absolute;
width: 0;
left: 0%;
bottom: 0px;
height: 1px;
/* background: #f2ac24; */
transition: all 0.3s ease;
}
.pro-index-slide .swiper-slide a:hover p em:after {
width: 66px;
margin-left: 0px;
}



.pro-index-slide .swiper-button-prev {
left: 0;
width: 50px;
height: 100%;
top: 0;
background-color: #fff;
z-index: 9;
margin-top: 0; outline: none;
}
.pro-index-slide .swiper-button-next {
right: 0;
width: 50px;
height: 100%;
top: 0;
background-color: #fff;
z-index: 9;
margin-top: 0;outline: none;
}

.title{color:#333333}

/*******************************/

.pro-list-slide .swiper-slide{ float: left;}
.pro-list-slide .swiper-slide:nth-child(3n){ margin-right:0 !important;}
.pro-list-slide .swiper-wrapper{ float: left; display: block;}



/***********产品列表页************/
.pgprocat{margin:50px auto 0px auto; max-width: 1300px; width: 100%;}
.pgprocat ul{display:flex;justify-content:space-between;}
.pgprocat li{flex:1;margin:0 20px 0 0;}
.pgprocat li:last-child{margin:0;}
.pgprocat li a{display:block;background:#fff; border:1px solid #e3e3e3;text-align:center;font-size:20px;line-height:64px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgprocat li a:hover,.pgprocat li a.on{background:#0071bc;color:#fff;}	


/**************产品详情页***************/
.w {

    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}
.pgprohea{
/* background:#F5F5F5;
border-bottom:4px solid #1A3090; */
padding:60px 0 10px; margin-bottom: 50px;}
.pgproheaimg{width:50%; 
    float:left;
    position:relative;}
/* .pgproheaimg figure{position:absolute;overflow:hidden;} */
.pgproheaimg img{width:90%;}
.pgproheainf{width:50%;   float:right}
.pgproheainf h1{font-size:36px;line-height:40px;margin:0 0 25px; position:relative; text-indent: 20px;}
.pgproheainf h1:before {
content: '';
width: 6px;
height: 30px;
background: #0071bc;
position: absolute;
left: 0px;
top: 50%;
margin-top: -15px;
}
.pgproheainf h2{font-size:20px;line-height:30px;margin:0 0 25px;position:relative;padding:0 0 25px;text-transform: uppercase;}
.pgproheainf h2:after{content:'';display:block;position:absolute;bottom:0;left:0;width:60px;height:3px;background:#348FFD;}
.pgproheainf p{font-size:16px;line-height:30px;}
.pgproheainftel{margin:50px 0 0;}
.pgproheainftel span{margin:20px 0 0;padding:10px 80px 10px 30px; float: left;}
.pgproheainftel span:nth-of-type(1){background:#0071bc url(images/icon1.png) no-repeat 0px center;}
.pgproheainftel span:nth-of-type(2){background:url(images/icon2.png) no-repeat 0px center;}
.pgproheainftel i {    padding-right: 10px;
    width: 20px;
    text-align: center;
    font-size: 30px;
    float: left;
    padding-top: 4px;}
.pgproheainftel span{ background-color: #0071bc; color:#fff; cursor: pointer;}
.pgproheainftel b { line-height: 40px; font-size: 20px;}
.pd_t1 {
    font-size: 30px;
    color: #333333;
    margin-top: 60px;
}
.pd_t1 span {
    border-bottom: 3px solid #0071bc;
    /* padding-bottom: 12px; */
    display: inline-block;
}
.pd_table{
    margin-top: 30px;
}
.pd_table table{
    width: 100%;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    position: relative;
}
.pd_table table tr{
    background: #d8d8d8;
    position: relative;
}
.pd_table table tr:nth-child(2n){
    background: #fff;
}
.pd_table table tr td{
    border-top:1px solid #333;
    border-left:1px solid #333;
    text-align: center;
    position: relative;line-height: 1.6;
    padding: 10px 0;
}
.pd_con1{width:100%; margin:30px 0}
.pd_con1 p{ padding-bottom:20px;}

.pgproredlis{margin:0 -20px 0px;}
			.pgproredlis .swiper-container{padding:0 0 40px;}
			.pgproredlis .swiper-pagination{top:auto;bottom:0;left:20px;right:20px;}
			.pgproredlis a{display:block;text-align:center;box-shadow:0 10px 10px rgba(0,0,0,0.1);margin:20px;}
			.pgproredlis a figure{overflow:hidden;}
			.pgproredlis a img{width:100%;}
			.pgproredlis a h3{font-size:20px;font-weight:normal;line-height:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.pgproredlis a:hover{background:#0071bc;color:#fff;}
			.pgproredlis a:hover img{transform:scale3d(1.05, 1.05, 1);}