@charset "utf-8";
/* CSS Document */


/*list_box*/

.list_box{ width:282px; float:left; margin-top:30px;}
.list_title2{ height:85px; background:#005fbe; text-align:center; color:#FFF; text-transform:uppercase; padding:20px;}
.list_nr{ border:1px solid #CCC; height:520px;}
.list_title2 p{ color:#009cf7;}
.list_nr ul li{ background:url(../images/tt.jpg) no-repeat 190px; font-size:16px; height:86px; line-height:86px; padding-left:20px; border-bottom:1px solid #ccc;}
.list_nr ul li:hover{ background:#ff8600;}
.list_nr ul li:hover a{ color:#FFF;}

.product_box{ width:880px; float:right;margin-top:30px;}
.pr_title{ width:360px; margin:0 auto;}
.pr_title ul li{ float:left; width:150px; height:50px; border:1px solid #CCC; text-align:center; line-height:50px; margin:0 10px; font-size:15px;}

.pr_title ul li:hover{ background:#ff8600; border:1px solid #ff8600; color:#FFF;}
.pr_title ul li:hover,.pr_title ul li.casehover{ background:#ff8600; border:1px solid #ff8600; color:#FFF;}


.pr_nr{ padding-top:35px;}
.pr_nr ul li{ float:left; margin:3px 5px;}
.pr_tu1 img{ width:424px; height:349px; border:1px solid #eee;transition: all 0.5s;   transform: scale(1);}
.pr_tu2 img{ width:207px; height:169px; border:1px solid #eee;transition: all 0.5s;   transform: scale(1);}

.pr_tu1{ width:426px; height:351px;position:relative; overflow:hidden; }
.pr_tu2{width:209px; height:172px;position:relative; overflow:hidden;}


.imglm_a{ width:100%; height:100%;  position:absolute; left:0px; top:0px; z-index:2; background-color: rgba(255,152,0,.6); transform: translateY(-150%) skewY(36.5deg); transition: .3s linear; }
.imglm_b{ width:100%; height:100%;  position:absolute; left:0px; top:0px; z-index:2; background-color: rgba(0,0,0,.6); transform: translateY(150%) skewY(36.5deg); transition: .3s linear; }
.pr_tu1:hover .imglm_a{  transform: translateY(-50%) skewY(36.5deg); }
.pr_tu1:hover .imglm_b{  transform: translateY(50%) skewY(36.5deg); }

.pr_tu2:hover .imglm_a{  transform: translateY(-50%) skewY(36.5deg); }
.pr_tu2:hover .imglm_b{  transform: translateY(50%) skewY(36.5deg); }

.imglm_txt{ width:358px; height:34px; line-height:34px; text-align:center; padding:0 10px; color:#FFF; border:1px solid #BFBFBF; background-color: rgba(0,0,0,.5);  position:absolute; left:20px; top:70px; z-index:4; opacity:0; transition: all .3s linear .3s; overflow:hidden;}
.pr_tu1:hover .imglm_txt{ top:152px; opacity:1; }
.pr_tu1:hover .imglm_txt a{ color:#FFF;}



.imglm_txt2{ width:140px; height:34px; line-height:34px; text-align:center; padding:0 10px; color:#FFF; border:1px solid #BFBFBF; background-color: rgba(0,0,0,.5);  position:absolute; left:20px; top:20px; z-index:4; opacity:0; transition: all .3s linear .3s; overflow:hidden; }
.pr_tu2:hover .imglm_txt2{ top:52px; opacity:1; }
.pr_tu2:hover .imglm_txt2 a{ color:#FFF;}


/*news_box*/

.news_box{ background:url(../images/news_bg.jpg) no-repeat center top; width:100%; height:441px; margin-top:50px;}
.news_left{ background:url(../images/links_bg.jpg) no-repeat; width:254px; float:left; height:392px; margin-top:49px;}
.links_box{ border:1px solid #00c5ff; width:240px; margin:auto; margin-top:180px; height:200px; text-align:center; line-height:40px;}
.links_box span{ color:#00c5ff; text-transform:uppercase; font-size:16px;}
.links_box p{ color:#00c5ff;}
.links_box p a{ color:#00c5ff;}
.news_right{ width:900px; float:right; margin-top:49px;}
.zstitile{ background:#005fbe; height:40px; line-height:40px;}
.zstitile ul li{ float:left; width:248px; text-align:center;}
.zstitile a{ color:#FFF;}
.xinwen{ width:496px; float:left;}
.zstitile ul li:hover{ background:#ff8f00;}
.zstitile ul li:hover,.zstitile ul li.casehover{ background:#ff8f00;}
.zscon{ background:#FFF; padding:10px; height:320px;}
.zscon ul li span{ float:right;}
.zscon ul li{ line-height:36px; height:36px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.zscon ul li a:hover{ color:#09F;}

.hybk_box{ width:380px; float:right;}
.hybk_title{background:#005fbe; height:40px; line-height:40px; text-align:center;}
.hybk_title a{ color:#FFF;}
.hy_nr{ background:#FFF; height:320px; padding:10px;}
.hy_nr ul li span{ float:right;}
.hy_nr ul li{ line-height:38px; height:38px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.hy_nr ul li a:hover{ color:#09F;}


/*anli_box*/

.anli_box{ background:#eee; width:100%; height:400px; margin-top:30px;}
.anli{ width:1180px; margin:0 auto; padding-top:50px;}
.anli_title{ width:204px; float:left;}


.in_algd{ width:900px; height:auto; float:right; }

.algd_lefts {
	background:url(../images/jt_l.jpg) no-repeat;
	display: block;
	width:51px;
	height:55px;
	position: absolute;
	top:196px;
	left:-177px;
	cursor:pointer;
}

.algd_rights {
	background:url(../images/jt_r.jpg) no-repeat;
	display: block;
	width:51px;
	height:55px;
	position: absolute;
	top:196px;
	right:976px;
	cursor:pointer;
}

.algd_box1 { width:900px; margin:0; position:relative;}

.algd_box2 { width:900px; height:296px; margin:0 auto; overflow:hidden; }

.in_anli_tkd1_pro1{ float:left; width:270px;border:1px solid #fff; overflow:hidden; margin:0 15px 0 15px; overflow:hidden;}

.in_anli_tkd1_pro1pic{ width:270px; height:193px; overflow:hidden;  }
.in_anli_tkd1_pro1 img{ width:270px; height:193px;  }
.in_anli_tkd1_pro1pic:hover a{ color:#36F;}
.in_fangan_pro_5_5{  background:#eee; line-height:26px;-webkit-transition: all .4s ease-out; transition: all .4s ease-out; padding:10px; height:80px; overflow:hidden;}
.in_fangan_pro_5_5 h6{ overflow:hidden; font-size:16px; padding:10px 0 0 10px; color:#222; height:30px;}
.in_fangan_pro_5_5 h6 a{ display:block; color:#222; }
.in_fangan_pro_5_5 h6 a:hover{ color:#FFF;}
.in_fangan_pro_5_5 h6:hover a{ color:#FFF}

.in_anli_tkd1_pro1:hover .in_fangan_pro_5_5{ }
.in_anli_tkd1_pro1:hover .in_fangan_pro_5_5 h6{ color:#36F; }
.in_anli_tkd1_pro1:hover .in_fangan_pro_5_5 h6 a:hover{ color:#36F; }
.in_anli_tkd1_pro1:hover  img{ transition: all 0.5s;   transform: scale(1.2); }

.list_title{ background:url(../images/list_bg.png) no-repeat; height:128px;}
.list_p1{ font-size:20px; font-weight:bold; font-family: Arial; text-transform:uppercase; padding-top:30px; color:#005fbd;}
.list_p2{ font-size:20px;}

.about_left{ background:url(../images/about_bg.jpg) no-repeat; width:429px; height:599px; float:left; margin-top:30px;}
.about_title{ width:30px; font-size:24px; font-weight:bold; margin-left:20px; margin-top:20px; float:left;}
.about_tu{ width:341px; height:531px; float:right; margin-top:50px;}
.about_tu img{ width:341px; height:531px;}


.about_right{ width:700px; float:right; margin-top:30px;}
.ab_t{ font-size:24px; font-weight:bold;}
.ab_t a{ color:#333;}
.ab_line{ background:#06F; height:4px; width:150px; margin-top:20px;}
.ab_w{ line-height:30px; padding-top:15px;}
.ab_xx{ background:#0046a5; width:140px; height:40px; line-height:40px; text-align:center; margin-top:15px;}
.ab_xx a{ color:#FFF;}

.about_zizhi{ background:#eee; margin-top:20px; height:260px;}
.zizhi_tit{ width:35px; float:right; background:#0046a5; text-align:center; height:220px; padding:40px 10px 0px 10px;}
.zizhi_tit a{ font-size:24px; color:#FFF;}

.banner2_box{ background:url(../images/banner2.jpg) no-repeat center top; height:292px; width:100%;}

.ys_bg{ background:url(../images/youshi_bg.jpg) no-repeat center top; height:1211px;}

.zizhi_tu{ width:630px; float:left;}
.zizhi_tu ul li{ float:left; margin:45px 5px;}
.zizhi_tu ul li p{ text-align:center; line-height:35px;}
.zizhi_tu ul li img{ width:200px; height:150px;}

.youshi_box{ margin-top:40px;}

.ys_box{ width:1180px; margin:0 auto; position:relative;}
.ys_t{ color:#ff8600; font-size:24px; font-weight:bold; text-transform:uppercase;}
.ys_1{
	position:absolute;
	left: 480px;
	top: 100px;
}
.ys_2{
	position:absolute;
	left: 595px;
	top: 415px;
}
.ys_3{
	position:absolute;
	left: 96px;
	top: 694px;
	width: 536px;
	height: 153px;
}
.ys_4{
	position:absolute;
	left: 0px;
	top: 1008px;
}
.ys_wen{ line-height:26px; padding-left:20px;}
.youshi_t{ background:url(../images/ys_title.jpg) no-repeat center top; height:151px; width:100%;}

.qqanli_title{ background:url(../images/anli_title.jpg) no-repeat; width:313px; height:472px; float:left; margin-top:3px;}
.qqanli_t{ margin-top:80px; margin-left:100px;}
.qqanli_t a{ font-size:24px; color:#FFF;}
.qqanli_t2{ width:240px; margin:auto; margin-top:120px;}
.qqanli_t2 ul li{ height:50px; line-height:50px; background:#1b83de; text-align:center; margin-top:20px;}
.qqanli_t2 ul li a{ color:#FFF; font-size:18px;}
.qqanli_t2 ul li:hover{ background:#ff8f00;}
.qqanli_t2 ul li:hover,.qqanli_t2 ul li.casehover{ background:#ff8f00;}


.qqanli_nr{ width:840px; float:right; height:468px; overflow:hidden;}
.qqanli_nr ul li{ float:left;}
.al_tu1{ margin-top:3px;}
.al_tu1 img{ width:523px; height:468px;}
.al_tu1{ width:523px; height:468px;}
.al_tu2 img{ width:294px; height:230px;}
.al_tu2 { width:294px; height:230px;}
.al_tu2{ float:left; margin:3px 0 0 3px;}
.al_tu1 .al_w{ background:url(../images/wen_bg.png) no-repeat; height:40px; position:absolute; z-index:99; width:523px; text-align:center; line-height:40px; margin-top:428px;}
.al_tu2 .al_w{ background:url(../images/wen_bg.png) no-repeat; height:40px; position:absolute; z-index:99; width:294px; text-align:center; line-height:40px; margin-top:190px;}
.al_w a{ color:#FFF;}
.al_tu3{ width:294px; height:230px;}
.al_tu3 img{ width:294px; height:230px;}
.al_tu3{ float:left; margin:3px 0 0 3px;}

.al_tu3 .al_w{ background:url(../images/wen_bg.png) no-repeat; height:40px; position:absolute; z-index:99; width:294px; text-align:center; line-height:40px; margin-top:190px;}


.tedian_bg{ background:url(../images/index_02.jpg) no-repeat center top; height:705px;}
.tedian_title{ text-align:center; color:#333; font-size:24px; font-weight:bold; line-height:60px;}
.tedian_line{ background:#ccc; height:1px; width:100%;}
.td_title{ width:500px; margin:20px auto;}
.td_title ul li{ background:url(../images/ts_bg2.jpg) no-repeat; width:116px; height:124px; float:left; line-height:124px; text-align:center; color:#FFF; font-size:30px; font-weight:bold; margin:0 20px;}
.td_title ul li:hover{ background:url(../images/ts_bg1.jpg) no-repeat; width:116px; height:124px;}

.td_title ul li:hover,.td_title ul li.casehover{ background:url(../images/ts_bg1.jpg) no-repeat; width:116px; height:124px;}


.td_nr{ width:1080px; margin:0 auto; padding-top:100px;}
.td_tu{ width:495px; height:431px; float:right;}
.td_w{ width:500px; float:left; color:#FFF; padding-top:65px;}
.td_w1{ font-size:22px; text-transform:uppercase; font-weight:bold;}
.td_w2{ font-size:18px; padding-top:20px; line-height:50px;}
.td_w3{ background:#ff8600; width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; margin:20px auto;}
.td_w4{ font-size:20px; text-align:center; line-height:55px;}
.td_w5{ font-size:18px; padding-top:25px; padding-left:130px;}

.banner3_box{ background:url(../images/banner_3.jpg) no-repeat center top; width:1180px; height:197px; margin:30px auto; position:relative}
.banner3_phone{
	color:#FFF;
	font-size:20px;
	position:absolute;
	left: 418px;
	top: 120px;
}
.banner3_zixun{
	background:#ff8600;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	position:absolute;
	left: 673px;
	top: 119px;
}
.banner3_zixun a{ color:#FFF;}

.banner3_w{
	color:#FFF;
	font-size:16px;
	border:1px solid #FFF;
	height:45px;
	line-height:45px;
	width:500px;
	position:absolute;
	left: 349px;
	top: 54px;
}


/*banner2*/
.banner2{ width:1180px; position:relative; margin:0 auto;}
.b2_w1{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	left: 141px;
	top: 63px;
	width: 511px;
	height: 84px;
}
.b2_w2{
	border:1px solid #FFF;
	padding:3px;
	line-height:40px;
	height:40px;
	width:300px;
	position:absolute;
	text-align:center;
	color:#FFF;
	left: 137px;
	top: 167px;
	font-size:16px;
}

.b2_anniu{
	position:absolute;
	left: 857px;
	top: 73px;
}
.b2_anniu p{ text-align:center;}
.b2_anniu p a{ color:#FFF;}
