﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html {
    -webkit-text-size-adjust: none;
}

body, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #7f7f7f;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    word-wrap: break-word;
    word-break: break-all;
}

img {
    border: 0;
}

del, ins {
    text-decoration: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup, sub {
    vertical-align: baseline;
}

/* because legend doesn't inherit in IE */
input, select {
    vertical-align: middle;
}

i, cite, em {
    font-style: normal
}

/* New Clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */
/* Defaults */
a {
    text-decoration: none;
    color: #7f7f7f;
    font-size: 14px;
}

a:hover {
    text-decoration: none;
    color: #7f7f7f;
}

a:focus {
    outline: none;
    color: #7f7f7f;
}

.L, .l, .C, .c, .Left, .Center, .left, .center {
    float: left;
}

.R, .r, .Right, .right {
    float: right;
}

.reset_ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* 首页 */
body{
	min-width: 1330px;
}
/* 首页包裹层 */
.cpbg{
	width: 100%;background-color: #fff;
}
.albg {
    width: 100%;
    background: #f0f0f0;
}
.abbg{
	width: 100%;background-color: #fff;
}
.xwbg{
	width: 100%;background: #f0f0f0;
}
.lkbg{
	width: 100%;background-color: #fff;
}
/* 公共头部 */
.head{
	width: 100%;
	position: relative;
}
.head .headtop{
	width: 1200px;
	margin: 0px auto;
	box-sizing: border-box;overflow: hidden;
}
.head .logo{
	float: left;max-width: 900px;
	display: flex;overflow: hidden;
	justify-content: flex-start;align-items: center;
  margin-left:-1px;
}
.head .logo div{
  margin-top:15px;
	max-width: 435px;
    /*height: 65px;*/
    overflow: hidden;
    margin-right: 15px;
    margin-left: 1px;
    font-size: 24px;
    line-height: 65px;
    box-sizing: border-box;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.head .logo div img{
	max-height: 100%;object-fit: cover;
}
.head .logo p{
	font-size: 24px;
	margin: 30px 0px;
	padding: 0 0 0 30px;
	border-left: 1px solid #ddd;
	line-height: 34px;
	color: #333;
  max-width: 450px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.head .tel{
	float: right;max-width: 250px;overflow: hidden;
	display: flex;margin-top: 23px;
	justify-content: flex-start;
	align-items: center;
}
.head .tel i{
	background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/tel.png) no-repeat;
	background-size: cover;
	width: 40px;height: 40px;
	margin-right: 15px;
}
.head .tel div{
	font-size: 14px;
	color: #333;
	display: flex;flex-direction: column;
}
.head .tel div strong{
	font-size: 28px;
	color: #333;font-family: Impact;
}
.head .navboxs{
	width: 100%;max-width: 1920px;margin: 0px auto;
	position: relative;background: #cf0200;
	box-sizing: border-box;z-index: 2;
}
.head .nav{
	width: 1200px;margin: 0px auto;
	position: relative;
	box-sizing: border-box;
	z-index: 2;border-left: 1px solid #ffffff29;
}
.head .nav li{
	position: relative;float: left;border-right: 1px solid #ffffff29;
	box-sizing: border-box;
}
.head .nav li a{
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 56px;
	color: #fff;
	position: relative;z-index: 2;
	box-sizing: border-box;padding: 0px 20px;
	text-align: center;
}
.navbg{
	background-color: #cf0200 !important;
}
.head .nav li a:hover{
	background: #cf0200;text-shadow: none;
}
.head .nav li div{
	position: absolute;
	min-width: 100%;
	top: 100%;white-space: nowrap;
	display: none;
	z-index: 10;
	text-align: center;
	background:#cf0200;
}
.head .nav li:hover div{
	display: block;
}
.head .nav li div a {
    padding: 20px 10px;line-height: 1;
    font-size: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.2);
}

/* 轮播图 */
.banner{
	width: 100%;height: 560px;position: relative;overflow: hidden;
}
.banner .hd{
	width: 100%;overflow:hidden; position:absolute; bottom:5px; z-index:1; text-align: center;
}
.banner .hd ul{display: inline-block; margin: 0px auto;}
.banner .hd ul li{ 
	 margin-right:10px;  width:15px; height:15px;cursor:pointer; background: #000;
    opacity: .2;border-radius: 50%;float: left;
}
.banner .hd ul li:nth-last-child(1){
	margin-right: 0px;
}
.banner .hd ul li.on{ background:#fff; opacity: 1; }
.banner .bd{
	height: 100%;overflow: hidden; position: relative; left:50%; margin-left: -960px;width: 1920px;
}
.banner .bd ul{
	width: 100%;height: 560px;
}
.banner .bd ul li{
	width: 100%;height: 100%;
}
.banner .bd ul li img{
	width: 100%;height: 100%;object-fit: cover;
}
/* 首页产品展示 */
.abbox{overflow: hidden;}
.indexbox{
	width: 1300px;margin: 0px auto;box-sizing: border-box;padding: 100px 50px;
	position: relative;
}
.indexbox h3{
	display: block;font-weight: 700;color: #0350a2;
	font-size: 42px;line-height: 1;width: 100%;
}
.indexbox .title{
	width: 100%;margin-top: 10px;line-height: 1;display: flex;
    align-items: center;margin-bottom: 15px;position: relative;
}
.indexbox .title p{
	color: #cf0200;font-size: 30px;font-weight: 700;margin-right: 50px;
}
.indexbox .title div{
	height: 1px;flex: 1;
	background: #e5e5e5;
}
.indexbox .title a{
	display: block;background-color: #363e45;line-height: 44px;
    color: #fff;overflow: hidden;
	position: absolute;bottom: -7px;right: 0px;
}
.indexbox .title a span{
	width: 100%;height: 100%;padding:0 15px 0 30px;box-sizing: border-box;
	z-index: 1;position: relative;display: block;
	font-size: 16px;
}
.indexbox .title a i{
	float: right;font-size: 20px;
    font-weight: 700;margin-left: 25px;
    font-style: normal;
}
.indexbox .title a:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    content: "";
    height: 0;
    border-top: 44px solid #104492;
    border-left: 25px solid transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.indexbox .title a:hover:after{
	width: 100%;
}
.indexbox .indexcolumn{
	width: 100%;overflow: hidden;
}
.indexbox .indexcolumn ul{
	float: left;overflow: hidden;
}
.indexbox .indexcolumn ul li{
	float: left;margin-right: 10px;
}
.indexbox .indexcolumn ul li a:hover{
	background-color: #cf0200;
}
.indexbox .indexcolumn ul li:nth-last-child(1){
	margin-right: 0px;
}
.indexbox .indexcolumn ul li a{
	display: block;line-height: 44px;
    font-size: 16px;
    padding: 0 30px;
    background-color: #363e45;
    color: #fff;
}
.indexbox .indexcolumn form{
	float: right;
	display: block;margin-top: 0em;overflow: hidden;
}
.indexbox .indexcolumn form input:first-child{
	float: left;
	padding: 11px 15px 11px 15px;
	font-size: 14px;color: #333;
	border: 1px solid #ddd;
	background-color: #fff;
	width: 200px;outline: none;
}
.indexbox .indexcolumn form input:first-child::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#7f7f7f;
}
.indexbox .indexcolumn form input:first-child:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#7f7f7f;
}
.indexbox .indexcolumn form input:first-child::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#7f7f7f;
}
.indexbox .indexcolumn form input:first-child:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#7f7f7f;
}
.indexbox .indexcolumn form input:last-child{
	float: left;outline: none;
	height: 43px;
	width: 43px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/sousuo.png) center no-repeat #104492;
}
.indexbox .cpboxlb{
	position: relative;
}
.indexbox .cpbtnpv,.indexbox .cpbtnnt{ 
	display: block;
	color: #0000009c;
	font-size: 90px;
	overflow: hidden;
	top: 44%;
	cursor: pointer;
	position: absolute;
	font-family: "宋体";
}
.indexbox .cpbtnpv{
	right: -60px;
}
.indexbox .cpbtnnt{
	left: -60px;
}
.indexbox .cplist{
	width: 100%;overflow: hidden;
}
.indexbox .cplist .list{
	width: 100%;overflow: hidden;
}
.indexbox .cplist .list ul{
	float: left;
	width: 390px !important;margin-right: 15px;
}
.indexbox .cplist .list li{
	display: inline-block;margin-top: 27px;
	width: 390px;height: 382px;
}
.indexbox .cplist .list li a{
	width: 100%;box-sizing: border-box;
	position: relative;color: #333;
	display: block;padding: 20px 20px 50px;
    background-color: #f0f0f0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.indexbox .cplist .list li a:hover{
	background-color: #363e45;
	color: #fff
}
.indexbox .cplist .list li a .img{
	width: 100%;height: 228px;overflow: hidden;
}
.indexbox .cplist .list li a .img img{
	width: 100%;height: 100%;object-fit: cover;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.indexbox .cplist .list li a:hover .img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.indexbox .cplist .list li a .text{
	line-height: 40px;
	font-size: 18px;
	margin-top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.indexbox .cplist .list li a .more{
	position: absolute;width: 100%;height: 56px;
	bottom: -27px;left: 0px;
}
.indexbox .cplist .list li a .more div{
	margin: 0px auto;
	border: 4px solid #f0f0f0;
	background: #fff;
	line-height: 48px;
	width: 48px;
	height: 48px;
	text-align: center;
	color: #b3b3b3;
	font-size: 12px;
	border-radius: 50%;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.indexbox .cplist .list li a:hover .more div{
	background-color: #104492;
	color: #fff;
	border-color: #104492
}
/* 首页联系我们 */
.contactUs{
	width: 100%;max-width: 1920px; margin: 0px auto;
	background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/indexbg.jpg) no-repeat center;
}
.contactUs .Usbox{
	width: 1200px;margin: 0px auto;
	overflow: hidden;
}
.contactUs .Usbox .text{
	float: left;padding: 50px 0px;
    font-size: 36px;
    color: #d20a05;
    line-height: 36px;
	overflow: hidden;
	max-width: 50%;white-space: nowrap; 
	text-overflow: ellipsis;
}
.contactUs .Usbox .text span{
	font-size: 20px;
	color: #fff;overflow: hidden;
	line-height: 20px;
	padding-top: 18px;
	display: block;
	white-space: nowrap; 
	text-overflow: ellipsis;
}
.contactUs .Usbox .text i{
	display: block;
	width: 70px;
	height: 2px;
	background-color: #d20a05;
	margin-top: 18px;
}
.contactUs .Usbox .tel{
	float: right;padding-top: 38px;
	max-width: 42%;
	overflow: hidden;
}
.contactUs .Usbox .tel ul{
	float: left;
}
.contactUs .Usbox .tel ul li{
	padding: 0px 40px;height: 50px;
}
.contactUs .Usbox .tel ul li:nth-child(1){
	border-radius: 50px;margin-bottom: 20px;
	background-color: #ca2323;font-size: 26px;
	color: #fff;
	font-family: arial;
	font-weight: 700;
	line-height: 50px;
}
.contactUs .Usbox .tel ul li:nth-child(1) i{
	display: inline-block;background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/us1.png) no-repeat;
	width: 25px;height: 25px;position: relative;top: 3px;margin-right: 10px;
}

.contactUs .Usbox .tel ul li:nth-child(2){
	border-radius: 50px;
	border: 1px solid #fff;
	font-size: 20px;
	color: #fff;
	font-family: arial;
	line-height: 50px;
}
.contactUs .Usbox .tel ul li:nth-child(2) i{
	display: inline-block;background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/us2.png) no-repeat;
	width: 21px;height: 15px;position: relative;top: 2px;margin-left: 10px;
}
.contactUs .Usbox .tel div{
	float: right;margin-left: 30px;
	width: 120px;height: 120px;
	box-sizing: border-box;
	border: 3px solid #fff;
}
.contactUs .Usbox .tel div img{
	width: 100%;height: 100%;object-fit: cover;
}
/* 首页案例展示 */
.indexbox .allist{
	width: 100%;overflow: hidden;padding-top: 40px;
}
.indexbox .allist ul{
	overflow: hidden;
}
.indexbox .allist ul li{
	overflow: hidden;float: left;margin-right: 24px;
}
.indexbox .allist ul li a{
	display: block;overflow: hidden;
}
.indexbox .allist ul li a .img{
	width: 386px;height: 255px;overflow: hidden;position: relative;
}
.indexbox .allist ul li a .img img{
	width: 100%;height: 100%;object-fit: cover;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.indexbox .allist ul li a .img div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16,68,146,.7);
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.indexbox .allist ul li a span{
	color: #333;display: block;
	line-height: 68px;background: #fff;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    padding: 0 15px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.indexbox .allist ul li a .img div i{
	position: absolute;
	left: 50%;
	top: 50%;
	font-style: normal;
	border: 1px solid #fff;
	width: 54px;
	line-height: 54px;
	border-radius: 50%;
	text-align: center;
	margin: -28px 0 0 -28px;
}
/* 移入效果 */
.indexbox .allist ul li a:hover .img div{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.indexbox .allist ul li a:hover span{
	background: #104492;color: #fff;
}
/* 案例左右控制按钮 */
.albox .alboxlb{
	position: relative;width: 100%;
}
.albox .albtnpv,.albox .albtnnt{ 
	display: block;
	color: #000;top: 40%;
	font-size: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	font-family: "宋体";
}
.albox .albtnpv{
	right: -35px;
}
.albox .albtnnt{
	left: -35px;
}

/* 首页关于我们 */
.indexbox .abimg{
	float: left;margin-top: 25px;
	width: 50%;overflow: hidden;position: relative;
}
.indexbox .abimg i{
	display: block;
	position: absolute;
	left: -40px;
	bottom: -40px;
	width: 80%;
	height: 100%;
	background-color: #104492;
}
.indexbox .abimg div{
	position: relative; margin-bottom: 40px;float: right;
	width: 556px;height: 480px;
}
.indexbox .abimg div img{
	width: 100%;height: 100%;object-fit: cover;
}
.indexbox .abtext{
	float: right;background-color: #fff;margin-top: 62px;box-sizing: border-box;
	width: 50%;overflow: hidden;box-shadow: 0 1px 18px 1px rgba(54,62,69,.2);height: 443px;
    padding: 60px 80px 60px 50px;
}
.indexbox .abtext h4{
	font-size: 24px;color: #333;font-weight: 700;
	line-height: 34px;
}
.indexbox .abtext p{
	font-size: 16px;overflow: hidden;
	line-height: 36px;
	color: #666;
	margin: 25px 0 0;
	text-align: justify;
	display: -webkit-box;  /*  display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示  */
	-webkit-box-orient: vertical; /*  -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式  */
	-webkit-line-clamp: 5; /*  -webkit-line-clamp用来限制在一个块元素显示的文本的行数 */
}
.indexbox .abtext a{
	display: block;position: relative;
	margin-top: 40px;overflow: auto;
	float: left;background-color: #363e45;line-height: 44px;color: #fff;
}
.indexbox .abtext a span{
	width: 100%;height: 100%;padding:0 15px 0 30px;box-sizing: border-box;
	z-index: 1;position: relative;display: block;
	font-size: 16px;
}
.indexbox .abtext a i{
	float: right;font-size: 20px;
    font-weight: 700;margin-left: 25px;
    font-style: normal;
}
.indexbox .abtext a:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    content: "";
    height: 0;
    border-top: 44px solid #104492;
    border-left: 25px solid transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.indexbox .abtext a:hover:after{
	width: 100%;
}

/* 首页新闻中心 */
.xwbox{
	overflow: hidden;
}
.indexbox .xwleft{
	width: calc(50% - 10px);float: left;background: #fff;
	margin-top: 25px;
}
.indexbox .xwleft .img{
	width: 100%;overflow: hidden;height: 240px;
}
.indexbox .xwleft .img img{
	width: 100%;height: 100%;object-fit: cover;
}
.indexbox .xwleft p{
	color: #333;font-size: 18px;margin: 10px 0px;padding:0px 20px;box-sizing: border-box;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.indexbox .xwleft div:nth-child(3){
	color: #7F7F7F;font-size: 14px;
	overflow: hidden;width: 100%;line-height: 24px;
	padding:0px 20px;box-sizing: border-box;
	display: -webkit-box;  /*  display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示  */
	-webkit-box-orient: vertical; /*  -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式  */
	-webkit-line-clamp: 2; /*  -webkit-line-clamp用来限制在一个块元素显示的文本的行数 */
}
.indexbox .xwleft div:nth-child(4){
	overflow: hidden;padding:15px 20px;box-sizing: border-box;
}
.indexbox .xwleft div:nth-child(4) span:nth-child(1){
	float: left;font-size: 14px;color: #7F7F7F;line-height: 20px;
}
.indexbox .xwleft div:nth-child(4) span:nth-child(2){
	float: right;font-size: 14px;color: #007AFF;line-height: 20px;
	overflow: hidden;
}
.indexbox .xwleft div:nth-child(4) span:nth-child(2) i{
	float: right;font-size: 18px;color: #007AFF;font-weight: 700;
	margin-left: 15px;
}
.indexbox .xwright{
	width: calc(50% - 10px);float: right;overflow: hidden;
	margin-top: 25px;
}
.indexbox .xwright li{
	width: 100%;float: left;margin-bottom: 14px;
}
.indexbox .xwright li:nth-last-child(1){
	margin-bottom: 0px;
}
.indexbox .xwright li a{
	width: 100%;padding: 20px;box-sizing: border-box;
	background: #fff;display: block;overflow: hidden;
}
.indexbox .xwright li a div:nth-child(1){
	float: left;padding: 15px 15px;width: calc(22% - 10px);
	box-sizing: border-box;background: #363E45;position: relative;
}
.indexbox .xwright li a div:nth-child(1) img{
  	 width: 100%;
    height: 100%;
    object-fit: cover;
}
.indexbox .xwright li a div:nth-child(1) p{
	display: block;text-align: center;
	color: #fff;font-size: 24px;
}
.indexbox .xwright li a div:nth-child(1) span{
	display: block;text-align: center;
	color: #fff;font-size: 12px;
}
.indexbox .xwright li a div:nth-child(2){
	float: right;width: calc(78% - 10px);
	box-sizing: border-box;
}
.indexbox .xwright li a div:nth-child(2) p{
	display: block;margin: 6px 0px;
	color: #333;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;
}
.indexbox .xwright li a div:nth-child(2) span{
	color: #7f7f7f;font-size: 14px;display: block;overflow: hidden;width: 100%;
	display: -webkit-box;  line-height: 20px;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp:2; 
}
/* 联系我们 */
.indexbox .links{
	width: 100%;overflow: hidden;padding: 20px 0;
}
.indexbox .links p{
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #104492;
	padding-bottom: 15px;
}
.indexbox .links p small {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    color: #999;
}
.indexbox .links ul{
	margin-left: -20px;
}
.indexbox .links ul li{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.indexbox .links ul li a{
	font-size: 14px;
	color: #333;text-decoration: none;
}
/* 首页底部 */
.footerbox{
	width: 100%;
	background-color: #272c31;
	padding-top: 60px;
	color: #bdbebf;
}
.footer{
	width: 1200px;margin: 0px auto;overflow: hidden;
}
.footer ul{
	float: left; overflow: hidden;max-width: calc(100% - 220px);
}
.footer ul li{
	float: left;
	margin: 0 30px 0 0;max-width: 130px;overflow: hidden;
}
.footer ul li:nth-last-child(1){
	margin: 0px;
}
.footer ul li p{
	margin-bottom: 15px;
	overflow: hidden;
}
.footer ul li p:after{
    display: block;
    content: '';
    height: 1px;
    width: 20px;
    background-color: #52565a;
    margin-top: 10px;
}
.footer ul li p a{
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
}
.footer ul li div{
	line-height: 30px;overflow: hidden;
}
.footer ul li div a{
	display: block;color: #bdbebf;
	line-height: 30px;overflow: hidden;
white-space: nowrap; 
text-overflow: ellipsis;

}
.footer .footer-contact{
	float: right;max-width: 220px;
}
.footer .footer-contact .tel{
	text-align: right;
}
.footer .footer-contact .tel span{
	display: block;
    font-size: 24px;margin-bottom: 5px;
    color: #fff;overflow: hidden;
    line-height: 31px;
}
.footer .footer-contact .tel span i{
	float: left;margin-right: 15px;
    width: 25px;height: 30px;
	background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/foot-tel.png) no-repeat center center;
}
.footer .footer-contact .tel small{
	font-size: 16px;color: #fff;
}
.footer .footer-contact .code{
	margin-top: 20px;
}
.footer .footer-contact .code .img{
	float: right;width: 100px;height: 100px;
	box-sizing: border-box;
}
.footer .footer-contact .code .img img{
	width: 100%;height: 100%;object-fit: cover;
}
.footer .footer-contact .code .text{
	float: right;margin-left: 30px;
	border-top: 1px solid #52565a;
	border-bottom: 1px solid #52565a;
	line-height: 28px;
	padding: 20px 0;
	/* -webkit-writing-mode: vertical-rl; */
	-ms-writing-mode: tb-rl;
	/* writing-mode: vertical-rl; */
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	letter-spacing: 4px;
}
.footerbox .copy{
	background-color: #104492;
	margin-top: 50px;
	padding: 15px 0;
}
.footerbox .copy p{
	display: block;margin: 0px auto;
	max-width: 1200px;font-size: 14px;
	color: #fff;overflow: hidden;
	text-align: center;
}
/* 频道页关于我们 */
.fy-banner{
	width: 100%;height: 400px;position: relative;overflow: hidden;
}
.fy-banner .hd{
	width: 100%;overflow:hidden; position:absolute; bottom:5px; z-index:1; text-align: center;
}
.fy-banner .hd ul{display: inline-block; margin: 0px auto;}
.fy-banner .hd ul li{ 
	 margin-right:10px;  width:15px; height:15px;cursor:pointer; background: #000;
    opacity: .2;border-radius: 50%;float: left;
}
.fy-banner .hd ul li:nth-last-child(1){
	margin-right: 0px;
}
.fy-banner .hd ul li.on{ background:#fff; opacity: 1; }
.fy-banner .bd{
	height: 100%;overflow: hidden; position: relative; left:50%; margin-left: -960px;width: 1920px;
}
.fy-banner .bd ul{
	width: 100%;height: 400px;
}
.fy-banner .bd ul li{
	width: 100%;height: 100%;
}
.fy-banner .bd ul li img{
	width: 100%;height: 100%;object-fit: cover;
}
.hotworld{
	width: 100%;overflow: hidden;background: #f2f2f2;
}
.hotworld .box {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.hotworld .box .keyword{
    line-height: 78px;float: left;
    color: #333;width: calc(100% - 275px);
  	 font-size: 16px;
    font-weight: bold;display: flex;
}
.hotworld .box .keyword span {
	margin-left:15px;color: #7f7f7f;
   font-weight: normal;font-size: 14px;
   flex: 1;overflow: hidden;
   white-space: nowrap;text-overflow: ellipsis;
}
.hotworld .box form{
	float: right;
	display: block;margin-top: 18px;overflow: hidden;
}
.hotworld .box form input:first-child{
	float: left;
	padding: 11px 15px 11px 15px;
	font-size: 14px;color: #333;
	border: 1px solid #ddd;
	background-color: #fff;
	width: 200px;outline: none;
}
.hotworld .box form input:first-child::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#7f7f7f;
}
.hotworld .box form input:first-child:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#7f7f7f;
}
.hotworld .box form input:first-child::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#7f7f7f;
}
.hotworld .box form input:first-child:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#7f7f7f;
}
.hotworld .box form input:last-child{
	float: left;outline: none;
	height: 43px;
	width: 43px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/sousuo.png) center no-repeat #104492;
}

.main{
	width: 1200px;margin: 0px auto;margin-bottom: 30px;
}
.main .now {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 20px;
    color: #333;
}
.main .now span {
    padding-left: 10px;font-size: 14px;
    border-left: 10px solid #333;
}
.main .now a {
    color: #333;font-size: 14px;
}
.main .column {
    width: 100%;
    overflow: hidden;
}
.main .column li {
    float: left;
    margin-right: 10px;
}
.main .column li a {
    display: block;
    line-height: 44px;
    font-size: 16px;
    padding: 0 30px;
    background-color: #363e45;
    color: #fff;
}
.main .column li a:hover{
	background-color: #104492;
}
.main .column li:nth-last-child(1){
	margin-right: 0px;
}
.about .info {
    width: 100%;
    overflow: hidden;
    padding: 65px 0;
  line-height: 200%;
    font-size: 14px;
}
.about .info img{
	max-width: 100%;
}
/* 频道产品展示 */
.all {
	width: 100%;
	overflow: hidden;
}
.all .left-fl{
	float: left;width: 250px;
}
.all .left-fl .tit{
	text-align: center;
	color: #fff;
	font-size: 28px;
	background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/cp_bg1.png) no-repeat #104492;
	padding: 35px 0;
	border-radius: 0 30px 0 0;
}
.all .left-fl .lanmu{
	background-color: #363e45;
}
.all .left-fl .lanmu li{
	border-bottom: 1px solid #ffffff70;position: relative;
}
.all .left-fl .lanmu li a{
	display: block;
	line-height: 60px;
	padding: 0 0 0 25px;
	color: #fff;
	font-size: 18px;
}
.all .left-fl .lanmu li a:hover{
	background-color: #cf0200;
}
.all .left-fl .lanmu li i{
	width: 60px;line-height: 60px;top:0px;right: 0px;
	color: #fff;font-family: "宋体";text-align: center;
	position: absolute;font-size: 20px;overflow: hidden;font-weight: 700;
	cursor: pointer;user-select:none;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.all .left-fl .lanmu li .lanmu-box{
	overflow: hidden;height: 0;
}
.all .left-fl .lanmu li .lanmu-box p {
    margin: 0;
    border-top: 1px solid rgba(255,255,255,.2);
}
.all .left-fl .lanmu li .lanmu-box p a{
    padding: 0px 25px;font-size: 14px;padding-left: 40px;
    display: block;
    line-height: 45px;
    color: #fff;
}
.all .contentbox{
	float: right;width: 900px;
	overflow: hidden;
}
.all .prolist{
	overflow: hidden;margin-left: -21px;
}
.all .prolist li{
	float: left;width: 285px;margin-left: 22px;margin-bottom: 50px;
}
.all .prolist li a{
	display: block;position: relative;
	width: 100%;background-color: #f0f0f0;padding-bottom: 50px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.all .prolist li a .img{
	width: 100%;height: 186px;overflow: hidden;
}
.all .prolist li a .img img{
	width: 100%;height: 100%;object-fit: cover;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.all .prolist li a p {
    line-height: 40px;
    font-size: 18px;padding: 0px 20px;
    margin-top: 15px;color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.all .prolist li a span{
	display: block;overflow: hidden;
    white-space: nowrap;padding: 0px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #888;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.all .prolist li a .more {
    position: absolute;
    width: 100%;
    height: 56px;
    bottom: -27px;
    left: 0px;
}
.all .prolist li a .more div {
    margin: 0px auto;
    border: 4px solid #f0f0f0;
    background: #fff;
    line-height: 48px;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #b3b3b3;
    font-size: 12px;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.all .prolist li a:hover{
	background-color: #363e45;
}
.all .prolist li a:hover p{
	color: #fff;
}
.all .prolist li a:hover .img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.all .prolist li a:hover .more div{
	color: #fff;
	background-color: #104492;
	border: 4px solid #104492;
}
/* 下拉按钮 */
.arropen{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* Internet Explorer 9*/
	-moz-transform:rotate(90deg); /* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); /* Opera */
}
.lanmuatv{
	background-color: #104492;
}
.page{
	width: 100%;
  display: flex;align-items: center;justify-content: center;
}
 .page .one{
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px #ccc solid;
	color: #999;
	margin: 33px 2px 13px 2px;
	cursor: pointer;
}
.page .one .JZD_PAGE_YECI{
	margin-left: 10px;
}
.page .JZD_PAGE_DISABLED{
	display: block;
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px #ccc solid;
	color: #999;
	margin: 33px 2px 13px 2px;
	cursor: pointer;
}
.page .two{
	box-sizing: border-box;
	padding: 5px 10px;
	border: 1px #ccc solid;
	color: #999;
	margin: 33px 2px 13px 2px;
	cursor: pointer;
}
.page .two span select {
    border: none;outline: none;
}
/* 产品内页 */
.all .product{
	overflow: hidden;width: 100%;
}
.all .product .top{
	margin-bottom: 30px;width: 100%;overflow: hidden;
}
.all .product .top .img{
	width: 380px;height: 248px;float: left;
}
.all .product .top .img img{
	width: 100%;height: 100%;object-fit: cover;
}
.all .product .top .introduce{
	float: right;width: 500px;
}
.all .product .top .introduce h1 {
    margin: 0 0 15px;color: #333;
    font-size: 24px;font-weight: 700;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.all .product .top .introduce p {
    margin: 0;font-size: 14px;line-height: 20px;
    color: #666;overflow: hidden;
}
.all .product .top .introduce .consultbox {
	border-top: 2px solid #e6e6e6;
	margin-top: 15px;
	padding-top: 15px;
	line-height: 20px;
	font-size: 18px;
}
.all .product .top .introduce a {
	display: inline-block;
	line-height: 41px;
	padding: 0px 30px;
	background-color: #104492;
	color: #fff;font-size: 16px;
}
.all .product .bg {
	color: #333;
    font-size: 0;clear: both;
    margin-bottom: 20px;
    background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/productbg.png) repeat-x center;
}
.all .product .bg span {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    padding-right: 20px;
    font-size: 24px;
}
.all .product .text {
    line-height: 1.8;color: #333;
    margin-bottom: 30px;
  line-height: 200%;
    font-size: 14px;
}
.all .sxpiece {
    border-top: 1px dashed #ccc;
    padding-top: 20px;
    overflow: hidden;
}
.all .sxpiece span:nth-child(1){
	float: left;max-width: 45%;display: block;overflow: hidden;
	display: flex;color: #333;
}
.all .sxpiece span:nth-child(1) a{
	display: inline-block;flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;color: #333;
    white-space: nowrap;
}
.all .sxpiece span:nth-child(2){
	float: right;max-width: 45%;text-align: right;display: flex;
	justify-content: flex-end;color: #333;
}
.all .sxpiece span:nth-child(2) a{
	flex: 1;text-align: left;
    overflow: hidden;color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 新闻列表页 */
.all .contentbox .newslist{
	width: 100%;overflow: hidden;
}
.all .contentbox .newslist li{
	width: 100%;overflow: hidden;margin-top: -30px;
}
.all .contentbox .newslist li a{
	display:block;padding: 30px 0;box-sizing: border-box;border-bottom: 1px solid #ddd;
	width: 100%;overflow: hidden;
}
.all .contentbox .newslist .img{
	width: 250px;
	height: 180px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}
.all .contentbox .newslist .img img{
	width: 100%;height: 100%;object-fit: cover;
}
.all .contentbox .newslist .text {
	float: left;
}
.all .contentbox .newslist .text .time{
	width: 100%;margin: 10px 0;
}
.all .contentbox .newslist .text p{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}
.all .contentbox .newslist .text span{
	color: #7f7f7f;font-size: 14px;clear: both;display: block;
}
.all .contentbox .newslist .text .more{
	margin-top: 15px;
	font-size: 14px;
	background: #104492;
	color: #fff;
	float: left;
	padding: 10px 20px;
}
/* 新闻内页 */
.all .contentbox .news{
	width: 100%;overflow: hidden;
}
.all .contentbox .news h1{
	font-size: 24px;
	color: #333;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.all .contentbox .news .time {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 10px;
    color: #999;
    text-align: center;
}
.all .contentbox .news .text {
    margin-bottom: 20px;line-height: 200%;
    font-size: 14px;
}
/* 在线留言 */
.message h1 {
    margin-bottom: 40px;
    font-size: 40px;
    text-align: center;
    color: #333;
}
.message h1 span {
    font-weight: bold;
    color: #104492;
}
.message form {
    background: url(//filecdn.ify.cn/skin/lsjxmb9766/img/form-bg.jpg) no-repeat center bottom #fff;
    border: 1px solid #ddd;
    padding: 50px 200px;
    margin-bottom: 30px;
}
.message form div {
    overflow: hidden;
    margin-bottom: 15px;
}
.message form div span {
    float: left;
    line-height: 34px;
    width: 120px;
    text-align: right;
    color: #333;
}
.message form div input {
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    width: 600px;
    outline: medium;
    color: #333;
}
.message form div textarea {
    width: 600px;color: #333;
    resize: none;
    border: 1px solid #ddd;
    outline: medium;
    padding: 6px 12px;
}
.message form .btn input {
    padding: 6px 22px;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    border-radius: 3px;
    width: auto;
}
.message form .btn input:first-child {
    background-color: #104492;
    margin-left: 120px;
    margin-right: 10px;
}
.message form .btn input:nth-child(2) {
    background-color: #767676;
}
/* 联系我们 */
.all .contact{
	width: 100%;overflow: hidden;
}
.all .contact a{
	display: block;float: left;width: 570px;height: 400px;
}
.all .contact a img{
	width: 100%;height: 100%;object-fit: cover;
}
.all .contact .contact-right{
	float: right;width: 560px;
}
.all .contact .contact-right h4{
	margin: 0;font-size: 24px;color: #333;
}
.all .contact .contact-right .text{
	color: #666;
	border-left: 3px solid #000;
	margin-top: 24px;
	padding-left: 20px;
	line-height: 2;
}
.all .contact .contact-right p{
	color: #104492;margin: 0;font-size: 16px;
}
.all .contact .contact-right span{
	display: block; margin: 0;font-size: 14px;
}
.undefind{
	padding-top: 30px;
    text-align: center;
    width: 100% !important;
    margin: 0px !important;
}