@charset "utf-8";

.wrapper{ width:1200px; margin:0 auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:720px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:720px;display: block; text-align:center;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; left:46%; bottom:2%; width:100%;  position: absolute; z-index:9999999; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #087BCC;opacity:0.9;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

.index_focus_pre {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}


/* 本例子css */
.slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:15px; width:100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; height:25px;}
.slideBox .hd ul li{ display:inline; margin-right:2px; padding:10px; font-size:0; text-align:center; color:#ffef00; cursor:pointer; background:url(../images/qqq02.jpg) no-repeat center center;}
.slideBox .hd ul li.on{color:#fff;background:url(../images/qqq01.jpg) no-repeat center center; padding:10px 20px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }




/* 本例子css */
.slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:15px; width:100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; height:25px;}
.slideBox .hd ul li{ display:inline; margin-right:2px; padding:10px; font-size:0; text-align:center; color:#ffef00; cursor:pointer; background:url(../images/qqq02.jpg) no-repeat center center;}
.slideBox .hd ul li.on{color:#fff;background:url(../images/qqq01.jpg) no-repeat center center; padding:10px 20px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }



.cpbt{ text-align:center; font-size:45px; color:#D6D6D6; text-transform:uppercase; font-weight:bold; padding-bottom:20px; font-family:Arial; padding-top:60px;}
.cpbt span{ display:block; font-size:35px; color:#000; font-weight:normal; font-family:'微软雅黑';}
.cpbt span a{ display:block; font-size:35px; color:#000; font-weight:normal; font-family:'微软雅黑';}

.about02{ line-height:34px; font-size:16px;color:#414141; width:1000px; margin:auto; font-family:'微软雅黑'; text-align:center; padding-bottom:60px; background:url(../images/jt.png) center bottom no-repeat; margin-bottom:50px;}


/*-----首页 我们的产品-----*/
.quan01{ width:100%; margin:0 auto;     margin-top: 320px;height:750px; }
.quan03{ width:1260px; margin:auto;}
.quan03 a{ height:115px; display:block;font-size:14px; color:#f9f9f9; text-align:center; padding-top:25px; font-weight:bold;}

.quan04{ width:140px; display:block; height:140px; background:url(../images/qq01.png) no-repeat; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; float:left; margin-left:70px; margin-right:40px; margin-bottom:30px;}
.quan04:hover{background:url(../images/qq01_on.png) no-repeat;}



/*-----首页 我们的产品-----*/
.index_pro{ height:595px; background:url(../images/cp01.jpg) no-repeat top center fixed; padding-top:80px;}

.index_case01{ float: left; width:400px; height: 520px;}
.index_case02{ height: 260px; padding-left:30px; color:#8A8A8A; padding-right:30px; line-height:22px; font-size:13px; background: #fff; text-align: center; }
.index_case02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; color: #333; padding:58px 0 10px;}
.index_case02 a{ display: block; color: #fff; background: #e0a92a; width: 82px; line-height: 24px; text-align: center; margin: 20px auto; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_case02 a:hover{ border-radius:10px;}
.index_case03{}

.b-2{margin-top:0px;}
.b-2 .wrap{position:relative;}
.b-2 .wrap .prev,.b-2 .wrap .next{display:block;width:33px;height:57px;cursor:pointer;position:absolute;top:130px;}
.b-2 .wrap .prev{background:url(../images/prev.png);left:-50px;}
.b-2 .wrap .next{background:url(../images/next.png);right:-50px;}

.b-2 ul{padding-left:1px !important;}
.b-2 li{float:left;display:inline;width:284px;border:1px solid #ddd;border-bottom:3px solid #4c6c93;margin-right:18px;}
.b-2 li .t{padding:0 10px 15px;}
.b-2 li .t h2{font-size:16px;font-weight:normal;padding:10px 0;}
.b-2 li .t h2 a{color:#000;}
.b-2 li .i{font-size:13px;min-height:38px;}
.b-2 li:hover{border:1px solid #4c6c93;}
.b-2 li:hover .t{background:#4c6c93;}
.b-2 li:hover h2 a{color:#fff;}
.b-2 li:hover .i{color:#fff;}
.b-2 ul{display: none;}
.b-2 .bk{display: block;}


.b-3{background: url(../images/b-3_pic01.png) no-repeat top center;margin-top: 86px;padding-top: 60px;text-align: center;color: #fff;}
.b-3 .t{font-size: 30px;font-weight: 600;margin-bottom: 22px;}
.b-3 .c{max-width: 1100px;margin: 0 auto;font-size: 14px;line-height: 28px;margin-bottom: 80px;}
.wrap { width: 1200px; margin: 0 auto; }
.b-3 ul{padding: 0 40px 155px;}
.b-3 ul li{width: 220px;float: left;margin-right: 80px;}
.b-3 ul li:last-child{margin-right: 0;}
.b-3 ul li p{font-size: 14px;line-height: 28px;}
.b-3 ul li p span{font-size: 57px;font-weight: 600;}

/*合作案例*/
.case{
    width:100%;
    min-width:1200px;
	height:509px;
    background:url(../images/case_img.png) no-repeat;
	margin-top: 50px;
	}
.case_cen{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	}	
.case_tit{
	width:466px;
	margin:0 auto;
	text-align:center;
	margin-top:50px;
	}
.case_tit h1,.case_tit h1 a,.news_tit h1{
	background:url(../images/tit_bg.png) no-repeat center;
	color:#000000;
	font-size:36px;
	}
.case_tit p,.news_tit p{
	text-transform:uppercase;
	font-size:15px;
	color:#7abefa;
	}
.case_nr{
	margin-top:45px;
	}
.case_nr li{
	/*width:288px;*/
	background:#ffffff;
	margin-right:16px;
	transition:all .5s;
	}
.case_nr li:hover{
	background:#ff9700;	
	}
.case_nr li:hover p{
	color:white;	
	}
.case_nr li img{
	display:block;
	/*width:280px;*/
	height:229px;
	margin:0 auto;
	margin-top:4px;
	}
.case_nr li p{
	font-size:16px;
	line-height:46px;
	text-align:center;
	}
	
/*首页优势*/
.clearfix {
    clear: both;
}
.wmdys_tit{
	width:100%;
	min-width:1200px;
	height:221px;
	background:url(../images/ys_bg.png) no-repeat center;
	text-align:center;
	color:white;
	overflow:hidden;
	}
.wmdys_tit h1{
	font-size:44px;
	 
	margin-top:44px;
	}
.wmdys_tit span{
	color:#ff7200;
	}

.wmdys_tit p{
    font-size:18px;
	margin-top:15px;
	}
.ystit_cen{
	width:1200px;
	margin:0 auto;
	margin-top:26px;
	margin-bottom:53px;
	}
.ysone_lft{
	float:left;
	width:584px;
    margin-top:8px;
	}
.ys_tit{
	height:78px;
		}
.ysone_num,.ystwo_num,.ysthree_num,.ysfour_num{
	width:74px;
	height:78px;
	background:url(../images/num.png) no-repeat;
	float:left;
	}
.ystwo_num{
	background:url(../images/num.png) no-repeat -74px 0px;
	}
.ysthree_num{
	background:url(../images/num.png) no-repeat -148px 0px;
	}
.ysfour_num{
	background:url(../images/num.png) no-repeat -222px 0px;
	}
.ysone:hover .ysone_num{
     background:url(../images/num.png) 0px -78px no-repeat;
	}
.ystwo:hover .ystwo_num{
     background:url(../images/num.png) -74px -78px no-repeat;
	}
.ysthree:hover .ysthree_num{
     background:url(../images/num.png) -148px -78px no-repeat;
	}
.ysfour:hover .ysfour_num{
     background:url(../images/num.png) -222px -78px no-repeat;
	}
.ystit_tex{
	float:left;
	margin-top:8px;
	margin-left:15px;
	}
.ys_tit h2{
	 font-size:26px;
	 color:#006bc9;
	 transition:all .3s;
		}
.ys_tit span{
	 color:#ff7200;
	 transition:all .3s;
		}
.ysone:hover h2,.ystwo:hover h2,.ysthree:hover h2,.ysfour:hover h2{
	color:#ff7200;
	}
.ys_tit p{
	 color:#999999;
	 font-size:12px;
	 text-transform:uppercase;
	 margin-top:3px;
	 transition:all .3s;
		}
.ysone:hover .ys_tit p,.ystwo:hover .ys_tit p,.ysthree:hover .ys_tit p,.ysfour:hover .ys_tit p{
	color:#006bc9;
	}
.ystext{
	margin-left:89px;
	font-size:16px;
	}
.ystext p{
	background:url(../images/ys_dian.png) no-repeat left 8px;
	padding-left:14px;
	margin-bottom:15px;
	line-height:26px;
	transition:all .3s;
	}
.ystext p:hover{
	color:#006bc9;
	}
.ysone_img,.ysthree_img{
	float:right;
	}
.ystwo{
	margin-top:60px;
	}
.ystwo_rgt,.ysfour_rgt{
   width:584px;
   float:right;
	}
.ystwo_rgt{
	margin-top:13px;
	}
.ystwo_img,.ysfour_img{
	float:left;
	}
.ysthree{
	margin-top:26px;
	}
.ysthree_lft{
	float:left;
	width:584px;
	margin-top:34px;
	}	
.ysfour{
	margin-top:4px;
	}
.ysfour_rgt{
	margin-top:53px;
	}


/*-----首页 实力-----*/
.index_shili{}
.index_shili01{ height:119px; background:url(../images/shili01.png) no-repeat center center; margin:75px 0px 20px 0px;}
.index_shili02{ height:1337px; width:1200px; margin:0 auto; background:url(../images/shili02.jpg) no-repeat top center;}

.index_shili03{ width:525px; overflow:hidden; padding:45px 0 0 675px; height:355px; }
.index_shili04{ float:left; width:82px; padding-left:16px; line-height:43px; background:#c20109 url(../images/kuai06.jpg) no-repeat top right; font-size:24px; color:#fff; font-weight:bold; margin-top:10px;}
.index_shili05{ float:left; width:415px; margin-left:10px;}
.index_shili05 h2{ font-size:25px; color:#087BCC; font-weight:bold; line-height:42px;}
.index_shili05 span{ font-size:14px; display:block;color:#a8a8a8; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.index_shili06{ line-height:25px; color:#424242; font-size:13px; padding-top:23px;}
.index_shili06 ul li{ background:url(../images/shili03.jpg) no-repeat left 10px; padding-left:17px;}




/*-----首页 4块不同的-----*/
.sikuai{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.sikuai01{ float:left; width:600px; height:372px; overflow:hidden; background:#087BCC url(../images/kuai01.png) no-repeat center center; }
.sikuai02{ padding:63px 72px 0; color:#fff;}
.sikuai03{ font-size:15px; line-height:15px;}
.sikuai04{ font-size:25px; font-weight:bold;}
.sikuai05{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-transform:uppercase; color:#5485CF;}
.sikuai06{ font-size:14px; line-height:24px; height:120px; overflow:hidden; margin-top:37px; text-align:justify;}
.sikuai07{ float:left; width:600px; height:372px; }
.sikuai08{ float:left; width:600px; height:330px; background:url(../images/kuai03.jpg) no-repeat top right; }
.sikuai09{ font-size:23px; color:#c5312d; font-weight:bold; line-height:32px; padding-top:60px;}
.sikuai09 span{ font-size:25px; color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; display:block;}
.sikuai10{ line-height:24px; color:#8b8b8b; font-size:14px; height:96px; overflow:hidden; padding-top:20px;}
.sikuai11{ width:100px; line-height:28px; height:28px; display:block; text-align:center; color:#fff; background:#606060; margin-top:25px; font-size:14px;}
.sikuai12{ float:left; width:600px; height:330px; background:#e6e6e6; }
.sikuai12 dl dd{ float:left; padding:0 0 0 29px; width:190px;}
.sikuai12 dl dd h2{ font-size:20px; color:#393939; font-weight:bold; padding-top:40px;}
.sikuai12 dl dd span{ display:block; line-height:24px; height:120px; overflow:hidden; font-size:14px; color:#616161; margin-top:22px;}
.sikuai12 dl dt{ float:right; width:363px;}
.sikuai13{ color:#c5312d; margin-top:35px; width:83px; height:36px; text-align:center; font-size:14px; line-height:36px; display:block; background:url(../images/kuai05.jpg) no-repeat;}



/*-----首页 新闻动态-----*/
.index_news{ width:1300px; margin:0 auto; height:560px; padding-top:70px;}
.index_news01{ text-align:center; background:url(../images/lx08.jpg) no-repeat center center; text-align:center; font-size:35px; color:#000; }
.index_news02{ font-size:20px; color:#555454; text-align:center; padding-top:12px; }



.xwjj{ width:100%;  padding-top:20px; }
.xwjjnr{ width:1150px; background:#FFF; margin:auto; padding-top:15px; padding-left:25px; padding-right:25px; padding-bottom:25px;}
.xwkuai{ width:650px; float:left;}
.xwkuaibt{ font-size:22px; color:#333; padding-left:50px; background:url(../images/xb3.jpg) left center no-repeat; height:60px; border-bottom:1px solid #EAEAEA; line-height:55px;}
.xwkuainr{ loat:left; padding-top:30px;}


.xwkuaian02 a{ width:150px; display:block; height:36px; float:left; font-size:16px; text-align:center; background:#fff; border:1px solid #19ACEA; color:#19ACEA; line-height:36px; margin-top:35px;}
.xwkuaian02 a:hover{background:#19ACEA; color:#FFF;}


.yj{ width:442px; float:right;}
.yjbt{ font-size:22px; color:#333; padding-left:50px; background:url(../images/xb4.jpg) left center no-repeat; height:60px; border-bottom:1px solid #EAEAEA; line-height:55px;}
.yjnr{ padding-top:25px;}

.yjlb a{ height:32px; font-size:14px; line-height:32px; font-family:"微软雅黑"; color:#606060; display:block; text-decoration:none; background:url(../images/yy.jpg) 2px center no-repeat; padding-left:25px;}
.yjlb a:visited{color:#606060;}
.yjlb a:hover{background:url(../images/yy1.jpg) 2px center no-repeat; color:#FF6600;}
.yjlb a:active{color:#FF6600;}


.news02{ float:left; width:319px; height:215px; overflow:hidden;}
.news03{ float:right; width:300px; height:220px; overflow:hidden;}

.news03{}
.news03 dl{ border-bottom:#ddd solid 1px; height:113px; margin-bottom:20px;}
.news03 dl dt{ font-size:16px; padding-top:5px;}
.news03 dl dt a{ color:#1a1a1a;}
.news03 dl dt a:hover{ color:#10a4c2; padding-left:10px;}
.news03 dl dd{ display:block; overflow:hidden; line-height:22px; height:44px; color:#8c8c8c; font-family:'微软雅黑'; margin-top:15px;}































/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}





.canpinbt{ width:100%; height:59px; margin-top:0px; background:url(../images/cbb.jpg) top center no-repeat;}
.cen{ width:1200px; margin:auto; height:auto;}

.nycanpin{ width:238px; float:left; background:url(../images/cpbj.png); }
.canpinbt1{width:158px; padding-left:80px; height:60px; padding-top:31px; background:url(../images/nycpb.jpg) left center no-repeat;  font-family:"微软雅黑"; color:#ffffff; font-size:22px; font-weight:bold;}


.nycplb a{ height:36px; font-size:13px; width:214px; line-height:36px; padding-left:24px; margin-top:3px; font-family:"微软雅黑"; color:#333333; display:block; text-decoration:none; float:left; background:url(../images/cplbbj1.jpg) left center no-repeat; border-bottom:1px solid #E4E4E4;}
.nycplb a:visited{color:#414141;}
.nycplb a:hover{background:url(../images/cplbbj2.jpg) left center no-repeat; color:#ffffff;}
.nycplb a:active{color:#ffffff;}



.nyright{ width:890px; height:auto; float:left; margin-left:50px;}
.nyaboutb{ height:40px; line-height:29px; color:#414141; border-bottom:1px solid #DDDDDD; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}
.nyaboutnr{line-height:28px; padding-left:2px; color:#333333; padding-top:20px; font-size:14px; height:auto!important;_height:355px;min-height:355px;}

.aboutxw{margin-top:35px; padding-top:20px; border-top:1px solid #CCC;}




/*-------------------------------  ■ 内页区域---------------------------------*/