﻿body,div,h1,h2,h3,h4,h5,a,img,strong,span,var,em,form,select,option,input,ol,ul,dt,dd,dl,li,p {margin:0px;padding:0px;}
body{ font-family:"Microsoft Yahei"}
a {text-decoration:none;cursor:pointer;font-style:normal;outline:none;}
ol,ul,li {list-style-type:none;}
em,var{font-style:normal;}
.clear {clear:both;height:0px;overflow:hidden;}
a img{border:none;}


.w1200{ width:1200px; margin:0  auto}
.fl{ float: left;}
.fr{ float:right;}
.clear{ clear:both}
.div-height{width:1920px; height:30px; } 


.wel{ width: 100%; height: 32px; line-height: 32px; color: #333333; font-size: 14px; background-color: #F5F5F5;}

.ny{ margin-bottom:50px }
.ny p{ font-size:16px; line-height:30px}
.neiye{ width:890px;}
.neiye h3{ height:40px; line-height:40px; font-size:22px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#fdb328}
.neiye h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.neiye h3 span a{ color:#888}

.ysu{ background-image: url(); background-position: center; height:496px; width:100%}
.ysu li{ width: 289px; height: 217px; float: left; margin: 0 5.5px; color: #FFFFFF; text-align: center; background-color: #0064D5; margin-top: 200px;}
.ysu li:hover{ background-color: #E93939;transition:all .7s ease;}
.ysu li img{ margin-top: 20px;}
.ysu li h3{ height: 50px; line-height: 50px; color:#FFF !important}
.ysu li p{ width:229px ;font-size: 14px; padding: 0 30px ; text-align: center; line-height: 30px; color:#FFF !important}

.baizi  a:link {
color:#ffffff;
text-decoration: none;

} 
.baizi  a:visited {
color:#ffffff;
text-decoration: none;
} 
.baizi  a:hover {
color:#ffffff;
text-decoration: none;
} 

.heizi  a:link {
color:#333333;
text-decoration: none;

} 
.heizi  a:visited {
color:#333333;
text-decoration: none;
} 
.heizi  a:hover {
color:#333333;
text-decoration: none;
}

.fonts{ font-size:14px; color:#ffffff; }

.top{ height:100px; width:100%; padding:20px 0; background-color: #FFFFFF;}
.top1{ width:1000px; height:100px; float:left}
.top2{ width: 500px; height: 90px; float: left; padding-top: 10px;}
.top2 h2{ height: 50px; line-height: 50px; color: #333333;}
.top2 p{ height: 30px; line-height: 30px; font-size: 16px; color: #DD0800;}
.top3{ width:370px; height:100px; float:left; margin-left: 40px; }

.nav1_{ width:100%; height:59px; line-height:59px; background-color: #003D8E;}
.nav1_ li{width:150px;float:left;height:59px;line-height:59px;text-align:center; }
.nav1_ li a{font-size:16px;color:#fff;font-weight:bold;height:59px;line-height:59px; width:150px;display:block;font-family:"Microsoft Yahei"; opacity:1 }
.nav1_ li a:hover{color:#FFF; background-color:#DD0900;transition:all .5s ease;  font-family:"Microsoft Yahei"; font-size:16px;height:59px;line-height:59px}


.mess{ height:35px; line-height:35px;  font-size:14px; color:#333333; text-align:center; padding: 10px 0; background-color: #F3F3F3; }
.tout{ width:1200px; background-image:url(/*1_r5_c10_s1.jpg*/); background-position:center; background-repeat:no-repeat; height:86px; padding:30px 0px}
.tout h1{ color:#00A131; text-align:center; height:56px; line-height:56px} 
.tout p{ color:#666; text-align:center; height:30px; line-height:30px}
<!--youshi-->
.youshi_{ height:393px; margin:30px 0;  text-align:center }
.youshi1_{ width:674px;height:393px;  line-height:28px}
.youshi1_ p{font-size:14px; color:#999}
.youshi2_{ width:514px; height:393px;}


.cpfl{ float:left; width:220px; }       /*修改*/
.cpfl_1{ width:240px; height:106px }
.cpfl_2{ width:240px; height:243px }
.cpfl_3{ background-color:#09A343;line-height:35px; height:350px;}
.cpfl_3 p{ color:#FFF; padding:0px 20px; font-size:14px; width:190px}

.ccpp{ width:910px; float:left;  margin-left:40px}   /*****************************************原height:931px*/
.ccppgs{ width:910px; float:left;  margin-left:40px}    /* 删除了height:631px */

.ccpp1{ width:910px;height:46px; background-image: url(1_r5_c13_s1.jpg); line-height: 46px; text-align: right; font-size: 14px; }

.goodlist{ width:910px;height:46px; background-image: url(goodlist.jpg); line-height: 46px; text-align: right; font-size: 14px; }

.gsjj{ width:910px;height:46px; background-image: url(gsjj.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*公司简介*/

.contact{ width:910px;height:46px; background-image: url(contact.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*联系我们*/
.ccc{ width:910px;height:46px; background-image: url(contact.jpg); line-height: 46px; text-align: right; font-size: 14px; }    /*联系我们*/


.news22{ width:910px;height:46px; background-image: url(news22.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*技术参数*/

.news{ width:910px;height:46px; background-image: url(news.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*新闻动态*/
.newspr{ width:910px;height:46px; background-image: url(newspr.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*新闻详情*/


.showanswer{ width:910px;height:46px; background-image: url(showanswer.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*一问一答pic*/

.cpxq{ width:910px;height:46px; background-image: url(cpxq.jpg); line-height: 46px; text-align: right; font-size: 14px; }   /*产品详情*/

.list_wd dd a{display:block; font-size:14px; text-indent:30px; margin-bottom: 1px; color:#333333; background-color: #E8E8E8; line-height:40px;width:240px; transition:all .7s ease;height:40px; font-weight:normal; }
.list_wdd dd a{display:block; font-size:16px; text-indent:30px; color:#FFFFFF; line-height:68px;width:243px; transition:all .7s ease;height:68px; font-weight:normal; }
.list_wd dd a:hover{ display:block; font-size:14px; background-color: #DD0900; color:#FFFFFF; text-indent:40px;transition:all .2s ease; line-height:40px;width:240px; height:40px;}
.list_wdd dd a:hover{ display:block; font-size:16px; color:#FFFFFF; text-indent:80px;transition:all .2s ease; line-height:60px;width:243px; height:68px; }


#demoy{ float:left;overflow:hidden;width:910px; color:#336699;text-align:left;  } /**********************************************原height:885*/

#demoynews{ float:left;overflow:hidden;width:910px; color:#336699;text-align:left;  }

#demoy2{ float:left;width:910px;color:#336699;text-align:left;  }  /*修改不指定高度，删除height:885px*/


#demoy1 ul,#demo2 ul{ display:block;width:2880px; overflow:hidden}  /*原首页*/




#demoyzs ul,#demo2 ul{ display:block;width:980px; overflow:hidden}   /*首页现在也用的这个，固定了*/



#demoy12 ul,#demo2 ul{ display:block;width:900px;line-height:40px;overflow:hidden}


#demoy1 ul li{width:300px; height: 255px;margin:20px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:300px;height:225px ; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:300px;transition:all .5s ease;}
#demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:30px; line-height:30px;transition:all .5s ease; background-color:#E5E5E5; color: #333333;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#0066CB; color:#fff}



#demoyzs ul li{width:280px; height: 255px;margin:20px 10px; float:left;border: 1px solid #e4e4e4;}    /*修改width:280px,原为300px*/
#demoyzs ul li a h3,#demo2 ul li a h3{width:300px;height:225px ; overflow:hidden;}
#demoyzs ul li a h3 img,#demo2 ul li a h3 img{width:280px;transition:all .5s ease;}    /*修改原300px*/


#demoyzs ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoyzs ul li a ol,#demo2 ul li a ol{ text-align:center;width:280px; height:30px; line-height:30px;transition:all .5s ease; background-color:#E5E5E5; color: #333333;}  /*修改灰条width:280,原没有这句*/
#demoyzs ul li a:hover ol,#demo2 ul li a:hover ol{ background:#0066CB; color:#fff;width:295px}







#demoy2 ul li{width:260px;height:255px;margin:20px 10px;}

.juzhong{ text-align:center;width:100%}
.qimo8{ overflow:hidden; width:1200px;  float: left;}
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:300px; height: 260px; margin-right:30px}
.qimo8 .qimo ul li img{ width:300px; height: 220px; border: 5px #EFEFEF solid;}
.qimo8 .qimo ul li ol{ text-align:center; height:30px; width: 310px; line-height:30px;transition:all .5s ease;background:#E72C01; color: #FFFFFF;}
.qimo8 .qimo ul li:hover ol{ background:#fdb328; color:#fff}
.qimo8 li a{color:#444444; font-size: 14px;}

.yyss{width:100%; background-image:url(1_r18_c1_s1.jpg); background-position:center; background-repeat:no-repeat; height:496px;}
.ret{width:100%; background-image:url(1_r10_c1_s1.jpg); background-position:center; background-repeat:no-repeat; padding:59.5px 0 ; height:331px;}

.ewwe{ width: 310px; 180px;}

.xp2{ width: 700px; height: 380px; padding-right: 30px; margin-left: 30px;}
.xp2 h3{ float: left; margin-right: 30px; height: 40px; line-height: 40px;}
.xp21{ width: 310px; height: ;}
.xp21 p{ width: 310px; font-size: 14px; line-height: 26px;}
.xp22{ width: 340px; height: 160px; margin-left: 40px; border-right: 1px dash #333333;}
.xp22 li{ width: 340px; height: 30px; background-image: url(1_r33_c17_s1.jpg); margin: 5px 0; line-height: 30px; font-size: 14px; border-bottom: 1px dashed #E1E1E8; text-indent: 15px; background-position: left; background-repeat: no-repeat;}
.xp22 li span{ float: right;}
.xp3{ width: 362px; height: 413px; padding: 0 15px; margin-left: 31px; line-height: 28px; font-size: 14px;}
.xp3 p{color: #333333;}
.xp3 a{ color: #333333;}

.biaoyu{ width:100%; height:832px; background-color:#F0F0F0;}
.biaoyu_1{float:left; width:1200px; height:56px; margin:44px 0px}
.biaoyu_1 li{ width:599px; height:56px; float:left}
.biaoyu_1 li p{ font-size:20px; color:#FFF; line-height:56px; text-align:center}
.biaoyu_2{ width:1200px; height:646px; background-color:#FFF; }
.biaoyu_2_1{ width:1145px; height:588px; background-image:url(1_r16_c4_s1.jpg); background-position:center; background-repeat:no-repeat; position:relative; top:29px;left: 27px}
.biaoyu_2_1 li{ width:570px; height:250px; float:left; line-height:27px;}
.biaoyu_2_1 li p{ width:500px; font-size:14px; color:#FFF; padding-left:40px;}



#by1{ background-color:#03AD4D}
#by2{ background-color:#E90000; border-left:#FFF 2px solid}


.ssd{ background-image:url(1_r39_c2_s1.jpg); height:47px}

.pp{ background-color:#09A343; height:147px}
.pp1{ width:1200px; background-image:url(/*1_r30_c2_s1.jpg*/); height:147px}





.jj_nr_img{width:560px;height:318px; float:left; background-image:url(1_r34_c2_s1.jpg); background-position:left; background-repeat:no-repeat; padding-left:37px}
.jj_nr_zi{width:560px; height:318px; float:left; margin-left:43px; line-height:33px}
.jj_nr_zi p{ font-size:14px; color:#333}

.wx{width:100%; background-image:url(1_r20_c1_s1.jpg); height:458px; background-position: center;}


.xinwen_lx{ width:392px; height:458px; float:left;line-height:33px; color: #FFFFFF; }
.xinwen_lx h3{ line-height: 80px; height: 80px;}
.xinwen_lx p{ color:#ffffff;  font-size:16px; padding:0 5px; width:382px}

.xinwen_news{width:1200px; height:380px;text-indent:10px;}
.xinwen_news span{ float:left; text-align:center; font-size:20px; line-height:50px; width:75px; height:100px;  color:#666; border-right:#D7D7D7 1px solid;}
.xinwen_news p{ padding-left:20px}
.xinwen_news li:hover{ background-color:#F3F3F3;}
.xinwen_news li span{ background-color:#FF5700; color: #FFFFFF !important;}
.xinwen_news li{ width:570px; display:inline-block; overflow:hidden; height:100px; float:left; margin:15px 15px; line-height:28px;font-size:14px;background-color:#F0F0F0; padding: 45px 0;}
.xinwen_news li h3{ color:#333}
.xinwen_news li:hover h3{color:#333333}
.xinwen_news li:hover p{color:#333333}


.dttt2{width:100%; height:68px;background-image:url(1_r16_c10_s1.jpg); background-position:center; background-repeat:no-repeat; }

.xin1{ width: 739px; height: 400px; float: left; margin-left: 40px;}

.xin2{ width: 344px;  float: left; margin-left: 37px;height:400px; }   /*一问一答删除height:400px*/

.xin1_1{width: 739px; height: 40px; background-image: url(1_r22_c6_s1.jpg);}
.xin1_2{width: 739px; height: 134px; line-height: 33px; font-size: 14px; margin: 20px 0;}
.xin1_3{width: 739px; height: 160px;}
.xin1_3 li{width: 344px; height: 43px; text-indent: 17px; line-height: 39px; border-bottom: 1px dashed #D7D7D7; font-size: 13px; float: left; background-image: url(1_r28_c7_s1.jpg); background-position: center left; background-repeat: no-repeat; margin-right: 25px;}
.xin1_3 li span{ float: right;}
.xin2_1{width: 344px; height: 40px; background-image: url(1_r22_c20_s1.jpg); margin-bottom: 15px;}

.answerpic{width: 344px; height: 40px; background-image: url(answer.jpg); margin-bottom: 15px;}  /*问答图片*/

.xin2_2{width: 344px; height: 145px; font-size: 14px; line-height: 28px;}


.nes1{ width:1200px; height:76px; background-image: url(1_r25_c13_s1.jpg); background-position:center; background-repeat:no-repeat;}
.nes2{ width:1200px; height:380px; background-color: #FFFFFF; background-position:center; background-repeat:no-repeat;}

.xinwen_news dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.xinwen_news:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.xinwen_news dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.xinwen_news dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.xinwen_news dd{ width:700px; padding:0 0 0 15px; float:left;}
.xinwen_news dd h5{ height:25px; line-height:25px; overflow:hidden;}
.xinwen_news dd h5 a{ font-size:16px; color:#444;font-weight: bold;}
.xinwen_news dd h5 a:hover{color:#bc0030; font-size:16px;}
.xinwen_news dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.xinwen_news dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}
.xinwen_news p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


.xinwen_news1{width:890px; height:340px;}
.xinwen_news1 li{ width:890px; display:inline-block;  padding:8px 0; overflow:hidden; float:left; line-height:28px; font-size:15px}
.xinwen_news1 li a{ font-weight:bold; font-size:16px}
.xinwen_news1 li:hover{ background:#F6F6F6;}
.xinwen_news1 li img{ padding-right:20px}


.news_dl_3{ width:710px; display:inline-block; padding:14px 0; overflow:hidden; height:420px; float:right;}
.news_dl_3 dd{ border-bottom:#b8b8b8 1px dashed; position:relative; top:-40px}
.news_dl_3 dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.news_dl_3 dl:hover dt{ background:#6f6f6f; width:85px; height:85px; text-align:center; float:right; overflow:hidden;color: #FFF;}
.news_dl_3 dl:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.news_dl_3 dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.news_dl_3 dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.news_dl_3 dd{ width:620px; padding:0 0 0 15px; float:left;}
.news_dl_3 dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news_dl_3 dd h3 a{ font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h3 a:hover{color:#bc0030; font-size:16px;}
.news_dl_3 dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px;}
.news_dl_3 dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}

.news_dl_3 dd p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


.wtjd_nr ul li{ float:left; width:600px; height:40px}
.wtjd_1{ width:570px; height:371px; float:left; border:#EEE 1px solid;}
.wtjd_gun{ width:530px; height:331px; margin:20px 20px; line-height:30px }
.wtjd_2{ margin-left:600px; height:371px}
.wtjd{}

.footr{ background-image: url(); height:217px; }
.ddd1{ height: 50px; line-height: 50px; color: #FFFFFF;}
.ddd2{ height: 120px;padding: 23.5px 0; line-height: 30px; color: #FFFFFF; font-size: 14px;}
.footr1{width: 314px; height:120px; float: left;  }
.footr2{width: 486px; height:120px; float: left; color: #FFFFFF;}
.footr3{width: 100px; height:120px; float: left; margin-left:100px;color: #FFFFFF;}
.jjtu1 p{ width: 650px; color: #FFFFFF; font-size: 14px; line-height: 34px}
.jjtu{ width: 514px; height: 332px; float: left;}
.jjtu1{ width: 650px; height: 332px; float: left;margin-left: 36px;}

.bzb{width:100%; height:144px;background-image:url(1_r12_c10_s1.jpg); background-position: center; background-repeat: no-repeat; }

.bzb2{width:100%; height:178px;background-image:url(1_r20_c1_s1.jpg); background-position: center; background-repeat: no-repeat; }


.yy1{ width: 574px; height: 420px; float: left; margin-left: 66px;}
.yy1 p{ line-height: 30px;  padding-left: 60px;}
.yy2{ width: 480px; height: 334px; margin-left: 30px;float: left;}

.col1{ background-color: #EDA830;}
.col1 h2{ color: #FFFFFF; text-align: center; height: 60px; line-height: 60px; background-image: url(1_r13_c8_s1.jpg); background-position: top center; background-repeat: no-repeat;}
.col1 p{ text-align: center; text-transform: uppercase; color: #FFFFFF; text-transform: uppercase; font-size: 18px; height: 40px; line-height: 40px;}
.col2{ background-color: #55AFE3;}
.col2 h2{ color: #FFFFFF; text-align: center; height: 60px; line-height: 60px; background-image: url(1_r13_c8_s1.jpg); background-position: top center; background-repeat: no-repeat;}
.col2 p{ text-align: center; text-transform: uppercase; color: #FFFFFF; text-transform: uppercase; font-size: 18px; height: 40px; line-height: 40px;}

.flip-container {
	perspective: 1000;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
.flip-container, .front, .back {
	width: 288px;
	height: 245px;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
}

.back {
	transform: rotateY(180deg);
}



/*table{border-collapse:collapse;
    height: 196px;
}*/




.banner{height:55px;width:1180px;margin:0 auto;}
#banner li{width:147px;float:left;height:55px;line-height:55px;text-align:center; }
#banner li a{font-size:14px;color:#fff;font-weight:bold;height:55px;line-height:55px; width:147px;display:block;font-family:"΢���ź�"; }
#banner li a:hover{color:#FFF; background-color:#FF8000; background-repeat:no-repeat; font-family:"΢���ź�"; font-size:16px}
.fanren a:link{ color:#FFF;  font-size:16px;}
.fanren a:visited{color:#FFF;  font-size:16px}

.footd a:link{ color:#FFF;  font-size:14px; padding:0 30px}
.footd a:visited{color:#FFF;  font-size:14px}

.flash1{ z-index:-900; width:980px; margin:0 auto}
.dibu a{ color:#FFF}
.dibu a:link{ color:#FFF}
.dibu a:visited{ color:#FFF}
.liebiao a{ color:#FFF}
.liebiao a:link{ color:#FFF}
.liebiao a:visited{ color:#FFF}
.dibu1{ color:#FFF}
.dibu1 a{ color:#FFF}
.dibu1 a:link{ color:#FFF}
.dibu1 a:visited{ color:#FFF}
.dibu2 a{ color:#FFF}
.dibu2 a:link{ color:#FFF}
.dibu2 a:visited{ color:#FFF}


.guanjianci a:link{ color:#000}
.guanjianci a:visited{ color:#000}
