/*首页banner图*/
.banner {
    width: 100%;
    position: relative;
}

.focus {
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    z-index: 99;
}

.f426x240, .f160x160 {
    width: 100%;
    overflow: hidden;
    z-index: 99;
}

.rslides li {
    width: 100%;
    float: left;
    display: none;
    z-index: 9999;
}

.rslides li img {
	z-index: 9999;
	display:block;
}

.rslides {
    width: 100%;
    position: relative;
    z-index: 99;
    margin: 0 auto;
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 1.0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: none;
}

.rslides_nav:active {
	opacity: 1.0;
}

.rslides_nav.next {
	left: auto;
	right: 0;
}

.rslides_tabs {
    text-align: center;
    position: absolute;
    bottom: 46px;
    z-index: 99;
    left: 0%;
	width:100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin:0 5px;
}

.rslides_tabs a {
	margin-top: 0px;
	text-indent: 9999px;
	overflow: hidden;
	background:url(../images/ico1.png) no-repeat;
	display: inline-block;
	_display: block;
	*display: block;
	width: 14px;
	height: 14px;
	z-index: 999;
	*z-index: 999;

}

.rslides_tabs .rslides_here a {
	background:url(../images/ico1on.png) no-repeat;
}
	
.banner .prev{ position:absolute; left:5%; top:50%; margin-top:-39px; background:url(../images/nimg42_left.png) center no-repeat; z-index:222; width:78px; height:84px; display:block;}
.banner .next{ position:absolute; right:5%; top:50%; margin-top:-39px; background:url(../images/nimg42_right.png) center no-repeat; z-index:222; width:78px; height:84px; display:block;}

.indexFlashTel{position:relative; overflow:hidden; max-width:768px; display:none;}
.indexFlashTel .btnDiv{position:absolute; z-index:10; left:0px; bottom:20px; width:100%; text-align:center;}
.indexFlashTel .btnDiv span{display:inline-block; width:12px; height:12px; background:#a7a9ad; cursor:pointer; margin:0 4px;-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.indexFlashTel .btnDiv span.on{background:#cc0000;}
.indexFlashTel .bd{position:relative; z-index:0;}
.indexFlashTel .bd li{position:relative; text-align:center;}
.indexFlashTel .bd li img{width:100%; display:block;}

.indexPart1{ padding:75px 0 50px; background:#f2f2f2;}
.indexPart1 .title{ text-align:center;}
.indexPart1 .title2{ text-align:center; font-size:24px; color:#000; height:64px; line-height:64px; background:url(../images/line1.png) center no-repeat;}
.indexPart1 .msg{ text-align:center; font-size:14px; color:#adadad;}
.indexPart1 a.more{  border:#bebebe 3px solid; background:rgba(255,255,255,.0); width:261px; height:45px; display:block; margin:40px auto 0; line-height:45px; font-size:16px; color:#d01a27; text-align:center; transition:all ease-out .3s;}
.indexPart1 a.more:hover {  border-color:#d01a27; text-indent:50px;background-color: #d01a27; color:#fff;}
.indexPart1 a.more i{ text-indent:-10px; font-size:24px; color:rgba(255,255,255,.0); transition:all ease-out .3s}
.indexPart1 a.more i img{ display:none;}
.indexPart1 a.more:hover i{ text-indent:58px; color: #fff;}
.indexPart1 a.more:hover i img{ display:inline-block;}
/*.wow{ animation-name: slideInUp;}
a.more{animation-name: fadeInUp;animation-delay:0.5s}*/
.indexPart1 .list{ padding:90px 0;}
.indexPart1 .list li{float: left; width: 25%; list-style: none;}
.text-desc{position: absolute; left: 0; top: 0; background:url(../images/bg3.png) repeat; height: 100%; opacity: 0; width: 100%;}
.port-3{float: left; width: 100%; position: relative; overflow: hidden; perspective: 500px;}
.port-3 img{ width:100%; transition: 0.5s;}
.port-3.effect-3 .text-desc{z-index: 22; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 25px 20px;}
.port-3.effect-3:hover .text-desc{transform: none; opacity: 1;}
.port-3.effect-3:hover img{transform: translateY(100%)}
.indexPart1 .list li .name{ color:#fff; font-size:24px; position:relative; padding-bottom:45px;}
.indexPart1 .list li .name .btn1{ position:absolute; right:40px; top:0px; width:29px; height:29px; display:block; background:url(../images/nimg29_1.png) no-repeat;}
.indexPart1 .list li dd{ font-size:16px; height:36px; line-height:36px; overflow:hidden;}
.indexPart1 .list li dd a{ background:url(../images/ico4.png) left center no-repeat; padding-left:28px; color:#fff;}
.indexPart1 .listTel{ display:none; padding:35px 0 0 10px;}
.indexPart1 .listTel li{ float:left; width:50%; margin-bottom:10px;}
.indexPart1 .listTel li .box{ padding-right:10px;}
.indexPart1 .listTel li .imgDiv{ margin-bottom:5px;}
.indexPart1 .listTel li .imgDiv img{ width:100%; display:block;}
.indexPart1 .listTel li .text-descTel{ background:#b82a2f; padding:30px 10px;}
.indexPart1 .listTel li .name{ color:#fff; font-size:16px; position:relative; padding-bottom:35px;}
.indexPart1 .listTel li .name .btn1{ position:absolute; right:20px; top:0px; width:20px; height:20px; display:block; background:url(../images/nimg29_1.png) no-repeat; background-size:100%;}
.indexPart1 .listTel li dd{ font-size:12px; height:26px; line-height:26px; overflow:hidden;}
.indexPart1 .listTel li dd a{ background:url(../images/ico4.png) left center no-repeat; padding-left:15px; color:#fff;}


.indexPart2{ padding:75px 0 0;}
.indexPart2 .title{ text-align:center;}
.indexPart2 .title2{ text-align:center; font-size:24px; color:#000; height:64px; line-height:64px; background:url(../images/line1.png) center no-repeat;}
.indexPart2 .msg{ text-align:center; font-size:14px; color:#adadad;}

.mainModBox{ margin:0 auto;}
.mainModBox ul{ width:100%; margin:50px auto;}
.mainModStyle1 li{ width:20%; height:auto; float:left; position: relative; overflow:hidden;}
.mainModStyle1 li .img{ width:100%; overflow:hidden}
/*.mainModStyle1 li:hover .img img { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
*/.mainModStyle1 li .img img{ width:100%; transform: scale(1, 1);transition: all 0.2s ease-in-out 0s;}
.mainModBox .TxtLinkStyle1{display:block; height:100%; width:100%}
.mainModBox .TxtLinkStyle2{display:block; height:100%; width:100%;position: absolute;top:auto;left: 0;background:url(../images/bg1.png) repeat;/*filter: alpha(opacity=70);opacity: 0.7;*/overflow: hidden; z-index: 10;}
.mainModBox .TxtLinkStyle2 .Ico{ padding:60px 0 30px 0; text-align:center;}
.mainModBox .TxtLinkStyle2 .Name{ font-size:24px; color:#fff; text-align:center;}

.indexPart2 .list{ display:none; padding:35px 0 0 10px;}
.indexPart2 .list li{ float:left; width:50%; margin-bottom:10px;}
.indexPart2 .list li .box{ margin-right:10px; position:relative;}
.indexPart2 .list li .imgDiv img{ width:100%; display:block;}
.indexPart2 .list li .name{ position:absolute; left:0px; bottom:0px; height:32px; line-height:32px; background:url(../images/bg2.png) repeat; width:100%; line-height:32px; text-align:center;}
.indexPart2 .list li .name a{ color:#fff;}

.indexPart3{ padding:80px 0 70px 0; background:#f2f2f2;}
.indexPart3 .list li{ width:20%; float:left; margin-bottom:10px;}
.indexPart3 .list li .imgDiv{ padding:0 5px;}
.indexPart3 .list li .imgDiv img{ width:100%;}
.indexPart3 a.more{  border:#bebebe 3px solid; background:rgba(255,255,255,.0); width:261px; height:45px; display:block; margin:50px auto 0; line-height:45px; font-size:16px; color:#d01a27; text-align:center; transition:all ease-out .3s;}
.indexPart3 a.more:hover {  border-color:#d01a27; text-indent:50px;background-color: #d01a27; color:#fff;}
.indexPart3 a.more i{ text-indent:-10px; font-size:24px; color:rgba(255,255,255,.0); transition:all ease-out .3s}
.indexPart3 a.more i img{ display:none;}
.indexPart3 a.more:hover i{ text-indent:58px; color: #fff;}
.indexPart3 a.more:hover i img{ display:inline-block;}

.indexPart3 .title{ font-size:18px; display:none; text-align:center; color:#d01a27;}
.indexPart3 .title2{ text-align:center; color:#000; height:34px; line-height:34px; font-size:14px; background:url(../images/line3.png) center no-repeat; display:none;}
.indexPart3 .msg{ text-align:center; font-size:12px; color:#adadad; display:none; padding:0 10px; line-height:22px;}
.indexPart3 .listTel{ display:none; padding:35px 0 0 10px;}
.indexPart3 .listTel li{ width:33.33%; float:left; margin-bottom:10px;}
.indexPart3 .listTel li .imgDiv{ padding-right:10px;}
.indexPart3 .listTel li .imgDiv img{ width:100%; display:block;}
.indexPart3 .btnDiv{ display:none; padding-top:40px; width:180px; height:34px; margin:0 auto;}
.indexPart3 .btnDiv a{ display:block; width:180px; height:34px; background:#d01a27; color:#fff; text-align:center; font-size:14px; line-height:34px;}

.indexPart4{ padding:75px 0;}
.indexPart4 .title{ text-align:center;}
.indexPart4 .title2{ text-align:center; font-size:24px; color:#000; height:64px; line-height:64px; background:url(../images/line1.png) center no-repeat;}
.indexPart4 .tab{ text-align:center; padding:15px 0 45px;}
.indexPart4 .tab li{ display:inline-block; font-size:14px; height:24px; margin:0 13px;}
.indexPart4 .tab li.liNow{ background:url(../images/nimg56Bg.png) center bottom no-repeat; color:#d01a27;}
.indexPart4{ padding:75px 0;}
.indexPart4 .title{ text-align:center;}
.indexPart4 .title2{ text-align:center; font-size:24px; color:#000; height:64px; line-height:64px; background:url(../images/line1.png) center no-repeat;}
.indexPart4 .tab{ text-align:center; padding:15px 0 45px;}
.indexPart4 .tab li{ display:inline-block; font-size:14px; height:24px; margin:0 13px;}
.indexPart4 .tab li.liNow{ background:url(../images/nimg56Bg.png) center bottom no-repeat; color:#d01a27;}
.indexPart4_l{ width:66.66%;}
.indexPart4_l ul{ margin-right:-20px;}
.indexPart4_l li{ float:left; width:50%;}
.indexPart4_l li .box{ position:relative; background:#f8f8f8; height:429px; padding:0 20px; margin-right:20px; overflow:hidden;}
.indexPart4_l li .name{ padding-top:35px; height:56px; font-size:18px; font-weight:bold;}
.indexPart4_l li .name a{ color:#000;}
.indexPart4_l li .content{ line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#999;}
.indexPart4_l li .cishu{ padding-top:30px;}
.indexPart4_l li .more2{ font-style:italic; text-transform:uppercase; color:#000; background:url(../images/line5.jpg) left center no-repeat; padding-left:16px; padding-right:18px;}
.indexPart4_l li .cishu em{ background:url(../images/nimg18_1.png) left center no-repeat; padding-left:22px; color:#999;}
.indexPart4_l li .imgDiv{ position:absolute; left:0px; bottom:0px;}
.indexPart4_l li .imgDiv img{ width:110%;}
.indexPart4_l li .ico{ width:32px; height:17px; position:absolute; left:30px; top:0px; z-index:11;}
.indexPart4_l li .ico2{ display:none; width:24px; height:13px; background-size:24px; position:absolute; left:30px; top:0px; z-index:11;}

.indexPart4_r{ width:33.33%;}
.indexPart4_r .box{ background:#f8f8f8; margin-left:20px; padding:20px 20px 0; height:409px;}
.indexPart4_r li{ height:42px; line-height:42px; font-size:16px; overflow:hidden; background:url(../images/ico6.png) left center no-repeat; padding-left:18px;}
.indexPart4 a.more{  border:#bebebe 3px solid; background:rgba(255,255,255,.0); width:261px; height:45px; display:block; margin:40px auto 0; line-height:45px; font-size:16px; color:#d01a27; text-align:center; transition:all ease-out .3s;}
/*.indexPart4_l{ width:780px;}
.indexPart4_l li{ float:left; width:370px; height:429px; margin-right:20px;}
.indexPart4_l li .box{ position:relative; background:#f8f8f8; height:429px; padding:0 20px;}
.indexPart4_l li .name{ padding-top:35px; height:56px; font-size:18px; font-weight:bold;}
.indexPart4_l li .name a{ color:#000;}
.indexPart4_l li .content{ line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#999;}
.indexPart4_l li .cishu{ padding-top:30px;}
.indexPart4_l li .more2{ font-style:italic; text-transform:uppercase; color:#000; background:url(../images/line5.jpg) left center no-repeat; padding-left:16px; padding-right:18px;}
.indexPart4_l li .cishu em{ background:url(../images/nimg18_1.png) left center no-repeat; padding-left:22px; color:#999;}
.indexPart4_l li .imgDiv{ position:absolute; left:0px; bottom:0px;}
.indexPart4_l li .ico{ width:32px; height:17px;  position:absolute; left:30px; bottom:183px; z-index:11;}
.indexPart4_l li .ico2{ display:none; width:24px; height:13px; background:url(../images/nimg32_1.png) left center no-repeat; background-size:24px; position:absolute; left:30px; top:0px; z-index:11;}

.indexPart4_r{ padding:20px 30px 0; width:340px; background:#f8f8f8; height:409px;}
.indexPart4_r li{ height:42px; line-height:42px; font-size:16px; overflow:hidden; background:url(../images/ico6.png) left center no-repeat; padding-left:18px;}
.indexPart4 a.more{  border:#bebebe 3px solid; background:rgba(255,255,255,.0); width:261px; height:45px; display:block; margin:40px auto 0; line-height:45px; font-size:16px; color:#d01a27; text-align:center; transition:all ease-out .3s;}*/
.indexPart4 a.more:hover {  border-color:#d01a27; text-indent:50px;background-color: #d01a27; color:#fff;}
.indexPart4 a.more i{ text-indent:-10px; font-size:24px; color:rgba(255,255,255,.0); transition:all ease-out .3s}
.indexPart4 a.more i img{ display:none;}
.indexPart4 a.more:hover i{ text-indent:58px; color: #fff;}
.indexPart4 a.more:hover i img{ display:inline-block;}
.indexPart4 .btnDiv{ display:none; padding-top:30px; width:180px; height:34px; margin:0 auto;}
.indexPart4 .btnDiv a{ display:block; width:180px; height:34px; background:#d01a27; color:#fff; text-align:center; font-size:14px; line-height:34px;}


.caseTab{ text-align:center;}
.caseTab li{ display:inline-block; height:36px; font-size:14px; line-height:36px; background:url(../images/line6.jpg) right center no-repeat;}
.caseTab li a{ padding:0 30px; height:36px; display:block;}
.caseTab li a.on{ background:#d01a27; color:#fff;}
.caseTab li:last-child{ background:none;}
.case .list{ padding-top:50px; padding-bottom:45px;}
.case .list ul{ width:110%;}
.case .list li{ width:390px; height:338px; float:left; margin:0 15px 20px 0;}
.case .list li .box{ height:338px;}
.case .list li .bottom{ height:110px; padding:0 20px; position:relative;}
.case .list li:hover .box{  box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.case .list li .name{ padding-top:35px; font-size:16px; height:26px; overflow:hidden;}
.case .list li .msg{ color:#999; height:32px; overflow:hidden}
.case .list li .ico{ position:absolute; right:20px; bottom:44px; width:15px; height:11px;}

.pageBottom{ background:#f2f2f2; padding:35px 0;}

.caseRecommend{ width:810px;}
.caseRecommend .title{ font-size:24px; color:#000; height:48px;}
.casePic { position:relative;}
.casePic .slick{ width:390px; height:338px; margin:0 15px 20px 0; background:#fff;}
.casePic .slick .bottom{ height:110px; padding:0 20px; position:relative;}
.casePic .slick:hover{  box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.casePic .slick .imgDiv img{ width:100%;}
.casePic .slick .name{ padding-top:35px; font-size:16px; height:26px; overflow:hidden;}
.casePic .slick .msg{ color:#999;}
.casePic .slick .ico{ position:absolute; right:20px; bottom:44px; width:15px; height:11px;}
.casePic .slick-prev{ display:block; width:39px; height:15px; background:url(../images/nimg39_left.jpg) no-repeat; position:absolute; right:56px; top:-40px;}
.casePic .slick-next{ display:block; width:39px; height:15px; background:url(../images/nimg39_right.jpg) no-repeat; position:absolute; right:15px; top:-40px;}
.casePic .slick-prev:hover{ background:url(../images/nimg39_lefton.jpg) no-repeat;}
.casePic .slick-next:hover{ background:url(../images/nimg39_righton.jpg) no-repeat;}

.newsRecommend{ width:390px;}
.newsRecommend .title{ position:relative; font-size:24px; color:#000; height:48px;}
.newsRecommend .title a{ position:absolute; top:10px; right:0px; background:url(../images/line5.jpg) left center no-repeat; font-size:12px; color:#000; padding-left:20px; font-style:italic; text-transform:uppercase;}
.newsRecommend .list{ background:#fff; padding:20px 25px 0; height:318px;}
.newsRecommend .list li{ height:38px; line-height:38px; font-size:14px; overflow:hidden; background:url(../images/ico6.png) left center no-repeat; padding-left:18px;}

.caseShow{ padding-bottom:30px;}
.caseShow .name{ height:56px; border-bottom:#f2f2f2 solid 1px; position:relative;}
.caseShow .name h2{ font-size:20px; color:#000;}
.caseShow .name .right{ position:absolute; right:0px; top:0px;}
.caseShow .name .right li{ float:left; font-size:14px; margin-left:24px;}
.caseShow .name .right li img{ padding-right:8px; top:-2px; position:relative;}
.caseShow .content{ font-size:14px; line-height:32px; padding:25px 0;}
.caseShow .imgDiv{ text-align:center; padding:30px 0;}
.caseShow .bottom{ position:relative;}
.caseShow .share{ padding-left:60px; position:relative;}
.caseShow .share em{ position:absolute; left:0px; top:3px; font-size:14px;}
.caseShow .share a{ width:27px; height:27px; display:inline-block; margin-right:7px;}
.caseShow .btnDiv{ display:none; position:absolute; right:0px; top:0px;}
.caseShow .btnDiv a{ display:block; width:102px; height:26px; line-height:26px; background:url(../images/btn1.jpg) left center no-repeat; background-size:102px; color:#fff; font-size:12px; text-indent:45px;}

.caseShow a
	{color:#21a1e2;
	
	}
		.caseShow a:hover
		{ text-decoration:underline;
		}


.pageDown{height:150px; position:relative;}
.pageDown .box{ border-top:#dddddd dashed 1px; padding-top:25px;}
.pageDown li{font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; color:#acacac;}
.pageDown li b{ color:#444;}
.pageDown .btnDiv{ position:absolute; right:0px; top:33px;}
.pageDown .btnDiv a{ display:block; width:149px; height:38px; line-height:38px; background:url(../images/btn1.jpg) left center no-repeat; color:#fff; font-size:14px; text-indent:65px;}


.newsTab{ text-align:center;}
.newsTab li{ display:inline-block; height:36px; font-size:14px; line-height:36px; background:url(../images/line6.jpg) right center no-repeat;}
.newsTab li a{ padding:0 30px; height:36px; display:block;}
.newsTab li a.on{ background:#d01a27; color:#fff;}
.newsTab li:last-child{ background:none;}
.news .list{ padding-top:50px; padding-bottom:25px;}
.news .list ul{ width:110%;}
.news .list li{ width:366px; height:212px; float:left; margin:0 52px 50px 0; border-bottom:#dedede solid 1px;}
.news .list li .name{ height:56px; font-size:18px; font-weight:bold;}
.news .list li .name a{ color:#000;}
.news .list li .content{ line-height:24px; height:76px; overflow:hidden; font-size:14px; color:#999;}
.news .list li .cishu{ padding-top:30px;}
.news .list li .more2{ font-style:italic; text-transform:uppercase; color:#000; background:url(../images/line5.jpg) left center no-repeat; padding-left:16px; padding-right:18px;}
.news .list li .cishu em{ background:url(../images/nimg18_1.png) left center no-repeat; padding-left:22px; color:#999;}

.newShow{ padding-bottom:30px;}
.newShow .name{ height:56px; border-bottom:#f2f2f2 solid 1px; position:relative;}
.newShow .name h2{ font-size:20px; color:#000;}
.newShow .name .right{ position:absolute; right:0px; top:0px;}
.newShow .name .right li{ float:left; font-size:14px; margin-left:24px;}
.newShow .name .right li img{ padding-right:8px; top:-2px; position:relative;}
.newShow .content{ font-size:14px; line-height:32px; padding:25px 0 45px;}
.newShow .imgDiv{ text-align:center; padding:30px 0;}
.newShow .share{ padding-left:60px; position:relative;}
.newShow .share em{ position:absolute; left:0px; top:3px; font-size:14px;}
.newShow .share a{ width:27px; height:27px; display:inline-block; margin-right:7px;}
.newShow .bottom{ position:relative;}
.newShow .btnDiv{ display:none; position:absolute; right:0px; top:0px;}
.newShow .btnDiv a{ display:block; width:102px; height:26px; line-height:26px; background:url(../images/btn1.jpg) left center no-repeat; background-size:102px; color:#fff; font-size:12px; text-indent:45px;}

	.newShow a
	{color:#21a1e2;
	
	}
		.newShow a:hover
		{ text-decoration:underline;
		}

































































































































































































































































