@charset "utf-8";

*{ margin: 0px; padding: 0px;
 text-decoration: none;

 list-style-type: none;
}



/* 网站顶部 */
.headertop {
  width: 100%;
     background:#F0F7FC;
height: 30px;
font-size: 12px;
line-height: 30px;
border-bottom: 1px solid #004BFF;
   
}
.headertop .container {
  width: 1400px;
  margin: 0 auto;
}.headertop .container .itemleft {
    width:43%;
    float: left;
   
	color:#004BFF;
}
.headertop .container .itemcenter{
    width: 15%;
    float: right;
    margin-right: 0;
}
.headertop .container .itemcenter li {
    float: left;
     
	 color:#0489C4;
}
.headertop .container .itemcenter li a{
    color:#FFFFFF;
}
.headertop .container .itemcenter li.s {
    padding: 0 19px;
    line-height: 39px;  float: left;
}.headertop .container .itemright{
    width: 15%;
    float: right;
    margin-right: 0;
}
.headertop .container .itemright li {
    float: left;
     
	 color:#FFFFFF
}
.headertop .container .itemright li a{
    color:#FFFFFF
}
.headertop .container .itemright li.s {
    padding: 0 19px;
    line-height: 39px;  float: left;
}




.header {
  
	width:100%;
	z-index:999;
	
	background: #F0F7FC;
	overflow: hidden;
}
.header_logo{
	height: 130px;
	width: 1400px;
	margin: 0 auto;
	
}
.header_logo_left {
    float: left;
	width: 40%;
	
	
}


.header_logo_left img {

   height: 70px;
   margin-top: 30px;
	
}





.header_logo_txt{
	width: 30%;
	height: 56px;
	float: left;

	margin-top: 37px;
	padding-left: 30px;
	border-left: 1px solid #dcdcdc;
	
}

.header_logo_txt p {
	font-weight: 600;
	color: #333;
}

.header_logo_txt p:first-child {
	margin-top: 4px;
	line-height: 17px;
	font-size: 17px;
	font-weight: bold;
	color: #333333;
}

.header_logo_txt p:last-child {
	margin-top: 16px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
}





.header_logo_tel{
	 width: 25%;
	 float: left;
	
	 margin-top: 25px;
}


.header_logo_tel .lefticon {
	margin-top: 15px;
	width: 40px;
	height: 40px;
	float: left;
}

.header_logo_tel .telnum {
	width: 185px;
	height: 56px;
	float: left;
	margin-top: 15px;
	padding-left: 20px;
	box-sizing: border-box;


}

.header_logo_tel .telnum p {
	font-size: 14px;
	
}

.header_logo_tel .telnum p:last-child {
	font-size: 20px;
	line-height: 28px;

	font-weight: bold;
	color: #004BFF;
}


/*=================导航=================*/



.nav {
	
	background-color: #0167B8;
	height: 50px;
}
.nav ul {
	
	background-color: #0167B8;
	width: 1400px;
	margin: 0 auto;
	


}
.nav li {
	display:block;
	position:relative;
	background:url(../images/line_nav_li.png) left center no-repeat;
	width:133px;
	float:left;
}
.nav li.first {
	background:none;
}
.nav li .a {
	display:block;
	text-align:center;
	height: 50px;
	line-height:50px;
}
.nav li .a i {
	position:absolute;
	bottom:0;
	left:-1px;
	z-index:1;
	display:block;
	width:135px;
	height:0;
	background:url(../images/bg_nav.png) left bottom no-repeat;
}
.nav li .a strong {
	display:block;
	position:relative;
	z-index:3;
	text-align:center;
	height: 50px;
	line-height:50px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
.nav li:hover .a strong {
	color:#fff;
}
.nav li:hover .a:hover i {
	height:50px;
}
.nav li:last-child {
	background:none !important;
}
.nav .on .a strong {
	color:#fff;
}
.nav .on .a i {
	height:50px;
}
.nav ul li .list {
	background:url(../images/bg_nav.png) left top no-repeat;
	top: 0;
	left:-1px;
	z-index:2;
	display:none;
	width:135px;
	position:absolute;
	font-size:15px;
	padding-top: 50px;
}
.nav ul li .list .box {
	padding:0px 10px 10px 10px;
	background:#19427d;
}
.nav ul li .list a {
	height:30px;
	border-top:1px solid #134a9a;
	text-align:center;
	display:block;
	line-height:30px;
	color:#99b4dc;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.nav ul li .list a:hover {
	color:#fff;
}






/*================= banne===================*/
/* banner start */
.bannerbox {
    width: 100%;
    min-width: 1180px;
    height: 664px;
    overflow: hidden;
    position: relative;
}

.bannerbox .hd {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    height: 15px;
    overflow: hidden;
    z-index: 1;
}

.bannerbox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.bannerbox .hd ul li {
    float: left;
    margin-right: 10px;
    width: 28px;
    height: 3px;
    background: #fff;
    cursor: pointer;
}

.bannerbox .hd ul li.on {
    background: #003e95;
    color: #fff;
}

.bannerbox .bd {
    position: relative;
    height: 100%;
  
    z-index: 0;
    background: #020F32;
        text-align: center;
}

.bannerbox .bd li {
    height: 664px;


    zoom: 1;

}
.bannerbox .bd li a img{ display: inline;}

.bannerbox .prev, .bannerbox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../Images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.bannerbox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.bannerbox .prev:hover, .bannerbox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
/* banner end */


.www360buy {
	width: 1440px;
	margin: 0 auto;
	
	padding-top: 50px;
	
	

	min-width:1400px;


}

.www360buy h1 {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	color: #19427D;
}

.www360buy h2 {
	height: 15px;
	margin-bottom: 50px;
	text-align: center;
}

.www360buy .hd {
	overflow: hidden;

	
	width: 670px;

border: 2px solid #19427D;
border-radius: 5px;
	
	margin: 0 auto;
}

.www360buy .hd li {
	position: relative;

	height: 50px;
	line-height: 50px;
	text-align: center;
	
	float: left;

	color: #19427D;
	font-weight: bold;
	  position: relative;
	
}



		.list300 ul li a {
	  color: #004BFF;
	  text-decoration: none;
	  position: relative;
	  padding: 0 15px;
	  	font-size: 18px;
	
	}
	.list300 ul li a:hover { color:#e74c3c}
		
		.list300 ul li a::after {
 content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -12px;
  left: 50%;
  background-color: #e74c3c;
  transition: all 0.8s ease;
  transform: translateX(-50%);
	}
	
		.list300 ul li a:hover::after {
	   width: 100%; /* 悬停时下划线展开 */
	   
	}









.www360buy .bd {
	margin-top: 30px;
	height: 700px;
	overflow: hidden;
	width: 1500px;

}

.www360buy .lh {
	overflow: hidden;
	padding-top: 20px;
	padding-left: 15px;
}

.www360buy .lh li {
	width: 325px;
	float: left;
	height: 280px;
	background: #E1E8EC;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 3px solid #19427D;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}


.www360buy .lh li .p-img {
	width: 325x;
	height: 220px;
	overflow: hidden;
	
}


.www360buy .lh li .p-img img {
	width: 325px;
	height: 220px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.www360buy .lh li .p-img img:hover {
	transform: scale(1.05);
}

.www360buy .lh li .p-name {
	height: 60px;
	line-height: 60px;
	text-align: center;


}

.www360buy .lh li .p-name a {


	width: 100%;
	height: 60px;


	display: block;
}

.www360buy .lh li .p-name a:hover {
	color: #fff;

	width: 100%;
	height: 60px;
	background: #19427D;

	display: block;
}

/* products end */





/* about start */
.cht-about-bg {
	background: #f2f2f2 url('../images/cht-about-bg.jpg') center center no-repeat;
}

.cht-about {
	
	margin: 0 auto;
	width: 1400px;
	padding-top: 50px;
	height: 750px;
	overflow: hidden;
}

.cht-about h1 {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	color: #19427D;
}

.cht-about h2 {
	height: 15px;
	margin-bottom: 50px;
	text-align: center;
}

.cht-about-conter-pic {
	float: right;
	width: 600px;
	height: 350px;
	margin-left: 30px;
}

.cht-about-conter-pic img {
	width: 596px;
	height: 346px;
	border: 2px solid #004F99;
	border-radius: 5px;
}

.cht-about-conter-introduce {
	font-size: 16px;
	line-height: 180%;
	float: left;
	width: 766px;
	height: 300px;
}

.cht-about-conter-introduce h4 {
	font-size: 30px;
	color: #1b559c;
	font-weight: bold;
	height: 50px;
	line-height: 50px;

	margin-bottom: 20px;

}

.cht-about-conter-introduce p {
	text-indent: 35px;
	text-align: justify;
}

.cht-but {
	padding: 5px 50px;
	border: 1px solid #004F99;
	border-radius: 3px;
	display: inline-block;
	margin-top: 20px;
}

.cht-but:hover {
   background:#1b559c;
   color: #fff;
}

.picScroll {

	position: relative;
	
	width: 1400px;
	padding: 10px 0 10px 0px;



	
	overflow: hidden;


}

.picScroll .prev,
.picScroll .next {
	display: block;
	position: absolute;
	top: 86px;
	left: 0px;
	width: 23px;
	height: 23px;
	background: url(../images/btns.png) no-repeat;

}

.picScroll .next {
	left: auto;
	right: 0px;
	background-position: -25px 0;
}

.picScroll .prev:hover {
	background-position: 0 -30px;
}

.picScroll .next:hover {
	background-position: -25px -30px;
}

.picScroll ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll ul li {
	width: 262px;
	float: left;
	overflow: hidden;
	margin: 0 10px;


}

.picScroll ul li .title {
	color: #004F99;
	font-weight: bold;
	width: 262px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;


}

.picScroll ul li img {
	width: 236px;
	height: 160px;
	display: block;
	background: #f2f2f2;
	padding: 8px;
	border: 2px solid #19427D;

}

.picScroll ul li img:hover {

	border: 2px solid #19427D;

}






/* about end */


/* youshi start */



.youshi {
	width: 1340px;
	height: 1000px;
	margin: 0 auto;
	
	padding-top: 50px;
	
	

	min-width:1350px;



}

.youshi  h1 {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	color: #19427D;
}

.youshi  h2 {
	height: 15px;
	margin-bottom: 50px;
	text-align: center;
}


.youshi_one{

	overflow: hidden;
	
}
.youshi_one_left{
	width: 60%;
    height: 300px;

	float: left;
	
	margin-top:50px;
}
.youshi_one_left_1{
	
}

.youshi_one_left_1 h3{
	font-size: 28px;
	font-weight: bold;
	color: #003e95;


}

.youshi_one_left_1 h3 span{
	font-size: 25px;
	background-color: #003e95;
	color: #fff;
	border-radius: 30px;
	padding: 5px 13px;
   margin-right: 20px;
}
.youshi_one_left_1 p{
	margin-top: 15px;
	line-height: 180%;
	padding-left: 60px;
}


.youshi_one_left_2 h3{
	font-size: 28px;
	font-weight: bold;
	color: #003e95;
	
	margin-top: 30px;


}

.youshi_one_left_2 h3 span{
	font-size: 25px;
	background-color: #003e95;
	color: #fff;
	border-radius: 30px;
	padding: 5px 13px;
   margin-right: 20px;
}
.youshi_one_left_2 p{
	margin-top: 15px;
	line-height: 180%;
	padding-left: 60px;
}

.youshi_one_right{ 
	width: 36%;

	float: right;
}






.youshi_two{
	
	
	overflow: hidden;
	
}
.youshi_two_right{
	width: 55%;
    height: 300px;

	float: left;
	
	margin-top: 20px;
}
.youshi_two_right_3{
	
}

.youshi_two_right_3 h3{
	font-size: 28px;
	font-weight: bold;
	color: #003e95;


}

.youshi_two_right_3 h3 span{
	font-size: 25px;
	background-color: #003e95;
	color: #fff;
	border-radius: 30px;
	padding: 5px 13px;
   margin-right: 20px;
}
.youshi_two_right_3 p{
	margin-top: 15px;
	line-height: 180%;
	padding-left: 60px;
}


.youshi_two_right_4 h3{
	font-size: 28px;
	font-weight: bold;
	color: #003e95;
	
	margin-top: 30px;


}

.youshi_two_right_4  h3 span{
	font-size: 25px;
	background-color: #003e95;
	color: #fff;
	border-radius: 30px;
	padding: 5px 13px;
   margin-right: 20px;
}
.youshi_two_right_4  p{
	margin-top: 15px;
	line-height: 180%;
	padding-left: 60px;
}

.youshi_two_left{ 
	width: 39%;
	
	float: left;
	overflow: hidden;
	
}




/* youshi end */
/* fuwu start */

.fuwu {
	width: 1400px;
	height:500px;
	margin: 0 auto;
	
	padding-top: 50px;
	
	

	min-width:1400px;
	
	background: #f2f2f2;


}

.fuwu  h1 {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	color: #19427D;
}

.fuwu  h2 {
	height: 15px;
	margin-bottom: 50px;
	text-align: center;
}







.process_head{width: 706px; height: 40px; line-height: 40px; 
 background-color: #003e95; border-radius: 30px;
 margin: 0 auto;}


.process_head span{display: block; font-size:16px;  color:#fff ; text-align: center;}

.process_con{  margin: 55px 0px 0px 80px;}
.process_con li{float:left;width: 165px;  height: 165px;  margin: 0px 39px 0px 0px;border-radius:50%; background:#165eb8;border:7px solid #609fef;text-align:center;transition:all 0.5s;}
.process_con li span img{ margin-top:38px;}
.process_con li h1{font-size:16px; color:#fff;line-height:30px;}

.process_con li:hover,.process_con li:first-child{background:#FE9900;border:7px solid #e98e05;}

/* fuwu end */


/* news start */

.cht-news {
	width: 1400px;
	margin: 0 auto;

	padding-top: 50px;
	
	

}

.cht-news h1 {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	color: #19427D;
}

.cht-news h2 {
	height: 15px;
	margin-bottom: 50px;
	text-align: center;
}

.cht-news .hd {
	overflow: hidden;

	border: 2px solid #19427D;
	width: 495px;
	border-radius: 40px;
	margin: 0 auto;
}

.cht-news .hd li {
	position: relative;

	height: 40px;
	line-height: 40px;
	text-align: center;

	padding: 0 50px;
	float: left;
	font-size: 16px;
	color: #19427D;
	font-weight: bold;
	border-left: 1px solid #19427D;

}

.cht-news .hd li.on {

	font-size: 16px;
	font-weight: bold;
	color: #fff;

	background: #19427D;
}

.cht-news .bd {

	margin-top: 30px;

	height: 450px;

	overflow: hidden;
	width: 1450px;


}

.cht-news .lh {
	overflow: hidden;
	padding-top: 20px;




}

.cht-news .lh li {
	width: 700px;
	float: left;
	height: 70px;
	border: margin-right: 25px;
	display: block;
	margin-bottom: 30px;


}

	.bg-date {
		width: 70px;
		height: 70px;
		background: #fff;
		float: left;
		border: 2px solid #004F99;
		margin-right: 15px;
		border-radius: 3px;
	}

	.bg-date-1 {
		width: 100%;
		height: 35px;
		font-size: 20px;
		color: #000;
		display: block;
		text-align: center;
		line-height: 35px;
		font-weight: bold;
	}

	.bg-date-2 {
		width: 100%;
		height: 35px;
		font-size: 16px;
		color: #fff;
		display: block;
		text-align: center;
		line-height: 35px;
		background: #004F99;
	}

	.bg-list-p {
		width: 550px;
		height: 72px;
		float: left;
		overflow: hidden;
	}

	.bg-list-p p {
		font-size: 14px;
		line-height: 150%;
		margin-top: 10px;
	}

	.bg-list-tt a {
		font-size: 18px;
		color: #004f99;
		font-weight: bold;
		height: 22px;
		line-height: 22px;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis;

	}

	.bg-list-tt a:hover {
		font-size: 18px;
		color: #004f99;
		font-weight: bold;
	}






/* news end */







/* footer */

.footer {

    overflow: hidden;

    padding: 42px 0;

    position: relative;

    background:url(../images/footer-bg.png) no-repeat center;

    background-size: 1600px 100%;
	

}



.footer::after{

    content: "";

    display: inline-block;

    position: absolute;

    width: 100%;

    bottom: 0;

    left:0;

    height: 116px;

    z-index: -1;

    background-color: #23272d;

}



.footer-con {

    width: 1280px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.footer-con dl {

    padding-left: 38px;

    position: relative;

}



.footer-con dt {

    font-size: 18px;

    font-weight: bold;

    color: #fbfbfb;

    margin-bottom: 28px;

}



.footer-con dl::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 8px;

    height: 9px;

    border-radius: 50%;

    border: solid 2px #ffffff;

}



.footer-con dl::after {

    content: "product";

    font-family: Arial;

    position: absolute;

    top: 29px;

    left: -23px;

    font-size: 16px;

    line-height: 36px;

    letter-spacing: 1px;

    color: #ffffff;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}



.footer-con dl:nth-child(2):after{

    content: "train";

    top: 22px;

    left: -13px;



}



.footer-con dl:nth-child(3):after{

    content: "news";

    top: 22px;

    left: -16px;

}



.footer-con dl:nth-child(4):after{

    content: "about";

    top: 22px;

    left: -18px;

}





.footer-con dd a {

    display: block;

    width: 126px;

    font-size: 14px;

    margin-bottom: 10px;

    color: #ededed;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}





.footer-con .qr-box img{

    width: 126px;

	height: 127px;

    object-fit: cover;

    padding: 17px;

    background: url(../images/qr-box.png) no-repeat center;

    background-size: cover;

}



.footer-con .qr-box p{

    font-size: 14px;

    margin-top: 10px;

    text-align: center;

	line-height: 40px;

	color: #ffffff;

}



.footer-con dl:nth-child(4){

    margin-right: 100px;

}



.foo2{

    background-color: #23272d;

    overflow: hidden;

    padding: 37px 0;

    position: relative;

}



.foo2-con{

    display: flex;

    width: 1280px;

    margin: 0 auto;

    justify-content: space-between;

}



.foo2-con li i{

    width: 28px;

	height: 29px;

    border-radius: 50%;

    float: left;

    display: flex;

    vertical-align: middle;

    margin-right: 22px;

    align-items: center;

    justify-content: center;

	background-color: rgba(255, 255, 255, .2);

}



.foo2-con li{

    font-size: 16px;

	color: #ffffff;

}








.foo2-bot{

    width: 1280px;

    margin: 65px auto 0;
	

}

.foo2-bot p{ color: #fff;font-size: 12px;}
.foo2-bot p a{ color: #fff; font-size: 12px;}
.foo2-bot p span.rightr{ color: #fff;font-size: 12px; float:right;}
.foo2::before{

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    top: 97px;

    width: 100%;

    height: 1px;

	background-color: #ffffff;

	opacity: 0.2;

}


/*分页样式*/
.pglist{padding: 20px 0;width:100%;text-align: center;clear: both; }
.pglist a,.pglist span{color: #19427D;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;
background: #fff;border: 1px solid #19427D; border-radius: 5px;}
.pglist a:hover,.pglist span{display:inline-block;color: #19427D;}


.w1200 { width: 1400px; margin: 0 auto; overflow: hidden; }
.fr { float:right;}
.fl { float:left;}

.nybanner{width: 100%;height: 350px;overflow: hidden;}
.submian{padding: 30px 0;b}
/*当前位置*/
.position{position: relative;margin-top: -50px;height: 50px;line-height: 50px;}
.position .w1200{color: #fff;text-indent: 42px;background: url(../images/position.png) no-repeat center left 18px;background-color: rgba(0, 0, 0, .35);}
.position a{color: #fff;}
.position a:hover{color: var(--colour1);}
/*内页左侧*/
.subleft{width: 300px; border: 2px solid #19427D; border-radius: 5px; }
.subleft .title{color: #fff;font-size: 20px;line-height: 60px;height: 60px;
text-align: center;


background: #19427D url(../images/prolt.png) no-repeat center right 32px;
}

/*栏目分页*/
.subleft .lefta{margin-bottom: 20px;}
.subleft .lefta .comt{background: #ffff;padding: 20px;padding-bottom: 1px;}
.subleft .lefta .comt ul li a{display: block;color: #19427D;font-size: 16px;line-height: 38px; text-align: center;
border: 2px solid #19427D;
border-radius: 20px;
margin-bottom: 20px;overflow: hidden;
background: #eaeaea url(../images/prolgo.png) no-repeat center right 15px;
white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.subleft .lefta .comt ul li:hover a,.subleft .lefta .comt ul li.hover a{color: #fff;background-color: #19427D;}

/*联系我们*/
.subleft .leftcont{background: #fff;}
.subleft .leftcont .tel{height: 91px;text-indent: 85px;position: relative }
.subleft .leftcont .tel img{ position: absolute; top: 30px; left: 30px;}
.subleft .leftcont .tel p{color: #2d2d2d; font-size: 14px; line-height: 14px; padding-top: 28px; padding-left: 5px;}
.subleft .leftcont .tel h3{color:#19427D; font-size: 24px; line-height: 24px; margin-top: 7px;}

.subleft .leftcont .con{color: #2d2d2d;line-height: 28px;padding: 20px 25px; font-size: 14px;}
/*内页右侧*/
.subright{width: 1075px; border: 1px solid #19427D; border-radius: 5px;}
/*默认单页*/
.Aboutpage{padding: 20px;}
.Aboutpage p{color: #666;font-size: 17px;line-height: 30px;text-align: justify;background: #fff; margin-bottom: 10px;}
.Aboutpage img{max-width: 100%;}

/*文章列表*/
.Newslist{}
.Newslist .list{margin-bottom: 20px;background: #fff; }
.Newslist .list li{border: 1px solid #dfdfdf;border-top: none;padding: 20px 30px;transition: all .5s; }

.Newslist .list li .img{position:relative;width: 200px;height: 135px;display:block;overflow: hidden;cursor: pointer;
 border-radius: 5px;
}
.Newslist .list li .img img{width: 100%;height: 100%;transition: all 0.3s ease-out 0s;}

.Newslist .list li .txt{position: relative;width: 780px; }
.Newslist .list li .txt h3{color:#19427D;font-size:18px;font-weight: bold;line-height: 30px;padding-right: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.Newslist .list li .txt .hits{position: absolute;top: 0;right: 0;padding-left: 25px;background: url(../images/hits.png) no-repeat center left;color: #7a7a7a;font-size: 14px;line-height: 30px;}
.Newslist .list li .txt p{color: #7a7a7a;line-height: 25px;text-align: justify;margin-top: 15px;margin-bottom: 20px;height: 50px;overflow: hidden;}
.Newslist .list li .txt .itags{font-size: 14px;color: #787878;line-height: 20px;padding-left: 25px;background: url(../images/tags.png) no-repeat center left 1px;}
.Newslist .list li .txt .itags a{color: #787878;}
.Newslist .list li .txt .itags a:hover{color: var(--colour1);}
.Newslist .list li .txt .more{width: 35px;height: 35px;position: absolute;bottom: 0;right: 0;background: url(../images/more1.png) no-repeat center top;cursor: pointer;border-radius: 50%;transition: all .5s;}
.Newslist .list li:hover{box-shadow: 0 0 5px #dfdfdf;}

.Newslist .list li:hover .txt .more{background-image: url(../images/more2.png);background-color: var(--colour1);}
/*产品列表*/
.Prolist .list{float: left;width: 100%;   padding: 20px 0 0 20px;}
.Prolist .list li{float: left;width: 330px;margin-bottom: 20px;margin-right: 20px;padding-bottom: 20px;background: #fff;transition: all .5s;
 
  overflow: hidden;
  border-radius: 5px;
  border: 2px solid #19427D;
}
.Prolist .list li:nth-child(3n){margin-right: 0;}
.Prolist .list li .img{width: 100%;height: 230px;  overflow: hidden; }
.Prolist .list li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.Prolist .list li .txt{padding-top: 10px;padding-bottom: 0;  }
.Prolist .list li .txt h3{color: #2c2c2c;font-size: 18px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center;}
.Prolist .list li .txt p{color: #6b6b6b;font-size: 14px;line-height: 22px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 15px;}
.Prolist .list li .more{padding: 0px 10px;padding-bottom: 0;}
.Prolist .list li .more a{width: 50%;height: 42px;line-height: 42px;text-indent: 25px;background:#19427D ;border-radius: 0 50px 50px 0; color: #fff; text-align: center;}
.Prolist .list li .more a:hover{color: #fff;background:#900;border-color: var(--colour1);}
.Prolist .list li .more a:nth-child(1){border-right: none;border-radius: 50px 0 0 50px;}
.Prolist .list li:hover{box-shadow: 0px 0px 10px #f2f2f2; }
.Prolist .list li:hover .img img{transform: scale(1.02);}

/* 产品详情页面start */
.products{  width:700px;   margin: 30px auto 60px auto;}
.products_ms{}
.products_ms_tit{ width: 100%; height: 42px; line-height: 42px; border-bottom: 2px solid red;  }
.products_ms_tit span{ padding: 10px 20px; background: #1E4471; font-size: 18px; color: #fff; border-top-right-radius: 5px;border-top-left-radius: 5px;}
.products_ms_content{margin-top: 20px;}
.products_ms_content p{ line-height: 180%;}
/* 产品详情页面end */
/*图片列表*/
.Piclist .list{float: left;width: 100%; padding: 20px;}
.Piclist .list li{float: left;width: 330px;margin-bottom: 20px;margin-right: 20px;transition: all .5s; border: 1px solid #19427D;}
.Piclist .list li:nth-child(3n){margin-right: 0;}
.Piclist .list li .img{position: relative;width: 100%;height: 214px;overflow: hidden;}
.Piclist .list li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.Piclist .list li h3{color: #555;font-size: 16px;text-align: center;display: block;line-height: 50px;background: #fff;padding: 0 10px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Piclist .list li:hover{box-shadow: 0px 0px 2px #aaa;}
.Piclist .list li:hover .img img{transform: scale(1.01);}

/*留言表单*/
.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 380px;height: 45px;line-height: 45px;border: 1px solid #e4e4e4;margin-right: 75px;margin-bottom: 25px;position: relative;box-sizing: border-box;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 43px;line-height: 43px;font-size: 18px;color: #666;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt{width: 100%;height: 43px;line-height: 43px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;box-sizing: border-box;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 100%;height: 260px;border: 1px solid #e4e4e4;float: left;}
.formData .liuyan label{text-align: right;display: block;top: 7px;}
.formData .liuyan textarea{width: 100%;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;box-sizing: border-box;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 42px;border: 2px solid var(--colour1);margin-right: 2px;text-align: center;background: var(--colour1);color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;}
.formData .sub:hover{background: none;color: var(--colour1);}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 0;top: 0;border: 0;display: block;}
/*内容详情页*/
.conBox{padding: 20px;background: #fff;}
.conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;font-weight: bold;}
.conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.conBox .ArticleMessage span:first-child{margin-left:0;}
.conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;}
.conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}
.conBox .ArticleTencont{padding: 5px 0px 20px 0px;color: #666;font-size:14px;line-height: 28px;text-align: justify;overflow: hidden;}
.conBox .ArticleTencont img{max-width: 100%; margin: 5px 0; border-radius: 5px;}
.conBox #pic{width: max-content;margin: 20px auto;padding: 1px;box-shadow: 0 0 20px 0 rgba(0,0,0,.3);}
.conBox #pic img{max-width: 800px;}
/*相关新闻*/
.HotNews{padding-top: 15px;}
.HotNews .title{font-size: 22px;line-height: 50px;height: 50px;position: relative;}
.HotNews .title span{color: var(--colour1);}
.HotNews .title .more{float: right;font-size: 14px;}
.HotNews .title:after{content:" ";position: absolute;left: 0;bottom: 0;width: 24px;height: 1px;background-color: var(--colour1);}
.HotNews .box{padding: 40px;background: #fff;transition: all .5s;}
.HotNews .box .hot{width: 580px;}
.HotNews .box .hot .img{float: left;width: 206px;height: 155px;overflow: hidden;}
.HotNews .box .hot .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.HotNews .box .hot .txt{float: right;position: relative;width: 350px;height: 155px;transition: all .5s;}
.HotNews .box .hot .txt h3{font-size: 16px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.HotNews .box .hot .txt p{color: #666;font-size: 14px;line-height: 23px;overflow: hidden;margin-top: 9px;height: 75px;}
.HotNews .box .hot .txt span{color: #8e8e8e; font-size: 14px; margin-top: 5px;}
.HotNews .box .hot .txt .more{width: 35px;height: 35px;position: absolute;bottom: 0;right: 0;background: url(../images/more1.png) no-repeat center top;cursor: pointer;border-radius: 50%;transition: all .5s;}
.HotNews .box .list{width: 470px;height: 155px;padding-left: 34px;border-left: 1px dashed #ddd;overflow: hidden;}
.HotNews .box .list li{position: relative;font-size: 14px;line-height: 33px;border-bottom: 1px dashed #ddd;}
.HotNews .box .list li:nth-child(1){margin-top: -8px;}
.HotNews .box .list h3{padding-right: 90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.HotNews .box .list span{position: absolute;top: 0;right: 0;color: #999;}
.HotNews .box:hover{box-shadow: 0 10px 20px 0 #ccc;}
.HotNews .box .hot:hover .img img{transform: scale(1.1);}
.HotNews .box .hot:hover .txt .more{background-image: url(../images/more2.png);background-color: var(--colour1);}
/*内容分页*/
.reLink{height: 38px;border: 1px solid #ddd;margin: 10px auto 10px;padding: 0px 10px;}
.reLink .prevLink, .reLink .nextLink{height: 38px;line-height: 38px;color: #666;}
.reLink .prevLink a, .reLink .nextLink a{height: 38px;line-height: 38px;color: #666;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: var(--colour1);}
.reLink .prevLink{float: left;}
.reLink .nextLink{float: right;}



/* 关于我们开始 */

/* 关于我们end */

/* 新闻开始 */

/* 新闻end */


/* 产品开始 */

/* 产品end */





















/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px; background-color: #19427D;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: var(--colour1);margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;

}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px; }
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: var(--colour1);opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--colour1);border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: var(--colour1);opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--colour1);border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px; background-color: #19427D;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}