/* CSS Document */

html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
        *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
        html,body{min-height:100%}
        body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;position:relative}
        h1,h2,h3,h4,h5,h6{font-weight:normal}
        ul,ol{list-style:none}
        img{border:none;vertical-align:middle}
        a{color:#666;text-decoration:none}
        a:visited{color:#666;text-decoration:none}
        a:hover{color:#050505;text-decoration:none transition: 0.5s;}
        a:active{color:#08034e;text-decoration:none transition: 0.5s;}
        table{border-collapse:collapse;table-layout:fixed}
        input,textarea{outline:none;border:none}
        textarea{resize:none;overflow:auto}
        .clearfix{zoom:1}
        .clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}

       
.clear	{ content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}

/* 公共部分 */
.pubcon{ width: 1200px; margin: 0 auto;}
.pubcon h2{ padding-bottom:5px;font-size: 35px; font-weight: bold; text-align: center;}
.pubcon h4{ padding-bottom:5px;font-size: 35px; font-weight: bold; text-align: center; color: #1a8c34;}
.pubcon .line{ width:5%; height:5px; background: #273b60; display:block; margin-bottom:5px; }
.pubcon span{ font-size: 14px;display: block; display: block; font-weight: bold;padding-bottom: 50px;  text-align: center; color: #b1b1b1;}

/* top */
.header{ width: 100%;  border: white; }
.hdcon{display: flex; justify-content: space-between; height: 140px;line-height: 140px;}
.hdcon .hdlogo{ font-size:30px; font-weight: bold; color: #273b60;}

/* menu */
.navcon{ width: 100%;   background-color: #273b60;}
.navcon .nav{ width: 1200px; height: 70px;  margin: 0 auto; }
.navcon .nav ul{ display:flex;justify-content: space-evenly;padding-top: 15px; }
.navcon .nav li a{ display: block; line-height: 40px; font-size: 18px; font-weight: 400; color: #fff;transition: 0.5s;}
.navcon .nav li a:hover{  color: #ffffff;   border-bottom: white solid 3px; transition: 0.5s;}

/* banner */
.banner{ height: 633px;}
.banner a{ display:block; height:633px; background: no-repeat center; cursor: move;}
.banner a.small{display:none;}
.banner .swiper-pagination { line-height:50px;}

/* 首页内容-产品 */
.index-pro{ padding: 80px 0 60px; line-height: normal;}
.procon{ display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; font-size: 0; }
.procon .box{ width:30%; height:auto; padding: 10px;  display: block; border: #b1b1b1 solid 1px; margin: 0 10px 30px 10px;transition: 0.5s;}
.procon .box .pic{ width:340px; height:254px;  transition: 0.3s;}
.procon h3{ font-size: 16px;  color: #000000; background-color: #a7a7a7; display: block; padding: 10px; margin-top: 10px;transition: 0.5s; }
.procon .box:hover {background-color: #08034e;transition: 0.3s;overflow: hidden; }
.procon .box:hover h3{ color: #000000;font-weight: bold; background-color: #ffffff; btransition: 0.3s;}
.procon .box:hover .pic {
 

        transition: transform 0.3s; 
        transform: scale(1.1);
        overflow: hidden;  
        /* max-width: calc(100% - 31px);  */
        
        padding: 20px;
        /* margin: 0 auto; 
        position: relative; 
        z-index: 1; 
        box-shadow: 0 0 10px rgba(0,0,0,0.5); 
        border-radius: 5px; 
        cursor: pointer;  */
        }

/* 首页内容-服务 */
.index-fw{ padding: 80px 0 60px;
}


/* 首页内容-对比 */
.index-duibicon{background-color:#e8e8ea; padding: 80px 0 60px;}
.duibicon{ margin: 0 auto 60px auto; }
.duibicon .title{width: 60%;display:flex; margin: 0 auto;}
.duibicon h2{ font-weight: 400; color: #283a5e;padding:0;}
.duibicon span{font-size:35px; font-weight: bold;color: #17b53a; padding:0;}
.duibicon ul{ display:flex;justify-content: space-evenly;flex-wrap: wrap; }
.duibicon li { width: 220px;margin:10px; padding: 0; background-color: #ffffff; position:relative ;box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.duibicon li h3{ display: block; text-align: center; padding: 20px 0; font-size: 18px; font-weight: 400; color:}
.duibicon .sz{ width: 50px; border-radius: 50%; line-height: 40px; text-align: center; 
               font-size: 16px; font-weight: bold; color: #fff; margin: 207px 0 0 38%; padding:5px; display: block; background-color: #17b53a; position: absolute; z-index: 10;}
.duibicon .sz-1{ width: 50px; border-radius: 50%; line-height: 40px; text-align: center; 
                font-size: 16px; font-weight: bold; color: #fff; margin: 207px 0 0 38%; padding:5px; display: block; background-color: #1e3354; position: absolute; z-index: 10;}

/* 首页内容-优势 */
.index-yscon{background-color:#1d2d4d; padding: 80px 0 60px;}
.yscon{ margin: 0 auto 60px auto; }
.yscon h2{ color: #17b53a;}
.yscon .line{background-color: #ffffff;}
.yscon .ct{ display:flex; height: 500px; background-image:url(../images/ys_19.png); background-repeat:no-repeat; background-position:center;   }
.yscon .ct .left{width:400px; padding: 0; display: inline-block;  margin:0 224px 0 0 ;}

.yscon .ct .left .left1{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0; padding:0;  }
.yscon .ct .left .left1-left{ width: 300px;  text-align: right;}
.yscon .ct .left .left1-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .left .left1-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .left .left1-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 0 0 10px; }

.yscon .ct .left .left2{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0; padding:0 60px 0 0;  }
.yscon .ct .left .left2-left{ width: 300px;  text-align: right;}
.yscon .ct .left .left2-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .left .left2-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .left .left2-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 0 0 10px; }

.yscon .ct .left .left3{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0; padding:0 60px 0 0;  }
.yscon .ct .left .left3-left{ width: 300px;  text-align: right;}
.yscon .ct .left .left3-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .left .left3-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .left .left3-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 0 0 10px; }

.yscon .ct .left .left4{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0; padding:0;  }
.yscon .ct .left .left4-left{ width: 300px;  text-align: right;}
.yscon .ct .left .left4-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .left .left4-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .left .left4-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 0 0 10px; }



.yscon .ct .right{width:400px; display: inline-block;  margin:0 0 0 160px;}

.yscon .ct .right .right1{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0; padding:0;  }
.yscon .ct .right .right1-left{ width: 300px;  text-align: left;}
.yscon .ct .right .right1-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .right .right1-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .right .right1-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 10px 0 0; }

.yscon .ct .right .right2{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0 ; padding:0 0 0 60px;  }
.yscon .ct .right .right2-left{ width: 300px;  text-align: left;}
.yscon .ct .right .right2-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .right .right2-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .right .right2-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 10px 0 0; }

.yscon .ct .right .right3{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0 ; padding:0 0 0 60px;  }
.yscon .ct .right .right3-left{ width: 300px;  text-align: left;}
.yscon .ct .right .right3-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .right .right3-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .right .right3-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 10px 0 0; }

.yscon .ct .right .right4{ width:100%;display:flex;justify-content: space-evenly;margin:0 0 60px 0; padding:0;  }
.yscon .ct .right .right4-left{ width: 300px;  text-align: left;}
.yscon .ct .right .right4-left h3{ font-size: 24px; color: #17b53a; font-weight: bold;}
.yscon .ct .right .right4-left p{ font-size: 16px; color: #ffffff; }
.yscon .ct .right .right4-right{background-color: #ffffff; line-height: 60px; height:60px;border-radius: 50%;margin: 0 10px 0 0; }


/* 首页内容-流程 */
.index-lc{background-color:#ebebed; padding: 80px 0 60px;}
.lccon{width: 1300px; background-image:url(../images/index_27.jpg); background-repeat:no-repeat; background-position:top; display: flex;justify-content: space-evenly; }
.lccon a{ display: block; line-height:240px; padding: 0 30px; font-size: 25px;}

/* 首页内容-案例 */
.index-case{background-color:#ffffff; padding: 80px 0 0;}

/* 首页内容-公司简介 */
.index-about{background-color:#ffffff; padding: 80px 0 60px;}
.aboutcon h2{display:block;width:250px; left:43%;margin-top: 10px; font-size: 40px; color: #273b60; position: absolute; z-index: 10;}
.aboutcon span{ text-align: center; font-size: 50px; color: #d3d5d8; position:relative;}
.aboutcon .nr{height:340px;position: relative;margin-bottom: 230px;}
.aboutcon .wz{width:1000px; height: auto;  margin: 260px 0 0 100px; display: block; background-color:
         #ffffff;box-shadow: 5px 5px 10px rgba(0,0,0,0.5);  position: absolute; z-index: 9;}
.aboutcon .wz p{ padding: 30px;line-height: 38px; font-size: 16px;}


/* 首页内容-新闻 */
.index-new{background-color:#ffffff; padding: 40px 0 100px;}
.newscon{display: flex; justify-content: space-between; flex-wrap: wrap;}
.newscon .box{width:550px; border-bottom: #666 1px solid; border-top: 0; border-left: 0;border-right: 0;}
.newscon .box h3{ font-size: 18px; font-weight: bold; color: #1d2d4d;padding: 10px 0;}
.newscon .box p{line-height: 30px;}
.newscon .box:hover{background-color: #273b60; color: #e8e8ea;}
.newscon .box:hover h3{color: #ffffff;}

/* foot */
.foot{ padding: 50px;background-image:url(../images/footer-bg.png); background-repeat:no-repeat; background-position:top;}
.footcon{display: flex; justify-content: space-between;padding: 0; margin: 0; }
.footcon a{color: #e8e8e8; }
.footcon h3{font-size: 20px; font-weight: bold; color: #ffffff; padding: 0 0 10px 0;}
.footcon p{color: #e8e8e8;line-height: 25px;}
.footcon .daohang{width: 100px;}
.footcon .daohang h3{ text-align: center;}
.footcon .daohang ul{width: 100px;}
.footcon .daohang li{line-height: 24px; text-align: center; padding: 5px; transition: 0.5s;}
.footcon .daohang li a:hover{background-color: #a7a7a7; color: #000000; padding: 5px;transition: 0.5s;}
.footcon .content{ width:450px;}
.footcon .message{ width:450px;}
.footcon .messagecon{display: flex; justify-content: space-between;flex-wrap: wrap; }
.footcon .messagecon .tb{ width:220px;  background-color: #ffffff; margin: 10px 0; display: inline-block;}
.footcon .messagecon .tb1{ width:450px;  background-color: #ffffff; margin: 10px 0;}
.footcon .messagecon .tb .biaodan{height: 30px; line-height: 30px; padding:0 0 0 5px ;}
.footcon .messagecon .tb1 .biaodan-nr{ height:100px;width:450px; padding:0 0 0 5px ; background-color: #ffffff;}
.footcon .messagecon .tb1 .biaodan-anniu{ height:30px;width:450px; padding:0 0 0 5px ; font-weight: bold; background-color:#273b60; color: #e8e8e8; border: #b1b1b1 1px solid;}
.banquan{background: #273b60;  text-align: center; width: 100%; padding: 10px 0;color: #a7a7a7;border-top: #a7a7a7 1px solid;}
.banquan a{ color: #a7a7a7; font-size: 14px;}
.banquan a:hover{ color: #ffffff; font-size: 14px;}


/* 内页-关于我们 */
.about{ background: #f7f7f7; padding:20px 0;}
.aboutcon{ background-color: #ffffff; padding: 10px; margin: 0 auto; 
        border-top-left-radius:1em;
        border-top-right-radius:1em;
        border-bottom-right-radius:1em;
        border-bottom-left-radius:1em;
        display: flex; justify-content: space-between;

}
.aboutcon .left{ width:256px; display:block;}
.aboutcon .left .top{ background-color: #273b60; display: block; padding: 20px;}
.aboutcon .left .top h3{color: #ffffff; font-size: 18px; font-weight: bold;}
.aboutcon .left .top1 {background-color: #d3d5d8;}
.aboutcon .left .top1 ul{background-color: #d3d5d8;}
.aboutcon .left .top1 li{ line-height24px: #ffffff; font-size: 16px; font-weight: bold;color: #f7f7f7; display: block; padding:10px 0 10px 20px ; margin: 5px 0; transition: 0.3s;} 
.aboutcon .left .top1 li:hover{background-color: #273b60; color: #f7f7f7; display: block;transition: 0.3s;}
.aboutcon .left .top1 li:hover a{background-color: #273b60; color: #f7f7f7; display: block;transition: 0.3s;}
.aboutcon .left .top p{color: #aaaaaa; font-size: 12px; font-weight: bold;} 
.aboutcon .left .foot1 {background-color: #273b60;  font-size: 18px;  font-weight: bold; color: #dfdfdf; display: block; padding:30px 10px; background-image:url(../images/left_tel.jpg);}

.aboutcon .right{ width:888px; display:block;}
.aboutcon .right .top{ display: block; padding:5px;display: flex; justify-content: space-between; border-bottom: #949494 1px solid;}
.aboutcon .right .top h3{color: #313131; font-size: 18px; font-weight: bold;}
.aboutcon .right .top p{color: #313131; font-size:14px;}
.aboutcon .right .foot1 p{ line-height: 28px;}


/* 内页--产品中心 */
.index-nypro{ padding:20px 0 20px; line-height: normal;}
.nyprocon{ display: flex;  flex-wrap: wrap; text-align: center; font-size: 0; }
.nyprocon .box{ width:30%; height:auto; padding: 10px;  display: block; border: #b1b1b1 solid 1px; margin: 0 10px 30px 10px;transition: 0.5s;}
.nyprocon .box .pic{ width:237px; height:177px;  transition: 0.3s;}
.nyprocon h3{ font-size: 16px;  color: #000000; background-color: #a7a7a7; display: block; padding: 10px; margin-top: 10px;transition: 0.5s; }
.nyprocon .box:hover {background-color: #08034e;transition: 0.3s;overflow: hidden; }
.nyprocon .box:hover h3{ color: #000000;font-weight: bold; background-color: #ffffff; btransition: 0.3s;}
.nyprocon .box:hover .pic {
        transition: transform 0.3s; 
        transform: scale(1.1);
        overflow: hidden;  
        /* max-width: calc(100% - 20px);  */
        padding: 10px;
}

/* 内页--新闻中心 */


.index-nynew {background-color:#ffffff; padding: 10px 0 10px;}
.nynewscon{}
.nynewscon .box{width:100%; border-bottom: #666 1px solid; border-top: 0; border-left: 0;border-right: 0; margin:30px 0; padding: 0;}
.nynewscon .box h3{ font-size: 18px; font-weight: bold; color: #1d2d4d;padding: 10px 0;}
.nynewscon .box p{line-height: 25px;}
.nynewscon .box:hover{background-color: #273b60; color: #e8e8ea;}
.nynewscon .box:hover h3{color: #ffffff;}
.index-nynew  h2 {
        width: 100%;
        position: static;
}

.pagechange {
        margin: 30px 0 0 0;
        padding: 30px 0 0 0;
        line-height: 36px;
        position: relative;
        border-top: 1px solid #e2e2e2;
    }
    .pagechange .returnlist {
        position: absolute;
        left: 50%;
        margin-left: -55px;
        top: 30px;
        display: none;
    }

 
    .pagechange .pagechanger {
        text-align: center;
         position: relative; 
        z-index: 1;
    }
    .pagechange .left1{
        float: left  !important;
    }
    .pagechange .right1 {
        float: right !important;
    }

.index-nynew .nynewscon p, .index-nynew .nynewscon span{
        line-height: 25px;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
}

.page{
	margin: 20px 0;
	text-align: center;
	width: 100%;
}
.page a{
	display: inline-block;
	padding: 6px 12px;
	margin: 0 2px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #eee;
	color: #333;
}
.page .thispage {
	background: #000;
	border: 1px solid #000;
	font-size: 12px;
	color: #fff;
}



/* 产品展示开始 */

.prodetailslide{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px auto;
}

.prodetailslide .detailslide{
	width: 80%;
	overflow: hidden;
	border: 1px solid #ccc;
        margin: 20px;
}
.prodetailslide .detailslide li img{
	margin: 0;
}
.prodetailslide .detailslide li video{
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 0;
	height: 500px !important;
	margin-top: -250px;
	
}
.prodetailslide .detailtext{
	width: 80%;
	padding: 0 5%;
	font-size: 16px;
	line-height: 40px;
}
.prodetailslide .detailtext .text1{
	font-size: 24px;
	color: #333;
	border: none;
	padding: 0 0 20px 0;
	text-align: left;
}
.prodetailslide .detailtext .text3{
	font-size: 14px;
	line-height: 26px;
	margin: 10px 0 0 0;
	color: #666;
}
.prodetailslide .detailtext .text2{
	margin: 5% 0 0 0;
	padding: 5% 0 0 0;
	border-top: 1px solid #ddd;
	line-height: 22px;
	color: #333;
	font-size: 18px;
}
.prodetailslide .detailtext .text2 img{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
.prodetailslide .detailtext .text2 p{
	float: left;
}
.prodetailslide .detailtext .text2 a{
	float: right;
	display: block;
	width: 114px;
	line-height: 40px;
	background: #dfcca1;
	color: #001b26;
	font-size: 16px;
	text-align: center;
}

.swiper_button_prev_detailslide,
.swiper_button_next_detailslide{
	width: 40px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 9;
	cursor: pointer;
	outline: none;
	background: url("../images/arrow_detailslide.png") center no-repeat;
}
.swiper_button_prev_detailslide{
	left: 0;
}
.swiper_button_next_detailslide{
	right: 0;
	transform: rotate(180deg);
}

.protext .text img{
	display: block;
	margin: 0 auto;
}
.texttitle{
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #ddd;
	font-size: 24px;
	line-height: 36px;
	padding: 0 0 0 20px;
	position: relative;
}
.texttitle:before{
	width: 10px;
	height: 10px;
	background: #212830;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}
.texttitle span{
	font-size: 18px;
	text-transform: uppercase;
	color: #c2c2c1;
	display: inline;
}



.sharebox{
	padding: 20px 0 0 0;
}
.sharebox p{
	float: left;
	font-size: 14px;
	line-height: 30px;
}
.sharebox .share{
	float: left;
}
.sharebox .share a{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
	cursor: pointer;
	padding: 0;
	background: url(../images/share.png) no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}


.sharebox .share a.sharetowechat{
	background-position: left top;
}
.sharebox .share a.sharetowechat:hover{
	background-position: left bottom;
}

.sharebox .share a.sharetoqq{
	background-position: -30px top;
}
.sharebox .share a.sharetoqq:hover{
	background-position: -30px bottom;
}

.sharebox .share a.sharetosinaweibo{
	background-position: -60px top;
}
.sharebox .share a.sharetosinaweibo:hover{
	background-position: -60px bottom;
}


#wxcode{
	display: none;
	width: 200px;
	height: 230px;
	position: fixed;
	top: 50%;
	left:50%;
	margin-left: -116px;
	margin-top: -131px;
	z-index: 9;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px;
}
#wxcode p{
	line-height: 14px;
	font-size: 14px;
	margin: 0 0 10px 0;
}
#wxcode .close{
	width: 20px;
	height: 20px;
	line-height: 16px;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	right: 11px;
	top: 12px;
	cursor: pointer;
}

.breadcrumb {
        padding: 5px;
        display: flex;
        justify-content: space-between;
        border-bottom: #949494 1px solid;
       
}
.breadcrumb .breadcrumb-title {
        color: #313131;
        font-size: 18px;
        font-weight: bold;
        float: left;
}
.breadcrumb .breadcrumb-nav {
        color: #313131;
        font-size: 14px;
        float: right;
}
.context-text p{
        font-size: 16px;
       line-height: 60px;
       border-bottom: 1px solid #e5e5e5;
   }

.inner-content {
        height: 200px;
}
   .home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide img {
        /* height: 100% !important; */
        height: 200px !important;
        /* width: 315px; */
        
}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a {
        width: 100%;
}

.map  {
	width: 800px;
	overflow: hidden;
}

.nrxq {
	margin: 0 auto 0 auto;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    line-height: 36px;
    padding: 0 0 20px 20px;
    position: relative;
}