﻿/*默认属性*/
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
	margin: 0;
	padding: 0;
}

body,button,input,select,textarea {
	font: 12px/1.5 'Microsoft YaHei',Arial, Helvetica, sans-serif;
	color: #3e3a39;
}

body {
	background-color: #fff;
	overflow-x: hidden;
}

input,button,select,textarea {
	outline: none;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

li {
	list-style-type: none;
}

em,i {
	display: block;
	font-style: normal;
}

img {
	border: none;
	vertical-align: middle;
}

button:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}

a {
	position: relative;
	color: #3e3a39;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;

	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

a:hover {
	color: #bc1b21;
}

img {
	border: none;
	vertical-align: middle;
}

/*浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*清除浮动*/
.clearfix:after {
	content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;
}

/*字体*/
.en {
	font-family: verdana;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f24{
	font-size: 24px;
}

.center {
	text-align: center;
}

/*字体颜色*/
.col-3 {
	color: #333;
}

.col-6 {
	color: #666;
}

.col-9 {
	color: #999;
}


/*超出省略号*/
.ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/*圆角*/
.radius-3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.w{
	width: 1280px;
	margin: 0 auto;
	position: relative;
}

.rel{ position: relative;}

/*主题框架*/
.g-mian {
	position: relative;
}


/*引导页*/
.Guide-page{ background-color: #000;}
.Guide-page .Guide-box{ height: 795px; background: url(../images/guide-bg.png) bottom no-repeat;}
.Guide-page .Guide-box .mod{ width: 1280px; height: 563px; background: url(../images/guide-bg2.png) center no-repeat; margin: 80px 0 0 0; display: inline-block;  animation: myfirst 2s infinite;}
.Guide-page .Guide-box .mod .logo{ display:block; width: 239px; height: 224px; margin:150px auto 0; background: url(../images/guide-logo.png) no-repeat;   }
 @keyframes myfirst {  
       0% {  
           transform: translate(0px, 0px);  
       }  
       50% {  
           transform: translate(0px, -20px);  
       }  
       100% {  
           transform: translate(0px, 0px);  
       }  
   }  
.Guide-page .Guide-box .Enter{ text-align: center; margin-top: 35px;}
.Guide-page .Guide-box .Enter a{ display:inline-block; width: 153px; height: 44px; background: url(../images/zwbtn.png) no-repeat;}
.Guide-page .Guide-foot{ text-align: center; color: #727171; margin-bottom: 45px; position: relative;}
.Guide-page .Guide-foot img{ display: inline-block; vertical-align: middle;}

/*头部*/
.header{ position: fixed; left: 0; right: 0; z-index: 999; height: 130px;}
.header .head_li{ height: 130px; background-color: rgba(255,255,255,1); position: relative; z-index: 99999;}
.header .head_li .logo{ cursor: pointer; display:inline-block; margin: 20px 0 0 0;height: 109px;  }
.header .head_li .logox{ /*background: url(../images/logo.png) no-repeat;*/ cursor: pointer; width: 510px; height: 109px; -webkit-animation: scale 2s 0s infinite; animation: scale 2s 0s ; background-size: 100%;
/*infinite*/
}
.header .head_li .logox img{ width: 100%; }
@-webkit-keyframes scale {
    0 {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
    }
    50% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
    }
    100% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
    }
}
@keyframes scale {
    0 {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
/*width: 99px; */
.header .navBtn{ cursor: pointer; height: 20px; margin-top: 55px;}
.header .navBtn .line-icon,.header .lanBtn .line-icon{ -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.header .navBtn:hover .line-icon{ transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); }
.header .lanBtn:hover .line-icon{ transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); }
.header .closeBtn{ display: none; cursor: pointer; width: 99px; height: 20px; margin-top: 62px;}
.lanBtn{ float: right; margin-top: 68px; margin-right: 40px; cursor:pointer; }
.lanArea{ width: 128px; height: 90px; background: #fff; padding-top:10px; padding-bottom:20px; display: none; position: absolute; top: 130px; right: 0; }
.lanArea .lanItem{ height: 50px; line-height: 50px; vertical-align: middle; color: #000; padding-left:15px; }
.lanArea .lanItem a{ color: #000; }
.lanArea .lanItem .lanImg{ float: left; padding-right: 10px; }
.lanArea .lanItem .lanTit{ float: left; font-size: 14px;}

/*站点地图*/
.navigation{ display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 99; height: 900px; background-color: rgba(25,25,27,0.95);}
.navigation .line-wrap{ padding: 175px 40px 0; position:relative;}
.navigation .line-wrap .site-nav li{ overflow:hidden; position: relative; cursor: pointer; border-bottom: 1px dotted #373637; line-height: 44px; color: #fff;}
.navigation .line-wrap .site-nav li.site-cur{ color: #ca001b;}
.navigation .line-wrap .site-nav li.site-cur:after{ position: absolute; left: 260px; top: 25px; z-index: 9999; content: ''; width: 18px; height: 13px; background: url(../images/navbg.png); margin-left: 30px;}
.navigation .line-wrap .site-nav li .dt{ float: left; width: 430px; font-size: 16px; }
.navigation .line-wrap .site-nav li .sub{ float: left; width: 758px; font-size: 14px;}
.navigation .line-wrap .site-nav li .sub dd{ float: left; width:130px; margin-right: 20px;}
.navigation .line-wrap .site-nav li .sub dd a{ display: block; color: #fff;}
.navigation .line-wrap .site-nav li .sub dd a:hover{ color: #ca001b; border-bottom: 1px solid #ca001b;}
.navigation .line-wrap .site-nav li .sub dd a.cur{ color: #ca001b; border-bottom: 1px solid #ca001b;}
.navigation .line-wrap .site-nav li .dt-1{ float:left; width: 104px; padding-left: 120px;}
.navigation .line-wrap .site-nav li .dt-2{ float:left; }


/*首页轮播图*/
.index-a-banner{ text-align: center; background: url(../images/index-a-bannerbg.jpg) center no-repeat;}
.index-b-banner{ text-align: center; background: url(../images/index-b-bannerbg.jpg) center no-repeat;}
.index-c-banner{ text-align: center; background: url(../images/index-c-bannerbg.jpg) center no-repeat;}
.page-ban{ position: absolute; right: 50px; top: 50%; margin-top: -7px; width: 125px; z-index: 99; text-align: center;}.page-ban .nub{ left: 0; right: 0; margin: auto; width: 80px; margin: 0 auto; line-height: 14px; display: inline-block; text-align: center; }.page-ban span{ cursor: pointer; width: 14px; height: 14px;}.page-ban span.prev{ font-size: 0;}.page-ban span.next{ font-size: 0;}.page-ban span:first-child{ color: #c6001c;}
/*首页新闻头条*/
.index-news-block{ width: 100%; position: absolute; left: 0; top:-30px; z-index: 99; height: 70px; background-color: #fff;}
.index-news-block:after{ content: ''; position: absolute; top: 22px; left: 0; right: 0;  z-index: 999; margin: auto; width: 21px; height: 24px; background: url(../images/arrow-bot@icon.gif);}
.index-news-block .newIcon{ float: left; width: 18px; height: 18px;margin: 25px 10px 0 38px; background: url(../images/news@icon.png);}
.index-news-block .item-list{ }
.index-news-block .item-list li{ line-height: 70px; width: 500px;}


/*首页 领华印象*/
.index-impression-block{ padding: 65px 0; background-color: #000;}
.index-impression-block .title{ padding: 40px 0; margin-bottom: 34px;}
.index-impression-block .item li{ overflow: hidden; float: left; position: relative; width: 426px; height: 226px;  cursor: pointer; color: #fff;  }
.index-impression-block .item li .name{ position: absolute; left:38px; top:144px; z-index: 9; width: 105px; }
.index-impression-block .item li:hover{ color: #aa041b;}
.index-impression-block .item li img{ transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; opacity: 0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6;}
.index-impression-block .item li img:hover{  transform: scale(1.1); -ms-transform: scale(1.1);  -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);  opacity: 0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.8;}
.index-impression-block .about{ overflow:hidden; padding: 92px 39px; color: #727171;}
.index-impression-block .about .dt{ float: left; width: 430px; font-size: 24px;}
.index-impression-block .about .box{ float: left; width: 335px; line-height: 30px; text-align: justify;}
.index-impression-block .about .more{ float: right;}

/*首页 产品*/
.index-product-block{ height: 900px; background:url(../images/index-productbg.jpg) center no-repeat #000;}
.index-product-block .product{ position: absolute; top: 0; left: 0; right: 0; z-index: 9; margin: auto; width: 1200px; height: 500px; background: url(../images/index-productsbg.jpg); background: url(../images/index-productbg.png);}
.index-product-block .product .box{ padding: 77px 70px;}
.index-product-block .product .box .dt{ height: 21px; position: relative; border-bottom: 1px solid #a5051b;}
.index-product-block .product .box .dt em{ float: left; position: relative; margin-bottom: -1px;}
.index-product-block .product .box .dt .more{ position: relative; top: 6px; right: 0;}
.index-product-block .product .box .info{ font-size: 34px; color: #fff; margin-top: 40px;}
.index-product-block .product .tabs{ margin-top: 20px;}
.index-product-block .product .tabs .jp-icon{ margin-bottom: 25px;}
.index-product-block .product .tabs .jp-hover-icon{ margin-bottom: 25px; display: none;}
.index-product-block .product .tabs li{ position: relative; cursor: pointer; width: 170px; float: left; padding: 0 0 0 70px; color: #7c0011;}
.index-product-block .product .tabs li dl{ height: 128px; border-right: 1px dotted #7c0011;}
.index-product-block .product .tabs li.selected{ color: #fff;}
.index-product-block .product .tabs li.selected:after{ content: ''; position: absolute; left: 0; bottom: -19px; width: 240px; height: 56px; z-index: 666; background: url(../images/tab-bg.png);}
.index-product-block .show{ height: 600px; padding-top: 300px; display: none;}
.index-product-block .show img{ width: 100%; height: 600px;}
.index-product-block .show:after{ content: ''; position: absolute; bottom: 88px; left: 0; right: 0;  z-index: 999; margin: auto; width: 21px; height: 24px; background: url(../images/arrow-bot@icon2.gif);}

/*加盟*/
.index-job-block{ height: 900px; background: url(../images/index-jobbg.jpg) center no-repeat;} 
.index-job-block .index-job-body{ position: relative; height: 600px; padding: 150px 0; background: url(../images/index-job-banner.png) center no-repeat; background-position: -50px 0;}
.index-job-block .index-job-body:after{ content: ''; position: absolute; bottom: 60px; left: 0; right: 0;  z-index: 999; margin: auto; width: 21px; height: 24px; background: url(../images/arrow-bot@icon2.gif);}
.index-job-block .index-job-body .item{ position: absolute; left: -40px; right: 0; margin: auto; z-index: 9999; width: 978px; height: 488px; background: url(../images/job-bg.png) no-repeat;}
.index-job-block .index-job-body .item .box{ text-align: center; font-size: 28px; font-weight: bold; color: #fff; padding: 270px 0 0 30px; line-height: 1.3;}
.index-job-block .title{ text-align: center; }
.index-job-block .box{ text-align: center;}
.index-job-block .tabs{ padding: 0 40px; margin: 510px 0 0 0;}
.index-job-block .tabs li{ float: left; width: 399px; height: 70px; margin-left: 1px;}
.index-job-block .tabs li a{ display: block; color: #727171; background-color: #2a2a2d; height: 70px; line-height: 70px; padding: 0 38px 0 50px; }
.index-job-block .tabs li a:hover{ background: url(../images/job-dtbg.png); color: #19191b;}
.index-job-block .tabs li a.cur{ background: url(../images/job-dtbg.png); color: #19191b;}

/*新闻*/
.index-newsLine-block{ height: 900px; background: url(../images/index-newsbg.jpg);}
.index-newsLine-block .index-news-body{ padding-top: 128px;}
.index-newsLine-block .title{ padding: 0 36px; margin-bottom: 44px;}
.index-newsLine-block .news-mod{ width: 817px; }
.index-newsLine-block .news-mod .tabs{ width: 317px; background-color: #19191b;}
.index-newsLine-block .news-mod .tabs li{ position: relative; width: 317px; height: 200px; cursor: pointer; border-bottom: 1px solid #232324; color: #fff;}
.index-newsLine-block .news-mod .tabs li dl{ padding: 39px 70px 39px 39px;}
.index-newsLine-block .news-mod .tabs li dl .nub{ color: #727171;}
.index-newsLine-block .news-mod .tabs li dl dt{ margin-bottom: 25px;}
.index-newsLine-block .news-mod .tabs li dl dd{ margin-bottom: 25px; color: #727171;}
.index-newsLine-block .news-mod .tabs li a{ display: block; }
.index-newsLine-block .news-mod .tabs li.over{ background-color: #000; color: #ca001b !important;}
.index-newsLine-block .news-mod .tabs li.over:after{ position: absolute; left: -8px; top: 40px; content: ''; width: 40px; height: 14px; background: url(../images/news-tabs@icon.png);}
.index-newsLine-block .news-mod .tabs li.over:before{ position: absolute; right: 32px; top:87px; content: ''; width: 18px; height: 13px; background: url(../images/navbg.png);}
.index-newsLine-block .news-mod .item-box{ display: none; overflow: hidden; width: 500px; height: 603px; background-color: #fff;}
.index-newsLine-block .news-mod .item-box .show{ width: 500px; height: 349px; background: url(../images/news-img.jpg);}
.index-newsLine-block .news-mod .item-box .show img{ width: 500px; height: 349px; }
.index-newsLine-block .news-mod .item-box .describe{ padding: 50px 45px; }
.index-newsLine-block .news-mod .item-box .describe dt{ font-weight:bold; margin-bottom: 15px;}
.index-newsLine-block .news-mod .item-box .describe dt span{ color: #b3031b;}
.index-newsLine-block .news-mod .item-box .describe .more{ margin-top: 45px; }
.index-newsLine-block .news-mod .item-box .describe dd{  line-height: 2;}
.index-newsLine-block .industry-mod{ width: 400px;}
.index-newsLine-block .industry-mod .dt{ margin-bottom: 55px; font-weight:bold; line-height: 76px; border-bottom: 1px solid #727171; border-top: 1px solid #727171; color: #fff;}
.index-newsLine-block .industry-mod .describe{ height: 202px;}
.index-newsLine-block .industry-mod .describe dt{ color: #fff; margin-bottom: 20px;}
.index-newsLine-block .industry-mod .describe dd{ margin-bottom: 30px; color: #727171; line-height: 2;}

/*底部*/
.foot{ background-color: #19191b;}
.foot .companyinfo{ overflow: hidden; padding: 70px 0 60px; border-bottom: 1px solid #212123;}
.foot .companyinfo .item{ float: left; width: 396px; overflow: hidden; margin-right: 45px; border-right:1px dotted #262628 ; color: #727171;}
.foot .companyinfo .item .jp-icon{ float: left; width: 54px; height: 54px; margin-right: 18px; background-color: #222224;}
.foot .companyinfo .item .tel{ color: #ca001b; font-size: 22px; line-height: 1.2;}
.foot .companyinfo .item:nth-child(3n){ margin-right: 0; border-right:0 ;}
.foot .companyinfo .item dl dt{ overflow: hidden; margin-bottom: 5px;}
.foot .companyinfo .item dl dd{ color: #727171;}
.foot .companyinfo .item dl dt.fx span{ display: block; float: left; cursor: pointer; margin-right: 8px; }
.foot .copyright{ padding: 36px 0 40px; color: #727171;}.foot .copyright span{ cursor: pointer;}.foot .copyright span:hover{ cursor: pointer; color: #fff; text-decoration: underline;}
.foot .copyright .box i{ float: left; width: 59px; height: 20px; margin-right: 18px;}
.foot a{ color: #727171;}

/*关于我们*/
.about-banner{ text-align: center; height: 800px; background:url(../images/about-bannerbg.jpg) center #999;}
.about-Introduction{ height: 479px; background: url(../images/aboutbg.jpg);}
.about-Introduction .about-box{ position: relative; padding: 60px 40px;}
.about-Introduction .about-box .en-dt{ position:absolute; left: 40px; top: -43px; width: 378px; height: 43px; border-bottom: 2px solid #ca001b;}
.about-Introduction .about-box .dt{ float: left; width: 430px; font-size: 30px; color: #222224;}
.about-Introduction .about-box .dt .kh{ color: #c9001b; margin-top: 45px; font-weight: 700;}
.about-Introduction .about-box .box{ width: 770px; float: left; line-height: 30px;}


/*企业理念*/
.enterprise-concept-block{ height: 900px; background:url(../images/conceptbg.jpg) center no-repeat #000;}
.enterprise-concept-block .enterprise-concept-body{ padding: 160px 0 0 0;}
.enterprise-concept-block .enterprise-concept-body .title{ text-align: center; margin-bottom: 65px;}
.enterprise-concept-block .enterprise-concept-body .title p{  margin-top: 12px; color: #ca001b;}
.enterprise-concept-block .list{ padding: 0 0 0 28px;}
.enterprise-concept-block .list li{ float: left; width:295px; text-align: center; margin-right: 15px;}
.enterprise-concept-block .list li .dt{ height: 99px;  color: #fff;}
.enterprise-concept-block .list li .dt p{ margin-top:5px;}
.enterprise-concept-block .list li span{ display: block;}
.enterprise-concept-block .list li:last-child{ margin-right: 0;}

/*企业荣誉*/
.honor-block{ height: 900px; background: url(../images/honorbg.jpg) center no-repeat;}
.honor-block .honor-block-body{ padding: 200px 0;}
.honor-block .honor-block-body .title{ text-align: right;  color: #ca001b; padding: 0 60px;}
.honor-block .honor-block-body .title p{ text-align: right;  margin-top: 12px; color: #ca001b;}
.honor-block .honor-block-body .list{ position: relative; margin: 0 60px; overflow: hidden; padding: 118px 0 0 0;}
.honor-block .honor-block-body .prve{ cursor: pointer; position: absolute; left: -24px; top: 590px; width: 54px; height: 54px; background: url(../images/prvebtn.png) !important;}
.honor-block .honor-block-body .next{ cursor: pointer; position: absolute; right: -24px; top: 590px; width: 54px; height: 54px; background: url(../images/nextbtn.png) !important;}
.honor-block .honor-block-body .list{ margin: 0 45px; overflow: hidden;}
.honor-block .honor-block-body .list ul{ height: 380px; }
.honor-block .honor-block-body .list ul li{  float: left; width: 238px; height: 307px;  margin-right:0 !important;  }
.honor-block .honor-block-body .list ul li .show{ width: 238px; height: 307px; display: table-cell; text-align: center; vertical-align: bottom !important; }
.honor-block .honor-block-body .list ul li .show img{ width:223px; max-height: 307px;}
.honor-block .honor-block-body .list ul li .ty{ position: absolute; bottom: -55px; width: 100%; z-index: 999999; height: 24px; background: url(../images/honorbg.png);}


/*产品*/
.product-banner{ height: 885px; text-align: center; background: url(../images/productbg.jpg) center no-repeat #000;}
.product-banner .products-dt{ position: absolute; top: 365px; left: 0; right: 0; z-index: 99; margin: auto; width: 900px; height: 67px; text-align: center;}
.product-banner .products-dt a{ width: 168px; height: 44px; display: block; margin: 43px auto 0; text-align: center; line-height: 44px; color: #fff; background-color: rgba(0,0,0,0.5);}

.product-banner.pro-ban1{ text-align: center; background: url(../images/productbg.jpg) center no-repeat #000;}
.product-banner.pro-ban2{ text-align: center; background: url(../images/productbg02.jpg) center no-repeat #000;}
.product-banner.pro-ban3{ text-align: center; background: url(../images/productbg03.jpg) center no-repeat #000;}
.product-banner.pro-ban4{ text-align: center; background: url(../images/productbg04.jpg) center no-repeat #000;}
.product-banner.pro-ban5{ text-align: center; background: url(../images/productbg05.jpg) center no-repeat #000;}

.product-block{ height: 708px; background: url(../images/product-instbg.jpg) center bottom no-repeat #000;}
.product-block .product-body .tabs li{ position: relative; float: left; width: 255px; margin-right: 1px;}
.product-block .product-body .tabs li a{ display: block;}
.product-block .product-body .tabs li .cur{ display: none; cursor: pointer; position: absolute; left: 0; bottom: 0; z-index: 999; padding: 23px 0; width: 255px; height: 54px; background-color: #ca001b; color: #fff; font-size: 14px; text-align: center;}
.product-block .product-body .tabs li .cur i{ margin-bottom: 5px;}
.product-block .product-body .product-mod{ height: 365px; padding: 180px 65px 0 40px;}
.product-block .product-body .product-mod .title{ float: left; width: 400px; padding-left: 40px;}
.product-block .product-body .product-mod .title .en p{ margin-top: 15px; color: #ca001b;}
.product-block .product-body .product-mod .title .dt{ margin-top: 70px;}
.product-block .product-body .product-mod .title .dt p{ font-size: 36px; color: #fff; margin-top: 2px;}
.product-block .product-body .product-mod .box{ width: 640px; color: #fff; line-height: 30px; text-align: justify;}

/*产品 列表*/
.product-line-block{ background-color: #19191b; padding: 120px 0 50px; }


/*新闻*/
.news-banner{ height:800px; text-align: center; background: url(../images/news-bannerbg.jpg) center no-repeat #000;}
.news-banner .news-dt{ position: absolute; left: 40px; top: 430px; z-index: 99; width: 181px; height: 161px;}
.news-block{ background-color: #19191b;}
.news-block .tabs{ text-align: right; background-color: #222224;}
.news-block .tabs a{ display:inline-block; line-height: 60px; padding: 0 45px; background-color: #19191b; margin-left: -4px; color: #fff;}
.news-block .tabs a.cur{ background-color: #c9001b;}
.news-block .news-mod{ padding: 88px 0 70px;}
.news-block .news-mod .item{ float: left; width: 405px; background-color: #28282a; margin: 0 32px 0 0; color: #fff;}.news-block .news-mod .item:hover{ background-color: #fff; color: #19191b; }
.news-block .news-mod .item:last-child{ margin-right: 0;}
.news-block .news-mod .item .show{ width:405px; height: 282px; overflow:hidden;}
.news-block .news-mod .item .show img{ width: 100%;}
.news-block .news-mod .item dl{ padding: 45px 40px; text-align: justify;}
.news-block .news-mod .item dl dt{ font-weight: bold;  margin-bottom: 15px;}
.news-block .news-mod .item dl dt span{ color: #b3031b;}.news-block .news-mod .item dl dd{ color: #727171; margin-bottom: 15px;}.news-block .news-line{ border-top:2px solid #000 ;}
.news-block .news-line ul li{  }
.news-block .news-line ul li a{ overflow:hidden;  display: block; background-color: #000;}
.news-block .news-line ul li a .w{ overflow: hidden; padding: 60px 0; border-bottom: 1px solid #202022;}
.news-block .news-line ul li a:hover{ background-color: #19191b;}
.news-block .news-line ul li a.cur{ background-color: #19191b;}
.news-block .news-line ul li a.cur{ background: url();}
.news-block .news-line ul li .dt{ width: 126px; height: 93px; border-right:1px dotted #373637 ; color: #727171;}
.news-block .news-line ul li .describe{ width: 508px; margin-left: 64px;}
.news-block .news-line ul li .describe dt{ color: #fff; margin-bottom: 25px;}
.news-block .news-line ul li .describe dd{ color: #fff; margin-bottom: 25px; color: #727171;}
.news-block .news-line ul li .more{ width: 54px; height: 54px; background-color: #222224;}

/*新闻瀑布流 样式*/
.news-list{ margin-bottom: 100px; width: 100%; border-top:2px solid #000 ;}
.news-list li{ width: 100%; overflow: hidden;}
.news-list li a{  overflow:hidden;  display: block; background-color: #000; color: #fff;}
.news-list li a .w{ overflow: hidden; padding: 60px 0;}
.news-list li a:hover{ background-color: #19191b;}
.news-list li .show{ width: 80px; overflow: hidden; margin-right: 32px; color: #727171;}
.news-list li .show p{ margin-bottom: 10px;}
.news-list li .info{ float: left; overflow:hidden; width: 580px; height: 105px; border-left:1px dotted #373637; padding-left: 63px;}
.news-list li .info dt{ position: relative; font-size: 24px;  padding-bottom: 10px;}
.news-list li .info dt:hover{ color: #f60000;}
.news-list li .info dd{ margin-top: 15px; color: #727171;}
.news-list li .info dd.date{ color: #595757;}
.news-list li .arrow{ width: 54px; height: 54px; float:right; font-size: 25px; font-family: arial; background: url(../images/news-more.png) #222224; color: #111114; text-align: center; line-height: 54px; border-radius: 3px; margin: 15px 0 0 0;}



/*新闻详情*/
.news-detail-blcok{ background: url(../images/news-bannerbg.jpg) top center no-repeat #19191b; padding-top: 285px;}
.news-detail-blcok .news-detail-body{ width: 100%; background-color: #19191b; position:relative;}
.news-detail-blcok .news-detail-body .operation{ height: 56px;}
.news-detail-blcok .news-detail-body .operation a{ float: right; width: 54px; height: 54px; display: block; margin:1px; background-color: #222224; text-align: center;  line-height:54px;color: #727171; text-align: center;}
.news-detail-blcok .news-detail-body .mod{ padding: 0 60px;}
.news-detail-blcok .news-detail-body .mod .title{ text-align: center; border-bottom: 1px dotted #373637; padding-bottom: 10px;}
.news-detail-blcok .news-detail-body .mod .title span{ font-size: 30px; color: #fff;}
.news-detail-blcok .news-detail-body .mod .title p{ margin-top: 20px; color: #727171;}
.news-detail-blcok .news-detail-body .mod .box{ min-height:400px; padding: 40px 0 80px; color: #fff;}
.news-detail-blcok .page{ background-color: #000; padding: 50px 0;}
.news-detail-blcok .page a{  float: left; width: 49%; display: block; color: #fff; border-right:1px dotted #373637 ;}
.news-detail-blcok .page a:last-child{  border-right:0 ;}
.news-detail-blcok .page a p{ color: #727171;}
.news-detail-blcok .page a.next{ text-align: right;}

/*案例*/
.case-block{ padding-top: 588px; background:url(../images/case-bannerbg.jpg) top center no-repeat #000;}
.case-block .case-dt{ position: absolute; left: 40px; top: -290px; z-index: 99; width: 304px; height: 162px;}
/*.case-block .case-list ul li{ float: left; width: 390px; background-color: #fff; margin: 0 35px 35px 0;}
.case-block .case-list ul li dl{ padding: 28px;}
.case-block .case-list ul li dl dt{ font-size: 18px; margin-bottom: 5px;}
.case-block .case-list ul li .show{ width: 390px; overflow: hidden;}
*/
/*瀑布流*/
.waterfull ul li{float: left;width: 400px;margin: 0 0 20px;background: #fff; position: relative;overflow: hidden; /*box-shadow: 0 0 10px #BCBCBC;*/}
.waterfull ul li .a-img{width: 400px;display: block;position: relative; cursor: pointer;}
.waterfull ul li .a-img img{width: 400px;display: block;}
.waterfull ul li .li-title{padding: 5px 0;max-height: 48px;overflow: hidden;line-height: 24px;color: #898686;background: #fff;border-bottom: solid 1px #DBDBDB;}
.waterfull ul li .li-title:before{border-color: rgba(0,0,0,0) rgba(0,0,0,0) #EEE;border-style: solid;border-width: 10px;content: "";display: block;position: absolute;margin: -24px 0 0 10px;width: 0;}
.waterfull ul li .description{padding: 28px 27px; max-height: 66px;overflow: hidden; border-top:none; background-color: #28282a; color: #727171; font-size: 18px;} 
.waterfull ul li .description dd{ color: #9fa0a0; margin-top: 5px;}
.waterfull ul li .qianm{background: #fff;}
.waterfull ul li .qianm .sp1{float: left;height: 30px;line-height: 36px;color: #898686;}
.waterfull ul li .qianm .sp1 b{color: #5DAA21;font-weight: bold; padding: 0 5px 0;font-size: 1.3em;}
.waterfull ul li .qianm .sp2{float: right;height: 30px;padding: 0 5px;line-height: 36px;color: #898686;}
.waterfull ul li .qianm .sp3{float: right;height: 30px;line-height: 36px;color: #898686;}


/*案例弹窗*/
.case-blcok-up{ display: none; position: fixed; left: 0; right: 0; top: 50%; z-index: 9999; margin: auto; margin-top: -195px; width: 900px; background-color: #fff;}
.case-blcok-up .case-box{ padding: 20px; position: relative;}
.case-blcok-up .case-box .bigImg{ width: 580px; height: 480px; border: 1px solid #efefef; text-align: center; display: table-cell; vertical-align: middle;}
.case-blcok-up .case-box .bigImg img{ width: 100%; max-height: 387px;}
.case-blcok-up .case-box .info{ width: 200px; height: 380px; position:absolute; right: 38px; top: 38px; z-index: 99;}
.case-blcok-up .case-box .info .close{ height: 22px; margin-bottom: 60px; cursor: pointer;}
.case-blcok-up .case-box .info .ms dt{ margin-bottom: 5px;}
.case-blcok-up .case-box .info .ms dd{ color: #9fa0a0;}
.case-blcok-up .case-box .page{ display: none; position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; border-top:1px solid #efeff0; padding-top: 20px;}
.case-blcok-up .case-box .page a{ width: 48%; display: inline-block;}
.case-blcok-up .case-box .page a.arrow-left{ border-right:1px solid #efeff0 ;}
.case-blcok-up .case-box .page a.arrow-right{ text-align: right;}
.caseBg{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; background:rgba(0,0,0,0.75);  opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75;}



/*服务  安装保养*/
.sevice-banner{ text-align: center; height: 800px; background: url(../images/service-bannerbg.jpg) center top no-repeat;}
.sevice-banner .service-dt{ position: absolute; left: 40px; top: 428px; z-index: 99; width: 213px; height: 162px; background: url();}
.sevice-installation{ height: 900px; background: url(../images/servicebg.jpg) no-repeat;}
.sevice-installation .title{ padding: 105px 0 85px; border-bottom: 1px solid #ddddde; position: relative;}
.sevice-installation .title p{ margin-top: 12px; color: #ca001b;}
.sevice-installation .title .tabs{ position: absolute; right: 53px; top: -200px; z-index: 99; width: 451px; height: 446px;}
.sevice-installation .title .tabs li{ position: absolute; z-index: 99; cursor: pointer; width: 203px; height: 234px; color: #fff; text-align: center; line-height: 234px; background: url(../images/ser-dtbg.png); color: #fff;}
.sevice-installation .title .tabs li:hover{ background: url(../images/ser-hover-dtbg.png);}
.sevice-installation .title .tabs li.cur{ font-size: 30px; background: url(../images/ser-hover-dtbg.png);}
.sevice-installation .box{ display: none; position: relative;  padding: 33px 595px 33px 0 ; line-height: 2.2; color: #19191b;}
.sevice-installation .box .dt{ margin-bottom: 10px; color: #19191b; font-weight: bold;}
.sevice-installation .box .show{ position: absolute; right: 30px; top: -60px; z-index: 88; width: 499px; height: 577px;}

/*服务支持*/
.sevice-support{ height: 900px; background: url(../images/supportbg.jpg) center no-repeat #000;}
.sevice-support .item{ position: absolute; z-index: 9; width: 434px; color: #fff;}
.sevice-support .item .dt{ margin-bottom: 6px;}
.sevice-support .item p{ line-height: 1.8; text-align:justify;}
.sevice-support .title{ position: absolute; right: 40px; top: 612px; z-index: 999; width: 190px; height: 190px; background:url(../images/service-zc-dt.png);}


/*加盟*/
.job-banner{ height: 800px; text-align: center; background: url(../images/jov-bannerbg.jpg) center no-repeat #000;}
.job-banner .job-dt{ position: absolute; z-index: 999; width: 183px; height: 161px; top: 430px; left: 0; z-index: 99;}
.job-conditions-blcok{ height: 900px; background: url(../images/job-conditionbg.jpg) center;}
.job-conditions-blcok .job-conditions-body{ padding: 153px 15px;}
.job-conditions-blcok .job-conditions-body .title{ color: #ca001b; margin: 0 0 25px; padding: 0 40px;}
.job-conditions-blcok .job-conditions-body .list li{ position: relative; float: left; width: 196px; margin: 0 64px 0 0;}
.job-conditions-blcok .job-conditions-body .list li:last-child{ margin-right: 0;}
.job-conditions-blcok .job-conditions-body .list li .info{ position: absolute; left: 0; right: 0; top: 183px; margin: auto; z-index: 999; width: 194px; height: 210px; background: url(../images/job-tabsbg.png);}
.job-conditions-blcok .job-conditions-body .list li .info em{ padding: 0 40px; color: #fff; text-align: justify;}
.job-conditions-blcok .job-conditions-body .list li .info span{ display: block; text-align: center; margin-bottom: 5px;}
.job-conditions-blcok .job-conditions-body .list li .info .en{ text-align: center; line-height: 36px; padding-right: 2px; margin-bottom:18px;}

.Job-process-blcok{ height: 900px; background: url(../images/job-processbg.jpg) center no-repeat #000;}
.Job-process-blcok .Job-process-body{ padding-top: 325px;}
.Job-process-blcok .Job-process-body .title p{ color: #ca001b; margin-top: 12px;}

.job-seach-blcok{ height: 597px; background: url(../images/job-seachbg.jpg) center no-repeat;}
.job-seach-blcok .seach{ width: 683px; height: 47px; margin: 253px 0 0 415px ; display:inline-block;}
.job-seach-blcok .seach .txt{ float: left; width: 225px; height: 46px; background-color: #fff; border: 0; padding: 0 10px; margin-right: 4px;}
.job-seach-blcok .seach button{
    width:178px;
    height:46px;
    border: 0;
    color: #fff;
    cursor: pointer;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#a91300,endcolorstr=#cc1700,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=re#a91300d,endcolorstr=#cc1700,gradientType=0);/*IE8*/	
    background:#a91300; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #a91300, rgba(0, 0, 255, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cd1700), to(#a91300));  
    background:-o-linear-gradient(top, #a91300, rgba(0, 0, 255, 0.5)); 
}

/*联系我们*/
.contact-blcok{ height: 800px; background: url(../images/contact-banner.jpg) center no-repeat #2a2a2e;}
.contact-blcok .contact-body{ position: relative; padding:298px 0 0 0;}
.contact-blcok .contact-body .contact-dt{ width: 304px; height: 162px; position: absolute; left: 40px; top: 303px;}
.contact-blcok .contact-body .companyinfo{ width: 555px; margin-right: 85px;}
.contact-blcok .contact-body .companyinfo .item{ text-align: center; color: #fff;}
.contact-blcok .contact-body .companyinfo .item dd{ margin-bottom: 8px;}
.contact-blcok .contact-body .companyinfo .item .dt{ font-size: 30px; color: #c9001b;}
.contact-blcok .contact-body .companyinfo .item .tel{ color: #c9001b;}
.contact-blcok .contact-body .companyinfo .split-line{ margin-top: 38px;}
.contact-blcok .contact-body .companyinfo .split-line .item{ position: relative; float: left; width: 185px; text-align: center;} 
.contact-blcok .contact-body .companyinfo .split-line .item .jp-icon{ height: 37px;}
.contact-blcok .contact-body .companyinfo .split-line .item .jt{ position: absolute; right: 0; bottom: 0; z-index: 99; width: 1px; height: 16px; background-color: #4e4e52;}
.contact-blcok .contact-body .companyinfo .share{ text-align: center; margin-top: 48px;}
.contact-blcok .contact-body .companyinfo .share a{ cursor: pointer; display: inline-block; margin: 0 5px; -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.contact-blcok .contact-body .companyinfo .share a:hover{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); }
.header .navBtn .line-icon{ -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}


/*站点地图*/
.site-map-blcok{ background: url(../images/news-bannerbg.jpg) top center no-repeat #19191b; padding-top: 285px;}
.site-map-blcok .site-map-body{ padding: 100px 60px; background-color: #19191b; position:relative;}
.site-map-blcok .site-map-body .site-nav li{ overflow:hidden; position: relative; border-bottom: 1px dotted #373637; line-height: 65px;color: #fff;}
.site-map-blcok .site-map-body .site-nav li .dt{ float: left; position: relative; width: 215px; font-size: 18px; }
.site-map-blcok .site-map-body .site-nav li .sub{ float: left; width: 920px; font-size: 14px;}
.site-map-blcok .site-map-body .site-nav li .sub dd{ float: left; width:130px; margin-right: 20px;}
.site-map-blcok .site-map-body .site-nav li .sub dd a{ display: block; color: #727171;}
.site-map-blcok .site-map-body .site-nav li .sub dd a:hover{ color: #ca001b; border-bottom: 1px solid #ca001b;}
.site-map-blcok .site-map-body .site-nav li .sub dd a.cur{ color: #ca001b; border-bottom: 1px solid #ca001b;}
.site-map-blcok .site-map-body .site-nav li.site-over{ color: #ca001b;}
.site-map-blcok .site-map-body .site-nav li.site-over:after{ position: absolute; left: 105px; top: 25px; z-index: 9999; content: ''; width: 18px; height: 13px; background: url(../images/navbg.png); margin-left: 30px;}
.site-map-blcok .site-map-body .site-nav li .dt-1{ float:left; width: 104px;}

/*客服浮动*/
.quick-fiex{ position: fixed; top:50%; margin-top: -105px;  right: 10px; z-index: 9999;  width: 54px;}
.quick-fiex ul li{ cursor: pointer; width: 54px; height: 54px; background-color: #222224; border-radius: 3px; margin-bottom: 1px;}
.quick-fiex ul li:hover{ width: 54px; height: 54px; background-color: #c9001b;}
.quick-fiex ul li.cur{ background-color: #c9001b;}
.quick-fiex ul li img{ display: block; float: left; cursor: pointer; margin-right: 20px; }
.house{ float: right; margin: 55px 20px 0; }