﻿@charset "UTF-8";
/* 
**********
*******
**
时间：2019-04-17
编者：三只鱼
 */

a:focus {
    -moz-outline: none;
    outline: none;
}
/*去掉虚线针对IE*/
a {
    blr: expression(this.onFocus=this.blur())
}
/*去掉虚线针对firefox*/
*:focus {
    outline: none;
}

a:hover {
    color: #ac233b;
}

a img {
    border: none;
}

body {
    background: #fff;
}

@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(10px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
 25% {transform: translateY(10px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-20px);}
} 
 

/* 广告切换 */
.banner{ 
	width:100%; height:620px; overflow:hidden; position:relative;font-size:0
}
.banner .b-img{ 
	height:500px;  position:absolute; left:0; top:0;
}
.banner .b-img a{ 
	display:block; height:620px; float:left;
}
.banner .b-list{ 
	height:13px;position:relative; margin:0 auto;z-index:1;top:580px;text-align:center;
}
.banner .b-list span{ 
	display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; margin:7px 8px 0;background:#fff;float:left;
}
.banner .b-list .spcss{
	width:25px; height:8px;background:#fff;border-radius:8px;transition: all 0.5s;
}


.ContMain{
	width:100%;overflow:hidden;background:#efefef;
}

/* 标题样式 */
.cTitle{
	width:100%;overflow:hidden;text-align:center;margin-top:80px;font-size:18px;color:#666;
}
.cTitle h5{
	font-size:32px;font-weight:normal;color:#333;padding-bottom:5px;
}
.cTitle .img{
	width:100%;overflow:hidden;margin-top:20px;
}


/* 产品中心 */
.PoreUnm{
	width:1200px;margin:30px auto 80px;overflow:hidden;
}
.PoreUnm .left{
	width:500px;height:600px;float:left;background:url(../images/pimg.jpg) no-repeat center;
}
/* 本例子css */
.slideBox{ 
	width:500px; height:600px; overflow:hidden; position:relative;
}
.slideBox .hd{ 
	width:500px;height:12px;bottom:25px;z-index:5;position:absolute;
}
.slideBox .hd ul{ 
	width:100%;text-align:center;height:12px;
}
.slideBox .hd ul li{ 
	display:inline-block;margin:0 2px;width:12px;height:12px; background:#a0a0a1; cursor:pointer;border-radius:50px;font-size:0px;overflow:hidden;
}
.slideBox .hd ul li.on{ 
	background:#ac233b; color:#fff; 
}
.slideBox .bd{ 
	position:relative; height:100%; z-index:0;   
}
.slideBox .bd li{ 
	zoom:1; vertical-align:middle; 
}
.slideBox .bd img{ 
	width:500px; height:600px; display:block; 
}
.slideBox .PtextS{ 
	width:100%;overflow:hidden;position:absolute;top:60px;text-align:center;z-index:3;font-size:18px;
}
.slideBox .PtextS h5{ 
	font-size:35px;font-weight:700;color:#333;padding-bottom:5px;
}
.PoreUnm .right{
	width:690px;float:right;
}
.PoreUnm .right li{
	height:293px;background:#fff;border:solid 1px #dedede;
}
.PoreUnm .right li{
	height:293px;background:#fff;border:solid 1px #dedede;overflow:hidden;
}
.PoreUnm .right li.BunM{
	margin-top:11px;
}
.PoreUnm .right li dl{
	width:100%;position:relative;
}
.PoreUnm .right li dl dt img{
	transition: .8s;
}
.PoreUnm .right li:hover dl dt img{
	transform: scale(1.1);
}
.PoreUnm .right li.BunM1 dl dd{
	position:absolute;right:60px;top:60px;text-align:right;font-size:18px;color:#333;
}
.PoreUnm .right li dl dd h5{
	font-size:35px;color:#333;padding-bottom:5px;
}
.PoreUnm .right li dl dd h5 em{
	font-weight:700;
}
.PoreUnm .right li dl dd .linle a{
	display:block;width:133px;height:44px;line-height:44px;text-align:center;float:right;font-size:16px;border:solid 1px #d9d9d9;margin-top:60px;
}
.PoreUnm .right li dl dd .linle a:hover{
	border:solid 1px #ac233b;background:#ac233b;color:#fff;transition: all 0.5s;
}
.PoreUnm .right li.BunM dl dd{
	position:absolute;left:60px;top:60px;text-align:left;font-size:18px;color:#333;
}
.PoreUnm .right li.BunM dl dd .linle a{
	float:left;
}


/* Gongyi */
.Gongyi{
	background:#fff;
}

/* 本例子css */
.slideTxtBox{ 
	width:100%;text-align:center;margin-top:30px;
}
.slideTxtBox .hd{ 
	position:relative;background:url(../images/gongyi.png) no-repeat center 40px;height:63px;
}
.slideTxtBox .hd ul{
	height:116px;position:absolute;top:0px;z-index:5;weight:664px;margin:0 auto;left:50%;margin-left:-332px;
}
.slideTxtBox .hd ul li{
	float:left;cursor:pointer;width:116px;height:86px;line-height:26px;padding-top:30px;text-align:center;background:url(../images/gongyi_02.png) no-repeat center;margin:0 25px;font-size:18px;
}
.slideTxtBox .hd ul li.on{
	background:url(../images/gongyi_01.png) no-repeat center;color:#fff;transition: all 0.5s;
}
.slideTxtBox .bd ul{ 
	width:100%;overflow:hidden;
}
.slideTxtBox .bd li{
	width:100%;height:570px;overflow:hidden;text-align:center;
}
.slideTxtBox .bd li .Gtext_S{
	width:1200px;height:570px;margin:0 auto;position:relative;overflow:hidden;
}
.slideTxtBox .bd li .Gtext_S .Unm{
	width:354px;padding:40px 50px;position:absolute;background:rgba(255, 255, 255, 0.9);text-align:left;top:350px;right:19px;font-size:16px;
}
.slideTxtBox .bd li .Gtext_S .Unm h5{
	font-size:24px;color:#333;padding-bottom:15px;
}


/* Shifu */
.Shifu{
	width:100%;height:693px;overflow:hidden;background:url(../images/shifu.jpg) no-repeat center;
}
.Shifu .ScontUnm{
	width:1200px;margin:0 auto;position:relative;
}
.Shifu .ScontUnm .left{
	float:left;position:absolute;z-index:5;left:20px;top:60px;-webkit-animation: bounce-up 4s linear infinite;animation: bounce-up 4s linear infinite;
}
.Shifu .ScontUnm .zimu{
	width:385px;height:446px;position:absolute;left:560px;top:70px;
}
.Shifu .ScontUnm .right{
	float:right;position:absolute;z-index:5;right:0px;top:147px;width:470px;
}
.Shifu .ScontUnm .right .d_1{
	float:right;margin-right:23px;
}
.Shifu .ScontUnm .right .d_2{
	float:left;margin-top:110px;
}
.Shifu .ScontUnm .right .d_2 a{
	display:block;width:44px;height:132px;line-height:44px;background:#6f3845;color:#fff;font-size:16px;text-align:center;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
}
.Shifu .ScontUnm .right .d_2 a:hover{
	background:#ac233b;
}


/* AboutMain */
.AboutMain{
	width:100%;height:852px;overflow:hidden;background:url(../images/about.jpg) no-repeat center;
}
.AboutMain .Amain{
	width:950px;height:340px;margin:270px auto 0;background:rgba(255, 255, 255, 0.9);overflow:hidden;
}
.AboutMain .Amain h5{
	width:100%;overflow:hidden;font-size:24px;color:#333;text-align:center;margin-top:50px;
}
.AboutMain .Amain .AtextS{
	width:675px;margin:8px auto 0;text-align:center;line-height:22px;
}

/* 必要布局样式css */
.product-num-box{
    overflow:hidden;padding:0 60px;
}
.product-num-head{
    margin-top:50px;
}
.product-num-item{
    position:relative;display: inline-block;width:136px;color: #333;margin-right:90px;
}
.product-num-item:nth-child(4){
	margin-right:0px;
}
.product-num-nub{
    display: inline-block; width:116px; font-size:35px; color: #333;text-align:left;
}
.product-num-add{
    display:block;font-size:14px; color: #fff; width:25px;height:25px;line-height:25px;text-align:center;background:#ac233b;border-radius:50px;
	position: absolute;left:0px;top:-2px;
}
.product-num-head .Y_1 .product-num-add{
    left:94px;
}
.product-num-head .Y_2 .product-num-add{
    left:93px;
}
.product-num-head .Y_3 .product-num-add{
    left:33px;
}
.product-num-head .Y_4 .product-num-add{
    left:15px;
}
.product-num-inf{
    display:block;width:100%;font-size:14px;color: #666;
}


/* CaseImg */
.CaseImg .cTitle a{
	font-size:12px;color:#999;
}
.CaseMain{
	width:100%;overflow:hidden;background:url(../images/caseimg.jpg) no-repeat center top;margin-top:30px;
}
.CaseMain .CiMg{
	width:1200px;margin:0px auto;
}
.CaseMain .CiMg li{
	float:left;width:580px;background:#fff;
}
.CaseMain .CiMg li .C_pic {
	width:580px;height:435px;overflow:hidden;
}
.CaseMain .CiMg li .C_pic img{
	width:580px;height:435px;transition: .8s;
}
.CaseMain .CiMg li:hover .C_pic img{
	transform: scale(1.1);
}
.CaseMain .CiMg li:nth-child(2){
	float:right;
}
.CaseMain .CiMg li .C_txt a{
	display:block;line-height:64px;text-align:center;font-size:16px;height:64px;
}
.CaseMain .CiMg li:hover .C_txt a{
	background:#ac233b;color:#fff;transition: all 0.5s;
}

/* wFour */
.wFour{
	width:1200px;margin:30px auto 80px;height: 195px;
}
.wFour li{
	width:285px;float:left;background:#fff;border:solid 1px #dedede;margin-right: 13px;text-align:center;transition: all 0.5s;position: relative;top: 0;
}
.wFour li .pic1{
	width:45px;height:42px;margin:30px auto;background:url(../images/worr_01.png) no-repeat center;
}
.wFour li:hover .pic1{
	background:url(../images/worr_01_1.png) no-repeat center;
}
.wFour li .pic2{
	width:45px;height:42px;margin:30px auto;background:url(../images/worr_02.png) no-repeat center;
}
.wFour li:hover .pic2{
	background:url(../images/worr_02_1.png) no-repeat center;
}
.wFour li .pic3{
	width:45px;height:42px;margin:30px auto;background:url(../images/worr_03.png) no-repeat center;
}
.wFour li:hover .pic3{
	background:url(../images/worr_03_1.png) no-repeat center;
}
.wFour li .pic4{
	width:45px;height:42px;margin:30px auto;background:url(../images/worr_04.png) no-repeat center;
}
.wFour li:hover .pic4{
	background:url(../images/worr_04_1.png) no-repeat center;
}
.wFour li:nth-child(4){
	float:right;
}
.wFour li h5{
	font-size:20px;color:#333;
}
.wFour li .Txt_a{
	font-size:14px;color:#666;margin:10px 0 40px;
}
.wFour li:hover h5 ,.wFour li:hover .Txt_a{
	color:#fff;
}

.wFour li:hover{
	background:#ac233b;top: -15px;
}



/* Partners */
.Partners{
	background:#fff;
}
.Partners .Partners_Img{
	width:1200px;height:285px;margin:30px auto 80px;background:url(../images/partners.png) no-repeat center;
}
.Partners .Partners_Img li{
	float:left;width:239px;height:143px;overflow:hidden;margin:1px 0 0 1px;
}
.Partners .Partners_Img li img{
	width:239px;height:143px;overflow:hidden;padding-left:1px;transition: .8s;
}
.Partners .Partners_Img li:nth-child(5n){
	float:right;padding-left:0px;
}
.Partners .Partners_Img li:nth-child(n + 5 ) img{
	margin-top:1px;
}
.Partners .Partners_Img li:hover img{
	transform: scale(1.1);
}

/* 本例子css */
.slideTxtBox1{ 
	width:100%;text-align:center;margin:30px 0 80px;
}
.slideTxtBox1 .hd{ 
	width:100%;
}
.slideTxtBox1 .hd ul{
	height:53px;
}
.slideTxtBox1 .hd ul li{
	display:inline-block;height:43px;line-height:43px;background:#fff;padding:0 25px;margin:0 5px;
}
.slideTxtBox1 .hd ul li.on{
	background:#ac233b;padding:0 25px;height:53px;line-height:53px;color:#fff;transition: all 0.5s;
}
.slideTxtBox1 .hd ul li.on a{
	color:#fff;
}
.slideTxtBox1 .tempWrap{
	width:1200px;overflow:hidden;margin:0 auto;
}
.slideTxtBox1 .bd {
	width:1200px;overflow:hidden;margin:0 auto;
}
.slideTxtBox1 .bd ul{ 
	width:1200px;overflow:hidden;margin:20px auto 0;
}
.slideTxtBox1 .bd ul .N_left{ 
	width:460px;height:528px;background:#fff;float:left;padding:20px;text-align:left;
}
.slideTxtBox1 .bd ul .N_left .pic , .slideTxtBox1 .bd ul .N_left .pic img{ 
	width:460px;height:345px;overflow:hidden;transition: .8s
}	
.slideTxtBox1 .bd ul .N_left:hover .pic img{ 
	transform: scale(1.2);
}
.slideTxtBox1 .bd ul .N_left h5 a{ 
	display:block;font-size:18px;color:#333;margin-top:25px;overflow:hidden;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.slideTxtBox1 .bd ul .N_left h5 a:hover{ 
	color:#ac233b;
}
.slideTxtBox1 .bd ul .N_left .Ntime{ 
	font-size:12px;color:#333;margin-top:5px;
}
.slideTxtBox1 .bd ul .N_left .N_textS{ 
	color:#999;margin-top:15px;line-height:22px;height:66px;overflow:hidden;
}
.slideTxtBox1 .bd ul .N_left .a_linke{ 
	margin-top:25px;
}
.slideTxtBox1 .bd ul .N_right{ 
	width:690px;height:568px;float:right;background:#fff;
}
.slideTxtBox1 .bd ul .N_right dl{ 
	width:100%;overflow:hidden;border-bottom:solid 1px #efefef;
}
.slideTxtBox1 .bd ul .N_right dl:hover{ 
	background:#ac233b;transition: all 0.5s;
}
.slideTxtBox1 .bd ul .N_right dl dt{ 
	width:132px;height:141px;text-align:center;overflow:hidden;border-right:solid 1px #efefef;float:left;color:#999;
}
.slideTxtBox1 .bd ul .N_right dl dt em{ 
	display:block;font-size:35px;font-family:"Impact";margin-top:40px;
}
.slideTxtBox1 .bd ul .N_right dl dd{ 
	width:500px;float:right;text-align:left;padding-right:25px;
}
.slideTxtBox1 .bd ul .N_right dl dd h5 a{ 
	display:block;font-size:18px;margin-top:30px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.slideTxtBox1 .bd ul .N_right dl dd .Ntitle_S{ 
	line-height:22px;height:44px;overflow:hidden;color:#999;margin-top:10px;
}
.slideTxtBox1 .bd ul .N_right dl:hover dt , .slideTxtBox1 .bd ul .N_right dl:hover dt em , .slideTxtBox1 .bd ul .N_right dl:hover dd ,.slideTxtBox1 .bd ul .N_right dl:hover dd h5 a , .slideTxtBox1 .bd ul .N_right dl:hover dd .Ntitle_S{
	color:#fff;
}
.slideTxtBox1 .bd ul .N_right dl:hover dt{ 
	border-right:solid 1px #c0344d;
}
















