@font-face {
	font-family: "BIG JOHN"; 
	src: url('/style/fonts/BIG/%20JOHN.otf');
  }

body{margin:0px; padding:0px; list-style: none;background-color: #ffffff;}

/*显示主体部分通用样式*/
.main{ font-size: 14px; line-height: 30px; text-align: left;}
.ArticleTitle{text-align: center;font-size:20px; line-height: 50px;}
.ArticleContent{font-size:14px;text-align: left;}
.ArticleContent ul{margin:auto;padding:auto; list-style:inherit;}
.ArticleContent ul li{margin:auto;padding:initial;list-style:inherit;}
/*table隔行显示不同颜色*/
.ArticleContent table tr:nth-child(odd){background:#f3f3f3;}
.ArticleContent table tr:hover{background:#dfdfdf;}
.ArticleContent table tr:first-child {background:#006096;color:#ffffff;}
.ArticleContent table td{padding: 2px 4px;text-align: center;}
.ArticleContent table{ margin-left:auto; margin-right: auto;}
.ArticleContent table{border-collapse:collapse; border:solid #cccccc;	border-width:0px 0px 1px 1px;}
.ArticleContent table td{border-collapse:collapse; border:solid #cccccc;	border-width:1px 1px 0px 0px;}
.ArticleContent img{ max-width:100%; height:auto;}
.ArticleContent ul{padding-left:20px;}
.ArticleContent ul li{list-style:disc;}
.ArticleContent p{padding:8px 0px;margin:0px;}
/*路径样式---------------------------------------------------------------------------------------*/
.pathList {text-align: right; border-bottom:1px solid #e5e5e5;margin-bottom:25px;}
.pathList a{font-size: 14px;line-height: 25px;color: #666666;text-decoration: none;}
.pathList span{font-size: 14px;line-height: 25px;color: #AFAFAF;text-decoration: none;}
/*以上通用样式不能随便修改------------------------------------------------------*/


/*底部样式，自行修改-------------------------------------------------------------------------------*/
.web-floor {
	background-color: #000000;padding-bottom: 20px; padding-top: 50px; width:100%;display: inline-block;
}
.web-floor div,.web-floor a,.web-floor a:visited,.web-floor a:hover{
	text-decoration: none;
	color: #ffffff;
}
.floor-txt{font-size:12px;line-height:25px;}
.floor-tel{font-size:18px;line-height: 35px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}


.copyright-txt{text-align: center;font-size:12px;line-height: 60px;border-top:1px solid #525252;margin-top:60px;}
.floor-btn-list ul li a{font-size:12px;line-height: 25px;}

.floor-feedback{width:100%;}
.floor-feedback form{list-style: none;border: 0px;margin: 0px;padding:0px;}
.floor-feedback ul li{margin:10px 0px;}
.floor-feedback ul li input{list-style: none;width:100%;border: 0px;margin: 0px;padding:4px; font-size:14px;line-height: 36px;}

/* .floor-icon{} */
.floor-icon ul li{float:left;}
.floor-icon ul li+li{margin-left:20px;}
.floor-icon ul li img{width:30px;height: 30px;}

.floor-contact{ white-space: nowrap;}

/* .swiper-wrapper,.swiper-wrapper .swiper-slide{width:100%;overflow: hidden;} */
a{background-repeat: no-repeat;background-position: center center;background-size: auto 100% ;}


/*网站新的开始*/
.web-hand{width: 100%; position:absolute;top:0px;left:0px;z-index: 33344;}
.web-hand-index{width: 100%; position:fixed;top:0px;left:0px;z-index: 33344;/*box-shadow:4px 2px 6px #808080; */}
.web-hand-index-bg{background-color: rgba(0, 0, 0,0);}
.web-hand-index-bg-down{background-color: rgba(0, 0, 0,0.7);}
.top-tel{font-size:16px;line-height: 70px;font-family: "BIG JOHN"; color:#ffffff;}
.top-tel span{font-size:20px;line-height: 30px;color:#ebdada;margin-right: 10px;}
/* .top-tel span{color:#ff0000;font-size:30px;line-height: 50px;} */
/* .top-btn{} */
.top-line{border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.top-btn ul{padding:25px 0px;}

.top-btn ul li+li{margin-left:12px;}

.top-btn ul li{float:left; position: relative;height: 20px; overflow: hidden;width:75px;}
/* .top-btn ul li.btn0{width: 70px;}
.top-btn ul li.btn1{width: 96px;}
.top-btn ul li.btn2{width:75px}
.top-btn ul li.btn3{width:65px}
.top-btn ul li.btn4{width:90px}
.top-btn ul li.btn5{width:75px}
.top-btn ul li.btn6{width:70px}
.top-btn ul li.btn7{width:90px} */
.top-btn ul li .cn{font-size:14px;}
.top-btn ul li .en{font-size:14px;}


.top-btn ul li a{font-size:16px;line-height: 20px;color:#ffffff;text-decoration: none;display: block;width: 100%;position: absolute;top:0px;text-align: center;white-space: nowrap;text-align: center;}
.top-btn ul li a:hover{font-size:16px;line-height: 20px;color:#ffffff;text-decoration: none;display: block;text-align: center;}
.top-btn ul li .btn-l{position: absolute;top:0px;left:-11px;color:#ffffff;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-size:9px;line-height: 20px;}
.top-btn ul li .btn-r{position: absolute;top:0px;right:-11px;color:#ffffff;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-size:9px;line-height: 20px;}
.top-btn ul li:hover .btn-l{position: absolute;top:1px;left:0px;font-size:9px;line-height: 20px;} 
.top-btn ul li:hover .btn-r{position: absolute;top:1px;right:0px;font-size:9px;line-height: 20px;}

.top-btn ul li.OnBtn a{position: absolute;color:#ffffff;}
.top-btn ul li.OnBtn .btn-l{position: absolute;top:1px;left:0px;font-size:9px;line-height: 20px;} 
.top-btn ul li.OnBtn .btn-r{position: absolute;top:1px;right:0px;font-size:9px;line-height: 20px;}

/* .top-btn ul li span.btn-line{width:0%;height: 2px;background-color: #ff0000;display: block;}
.top-btn ul li:hover span.btn-line{width:100%;height: 2px;display: block;} */

/* .language{margin-top:3px;text-align: right;}
.language a{color:#ffffff;text-decoration: none; background-color: #ff0000; border-radius: 4px;padding:2px 15px;}
.language span{color:#ffffff;} */
.logo{margin:20px 0px 20px 0px; height:30px;}

.index-txt-line{width:60px;height: 4px;background-color: #ff0000;margin-bottom:30px;}

.index-about{padding:100px 0px;}
.index-about-title{font-size:40px;line-height: 50px;color:#000000;}
.index-about-content{ font-size:14px;line-height: 30px; color: #6d6d6d;margin-top:20px;}

.index-number{margin-top: 40px;display: inline-block; width: 100%;}
.index-number ul li{float: left; margin-right: 50px;}
.index-number ul li .y-number span.number1{width:50px;display: inline-block;}
.index-number ul li .y-number span.number2{width:50px;display: inline-block;}
.index-number ul li .y-number span.number3{width:75px;display: inline-block;}
.index-number ul li .y-number span.number4{width:100px;display: inline-block;}
.index-number ul li .y-number span.number5{width:95px;display: inline-block;}
.index-number ul li .y-number span.numbox{font-size:40px;line-height: 55px;font-weight: bold;color:red;}
.index-number ul li .y-number sup{font-weight:100;color: #000;font-size:30px;}
.index-number ul li .y-number span{font-weight:100;color: #000;line-height: 20px;font-size:20px;}
.index-number ul li .y-title{font-size:20px;font-weight: 100;}
/* .index-pro-list{} */

.case-classify{display: inline-block;padding-bottom:30px;text-align: right;}
.case-classify ul{display: inline-block;}
.case-classify ul li {float: left;}
.case-classify ul li{margin-left:30px;}
.case-classify ul li a{color:#666666;}

.title-box{margin:100px 0px;}

.index-pro-list ul{display: flex;flex-wrap: wrap;margin-top:-30px;}
.index-pro-list ul li{position: relative;overflow: hidden;}
.index-pro-list ul li img{width:100%;height: auto;overflow: hidden;border:1px solid #e6e6e6;
	-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;
}
.index-pro-list ul li:hover img{transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.index-pro-list ul li a{color:#363636;text-decoration: none;}

.inde-pro-img{overflow: hidden;/*border-radius: 10px;*/}

.index-pro-list ul li a .pro-txt-box{display: none;}
.index-pro-list ul li a:hover .pro-txt-box{display: block;}

.index-pro-list ul li a .pro-txt{background-color: rgba(0, 0, 0, 0.7);width:100%;height: 100%;position: absolute;top:0px;left:0px;
text-align: center;
display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;
}
.index-pro-list ul li .pro-txt .title{font-size:20px;line-height: 35px;padding: 0px 35px;text-align: center;color:#ffffff;}
.index-pro-list ul li .pro-txt .str{font-size:14px;line-height: 30px;padding: 0px 35px;text-align: center;color:#d2d2d2;}


.index-logo-list ul li img{	-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.index-logo-list ul li:hover img{transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.case-more{min-height: 100px;background-image: url();}
.case-more a .pro-more-img{background-image: url(../image/more.png);background-repeat: no-repeat; background-position: center center;   width:100px;height: 100px; 
	-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;margin:0px auto;
}
.case-more a:hover .pro-more-img{transform: rotate(360deg);}
.case-more .pro-txt{font-size:25px;line-height: 30px;color: #ffffff;}

.index-title{font-size:40px;line-height: 60px;text-align: center;}
.index-about-bg{margin:200px 0px 100px 0px;}

.news-more{margin:60px 0px;}
.news-more a,.logo-more a{color:#666666;}
.logo-more{margin:60px 0px 0px 0px;}
.new-title{text-align: left;border-bottom: 1px solid #c0c0c0;width:100%;line-height: 40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight: bold;padding-top:10px;}
.more{width:100px;}
.more a{color:#7c7c7c;display: block;position: relative;color:#393939;padding:5px 12px;border:1px solid #b4b4b4;}
.more a span{float:right;}
.more a:hover{background-color: #ff0000;color:#ffffff;border:1px solid #ff0000;padding:5px 16px;}
.more a:hover span{color:#ffffff;}
/* .su-box-0{} */
.su-box-0,.su-box-1{margin-bottom:70px;display: flex;flex-wrap: wrap; margin:0px;padding: 0px;}
/* .su-txt,.su-img{flex-grow: 1;flex: 1;display: table-cell;} */

.su-box-0 .su-img,.su-box-1 .su-img{overflow: hidden;}
.su-box-0 .su-img img,.su-box-1 .su-img img{width:100%;height: auto;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.su-box-0 .su-img:hover img,.su-box-1 .su-img:hover img{width:100%;height: auto;transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}
.su-classify-title{width:50%;margin: 0px auto;font-size:40px;line-height: 60px;text-align: center;}
.su-classify-content{width:50%;margin: 0px auto;margin-top:30px;line-height: 35px;}

.about-txt-bg{background-image: url(../image/ABOUT-ico.png); background-position: 0px 100px; background-repeat: no-repeat;}
.about-txt-box{padding-left:100px;}
.about-bg{background-color: #e5e5e5;width:100%;display: inline-block;}
.about-txt{font-size:14px;line-height: 36px;font-weight: 100;}
.about-txtentitle{font-family: Big John; font-weight: 400;font-size:45px;line-height: 60px;}
.about-entitle{font-family: Big John; font-weight: 400;font-size:30px;line-height: 40px;}
.about-title{font-weight: bold;font-size:16px;line-height: 40px;margin-top:15px;}

.contact-txt-box{position: relative;padding:80px 0px;width:100%;display: inline-block;}

.contact-entitle{font-size:60px;line-height: 80px; font-weight: 100;color: #b9b9b9;}
.contact-title{font-size:25px;line-height: 40px;font-weight: bold;color: #363636;}
.contact-txt{font-size:14px;line-height: 30px;color: #7c7c7c;}
.contact-img img{width: 100%; height: auto;}

.contact-bg{padding:30px 0px;background-color: #efefef; width:100%;display: inline-block;}

.joinus-title{font-size:30px;line-height: 60px;width:250px;background-color: #393939;color:#ffffff;text-align: center;}
.joinus-list{margin-top:45px;}
.joinus-list ul{display: flex;flex-wrap: wrap;}
.joinus-list ul li{border-top:1px solid #AFAFAF;border-bottom:1px solid #AFAFAF; padding:45px 0px;}
.joinus-list ul li .line{width:30px;height: 2px;background-color: #ff0000;}
.joinus-list ul li dd{margin-top:30px;}

.contact-address{padding:80px 0px;}
.contact-address ul li{border-bottom: 3px solid #b3b3b3;}
.contact-address ul li .entitle{font-size:40px;line-height: 40px; font-weight: 100;color: #b9b9b9;}
.contact-address ul li .title{font-size:18px;line-height: 40px;font-weight: bold;color: #363636;}
.contact-address ul li .contact{margin-top:30px;}
.contact-address ul li .contact dl{width:100%;display: inline-block;}
.contact-address ul li .contact dl dt{float:left;width:80px;margin-top:30px;}
.contact-address ul li .contact dl dd{float:left;width:calc(100% - 80px);margin-top:30px;}
.contact-address ul li .line{width:30px;height: 2px;background-color: #ff0000;}

.menu-btn span{color:#ffffff;font-size:28px;line-height:70px;margin-right:10px;}
.menu-list-mobile{position: fixed;width:100%;height:100%;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.85);z-index: 99999;}
.close-this-menu{text-align: right;} 
.close-this-menu span{font-size:30px;color:#ffffff;}
.menu-list{padding:20px;text-align: center;}
.menu-list ul li{text-align: center;}
.menu-list ul li a{font-size:30px; line-height:60px;color:#ffffff;}
.menu-tel{text-align: center;margin-top:30px;}
.menu-tel-icon{text-align: center;} .menu-tel-icon span{font-size:40px;color:#ffffff;}
.menu-tel-txt{font-size:14px;line-height: 30px;color:#ffffff;text-align: center;}
.menu-tel-400{text-align: center;} .menu-tel-400 a{font-size:20px;line-height: 40px;color:#ffffff;}


@media screen and (max-width:999px){·
	.contact-img{position:static;top:0px;right: 0px;width:100%;}
	.about-title-txt{text-align: left;}

	.su-box-0 .su-txt{float:none;width:100% ;background-color: #d4d4d4;margin-left:0px;}
	.su-box-0 .su-img{float:none;width:100%;display: none;}
	.su-box-1 .su-txt{float:none;width:100%;background-color: #d4d4d4;margin-left:0px;}
	.su-box-1 .su-img{float:none;width:100%;display: none;}
	.floor-main{text-align: left; display: inline-block; width: 100%;; margin: 0px auto;padding:30px 0px;}
}
@media screen and (min-width:1000px){
	.contact-img{position: absolute;top:60px;right: 0px;width:40%;}
	.about-title-txt{text-align: right;}

	.su-box-0 .su-txt{float:left;width:33%;background-color: #d4d4d4;margin-left:10px;}
.su-box-0 .su-img{float:left;width:66%;}
.su-box-1 .su-txt{float:left;width:33%;background-color: #d4d4d4;margin-left:10px;}
.su-box-1 .su-img{float:left;width:66%;}
.floor-main{text-align: left; display: inline-block; margin: 0px auto;width:auto;padding:0px;}
.floor-main>div{margin-right:70px}
}

.vod-box{display: none;}
.vod{position: fixed;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 88888888;top:0px;left:0px;text-align: center;display: flex;flex-wrap: wrap;}
.vod-close{position: fixed;z-index: 99999999;top:10px;right:20px;} .vod-close span{color:#ffffff;font-size:40px;line-height: 40px;}
.vod-play{width:65%;margin: auto auto;}

.back{text-align: center; margin:30px 0px;padding:30px 0px;width:100%;}
.back a{display: block; color:#363636;border-radius: 6px;background-color: #AFAFAF;margin:0px auto;padding:5px 0px;width:120px;}


.menu-right{ position: fixed;right:5px;bottom:20%;z-index: 99999;}
/* .menu-right ul{} */
.menu-right>ul>li{width:50px;height: 50px;background-color:rgba(63, 63, 63, 0.7);text-align: center;position:relative;/*border: 1px solid #ffffff;*/border-radius:25px;color:#cfcfcf;}
.menu-right>ul>li:hover{width:50px;height: 50px;background-color:rgba(63, 63, 63, 0.7);text-align: center;border-radius: 25px;}
.menu-right>ul>li+li{margin-top:5px;}
.menu-right>ul>li>a,.menu-right>ul>li>a>span,.menu-right>ul>li>span{font-size:30px;line-height: 50px;color:#ffffff;text-decoration: none;}
.menu-right>ul>li>.vxCode{position:absolute;right:55px;top:-50px;width:150px;text-align: center;font-size:12px;}.menu-right>ul>li>.vxCode img{width:150px;height: auto;}
.menu-right>ul>li>.call400{position:absolute;right:50px;top:0px;background-color:rgba(63, 63, 63, 0.7);color:#ffffff;line-height: 50px;font-size:20px;width:200px;text-align: center;padding:15px;border-radius: 15px;}
.menu-right>ul>li>.menj-info{display:none;}
.menu-right>ul>li:hover>.menj-info{display:inline;}