@charset "utf-8";
/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of .group-rightthe zui framework, which requires the introduction of the zui core file first.
 * 
 *  Please keep my information in this file, thank you!
 */

/* for global 全局 */

@font-face {
  font-family: 'iconfont';  /* Project id 2139286 */
  src: url('//at.alicdn.com/t/c/font_2139286_v150kra6ll7.woff2?t=1780497109146') format('woff2'),
       url('//at.alicdn.com/t/c/font_2139286_v150kra6ll7.woff?t=1780497109146') format('woff'),
       url('//at.alicdn.com/t/c/font_2139286_v150kra6ll7.ttf?t=1780497109146') format('truetype');
}


.iconfont{font-family:"iconfont"!important;font-size:21px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}


.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {	position: relative;	min-height: 1px;	padding-right: 10px;	padding-left: 10px;}
.col-xs-5ths {  width: 20%;}
@media (min-width : 768px) {	.col-sm-5ths {width: 20%;float: left; }}
@media (min-width : 992px) {	.col-md-5ths {width: 20%;float: left; }   }
@media (min-width : 1200px) {	.col-lg-5ths {width: 20%;float: left;}}

body {color: #393939;
	font-size: 16px;
	font-family: "Microsoft Yahei",sans-serif;
}
table { margin: auto;}
a {
	color: #393939;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:none;text-decoration: none;color: #393939;}
a:hover {outline:none;text-decoration: none;color: #393939;}

ul {  list-style-type: none; /* 去掉小原点 */}
ul li {  list-style-type: none; /* 去掉小原点 */}

.bg { background: #f6f6f6;}

.pr20{padding-right: 20px;}

.red {font-size: 18px; color:#f6a800;}

/*百度地图使用*/
 #container{width:100%;height: 200px;}  

.header-container{    background: #ffffff;}
.screen-phone .header-container,.screen-tablet .header-container{  height:auto}
.body-container{ background: #ffffff;}
.footer-container{ background: #ffffff;}

.visible-lteie8{display:none;}
.lte-ie-8 .visible-lteie8{display:block;}

/* box size */
.no-margin {margin: 0;}
.no-padding {padding: 0;}
.p-b-57{padding-bottom:57%;}

/* display */
.inline-block {display: inline-block}

/* position */
.pst-relative {position: relative;}

/* clear */
.clear-block {clear: both;}

/* vertical-align */
.vc-middle{display: inline-block;vertical-align: middle;}

/* font */
.text-12px{font-size: 12px}
.text-14px{font-size: 14px}

/* other */
.middle-ctrl{display: inline-block;height: 100%;width: 0px;vertical-align: middle;}
.of-hidden{overflow:hidden;}

.tp20 {margin-top:20px;}

/* header */
#headerwhite-pc{width: 100%;height: 120px;background: #fff;}
#headerbar{width: 100%;background-color: #fff;border: none;font-size: 0px;line-height:0px; position: relative;border-radius: 0;}
#headertitle{display:block;width: 40%;float:left;;position:relative;background-color:#fff;z-index: 1;}
#headertitle .group-left{display: block;width: 700px;height: 100px;padding: 10px 0px 19px 0px;overflow: hidden;float: left;}
#headertitle  #headerlogo{display: block;width: 648px;height: 61px;padding: 14px 8px 5px 0;}
#headertitle  #headerlogo>img{display: block; /*width: 100%;*/height: auto; }

/*
#headertitle .collectionpage{display: block;float: right; vertical-align: middle;width: 60px;height:70px;line-height: 20px;margin: 15px 0px 15px 10px;border: none;background: #d7000e;font-size: 14px;color: #fff;border-radius: 6px;}
*/

#headernav{display: block;width:40%;height: 48px;float:right;position: relative;/*background:#d7000e;*/margin-bottom: 0px;/*2026.4.4 =》*/margin-top: 30px;}
@media screen and (min-width: 1200px) and (max-width: 1699px)  {	#headernav{width: 52%;}}
@media screen and (min-width: 992px) and (max-width: 1199px)  {	#headernav{width: 50%;}}

#headernav ul{display: block; width: 100%;height: 48px;position: relative;text-align: right;float: none;white-space: nowrap;}
#headernav ul>li{display: inline-block;position: relative;float: none;/*width:140px;*/height:48px;}
@media screen and (min-width: 1700px)                          { #headernav ul>li {padding:0 20px;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { #headernav ul>li {/*width:100px;*/}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { #headernav ul>li {/*width:100px;*/}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { #headernav ul>li {/*width:100px;*/}}

/*.screen-desktop #headernav ul>li{width:117px;}*/
/*
#headernav ul>li:hover,#headernav ul>li.active{ }
#headernav ul>li .before,#headernav ul>li .after{display: block;float: left;width: 1px;height:44px;}
#headernav ul>li+li .before{background: url(/images/navlistborder-before.png) center center no-repeat;}
#headernav ul>li .after{ }
*/
#headernav ul>li:last-child .after{background: none;}
#headernav ul>li>a{display: block;float: left;/*width: 128px;*/font-size: 18px;color: #000; font-weight: bold; ; ;}
@media screen and (min-width: 1700px)                          { #headernav ul>li>a {font-size: 18px;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { #headernav ul>li>a{font-size: 16px;   padding: 10px 12px}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { #headernav ul>li>a{font-size: 16px}}

.nav>li>a {    padding: 8px 8px;}

#headernav ul>li:hover>a,#headernav ul>li.active>a,#headernav ul>li:focus>a{color: #FFF;background:#d7000e; border-radius:38px; padding: 10px 20px;}
#headernav ul>li .navplus{width: 220px;display: none;position: absolute;z-index: 1009;text-align: left;/*left:-3px;*/top:48px;font-size: 0;background: #ffffff;box-shadow: 0px 4px 10px 0px #333333;border-radius:3px  3px 16px 16px;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.screen-desktop #headernav ul>li .navplus{width: 223px;}
#headernav ul>li .navplus>a{display:block;height: 50px;line-height:50px;font-size: 14px;color: #000;border-radius: 0px;padding: 0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#headernav ul>li .navplus>a i{margin-right: 2px;}
#headernav ul>li .navplus>a:hover{ background: #d7000e;color: #fff; }


.header-right{display: block;width: 200px;/* 2026.4.4 height: 100px;overflow: hidden;*/padding: 15px 0px 15px 0px;float: right;}
.header-right .headertel{display: block;margin-top: 13px;color: #4e4e4e;font-size: 16px;line-height: 21px;vertical-align: top;text-align: center;}
.header-right .headertel>img{display: inline-block;vertical-align: top;width: 20px;height: 21px;margin-right: 10px;}
.header-right .headertel a{color: #4e4e4e;}
 
.header-right .search {float: right;height: 36px;line-height: 36px;width: auto; padding: 0 26px 0 0;   }
.header-right .header-top .search .iconfont{color:#1c5487}

/*自动翻译*/
/* 语言切换按钮容器 */
        .language-switcher {           position: relative;            display: inline-block;float: right;padding: 3px 10px 0 0;			        }

        /* 语言切换按钮 */
        /* 语言切换按钮 */
        .language-btn {    display: flex; border-radius: 4px; cursor: pointer;   gap: 5px; font-size: 14px;  color: #333;        }
.language-btn img {margin-top: 7px;}
        .language-btn .globe-icon {  font-size: 16px;  /*2026.5.30后->*/-webkit-border-radius: 100%;background: url(../../images/Earth.gif) #d7000e no-repeat center center; background-size: cover; margin-top: 3px;width: 21px}
           
        .language-btn .current-lang {font-weight: bold;/* 2026.5.10 */padding-top:3px;}
        .language-btn .current-lang:hover {color:#d7000e;}

        .language-btn .arrow-icon {            margin-left: 5px;            transition: transform 0.3s;        }		
        .language-list .hidden{ display:none}

        /* 下拉框容器 */
        .language-dropdown {            position: absolute;            top: 100%;            right: 0;            background: #fff;            border: 1px solid #ddd;            border-radius: 10px;            box-shadow: 0 2px 10px rgba(0,0,0,0.1);            display: none;            z-index:9999;			width:300px;        }


        /* 语言列表 */
        .language-list {   display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; padding: 20px 10px 20px 20px;max-height: 230px;overflow-y: auto;  }

        /* 语言选项 */
        .language-item {            display: flex;            align-items: center;            padding: 6px 8px;            cursor: pointer;            border-radius: 4px;            gap: 5px;            font-size: 13px;            color: #333;			    height: 30px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;        }
		.language-item a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        .language-item:hover {            background: #f5f5f5;        }
        .language-item img {            width: 16px;            height: 12px;            object-fit: cover;        }

        /* More Language按钮 */
        .more-languages {            text-align: center;            padding: 8px;            border-top: 1px solid #eee;            cursor: pointer;            color: #666;
            font-size: 13px;            height: 40px;            line-height: 40px;        }
        .more-languages:hover {            color: #333;            background: #f5f5f5;        }

        /* 展开状态 */
         .language-dropdown.active,.language-switcher:hover .language-dropdown {  display: block;  background: white;   }
        .language-switcher:hover .arrow-icon {            transform: rotate(180deg);        }
        .language-list.show-all {            max-height: 400px;        }

        /* 滚动条样式 */
        .language-list::-webkit-scrollbar {            width: 6px;        }
        .language-list::-webkit-scrollbar-track {            background: #f1f1f1;        }
        .language-list::-webkit-scrollbar-thumb {            background: #ccc;            border-radius: 3px;        }
        .language-list::-webkit-scrollbar-thumb:hover {            background: #999;        }


   /* 手机站 */
        .language-switcher2 {   position: relative;display: inline-block;float: right;padding: 3px 50px 0 0;}
 
        /* 语言切换按钮 */
        .language-btn2 { display: flex; border-radius: 4px; cursor: pointer;   gap: 5px; font-size: 14px;  color: #333;        }
        .language-btn2 img {margin-top: 7px;}
        .language-btn2 .current-lang2 {font-weight: bold;/* 2026.5.10 */padding-top:3px;}
        .language-btn2 .current-lang2:hover {color:#d7000e;}
        .language-btn2 .arrow-icon2 {   margin-left: 5px; transition: transform 0.3s;        }		
        .language-list2 .hidden{ display:none}

        /* 下拉框容器 */
        .language-dropdown2 {  position: absolute;   top: 100%; right: 0;  background: #fff;  border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);display: none;z-index:9999;width:300px; }
 
        /* 语言列表 */
        .language-list2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; padding: 20px 10px 20px 20px;max-height: 230px;overflow-y: auto;  }

        /* 语言选项 */
        .language-item2 {  display: flex; align-items: center; padding: 6px 8px; cursor: pointer; border-radius: 4px;gap: 5px;font-size: 13px; color: #333;height: 30px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
       .language-item2 a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        .language-item2:hover {   background: #f5f5f5; }
        .language-item2 img { width: 16px; height: 12px;object-fit: cover; }

        
        /* 展开状态 */
         .language-dropdown2.active,.language-switcher2:hover .language-dropdown2 {  display: block;  background: white;   }
        .language-switcher2:hover .arrow-icon {            transform: rotate(180deg);        }
        .language-list2.show-all {            max-height: 400px;        }
 


 
/* 弹窗搜索 2024.11.28*/
 
.black_overlay{  display: none;  position: absolute;  top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1100;  -moz-opacity: 0.6; /*改变图片透明度，越小越透明，*/ opacity:0.60;  filter: alpha(opacity=60); } 
.search_con { display: none; position: absolute; top: 43%; left: 35%; width:30%; height:20%; z-index:1200;  overflow: auto; }
.search_con .close { position: fixed; top: 0px; right: 0; background: #1c5487; width: 70px; height: 60px; cursor: pointer;z-index:1500;opacity: 0.9 }
.search_con .close span { display: block; width: 20px; height: 2px; background: #fff; margin-bottom: 3px; transition: 0.5s; position: absolute; }
.search_con .close span:nth-child(1) { transform: rotate(45deg); top: 28px; left: 50%; margin-left: -10px; }
.search_con .close span:nth-child(2) { transform: rotate(-45deg); top: 28px; left: 50%; margin-left: -10px; }
.search_con .close:hover { background: #c00 }

.search_con .input-group .form-control {height: 60px;margin-top: 2px;font-size: 16px;padding-left: 45px;border-radius: 40px 0 0px 40px;;}
.search_con .input-group .icon-search { padding-top: 10px; padding-left: 15px; line-height:63px;   margin-top: 2px;font-size:18px;}
.search_con .input-group .btn {height: 60px;width: 110px; background-color: #1c5487;font-size:18px;border: none;border-radius: 0px 40px 40px 0px; } 





.group-right{display: block;width: 200px;/* 2026.4.4 height: 100px;overflow: hidden;*/padding: 15px 0px 15px 0px;float: right;}
.group-right .headertel{display: block;margin-top: 13px;color: #4e4e4e;font-size: 16px;line-height: 21px;vertical-align: top;text-align: center;}
.group-right .headertel>img{display: inline-block;vertical-align: top;width: 20px;height: 21px;margin-right: 10px;}
.group-right .headertel a{color: #4e4e4e;}
.group-right .headersearch{display: block;height: 36px;}
.group-right .headersearch>form{display:block;width:240px;height: 36px;float: right;border: 1px solid #cbcbcb;overflow: hidden;border-radius: 8px;white-space: nowrap;}
.group-right .headersearch>form input{display: inline-block;vertical-align: top;width: 170px;height: 100%;border:none;padding: 10px;font-size:14px;line-height: 16px;color: #000;}
.group-right .headersearch>form input:focus{outline: none;border: none;}
.group-right .headersearch>form button{display: inline-block;vertical-align: top;width: 40px;height: 100%;float: right;border: none;background: #ffffff;font-size: 18px;color: #fff;}
.group-right .headersearch>form button>.icon{font-size: 18px; color: #cbcbcb;}


#m-headerbar {	padding-top: 6px;	padding-bottom: 6px;	border: none;	background-color: #fff;	border-bottom: #d1d1d1;	box-shadow: 0px 3px 5px 0px #d1d1d1;}
#m-headerhd{	pointer-events:auto;}
#m-headerhd:hover{	color: #5faecc;}
#m-headerbar .hdtitle-img {	/*	 *width: 40px;	 */	width: auto;	height: 40px;}
#m-headerbar .hdtitle-img img{	width: auto;	height: 100%;}
#m-headerbar .hdtitle-ch {	font-size: 22px;	font-weight: 700;	line-height: 1.1;	letter-spacing: 1px;	padding-left: 10px;}
#m-headerbar .hdtitle-en {	font-family: Georgia, "serif";	font-size: 14px;	font-weight: 700;	letter-spacing: 1px;	line-height: 1.1;	padding-left: 10px;}
#m-headerbtn{	position: absolute;	top:10px;right: 10px;padding: 0px 8px;	color: #d7000e;	text-shadow: none;	background-color: #fff;	border-color: #d7000e;}
#leftmenulayout{	display: none;	width: 100%;	height: 100%;	width: 100vw !important;	height: 100vh !important;	position: fixed;    z-index: 999998;    top: 0;
    right: 0;    bottom: 0;    left: 0;    background-color: #000;	opacity: .5;}
#leftmenulayout span{	display: block;	width: 40%;	height: 100%;	margin-left: 60%;	color: #7d7d7d;	font-size: 4rem;	overflow: hidden;	text-align: center;}
#leftmenu{	display: none;	width: 60%;	height: 100% !important;	width: 60vw;	height: 100vh !important;	background-color: #c40000;	border-right:1px solid #333;
	position: fixed;	top: 0;	left: 0;	z-index: 999999;	box-shadow: rgba(0,0,0,.15) 0 .15rem .5rem,rgba(0,0,0,.25) 0 .15rem .5rem;	overflow-y: auto !important;}
#leftmenu>.items{	display: block;	width: 100%;	border-bottom: 1px solid #e96448;	position: relative;}
#leftmenu>.items>a{	margin: 0 15%;	font-size: 15px;	display: block;	height: 55px;	line-height: 55px;	position: relative;	color: #fff;	width: 70%;	overflow: hidden;
	white-space: nowrap;	text-overflow: inherit;}
#leftmenu>.items.mobile-lang-items{	padding: 12px 10%;}
#leftmenu>.items.mobile-lang-items .mobile-lang-links{	display: grid;	grid-template-columns: repeat(2, 1fr);	gap: 8px 12px;	direction: ltr;}
#leftmenu>.items.mobile-lang-items a{	display: flex;	align-items: center;	gap: 6px;	color: #fff;	font-size: 14px;	line-height: 24px;}
#leftmenu>.items.mobile-lang-items img{	width: 18px;	height: 13px;	object-fit: cover;}
#leftmenu>.items>i{	text-align: center;	display: block;		position: absolute;	top: 0;	right: 10px;	color: #fff;	height: 55px;	width: 55px;	font-size: 20px;	line-height: 55px;}
#leftmenu>.items>.listplus{	display: none;	padding: 0px 0 20px 80px;}
#leftmenu>.items>.listplus>a{	display: block;	color: #fff;	line-height:26px;	font-size: 14px;	width: 100%;	overflow: hidden;	white-space: nowrap;	text-overflow: inherit;}

#footerbar {display: block;width: 100%;color: #fff;    margin-top: 60px;padding: 40px 10px 10px 10px;background-color: #212121 ; border-top: 4px solid #e0e0e0}
#footerbar a{color: #fff}
/* #footerbar a:hover{text-shadow: 0 0 2px #ffffff} */
 
#footerbar .footlogo {height: 90px; line-height: 90px; margin-bottom: 30px; font-size: 48px;font-family: Georgia;font-weight: bold;text-transform: uppercase;}
.screen-phone #footerbar .footlogo,.screen-tablet #footerbar .footlogo  {height: 50px;font-size:30px;}

.navbar-nav{float:none;  /*覆盖默认样式*/}
#footerbar .foot_nav {padding-left: -10px;}
#footerbar .col,.col-xs-12,.col-sm-12,.col-md-5,.col-lg-5 {padding-left: 0px;}
@media screen and (max-width: 991px) {
	#footerbar .foot_nav ul li,
	#footerbar .foot_tel ul li,
	#footerbar .foot_wechat {
		display: block !important;
		width: 100% !important;
		margin-bottom: 18px !important;
	}
	#footerbar .foot_nav ul li a,
	#footerbar .foot_tel .nav1 {
		display: block !important;
		line-height: 1.2 !important;
		padding-bottom: 8px !important;
	}
	#footerbar .foot_nav ul li ul,
	#footerbar .foot_tel ul li ul {
		padding-top: 10px !important;
	}
	#footerbar .foot_nav ul li ul li,
	#footerbar .foot_tel ul li ul li {
		height: auto !important;
		float: none !important;
		clear: both !important;
		line-height: 24px !important;
		margin-bottom: 6px !important;
		background-position: left 10px !important;
	}
}


#footerbar .foot_nav ul{text-align:left;}
#footerbar .foot_nav  .nav1 {font-size: 18px; font-weight: bold;color:#c40000 }
#footerbar .foot_nav  .nav1:hover{font-size: 22px;color:#c40000 ;}

#footerbar .foot_nav ul li{ display:inline-block;position:relative;float:none;width: 250px; font-size: 18px; }
.screen-phone #footerbar .foot_nav ul li,.screen-tablet #footerbar .foot_nav ul li {width: 156px;  }

#footerbar .foot_nav ul li:last-child a{border:none;}
 
#footerbar .foot_nav ul li a{  font-size: 18px;color:#c40000;color:#fff;padding: 0; padding-bottom:5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#footerbar .foot_nav ul li a:hover{font-size: 22px;color:#c40000 ;}
#footerbar .foot_nav ul li ul {margin:0;padding:0; padding-top:15px;}
.screen-phone #footerbar .foot_nav ul li ul,.screen-tablet #footerbar .foot_nav ul li ul {padding-top:0px}

#footerbar .foot_nav ul li ul li {float:left;width: 100%; color: #fff;height: 30px;line-height: 30px; text-align: left;background:url("../../images/circle.png") no-repeat left 15px;padding-left: 15px}
#footerbar .foot_nav ul li ul li a{color: #fff;font-size:14px;}
#footerbar .foot_nav a:hover{   background:none;}
#footerbar .foot_nav ul li ul li img { width: 31px;}

#footerbar .foot_tel {}
.screen-phone #footerbar .foot_tel,.screen-tablet #footerbar .foot_tel{margin-top: 10px }

#footerbar .foot_tel  .nav1{font-size: 18px; font-weight: bold;color:#c40000 }
#footerbar .foot_tel  .nav1:hover{font-size: 22px;color:#c40000 ;}
#footerbar .foot_tel ul li ul {margin: 0;  padding: 0;   padding-top: 15px;}
#footerbar .foot_tel ul li ul li {float:left;width: 100%; height: 30px;line-height: 30px; text-align: left;color: #fff;font-size: 25px;}

#footerbar .foot_wechat { } 
.screen-phone #footerbar .foot_wechat,.screen-tablet #footerbar .foot_wechat {     padding-left: 20px;  margin-top: 10px; }
#footerbar .foot_wechat p{text-align: right;font-size: 22px;font-weight: bold;color: #c40000 ;}
#footerbar .foot_wechat img {float: right;}
 

.screen-phone #footerbar .foot_wechat p,.screen-tablet #footerbar .foot_wechat p{text-align: left;;padding-top: 30px;  }
.screen-phone #footerbar .foot_wechat img,.screen-tablet #footerbar .foot_wechat img {float: left;}


#footerbar .footname  {margin-top: 20px;padding-top:13px;  font-size: 16px;color:#a7a7a7;border-top: #505050 1px solid;}
#footerbar .footname .left {float: left;color: #a7a7a7;}
#footerbar .footname .right  {text-align: right;float: right} 
 

 

#m-footer{border-top: 1px solid #731805;background-color: #d7000e}
#m-footer a{display: block;color: #fff;padding-top: 5px;padding-bottom: 5px}
#m-footer .iconfont {  font-size: 28px;}

 
 




/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner{	width: 100%;	height:auto;font-size: 0px;}
.mainbanner ul,.mainbanner ul li{	list-style: none;	margin: 0;	padding: 0;	font-size: 0;	display: block;}
.mainbanner ul li{	float: left;}
.slider {	position: relative;	width: 100%;	height: auto;	overflow: hidden;}
.slides {	height: auto;	/* Simple clear fix */	overflow: hidden;	/**		 * Prevent blinking issue	 * Not tested. Experimental.	 */
	-webkit-backface-visibility: hidden;	-webkit-transform-style: preserve-3d;	/**
	 * Here is CSS transitions 	 * responsible for slider animation in modern broswers	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {	list-style: none;	height: auto;	float: left;	clear: none;}
.arrowsWrapper{display:none;}
.slider:hover .arrowsWrapper{display:block}
.slider-arrow {position: absolute;	display: block;	margin-bottom: 0px;	padding: 4%;	text-decoration: none;	text-align: center;	opacity:1;}
.slider-arrow--right {	bottom: 35%;	right: 4%;	background:url(/images/right_jt.png) no-repeat center;}
.slider-arrow--left {	bottom: 35%;	left: 4%;	background:url(/images/left_jt.png) no-repeat center;	 }
.slider-nav {	position: absolute;	bottom: 8%;	text-align: center;}
.slider-nav__item {	width: 12px;	height: 12px;	background: #d8000f;	border: none;	border-radius: 50%;	clear: none;	display: inline-block;margin: 0 4px;}
.screen-phone .slider-nav__item {width: 12px;height: 12px;}
.slider-nav__item:hover,.slider-nav__item--current { width: 50px;border-radius:6px;background: #fff;}
.screen-phone .slider-nav__item:hover,.screen-tablet  .slider-nav__item--current { width: 25px;border-radius:6px;background: #fff;}

.mainbanner-foot {width: 100%; height:160px ; background: #c40000;}

.mainbanner-foot .mainbanner-img-right {  position: relative ;/* 图片绝对定位 */ bottom: 0px; /* 距离底部0 */    left: 93px; /* 距离右边0 */}
.mainbanner-foot .container .mainbanner-img-left { position: relative; /* 图片绝对定位 */ bottom: 160px; /* 距离底部0 */left: 0; /* 距离右边0 */}

.mainbanner-foot .mainbanner-foot-left {width:50%; float:left ;padding-top: 30px; font-size: 24px;font-weight: bold;color: #FFFFFF; text-transform: uppercase;}
.screen-phone .mainbanner-foot .mainbanner-foot-left {width:100%;padding-top: 20px;font-size: 13px;}

.mainbanner-foot .mainbanner-foot-left img {max-width:14%;}
.screen-phone .mainbanner-foot .mainbanner-foot-left img {max-width:10%;}

.mainbanner-foot .mainbanner-foot-right {width:50%;float:right;text-align: right;padding-top: 58px; ;font-size: 24px;font-weight: bold;color: #FFFFFF; text-transform: uppercase;}
.screen-phone .mainbanner-foot .mainbanner-foot-right,.screen-tablet .mainbanner-foot .mainbanner-foot-right  {width:100%;text-align:left;padding-top: 20px;font-size: 22px;}
.screen-phone .mainbanner-foot .mainbanner-foot-right span,.screen-tablet .mainbanner-foot .mainbanner-foot-right span {font-size:16px;}

@media screen and (min-width: 1700px)  { .mainbanner-foot .mainbanner-foot-left{width:60%; font-size: 24px;;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .mainbanner-foot .mainbanner-foot-left{width:60%; font-size: 18px;;}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .mainbanner-foot .mainbanner-foot-left {width:60%; font-size: 18px;}}
@media screen and (min-width: 767px) and (max-width: 992px)   { .mainbanner-foot .mainbanner-foot-left {width:100%;padding-top: 20px;font-size: 16px;}}

@media screen and (min-width: 1700px)  { .mainbanner-foot .mainbanner-foot-left img {max-width:10%;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)    { .mainbanner-foot .mainbanner-foot-left img {max-width:16%;}}
@media screen and (min-width: 992px) and (max-width: 1199px)  { .mainbanner-foot .mainbanner-foot-left img {max-width:15%;}}
@media screen and (min-width: 767px) and (max-width: 992px)  { .mainbanner-foot .mainbanner-foot-left img {max-width:10%;}}
 

@media screen and (min-width: 1700px)   { .mainbanner-foot .mainbanner-foot-right{width:40%;font-size: 24px;;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .mainbanner-foot .mainbanner-foot-right{width:40%;font-size: 18px;;}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .mainbanner-foot .mainbanner-foot-right {width:40%;font-size: 18px;}}
@media screen and (min-width: 767px) and (max-width: 992px)   { .mainbanner-foot .mainbanner-foot-right {width:100%;text-align:left;padding-top: 20px;font-size: 16px;}}
@media screen and (min-width: 1200px) and (max-width: 767px)  { .mainbanner-foot .mainbanner-foot-right img {max-width:10%;}}
 


/*About*/
.index-about{padding: 0;  margin-top: 60px; }
.screen-phone .index-about{padding: 0; margin-top: 20px; }
@media screen and (min-width: 767px) and (max-width: 992px)   {.index-about{padding: 0;  margin-top: 30px; }}
 
.index-about .xian {padding: 80px 50px 90px 30px;background-color: #ffffff;border-radius:20px;}
.screen-phone .index-about .xian {padding:20px;}
@media screen and (min-width: 767px) and (max-width: 992px)   {.index-about .xian  {padding: 30px 50px 30px 30px;}}

.index-about .shiping {padding-right: 40px}
.screen-phone .index-about .shiping {padding-right: 0px}
.index-about .shiping .kuang {padding-right:30px;border-radius:20px;     text-align: center; }
.screen-phone .index-about .shiping .kuang, .screen-tablet .index-about .shiping .kuang {padding-right: 0px}
.index-about .shiping .kuang img {border-radius: 16px;    width: 90%;}
.screen-phone .index-about .shiping .kuang img ,.screen-tablet .index-about .shiping .kuang img {width: 100%;}
.index-about .shiping .kuang .videoBox {border-radius:20px; }
 
.index-about .neirong {}
.screen-phone .index-about .neirong {padding-left: 0px;}
.screen-desktop .index-about .neirong {padding-left: 0px;}
.screen-tablet .index-about .neirong {padding-left: 0px;}
.index-about .neirong .title {font-size: 48px;color: #c40000;font-weight: bold;text-transform: uppercase;    margin-top: -20px;}

@media screen and (min-width: 1700px) {}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .index-about .neirong .title {font-size:34px;}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .index-about .neirong .title  {font-size: 34px;}}
@media screen and (min-width: 767px) and (max-width: 992px)   {.index-about .neirong .title  {font-size:34px;margin-top:10px;}}
@media screen and (max-width: 766px)                          {.index-about .neirong .title  {font-size:30px;   margin-top:10px;}}

.index-about .neirong .titlesub {font-size: 35px;color: #ed690c;padding-top: 15px; letter-spacing:-2px;line-height:35px;   }

@media screen and (min-width: 1700px)  { .index-about .neirong .titlesub {font-size: 35px;color: #ed690c;padding-top: 15px; letter-spacing:-2px;line-height:35px;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .index-about .neirong .titlesub {font-size: 23px;  padding-top:5px;line-height: 28px;}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .index-about .neirong .titlesub {font-size: 23px;padding-top: 5px;line-height: 28px;}}
@media screen and (min-width: 767px) and (max-width: 992px)   { .index-about .neirong .titlesub {font-size: 20px;padding-top: 5px;line-height: 28px;}}
@media screen and (max-width: 766px)                          { .index-about .neirong .titlesub {font-size: 20px;padding-top: 5px;line-height: 28px;}}
 
.index-about .neirong .content {font-size: 18px;color: #000;padding-top: 20px;line-height: 25px;}
@media screen and (min-width: 1700px)  { .index-about .neirong .content {font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  {.index-about .neirong .content {padding-top: 0px; font-size: 16px; line-height: 20px; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;}}
@media screen and (min-width: 992px) and (max-width: 1199px)  { .index-about .neirong .content {padding-top: 0px; font-size: 16px;line-height: 20px; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;}}
@media screen and (min-width: 767px) and (max-width: 992px)   { .index-about .neirong .content {padding-top: 0px; font-size: 16px;line-height: 20px;}}
@media screen and (max-width: 766px)                          { .index-about .neirong .content {padding-top: 0px; font-size: 16px;line-height: 20px;}}

.anniu  {font-size: 14px;}
 


/*news*/
.index_news{padding: 0;  margin-top: 60px; }
.screen-phone .index_news{padding: 0; margin-top: 20px; }
@media screen and (min-width: 767px) and (max-width: 992px)   {.index_news{padding: 0;  margin-top: 30px; }}
 .index_news .xian {padding: 30px 50px 60px 30px;background-color: #ffffff;border-radius:20px;}
.screen-phone .index_news .xian {padding:20px;}
@media screen and (min-width: 767px) and (max-width: 992px)   {.index_news .xian  {padding: 30px 50px 30px 30px;}}

.index_news h2  {padding-left: 10px;font-size: 48px; font-weight: bold;color: #c40000;}
.screen-phone .index_news h2,.screen-tablet .index_news h2 {font-size: 30px;}

.abc2{	background-color: rgba(255, 255, 255, 0.7);border-radius:30px;border: 1px solid #dcdada;float: right;height: 38px;line-height: 38px;	width: 140px;color: #000 !important;font-size: 14px;	text-align: center;	max-width: 100%;display: inline-block;	vertical-align: middle;	position: relative;	box-sizing: border-box;	outline: none !important;	-webkit-transform: perspective(1px) translateZ(0);	transform: perspective(1px) translateZ(0);	box-shadow: 0 0 1px transparent;	-webkit-transition-property: color;	transition-property: color;	-webkit-transition-duration: 0.3s;	transition-duration: 0.3s;}
.abc2::before { border-radius:30px;  content: "";  position: absolute;z-index: -1;top: 0;left: 0;right: 0;   bottom: 0;   background-color: rgba(222, 222, 222, 0.7);   -webkit-transform: scale(0,0);    transform: scale(0,0); -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;transition: all .3s ease-out;}
.abc2:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .abc2:hover { }
.screen-phone .abc2{height: 36px;line-height: 36px;width: 120px;}

.index_news  .anniu  {font-size: 14px;}

.index_news .one .time{font-size: 18px;color: #999999;margin-top:30px;}
.index_news .one .title{font-size:36px;color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.index_news .one .titlesub{font-size: 35px;color: #000;padding-top: 15px; letter-spacing:-2px;line-height:35px;   }
.index_news .one .titlesub a:hover {color: #c40000;}


@media screen and (min-width: 1700px)  { .index_news .one .titlesub {font-size: 35px;color: #000;padding-top: 25px; letter-spacing:-2px;line-height:40px;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .index_news .one .titlesub {font-size: 23px;  padding-top:5px;line-height: 28px;}}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .index_news .one .titlesub {font-size: 23px;padding-top: 5px;line-height: 28px;}}
@media screen and (min-width: 767px) and (max-width: 992px)    { .index_news .one .titlesub {font-size: 23px;padding-top: 5px;line-height: 28px;}}
@media screen and (max-width: 766px)                           { .index_news .one .titlesub {font-size: 23px;padding-top: 5px;line-height: 28px;}}
	 

.index_news .one .content {font-size: 18px;color: #414141;margin-top: 40px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.screen-phone .index_news .one .content  {margin-top: 20px;}
.index_news .pic { background: url("../../images/imagesbg.png") no-repeat ;background-position: right center; }
.screen-phone .index_news .pic {background: no-repeat;}


@media screen and (min-width: 767px) and (max-width: 992px)   {.index_news .pic{background: no-repeat; }}
.index_news .pic img {float: right;border-radius: 20px;/*margin-right: 12px;*/}
.screen-phone .index_news .pic img {float:none;margin-right: 0px;margin-top: 15px; width: 100%;    height: auto;}
@media screen and (min-width: 767px) and (max-width: 992px)   {.index_news .pic img {float:none;margin-right: 0px;margin-top: 15px; width: 100%;    height: auto;}}

.index_news .pic  img a:hover {width:120%;height:120%;top:-10%;left:-10%;}

.index_news .pic  .itemimg{display: block;padding-top: 60%;position: relative;font-size: 0;line-height: 0;}
.index_news .pic  .itemimg>div{position: absolute;display:block;width: 100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;}
.index_news .pic  .itemimg>div>div{height: 100%;max-width: 100%;position: relative;overflow: hidden;border-radius: 20px;}
.liststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;;    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
 


.index_news .line {border: 1px solid #f1f1f1;margin: 25px 0  30px 0 ;}
.screen-phone .index_news .line,.screen-tablet .index_news .line{margin: 25px 0  15px 0 ;}

.index_news .newlist {padding: 0;margin-left: -10px;}
.index_news .newlist ul {list-style-type: none;}
.index_news .newlist ul li {font-size: 22px;height: 50px;line-height:50px;  letter-spacing: -1px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.screen-phone .index_news .newlist ul li,.screen-tablet .index_news .newlist ul li {font-size: 18px;height:36px;line-height: 36px;}
.index_news .newlist ul li a {text-decoration: underline;text-underline-offset: 0.25em;}
.index_news .newlist ul li a:hover {color: #c40000;}
.index_news .newlist ul li .iconfont {font-size: 18px;color: #c40000;}



.index_case {padding: 0;  margin-top: 60px; }
.screen-phone .index_case{padding: 0; margin-top: 20px; }
 
 
.index_case .title { font-weight:bold;font-size: 56px;color:#c40000;}
@media screen and (min-width: 1700px)                          { .index_case .title {font-size:56px;}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .index_case .title {font-size: 40px; }}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .index_case .title{font-size: 40px;}}
@media screen and (min-width: 767px) and (max-width: 992px)    { .index_case .title {font-size: 26px;}}
@media screen and (max-width: 766px)                           { .index_case .title {font-size: 26px;}}

.index_case .title .line { height: 6px; width: 63px;border-radius:30px;  background-color: #c40000;}
.screen-phone .index_case .title .line ,.screen-tablet .index_case .title .line {margin-bottom: 10px;}


.index_case .shuoming { padding-left: 40px; font-size: 18px;}
.screen-phone .index_case .shuoming,.screen-tablet .index_case .shuoming{padding-top:10px;padding-left:10px; }

.index_case .roll-wrap:hover .control { display: block; }
.index_case .roll-wrap { position: relative; height:460px;margin-top: 80px; overflow: hidden;margin-left: -10px;margin-right: -10px; }
.screen-phone .index_case .roll-wrap,.screen-tablet .index_case .roll-wrap {margin:0;margin-top: 20px;}
.index_case .roll-wrap .roll__list {padding:0;overflow: hidden;}
.index_case .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; }
.index_case .roll_row .roll__list::after { clear: both; }
.index_case .roll_row .roll__list { width: 9999px; }

.index_case .roll_row .roll__list li { float: left; display: block; padding:0 8px; width: 500px;font-size: 30px; text-align: center; color: #fff; }



.index_case .roll_row .roll__list li .img{display: block; padding-top: 70%; border-radius:18px;position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.index_case .roll_row .roll__list li .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.index_case .roll_row .roll__list li .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:-2;   }
.index_case .roll_row .roll__list li .img>div>div>img { width: 100%;height: 100%; min-height: 50%;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
 .index_case .roll_row .roll__list li a{color: #FFFFFF;font-size: 24px; font-weight: bold;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;   }
 
 
 
.index_case .roll_row .roll__list li .img>div .desc{width:40%; height:95px;left: 60%; text-align: right;padding-top: 10px; padding-right: 10px;color: #000;position: absolute; display: block; top:72%; z-index:10;  ;right: 0; bottom: 0; font-size: 18px;background-image: linear-gradient(to top,  rgba(0,0,0,1),rgba(255,0,0,0),rgba(255,0,0,0));}
 .screen-phone .index_case .roll_row .roll__list li .img>div .desc,.screen-tablet .index_case .roll_row .roll__list li .img>div .desc{;}


.index_case .roll_row .roll__list li .img>div .name{width:60%; height:95px;    padding-left: 10px;left:0%;top:72%;    line-height: 25px;text-align: left; padding-top: 10px; padding-right: 10px;color: #fff;position: absolute; display: block;  z-index:10;  ;right: 0; bottom: 0; font-size: 18px;background-image: linear-gradient(to top,  rgba(0,0,0,1),rgba(255,0,0,0),rgba(255,0,0,0));overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.index_case .control { position: absolute; top: 85%; font-weight: 700; text-decoration: none; color: #fff;z-index: 5; padding:10px 5px;/*background: rgba(0, 0, 0, .3)*/;}
.screen-phone .index_case .control,.screen-tablet .index_case .control{top: 80%; }
.index_case .control:hover {background: rgba(0, 0, 0, .1);}
.index_case .control.pre { left: 0px; }
.index_case .control.next {left: 70px; }


.abc3{	background-color: rgba(255, 255, 255, 0.7);border-radius:30px;border: 1px solid #dcdada;float: right;height: 38px;line-height: 38px;	width: 140px;color: #ed7400 !important;font-size: 14px;	text-align: center;	max-width: 100%;display: inline-block;	vertical-align: middle;	position: relative;	box-sizing: border-box;	outline: none !important;}

.screen-phone .abc3{height: 36px;line-height: 36px;width: 120px;}



.news_bg {margin-top: 0px;    width: 100%;
    height: 40vh; /* 使容器高度为视口高度 */
    overflow: hidden; /* 隐藏溢出的部分 */
    position: relative;
    background-image: url("../../images/inner_banner.jpg"); /* 设置背景图片 */
    background-size: cover; /* 保持图片覆盖整个容器 */
    background-position: center center; /* 图片居中 */
    transform-origin: center center; /* 设置变换原点为中心 */}

.news_bg p {font-size: 60px; font-weight: bold;color: #2b2b2b; padding-top: 100px;padding-left: 180px;}
.screen-phone .news_bg p ,.screen-tablet .news_bg p {font-size:36px; padding-top:150px;padding-left: 20px;}




/*内页位置导航*/
.weizhi_heng {width: 100%; height:80px;line-height:80px;border-bottom: 1px solid #e8e8e8;background-color: #E7E7E7;}

.weizhilist {overflow: hidden}
 
.weizhilist ul { padding: 0; margin: 0;margin-bottom: -2px;}
.weizhilist ul li {float: left;text-transform: uppercase;font-size: 20px;}
.weizhilist ul li a {display: block; padding: 0 15px; }
.screen-phone  .weizhilist ul li a {display: block; padding: 0 6px; }
.weizhilist ul li a.jihuo{color: #d7000e;font-weight: bold;border-bottom: 3px solid #d7000e;}


.weizhi {}
 
/*位置导航*/
.thebreadcrumb{width: 100%;background: #f1f1f1;font-size: 16px;text-align: left;line-height:28px;padding: 10px}
.thebreadcrumb a{color:#d7000e;}
.breadcrumb{display:inline-block;margin:0;padding: 0;}
.breadcrumb i{font-size: 16px;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: "»";}


/*内页位置导航*/

.inner{padding:20px 10px 30px;background:#fff;}
.screen-phone .inner{padding:10px 0;}
.inner_k{margin-top:20px;}
.screen-phone .inner_k,.screen-tablet .inner_k{margin-top:20px;}
.news-k{margin-top:40px;}
.screen-phone .news-k,.screen-tablet .news-k {margin-left:0px;margin-top:0px;}
.news-k .items{width:100%;padding:50px 0 26px 0;;border-bottom:1px dashed #dfdfdf;}
.news-k .items>a{display:block;position:relative;}
.news-k .items .news-date {display:block;width:10%;float:left;padding-top: 11px;}
.news-k .items .news-date .riqi { width: 120px; height: 120px;color: #d7000e;background-color: #ececec;font-size: 18px;text-align: center;}

@media screen and (min-width: 1700px)                          { .news-k .items .news-date .riqi {width: 120px; height: 120px}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .news-k .items .news-date .riqi{width: 90px; height: 90px }}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .news-k .items .news-date .riqi{width: 90px; height: 90px}}


.news-k .items .news-date .riqi p { font-size: 34px;font-weight: bold;padding:10px 0 0 0; margin: 0;}

.news-k .items .news-img{display:block;width:16%;padding-top:10%; border-radius: 15px;float:left;overflow:hidden;position:relative;}
.screen-phone .news-k .items .news-img,.screen-tablet .news-k .items .news-img  {width:30%;padding-top:20%;text-align:center;}
.news-k .items .news-img>div{text-align:center;display:block;position:absolute;font-size:0px;top:0;left:0;width:100%;height:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
.news-k .items>a:hover  h1 {color: #d7000e;} 

.news-k .items>a:hover .news-img>div{width:120%;height:120%;top:-10%;left:-10%;}
.news-k .items .news-img>div>img{width:100%;height:100%;   }
.news-k .items .news-con{ display:block;width:72%; padding-right: 20px; float:left;}

@media screen and (min-width: 1700px)                          { .news-k .items .news-con {width:72%}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .news-k .items .news-con {padding-left: 20px; }}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .news-k .items .news-con { }}


.screen-phone .news-k .items .news-con,.screen-tablet .news-k .items .news-con {display:block;width:68%;margin-left:2%;float:left;}


.news-k .items .news-con h1{padding-top:5px;margin:0;letter-spacing:-1px;color:#0d0d0d;font-size:33px;font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (min-width: 1700px)                          { .news-k .items .news-con h1 {font-size:28px}}
@media screen and (min-width: 1200px) and (max-width: 1699px)  { .news-k .items .news-con h1{font-size:28px }}
@media screen and (min-width: 992px) and (max-width: 1199px)   { .news-k .items .news-con h1{font-size:28px}}


.screen-phone .news-k .items .news-con h1,.screen-tablet .news-k .items .news-con h1 { letter-spacing:0px;font-size:20px;}
.news-k .items .news-con p{color:#8f8f8f;font-size:16px;padding:20px 30px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;;}
.screen-phone .news-k .items .news-con p,.screen-tablet .news-k .items .news-con p{color:#8f8f8f;font-size:14px;padding:5px 0 0 0 ;}
.screen-phone .news-k .items .news-con span,.screen-tablet .news-k .items .news-con span {color:#afafaf;}
.news-k .items .news-con p span {float:right;padding-right:8px;}


.news-k .items{ width:100%;}
.news-k .items li{ box-shadow:0px 0px 10px #ddd; padding:20px; position:relative; margin:0 0 2% 0;}
.newshx:after,.newshx:before,.newssx:after,.newssx:before{display:block; content:''; position:absolute; transition:all .5s ease; background:#0086e2;}
.news_more{ position:absolute; bottom:20px;}
.newshx:after,.newshx:before{ width:0px; height:3px;}
.newshx:after{ top:0px; left:0px;}
.newshx:before{ bottom:0px; right:0px;}
.newssx:after{ top:0px; left:0px;}
.newssx:before{ bottom:0px; right:0px;}
.newssx:after,.newssx:before{ height:0px; width:3px;}
.news-k .items li:hover .newshx:after,.news-k .items li:hover .newshx:before{ width:100%;}
.news-k .items li:hover .newssx:after,.news-k .items li:hover .newssx:before{ height:100%;}

.newshx:after, .newshx:before, .newssx:after, .newssx:before,.nyxqnews_righttit:before{ background:#083c9c !important;}






 
/* detail 详情页 */ 
.content{font-size: 16px;width: 100%;margin: 0 auto;margin-top: 20px;}
.newstitle{display: block;width: 100%;font-size: 40px;font-weight: 700;line-height: 40px;letter-spacing:-1px;text-align: center;color: #d7000e;    padding:30px 0 20px 0;}
.screen-phone .newstitle,.screen-tablet .newstitle {font-size: 23px; padding:20px 0 10px 0;}

.maincontent{font-size: 16px;width: 100%;margin: 0 auto;padding: 10px;}
.maincontent img{ width:70%;}
.maincontent img  p { width:70%;}
/* prevnext 前一篇-后一篇 */
.prevnext{width: 100%;padding: 20px 0;font-size: 14px;}
.prevnext a{color: #333;}
.prevnext a:hover{text-decoration: underline;color: #d7000e;}
.prevnext .prev{width: 100%;display: block; padding:20px 0  5px 0;}
.prevnext .next{width: 100%;display: block; padding: 5px 0;}
.prevnext .historygo{display: inline-block;padding: 5px 15px 5px 15px;background: #d7000e;color: #fff;border-radius:16px;box-shadow:5px 5px 4px rgba(0, 0, 0, .5);;}
.prevnext .historygo:hover{color: #fff;text-decoration: none;background: #272727;}







.titlestyle-main{display: block;width: 100%;min-height: 40px;/* background: url(/images/backc8c8c8100.png) left bottom repeat-x;*/position: relative;padding-left: 82px;}
.titlestyle-main .maintitle{display: block;font-size: 20px;font-weight:bold;padding-bottom: 10px;text-align: center; color: #d7000e;border-bottom: 2px solid #d7000e;position: absolute;left: 0px;bottom: 0px;}
.titlestyle-main .moreintitle{display: block;width: auto;height: 100%;float: right;font-size: 14px;line-height: 30px;padding: 0px 15px;color: #000000;}
.titlestyle-main .moreintitle >.icon-chevron-right{font-size: 12px;}
.titlestyle-main .moreintitle:hover{color: #e60012;}

.abc{background-color: #ed7400;	border-radius:30px;	height: 38px;	line-height: 38px;	width: 140px;	font-size: 14px;	text-align: center;	max-width: 100%;
	display: inline-block;	vertical-align: middle;	position: relative;	box-sizing: border-box;	color: #fff !important;	outline: none !important;	-webkit-transform: perspective(1px) translateZ(0);	transform: perspective(1px) translateZ(0);	box-shadow: 0 0 1px transparent;	-webkit-transition-property: color;	transition-property: color;	-webkit-transition-duration: 0.3s;	transition-duration: 0.3s;}
.abc::before {	border-radius:30px;    content: "";    position: absolute;    z-index: -1;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: #c40000;    -webkit-transform: scale(0,0);    transform: scale(0,0);    -webkit-transform-origin: 50% 50%;    transform-origin: 50% 50%;    transition: all .3s ease-out;}
.abc:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .abc:hover {background: rgb(248,147,31);}
.screen-phone .abc{height: 40px;line-height: 40px;width: 120px;}




.contentbox img,.contentbox iframe,.contentbox iframe div{max-width: 100%;overflow: hidden;}


.con_w{  width: 100%; margin: 0 auto;  }
.gongao{ width: 100%; height: 60px; background:#efefef; }
 
.gongao .con_w{ position: relative; }
.gongao_title{ position: absolute; left:0; top:0; display: inline-block;  font-size: 16px; font-weight: bold;color: #1a1a1a; line-height: 60px; padding-left: 25px; }
 
.gongao_more{ position: absolute; right:0; top:13px; display: inline-block; line-height:30px; color:#fff; background: #d7000e; font-size: 12px; padding:0 20px; border-radius: 16px;}
.gongao_more:hover{ color: #fff; }
.gongao_con{ margin:0 100px 0 122px; position: relative;}
.screen-phone .gongao_con{ margin:0 70px 0 5px; position: relative;}
.hd{ display: none; }
.gonggao_list{}
.gonggao_list ul{height: 60px;}
.screen-phone  .gonggao_list ul{height: 60px;}
.gonggao_list li{ width: 50%; float: left; display: inline-block;line-height: 60px; overflow:hidden;white-space:nowrap;text-overflow :ellipsis;}
.screen-phone .gonggao_list li {width: 100%; }
.gonggao_list li a{font-size: 16px; color: #1a1a1a; }
.gonggao_list li span {float: right;padding-right: 10px; color:#a9a9a9;font-weight: 200;}
.gonggao_list li i {font-size:10px; color: #ff8787;}

/*公告*/
.index-gonggao {margin: 0 0 10px 0; background: #eeeded;}
.gonggao {width: 100%; height: 60px;line-height: 60px;}
.gonggao a:hover{color: #d7000e;;}
.screen-phone  .gonggao {width: 100%; height: 110px;line-height:30px;}
.screen-tablet   .gonggao {width: 100%; height: 110px;line-height:30px;}
.gonggao .title{float: left;width:100px;height:auto;font-weight: bold;color: #0c4db8;}
.screen-phone  .gonggao .title{float: left;width:100%;height: 40px;line-height: 40px; font-weight: bold;color: #0c4db8;}
.screen-tablet   .gonggao .title{float: left;width:100%;height: 40px;line-height: 40px; font-weight: bold;color: #0c4db8;}
.gonggao .con {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gonggao .con span{float: right; padding-right: 10px;color: #adadad}
 


/* for index 主页 */
#index-news{font-size: 0px;padding: 40px 0px 20px;}
.screen-phone #index-news{font-size: 0px;padding: 15px 0px 20px;}
#index-news .group-left{width: 100%;height:auto;font-size: 0px;}
#index-news .group-left ul,#index-news .group-left ul li{list-style: none;margin: 0;padding: 0;font-size: 0;display: block;}
#index-news .group-left ul li{float: left;}
/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.slider1 {position: relative;width: 100%;height: 370px;overflow: hidden;}
.screen-desktop .slider1 {height: 309px;}
.screen-tablet .slider1 {height: 484px;}
.screen-phone .slider1 {height: 238px;}
.slides1 {
	height: 100%;
	/* Simple clear fix */
	overflow: hidden;
	/**	
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
	 * Here is CSS transitions 
	 * responsible for slider animation in modern broswers
	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide1 {list-style: none;width: 100%; height: 100%;float: left;clear: none;position: relative;}
.slide1>a{display: block;width: 100%; height: 100%;position: relative;}
.slide1>a>img{width: 100%; height: 100%;}
.slide1 .maintitle{
	width: 100%;
	padding:0 20px;
	position: absolute;
	bottom: 0px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.7);
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	color: #fff;
}
.arrowsWrapper1{width: 100%; display:block;}
.slider-arrow1 {
	position: absolute;
	display: block;
	margin-bottom: -30px;
	width: 38px;
	height: 60px;
	text-decoration: none;
	text-align: center;
}
.slider-arrow1--right {bottom: 50%;right: 0;background:url(/images/right_jt1.png) no-repeat center;background-size: 100%;}
.slider-arrow1--left {bottom: 50%;left: 0;background:url(/images/left_jt1.png) no-repeat center;background-size: 100%;}
#index-news .group-right{white-space: nowrap;overflow: hidden;}
.screen-desktop-wide #index-news .group-right{width: 97%;margin-left: 3%; }
.screen-desktop #index-news .group-right{height: 309px;}
.screen-tablet #index-news .group-right,.screen-phone #index-news .group-right{padding-top: 10px;}
#index-news .group-right .newstabnav{display: block;width: 100%;position: relative;}
#index-news .group-right .newstabnav .newstabnav-box{display: block;width: 100%;position: relative;background: url(/images/backc8c8c8100.png) bottom left repeat-x;}
#index-news .group-right .newstabnav .bars{display: inline-block;width: 82px;vertical-align: top;padding-bottom: 10px;text-align: center;color: #0a0a0a;font-size: 20px;font-weight:bold;background: bottom center no-repeat;}
#index-news .group-right .newstabnav .bars+.bars{margin-left: 6%;}
#index-news .group-right .newstabnav .bars.active{/*background: url(/images/newstabnavbg-active.png) center bottom no-repeat;*/   border-bottom:2px solid #d7000e;color: #d7000e;}
#index-news .group-right .items-box{display: inline-block;width: 100%;min-height: 1px;white-space:normal;padding-top: 10px;}
#index-news .group-right .items-box .items-first{display: block;width: 100%;padding: 15px 0px;}
#index-news .group-right .items-box .items-first .itemstitle{display: block;width: 100%;padding: 0px 20px 10px;font-size: 20px;line-height: 40px;color: #333333; position: relative;}
.screen-phone #index-news .group-right .items-box .items-first .itemstitle{padding: 0px 10px 10px;font-size: 16px;}
#index-news .group-right .items-box .items-first .itemstitle:hover{color: #d7000e;}
#index-news .group-right .items-box .items-first .itemsmain{display: block;width: 100%;padding: 12px;font-size: 14px;line-height: 22px;color: #6e6e6e;background: #f0eeee;position: relative;}
#index-news .group-right .items-box .items-first .itemsmain .itemsmore{display: block;width: auto;position: absolute;font-size: 14px;line-height: 22px;color: #d7000e;background: #f0eeee;bottom: 12px;right: 12px;}
#index-news .group-right .items-box .items-first .itemsmain .itemsmore:hover{color: #e60012;}
#index-news .group-right .items{display: block;width: 100%;padding: 0px 100px 5px 15px;background: url(/images/circle.png) 2px center no-repeat;position: relative;}
#index-news .group-right .items .itemstitle{display: block;width: 100%;font-size: 14px;line-height: 30px;color: #303030;}
#index-news .group-right .items .itemstitle:hover{color: #d7000e;}
#index-news .group-right .items .itemstime{display: block;width: 95px;padding: 0px 5px;position: absolute;font-size: 14px;line-height: 30px;color: #999999;text-align: right;top:0px;right: 0px;}


/*首页新闻图片滚动*/
.group-left .slider2 ul>li>p{font-size:16px;font-weight:700;line-height:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;   border-bottom: 1px solid #eeeeee;}
.group-left .slider2{position:relative;width:100%;height:auto;overflow:hidden;}
.group-left .slides{padding:0;height:auto;    /* Simple clear fix */overflow:hidden;    /**  * Prevent blinking issue * Not tested. Experimental. */-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;    /** * Here is CSS transitions * responsible for slider animation in modern broswers */-webkit-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-ms-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);}
.group-left .slide{list-style:none;height:auto;float:left;clear:none;}
.group-left .slide a{color:#fff;display:block;position:relative;}
.group-left .slide img{height:356px;}
.screen-phone .group-left .slide img{height:230px;}
.group-left .slide a div{width:50%;max-width:600px;position:absolute;top:30%;left:20%;margin:0;}
.group-left .slide a div h4{font-size:46px;line-height:50px;margin:0 0 40px;}
.screen-phone .group-left .slide a div,.screen-tablet .group-left .slide a div{width:90%;top:10%;left:5%;}
.screen-phone .group-left .slide a div h4{font-size:20px;line-height:25px;margin:0 0 10px;}
.group-left .slide a div p{font-size:24px;line-height:50px;margin:0;}
.screen-phone .group-left .slide a div p{font-size:14px;line-height:30px;}
.arrowsWrapper{display:none;}
.group-left .slider:hover .arrowsWrapper{display:block}
.group-left .slider-arrow{position:absolute;display:block;margin-bottom:0px;width:5%;padding:2.5%;text-decoration:none;text-align:center;opacity:1;}
.group-left .slider-arrow:before{display:block;background:rgba(0,0,0,.2);width:100%;height:100%;content:'';position:absolute;top:0;right:0;}
.group-left .slider-arrow--right{bottom:47.5%;right:3%;background:url(../../images/right_jt.png) no-repeat center;background-size:100%;}
.group-left .slider-arrow--left{bottom:47.5%;left:3%;background:url(../../images/left_jt.png) no-repeat center;background-size:100%;}
.group-left .slider-nav{position:absolute;bottom:4%;right:0;text-align:center;padding:20px 0px;}
.group-left .slider-nav__item{width:8px;height:8px;background:#d7000e;border:none;border-radius:4px;clear:none;display:inline-block;margin:0 4px;position:relative;}
.group-left .slider-nav__item:first-child{margin-left:20px;}
.group-left .slider-nav__item:last-child{margin-right:20px;}
.group-left .slider-nav__item:before{display:block;content:'';width:160%;height:160%;border-radius:50%;position:absolute;top:-5px;left:-5px;border:2px solid rgba(0,0,0,0);box-sizing:content-box;}
.group-left .slider-nav__item:hover,.group-left .slider-nav__item--current{background:#b8010d;width:24px;}
.group-left .slider-nav__item:hover:before,.group-left .slider-nav__item--current:before{    /* border: 2px solid #d7000e; */}
.screen-phone .group-left .slider-nav__item{width:6px;height:6px;}
.screen-phone .group-left .slider-nav__item:before{top:-3px;left:-4px;border:2px solid rgba(0,0,0,0);}
.screen-phone .group-left .slider-nav__item:hover:before,.screen-phone .group-left .slider-nav__item--current:before{border:2px solid #fff;}



/*首页的一张背景图*/

.beijing { width: 100%; height: auto;  overflow:hidden; zoom:1;  background: url("../../images/bg.jpg") top center repeat-x;}
/* 首页关于我们 */
#index-about{padding: 30px 0px;}
.screen-phone #index-about{padding:5px 0px;}

#index-about .group-left>.row{padding: 20px 0px;}
#index-about .group-left .indexabout-desc{padding:10px  20px 0 20px;    line-height: 40px;}
.screen-phone #index-about .group-left .indexabout-desc{padding:10px  0px 0 20px;  }
#index-about .group-left  .pic {padding: 10px 20px 0px 10px;}

#index-about .group-left .indexabout-desc>a{display: inline-block;width: 130px;line-height: 30px;margin-top: 20px;text-align: center; border-radius: 18px;font-size: 14px;font-weight: 200;color: #fff;background-color: #d7000e;behavior: url(style/PIE/PIE.htc);position: relative;}
#index-about .group-left .indexabout-desc>a:hover{border: 1px solid #d7000e;color: #d7000e;background: #FFCDC7;}
#index-about .group-right{padding-top: 20px;}

#index-about .group-right .items{background: #96cd01;}
#index-about .group-right .items+.items{background: #76acde;}
#index-about .group-right .items+.items+.items{background: #f64650;}
#index-about .group-right .items+.items+.items+.items{background: #f08405;}
#index-about .group-right .items{display: block;width: 42%;float: left;position: relative;margin-left: 8%;margin-top: 20px;padding-top: 25%;border-radius: 15px;text-align: center;overflow: hidden;}
.screen-tablet #index-about .group-right .items,.screen-phone #index-about .group-right .items{width: 45%;margin: 20px 2.5% 0px;}
#index-about .group-right .items .items-box{display: block;position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;overflow: hidden;}
#index-about .group-right .items .items-box>img{display: inline-block;width: 45px;height: 45px;vertical-align: middle;}
#index-about .group-right .items .items-box>.itemstitle{display: inline-block;font-size: 22px;font-weight: 500;color: #000000;vertical-align: middle;padding-right: 8px;}

 #index-zz{width: 100%;height: 280px;padding: 0;overflow: hidden;font-size: 0px;line-height: 0px;position: relative;}
/* #index-zz{width: 100%;height: 280px;padding: 40px 60px;overflow: hidden;font-size: 0px;line-height: 0px;position: relative;}
#index-zz>.rollprev{left: 5px;background: url(/images/leftarrow.png) center center no-repeat;}
#index-zz>.rollnext{right: 5px;background: url(/images/rightarrow.png) center center no-repeat;}
#index-zz>.rollprev,#index-zz>.rollnext{position: absolute;display: block;background-color: #ffffff;background-size: 100% 100%;width: 44px;height: 44px;border-radius: 50%;top: 50%;margin-top: -22px;cursor: pointer;behavior: url(style/PIE/PIE.htc);}
#index-zz .box{width: 100%;height: 200px;overflow: hidden;margin: 0 auto;position: relative;white-space: nowrap;}
#index-zz .box .roll{display: inline-block;width: auto;height: 100%;white-space: nowrap;}
#index-zz .box .roll>a{display: inline-block;height: 100%;width: auto;border: 1px solid #dadada;text-align: center;}
#index-zz .box .roll>a>img{height: 100%;width: auto;max-width: none;}
#index-zz .box .roll>a+a{margin-left: 18px;}*/


/*经典案例*/
.index-case{ padding: 10px 0px 20px;}
.index-case .group-right.newstabnav{display: block;width: 100%;position: relative;}
.index-case .group-right.newstabnav .newstabnav-box{display: block;width: 100%;position: relative;background: url(/images/backc8c8c8100.png) bottom left repeat-x;}
.index-case .group-right.newstabnav .bars{display: inline-block;width: 82px;vertical-align: top;padding-bottom: 10px;text-align: center;color: #0a0a0a;font-size: 20px;font-weight: 700;background: bottom center no-repeat;}
.index-case .group-right.newstabnav .bars+.bars{margin-left: 3%;}
.index-case .group-right.newstabnav .bars.active{/*background: url(/images/newstabnavbg-active.png) center bottom no-repeat;*/  border-bottom: 1px solid #d7000e; color: #d7000e;}
.index-case .group-right.items-box{display: inline-block;width: 100%;min-height: 1px;white-space:normal;}


#casebox{overflow: hidden;}
/* Card-captioned list style 卡片加标题的列表样式 */
.liststyle-cards{font-size: 0;line-height: 0;}
.liststyle-cards .items{display: block;text-align: center;color: #000;margin-bottom: 20px;}
.screen-phone .liststyle-cards .items{margin-bottom: 10px;}
.liststyle-cards .items .itemsimg{display: block;position: relative;width: 100%;padding-top: 72.43243%;}
.liststyle-cards .items .itemsimg>div{display: block;position: absolute;width: 100%;height: 100%;top: 0px;overflow: hidden;background: url(/images/casebg.png) center center no-repeat;background-size: auto 100%;background-color: #e4e4e4;}
.liststyle-cards .items .itemstitle{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;line-height: 44px;}


/*2022.04.17添加图片滚动代码*/
 .simply-scroll-container { position: relative; } 
.simply-scroll-clip { position: relative; overflow: hidden; } 
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } 
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; } 
.simply-scroll-list li img { width:100%;    height: 230px; display: block; } 
.simply-scroll-btn { position: absolute; background-image: url(buttons.png?tenantId=150424&viewType=1&v=1636508215000); width: 42px; height: 44px; z-index: 3; cursor: pointer; } 
.simply-scroll-btn-left { left: 6px; bottom: 6px; background-position: 0 -44px; } 
.simply-scroll-btn-left.disabled { background-position: 0 0 !important; } 
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus { background-position: 0 -88px; } 
.simply-scroll-btn-right { right: 6px; bottom: 6px; background-position: -84px -44px; } 
.simply-scroll-btn-right.disabled { background-position: -84px 0 !important; } 
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus { background-position: -84px -88px; } 
.simply-scroll-btn-up { right: 6px; top: 6px; background-position: -126px -44px; } 
.simply-scroll-btn-up.disabled { background-position: -126px 0 !important; } 
.simply-scroll-btn-up:hover, 
.simply-scroll-btn-up:focus { background-position: -126px -88px; } 
.simply-scroll-btn-down { right: 6px; bottom: 6px; background-position: -42px -44px; } 
.simply-scroll-btn-down.disabled { background-position: -42px 0 !important; } 
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus { background-position: -42px -88px; } 
.simply-scroll-btn-pause { right: 6px; bottom: 6px; background-position: -168px -44px; } 
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus { background-position: -168px -88px; } 
.simply-scroll-btn-pause.active { background-position: -84px -44px; } 
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus { background-position: -84px -88px; } 
.simply-scroll { width: 100%; } .simply-scroll .simply-scroll-clip { width: 100%; } 
.simply-scroll .simply-scroll-list { } 
.simply-scroll .simply-scroll-list li { float:left; width:350px; position: relative; margin: 10px;box-shadow: 5px 5px 4px rgba(0, 0, 0, .5); } 
.simply-scroll .simply-scroll-list li p{padding: 0;margin: 0; background: rgba(0,0,0,.45); color: #fff; font-weight: bold; font-size: 14px; display: block; width: 100%; padding: 10px 0; bottom: 0; left: 0; text-align: center; position: absolute; } 
.simply-scroll .simply-scroll-list li .pic{ overflow:hidden; } 
.simply-scroll .simply-scroll-list li img { } .simply-scroll .simply-scroll-btn { } 
.simply-scroll .simply-scroll-btn-left { } .simply-scroll .simply-scroll-btn-left.disabled { } 
.simply-scroll .simply-scroll-btn-left:hover { } .simply-scroll .simply-scroll-btn-right { } 
.simply-scroll .simply-scroll-btn-right.disabled { } .simply-scroll .simply-scroll-btn-right:hover { } 
.simply-scroll .simply-scroll-btn-up { } .simply-scroll .simply-scroll-btn-up.disabled { } 
.simply-scroll .simply-scroll-btn-up:hover { } .simply-scroll .simply-scroll-btn-down { } 
.simply-scroll .simply-scroll-btn-down.disabled { } .simply-scroll .simply-scroll-btn-down:hover { } 
.vert { width: 340px; height: 400px; margin-bottom: 1.5em; } 
.vert .simply-scroll-clip { width: 290px; height: 400px; } .vert .simply-scroll-list { } 
.vert .simply-scroll-list li { width: 290px; height: 200px; } 
.vert .simply-scroll-list li img { } .vert .simply-scroll-btn { } 
.vert .simply-scroll-btn-up { right: 0; top: 0; } 
.vert .simply-scroll-btn-up.disabled { } 
.vert .simply-scroll-btn-up:hover { } 
.vert .simply-scroll-btn-down { right: 0; top: 52px; } 
.vert .simply-scroll-btn-down.disabled { } 
.vert .simply-scroll-btn-down:hover { } 
.c_product_list-00453004 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }

#baguetteBox-overlay {display: none;/*隐藏掉箭头的图标*/}



#index-friendlink{width: 100%;height: auto;overflow: hidden;position: relative;font-size: 0px;line-height: 0px;text-align: left;}
#index-friendlink>a{display: inline-block;min-width: 15%;margin-right: 2%;font-size: 16px;line-height: 2;}
.screen-tablet #index-friendlink>a,.screen-phone #index-friendlink>a{display: inline-block;min-width: 48%;margin-right: 2%;font-size: 16px;line-height: 2;}
#index-friendlink>a:hover{color: #d7000e}


/* ------------------------- list 列表页 --------------------------- */
/* list with cards style 卡片样式列表 */
.liststyle1{margin-top:40px;}
.screen-phone .liststyle1 .col{ padding-left: 5px;padding-right: 5px;}
.liststyle1 .item{display: block;background-color: #d7000e;text-align: center;color: #fff;/*border: 1px solid #666;*/ border-radius: 18px;  margin-bottom: 20px;}
.screen-phone .liststyle1 .item{margin-bottom: 10px;}
.liststyle1 .item:hover{background-color: #272727;}
.liststyle1 .item .itemimg{display: block;padding-top: 60%;position: relative;font-size: 0;line-height: 0;}
.liststyle1 .item .itemimg>div{position: absolute;display:block;width: 100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;}
.liststyle1 .item .itemimg>div>div{height: 100%;max-width: 100%;position: relative;overflow: hidden;border-radius: 18px 18px 0 0 ;}
.liststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;;    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.liststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;line-height: 60px;margin-bottom: 0px;margin: 0 5%;}
/* title list style with pic in left 左边有图片的标题列表样式 */
.liststyle2 .items{width: 100%;padding: 14px 0;border-bottom: 1px dashed #dfdfdf;}
.liststyle2 .items>a{display: block;position: relative;}
.liststyle2 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle2 .items .news-img{width: 30%;padding-top: 20%;text-align: center;}
.liststyle2 .items .news-img>div{	text-align: center;	display: block;	position: absolute;	font-size: 0px;	top:0;	left: 0;	width: 100%;	height: 100%;	-webkit-transition: all .2s ease-out 0s;	-moz-transition: all .2s ease-out 0s;	-o-transition: all .2s ease-out 0s;	transition: all .2s ease-out 0s;}
.liststyle2 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle2 .items .news-img>div>img{width: 100%;height: 100%;}
.liststyle2 .items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .liststyle2 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.liststyle2 .items .news-con .news-title{color: #333;font-size: 20px;font-weight: 700;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle2 .items .news-con .news-desc{color: #999;font-size: 14px;}
.liststyle2 .items .news-con .news-detailbtn{	width: 108px;	display: block;	cursor: pointer;	color: #666;	height: 30px;	float: left;
	line-height: 30px;	text-align: center;	position: relative;	background: #fff;	box-shadow: 0px 0px 2px rgba(0,0,0,.2);	-webkit-transition: all .2s ease-out 0s;	-moz-transition: all .2s ease-out 0s;	-o-transition: all .2s ease-out 0s;	transition: all .2s ease-out 0s;}
.liststyle2 .items:hover .news-con .news-detailbtn,.device-mobile .liststyle2 .items .news-con .news-detailbtn{padding-right: 30px;}
.liststyle2 .items .news-con .news-detailbtn span{	display: block;	width: 0;	color: #fff;	background-color: #d7000e;	box-shadow: 0px 0px 2px #d7000e;	overflow: hidden;	position: absolute;	top: 0;	right: 0;	-webkit-transition: all .2s ease-out 0s;	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;	transition: all .2s ease-out 0s;}
.liststyle2 .items:hover .news-con .news-detailbtn span,.device-mobile .liststyle2 .items .news-con .news-detailbtn span{width: 30px;}
.liststyle2 .items .news-con .news-detailtime{	width: 108px;	display: block;	color: #999;	height: 30px;	float: right;	line-height: 30px;
	text-align: center;	position: relative;	background: #fff;}

.liststyle2 .items .news-con .news-detailbtn span i{font-size: 30px;}
.liststyle2 .items:hover .news-con .news-title,.liststyle2 .items:hover .news-con .news-desc,.liststyle2 .items:hover .news-con .news-detailbtn,.liststyle2 .items:hover .news-con .news-detailtime{color: #d7000e;}
/* join 加入我们列表样式 */
.liststyle3{text-align: center;font-size: 0px;line-height: 0px;overflow: hidden;}
.liststyle3 p{margin: 0px;}
.liststyle3 .group-title{display: block;width: 100%;color: #333;font-size: 24px;line-height: 100px;}
.liststyle3 .item{display: block;width: 100%;color: #fff;background-color: #272727;position: relative;}
.liststyle3 .item.item-hd{background-color: #d7000e;}
.liststyle3 .item.item-2n{background-color: #303030;}
.liststyle3 .item.active{background-color: #f1f1f1;color: #333;}
.liststyle3 .item>span{display: inline-block;width:16.66667%;font-size: 16px;line-height: 40px;position: relative;}
.liststyle3 .item>span .morebtn{	display:inline-block;	font-size: 14px;	line-height: 14px;	background: #d7000e;	margin: 0;
	color: #fff;	padding:8px 15px 8px 20px;	margin-bottom: 6px;	cursor: pointer;	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;	-o-transition: all .2s ease-out 0s;	transition: all .2s ease-out 0s;}
.liststyle3 .item>span .morebtn:hover{background: #fff;color: #666;}
.liststyle3 .item.active>span .morebtn:hover{background: #272727;color: #fff;}
.liststyle3 .item>span .morebtn .icon{	display: inline-block;	-webkit-transition: all .2s ease-out 0s;	-moz-transition: all .2s ease-out 0s;	-o-transition: all .2s ease-out 0s;	transition: all .2s ease-out 0s;}
.liststyle3 .item.active>span .morebtn .icon{transform: rotate(180deg)}
.liststyle3 .item.item-hd>span{font-size: 18px;line-height:60px;}
.liststyle3 .item .items-main{display: none;width: 100%;color: #534E4D;background-color: #f1f1f1;font-size: 14px;line-height: normal;text-align: left;padding: 2% 4%;}
.screen-phone .liststyle3 .group-title{font-size: 16px;line-height: 42px;}
.screen-phone .liststyle3 .item>span{width: 25%;font-size: 14px;line-height: 30px;vertical-align: top;}
.screen-phone .liststyle3 .item.item-hd>span{font-size: 16px;line-height: 40px;}
.screen-phone .liststyle3 .item>span.xs-hidden{display: none;}
.screen-phone .liststyle3 .item>span .morebtn{display:inline-block;font-size: 12px;line-height: 12px;padding: 4px;}
/* contact 联系我们列表样式 */
.liststyle4{}
.liststyle4 .item{display: block;margin-top: 50px;}
.liststyle4 .item .item-main{display: block;width: 100%;}
.liststyle4 .item .item-main .title{font-size: 20px;color: #000;}
.liststyle4 .item .item-map{width: 100%;position: relative;padding-top: 56%;overflow: hidden;min-height: 320px;}
.lte-ie-8 .liststyle4 .item .item-map{padding-top: 15%;}
.liststyle4 .item .item-map>div{width: 100%;height: 100%;top: 0; position:absolute;}

.formgroup {    background: #fbdab2;;padding: 20px;}
.formgroup .maintitle{color: #000;width: 100%;font-size: 16px;line-height: 30px;}
.formgroup .line{display: inline-block;clear:both;width: 80px;height:4px;background: #eb6100;}
.formgroup .footform{display: block;padding:10px;}
.formgroup .footform .items{font-size: 16px;line-height:normal;color: #000;position: relative;padding: 8px 0px 8px 80px;}
.formgroup .footform .items>span{display: block;width: 80px;padding-right: 10px; position: absolute;left: 0px;top: 8px;line-height:38px;text-align: right;}
.formgroup .footform .items .input1{border: none;width:100%;height:38px;border-radius: 5px;padding-left: 10px;padding-right: 10px;}
.formgroup .footform .items .textarea1{border: none;width: 100%;height:110px;border-radius: 5px;padding-left: 10px;padding-right: 10px;resize: none;}
.formgroup .footform .items .submit1{border: none;height:38px;border-radius: 5px;background: #d7000e;color: #fff;padding: 0 20px 0 30px;;}

/* lightgallery 灯箱画廊样式 */
#lightGallery{}
#lightGallery>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightGallery>a.col .grouphd{padding-top: 70%;position: relative;}
#lightGallery>a.col .grouphd .grouphd-img{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
#lightGallery>a.col .grouphd .grouphd-img>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouphd .grouphd-img>img{max-height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;}
#lightGallery>a.col:hover .grouposter{display: block;}
#lightGallery>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouptitle{width: 100%;height: 36px;font-size: 14px;line-height: 36px;background-color: #fff;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#lightGallery>a.col:hover .grouptitle{background-color: #d7000e;color: #fff;}
/* img list style 图片的列表样式 */
.liststyle-img{}
.liststyle-img .items{
	display: block;
	width: 100%;
	padding-top: 41.9643%;
	overflow: hidden;
	position: relative;
	border: 2px solid #f1f2f4;
	margin-bottom: 20px;
}
.liststyle-img .items:hover{
	transform: scale(1.2);
	z-index: 1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.liststyle-img .items>img{display: block;width: 100%;height: 100%;position: absolute;top: 0px;}

/* casenav 选项卡导航 */
.casenav{width: 100%;background: #f1f1f1;font-size: 16px;text-align: center;line-height:28px;border-top: 1px solid #969696;border-bottom: 1px solid #dedede;}
.casenav .casenav-nav{width: 100%;text-align: center;}
.casenav .casenav-nav>li{display: inline-block;position: relative;float: none;}
.casenav .casenav-nav>li.active{background: #d7000e;}
.casenav .casenav-nav>li.active a{color: #fff;}
.casenav .casenav-nav>li:hover a{color: #d7000e;}

/* pagectrl 翻页按钮 */
.pagectrl{display: block;width: 100%;padding-top: 20px;}
.pagectrl>a{display: inline-block;padding: 0 8px;height: 30px;line-height: 28px;border: 1px solid #ccc;margin-bottom: 10px;color: #333;}
.pagectrl>a.active,.pagectrl>a:hover{background-color: #d7000e; border: 1px solid  #d7000e;color: #fff;    border-radius: 4px;}
.pagectrl>.pagectrlform {display: inline-block;height: 30px;line-height: 28px;padding: 0px 20px;margin-bottom: 10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height: 30px;border: 1px solid #ccc;border-radius: 0;margin-bottom: 10px;text-align: center;}
.pagectrl>.pagectrlform .pagesubmit{padding: 0 8px;height: 30px;background-color: #d7000e; border: 1px solid  #d7000e;color: #fff;margin-bottom: 10px;}

.icon, [class*=" icon-"], [class^=icon-] {line-height: 30px;}



/* casedetail 案例详情卡片图片展示 */
.casedetail{padding-top: 54%;position: relative;margin-left: -10px;margin-right: -10px;}
.casedetail .items-images{position: absolute;top: 0;height: 100%;width: 100%;}
.casedetail .items-images .mainimgbox,.casedetail .items-images .mainimgctrl{height: 100%;overflow: hidden;}
.casedetail .items-images .mainimgbox{text-align: center;}
.casedetail .items-images .mainimgbox img{width: 100%;max-height: 100%;}
.casedetail .items-images .mainimgctrl{padding-top: 40px;padding-bottom: 40px;}
.casedetail .items-images .mainimgctrl .upctrl,.casedetail .items-images .mainimgctrl .downctrl{
	width:88%;
	position: absolute;
	left: 6%;
	height: 25px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #d7000e;
	cursor: pointer;
	border: 1px solid #999;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.casedetail .items-images .mainimgctrl .upctrl:hover,.casedetail .items-images .mainimgctrl .downctrl:hover{background: #272727;}
.casedetail .items-images .mainimgctrl .upctrl{top: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .downctrl{bottom: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .imagesbox{width: 100%;height: 100%;overflow: hidden;position: relative;}
.casedetail .items-images .mainimgctrl .imagesbox .images{	width: 100%;	height: auto;	position: absolute;	top: 0px;	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;	-o-transition: all .5s linear 0s;	transition: all .5s linear 0s;
}
.casedetail .items-images .mainimgctrl .imagesbox .images>img{width: 100%;height: auto;margin: 4px 0;cursor: pointer;}
.casedetailmorebtn{display: inline-block;background-color: #d7000e;color: #fff;width: 120px;font-size: 16px;line-height: 36px;text-align: center;margin-top: 15px;}
.screen-phone .casedetailmorebtn{width: 80px;font-size: 14px;line-height: 28px;margin-top: 5px;}
.casedetailmorebtn:hover{background-color: #272727;color: #fff;}
.casedetailbox-title{display: block;width:140px;background-color: #d7000e;color: #fff;text-align: center;font-size: 16px;line-height: 36px;font-weight: 700;}
.screen-phone .casedetailbox-title{display: block;width:120px;background-color: #d7000e;color: #fff;text-align: center;font-size: 14px;line-height: 28px;font-weight: 700;}
.casedetailbox{border-top: 2px solid #d7000e;}
.screen-phone .casedetailbox{border-top: 1px solid #d7000e;}
/* other 其它 */
/* 视频播放器及其盒子 */
.videobox{ width: 100%;position: relative;height: auto;margin-bottom: 20px;}
.videobox>div{ width: 100%;position: relative;padding-top: 55%; }
.videobox>div>.video{ width: 100%;height: 100%; position: absolute;top: 0px;}
.videobox>div>.video .video-js{ width: 100%;height: 100%;}

/* leftnav 左侧小导航栏 */
.leftnav{display: block;width: 90%;background-color: #fff;/*border: 1px solid #d1d1d1;*/padding-right: 0; margin-bottom: 20px;/*box-shadow: 1px 1px 2px 0px #666;*/ }
.screen-phone .leftnav,.screen-tablet .leftnav{margin-left: auto;margin-right: auto;width:100%;}
.leftnav .leftnav-m-ctrl{display: block;width: 100%;font-size: 18px;line-height: 58px; border-radius: 16px 16px 0 0px;/*border: 1px solid #4A0D01;*/background: #d7000e;color: #fff;text-align: center;font-weight: 700;cursor: pointer;}
.leftnav .leftnav-m-below {display: block;width: 100%;font-size: 15px;line-height: 58px; border-radius: 0px 0px 16px 16px;/*border: 1px solid #4A0D01;*/background: #d7000e;color: #fff;text-align: center;font-weight: 700;cursor: pointer;}
.leftnav a{color: #666;}
.leftnav ul{padding: 0;margin: 0;overflow: hidden;}
.screen-phone .leftnav ul,.screen-tablet .leftnav ul{display: none;}
.leftnav ul li{display: block;width: 100%;}
.leftnav ul li>a{display: block;width: 100%;background-color: #fff;font-size: 16px;color: #666;line-height: 54px;font-weight: 800;padding: 0px 22px;position: relative;}
.leftnav ul li.active>a,.leftnav ul li:hover>a{color: #fff;background-color: #d7000e;}
.leftnav ul li>a>.icon{	position: absolute;right: 22px;	color: #a5a5a5;	line-height: 48px;	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.leftnav ul li.active>a>.icon{transform: rotate(180deg);}
.leftnav ul li +li{border-top: 1px solid #d1d1d1;}
.leftnav ul li .navplus{display: none;width: 100%;border-top: 1px solid #d1d1d1;}
.leftnav ul li .navplus a{	display: block;	font-size: 16px;	color: #666;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	border-radius: 0px;
	padding: 12px 20px;	line-height: 16px;	height: 40px;	-webkit-transition: all 0.3s ease-in-out 0.05s;	-moz-transition: all 0.3s ease-in-out 0.05s;	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;}
.leftnav ul li .navplus a:hover,.leftnav ul li .navplus a.active{color: #d7000e;padding-left: 26px;}
 

    .leftnav2{margin-top: 1px;}  
    .leftnav2 li{ list-style-type: none;border:1px solid #ddd;border-top: none;position:relative;z-index:3;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;} 
    .leftnav2 li a{ /*display:block; */line-height:56px; font-size:16px;  padding-left:0px; position:relative; font-weight:normal !important; z-index:3; transition:all .3s ease;}
    .leftnav2 li a:after{ content:''; display:block; position:absolute; width:16px; height:16px;; top:0; bottom:0; margin:auto 0; left:19px; transition:all .3s ease;}
    .leftnav2 li:before{ content:''; display:block; top:0; left:0; width:0; height:100%;  background: linear-gradient(to right, #d6000f, #f08600);transition:all .3s ease; position:absolute;z-index:-1;}
    .leftnav2 a:hover:before,.leftnav2 li:hover:before{ width:100%;}
    .leftnav2 li:hover a{ color:#fff !important;}
    .leftnav2 li:hover a:after{  }
    
     .lnav {padding-left: 22px;font-size: 16px;}
     .lnh {padding: 20px 0} 

/* rightnav 右侧悬浮导航 */
.rightnav {width: 52px; font-size: 0px;display: block;position: fixed;top: 50%;right: 0px;}
.rightnav ul{margin: 0px;padding: 0px;}
.rightnav ul li{	width: 52px;	display: block;	height: 52px;	border-radius: 12px;	overflow: hidden;	list-style: none;	background-position: 0 0px;
	-webkit-transition: all .3s;	-moz-transition: all .3s;	-ms-transition: all .3s;	-o-transition: all .3s;}
.rightnav ul li:hover{background-position: 0px -62px;}
.rightnav ul li + li {margin-top: 5px;}
.rightnav ul li a{display: block;width: 100%;height: 100%;}
.qq {background: url(../../images/QQ.png) no-repeat;}
.weixin {background: url(../../images/weixin.png) no-repeat;}
.weixin-logo {	background: #fff;	font-size: 12px;	width: 0px;	height: 0px;	overflow: hidden;	position: absolute;	top: 0px;
	right: 127px;	transform: rotate(720deg);	-webkit-transition: ease-out .5s;	-moz-transition: ease-out .5s;	-ms-transition: ease-out .5s;	-o-transition: ease-out .5s;
}
.weixin-logo>img{width: 100%;}
.weixin:hover .weixin-logo {	width: 120px;	height:auto;	top: 0px;	right: 52px;	text-align: center;	color: #000;transform: rotate(0deg);}
.rightnav .liuyan {background: url(../../images/liuyan.png) no-repeat;}
.rightnav .gotop{background: url(../../images/gotop.png) no-repeat;}