@charset "utf-8";
/* CSS Document */
body,div,img,span,ul,ol,li,a,p,h1,h2,h3,h4,h5,input,select,dl,dt,dd,textarea{ margin:0; padding:0; font-size:13px;font-family:"微软雅黑"; color:#333; }

a{ text-decoration:none;color:#333;}
a:hover{text-decoration:none;}

ul,li{ list-style:none;}


.index_top{ width:100%; overflow:hidden; min-width:1200px; margin:0 auto; background:url(../images/head.png) no-repeat; background-position:center;}
.head{ width:612px; height:131px; margin:0 auto; margin-top:20px;}
.logo{ width:612px; height:130px; display:block;}
.logo img{ width:130px; height:130px; display:block; float:left;}
.company_name{ width:461px; overflow:hidden; float:right; margin-top:20px;}
.company_name h1{ width:461px; height:50px; font-size:40px; font-weight:600;}
.company_name h2{ width:461px; height:34px; font-size:26px;}
.daohang{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.daohang ul li{ width:100px; height:30px; float:left; margin-left:80px;}
.daohang ul li:nth-child(1){ margin-left:0px;}
.daohang ul li a{ width:100px; height:30px; font-size:16px; text-align:center; line-height:30px; display:block;}
.daohang ul li .on{ width:100px; height:30px; font-size:16px; color:#0099FF; text-align:center; line-height:30px; display:block;}
.daohang ul li a:hover{ width:100px; height:30px; font-size:16px; color:#0099FF; text-align:center; line-height:30px; display:block;}
.index_banner{ width:100%; overflow:hidden; min-width:1200px;}

.slide{ width: 50px;height: 250px; position: fixed; top: 50%; margin-top: -126px; background: #0099FF; right: 0; border-radius: 5px 0 0 5px; z-index: 999;}
.slide ul{ list-style: none;}
.slide .icon li{ width: 49px; height: 50px; background: url(../images/icon2.png) no-repeat;}
.slide .icon .up{background-position:-330px -120px ;}
.slide .icon li.qq{ background-position:-385px -73px ;}
.slide .icon li.tel{ background-position:-385px -160px ;}
.slide .icon li.wx{ background-position:-385px -120px ;}
.slide .icon li.down{ background-position:-330px -160px ;}
.slide .info{ top: 50%; height: 147px; position: absolute; right: 100%; background: #0099FF; width: 0px; overflow: hidden; margin-top: -73.5px; transition:0.5s;
     border-radius:4px 0 0 4px ;}
.slide .info.hover{ width: 145px;}
.slide .info li{ width: 145px; color: #fff; text-align: center;}
.slide .info li p{ font-size: 1.1em; line-height: 2em; padding: 15px; text-align: left; color: #fff;}
.slide .info li.qq p a{ display: block; margin-top: 12px; width: 100px; height: 32px; line-height: 32px; color: #fff; font-size: 16px; text-align: center;
		text-decoration: none; border: 1px solid #fff; border-radius: 5px;}
.slide .info li.qq p a:hover{ color: #FFFFFF; border: none; background:#0099FF;}
.slide .info li div.img{ height: 100%;  margin: 15px;}
.slide .info li div.img img{ width: 100%; height: 100%;}
.index_cy{ width: 30px; height: 30px; background: url(../images/index_cy.png); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 62px 0;
		cursor: pointer;}
.index_cy2{ width: 30px; height: 30px; background: url(../images/index_cy.png); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 30px 0;
		cursor: pointer;}
	
/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) {
		.slide{	display: none;}
		#btn{ display: none;}
		
	}
	
.index_banner{ width:100%; overflow:hidden; position:relative;}	
.index_about{ width:100%; overflow:hidden; min-width:1200px; background:url(../images/x4v5.png) no-repeat; background-position:center;}	
.about{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px; position:relative;}
.about_left{ width:540px; overflow:hidden; float:left;  -webkit-animation: bounceInLeft  2s;}
.about_left h1{ width:540px; overflow:hidden; font-size:30px; font-weight:500; margin-top:20px; display:block;}
.about_left span{ width:540px; overflow:hidden; font-size:14px; line-height:30px; margin-top:10px; display:block;}
.more{ width:160px; height:40px; background:#D90000; border-radius:10px; font-size:14px; color:#fff; text-align:center; line-height:40px; margin-top:30px; display:block;}
.about_img{ width:540px; height:337px; float:right; -webkit-animation: bounceInRight  2s;}
.main{ width:100%; overflow:hidden; min-width:1200px;}
.idea{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative;}
.idea_img{ width:540px; height:337px; float:left; -webkit-animation: bounceInLeft  2s;}
.idea_right{ width:540px; overflow:hidden; float:right; -webkit-animation: bounceInRight  2s;}
.idea_right h1{ width:540px; overflow:hidden; font-size:30px; text-align:right; font-weight:500; margin-top:20px; display:block;}
.idea_right span{ width:540px; overflow:hidden; margin-top:10px; font-size:14px; text-align:right; line-height:30px; display:block;}
.idea_right a{ width:160px; height:40px; background:#D90000; border-radius:10px; font-size:14px; color:#fff; text-align:center; line-height:40px; margin-top:20px;
                 display:block; float:right;}
.index_wap{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.advantage{ width:540px; overflow:hidden; float:left; margin-top:250px; z-index:999;}
.advantage h1{ width:540px; overflow:hidden; color:#fff; font-size:30px; font-weight:500; display:block;}
.advantage span{ width:540px; overflow:hidden; margin-top:20px; font-size:14px; color:#fff; line-height:30px; display:block;}
.serive{ width:540px; overflow:hidden; float:right;  margin-top:50px; z-index:999;}
.serive ul li{ width:540px; overflow:hidden; margin-bottom:20px;}
.serive ul li img{ width:100px; height:111px; float:left; display:block;}
.right1{ width:420px; overflow:hidden; float:right;}
.right1 h2{ width:420px; height:23px; font-size:16px; color:#fff; line-height:23px; font-weight:normal; display:block;}
.right1 span{ width:420px; overflow:hidden; font-size:14px; color:#fff; line-height:26px; margin-top:10px; display:block;}
.index_product{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.index_title{ width:1200px; overflow:hidden;}
.index_title h1{ width:1200px; height:38px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:38px; display:block;}
.index_title span{ width:1200px; height:23px; color:#fff; font-size:16px; text-align:center; line-height:23px; margin-top:5px; display:block;}
.index_title h2{ width:1200px; height:38px; font-size:30px; text-align:center; line-height:38px; font-weight:normal; display:block;}
.index_title h3{ width:1200px; height:23px; font-size:16px; color:#999; text-align:center; line-height:23px; font-weight:normal; margin-top:5px; display:block;}
.pro{ width:1200px; overflow:hidden; margin-top:20px;}
.pro ul li{ width:285px; overflow:hidden; float:left; margin-left:20px; margin-bottom:20px;}
.pro ul li:nth-child(4n+1){ margin-left:0px;}
.pro ul li a{ width:283px; overflow:hidden; border:1px #ddd solid; display:block;}
.pro ul li a img{ width:261px; height:202px; margin:0 auto; margin-top:10px; display:block;}
.pro ul li a span{ width:283px; height:21px; font-size:14px; color:#444; text-align:center; line-height:21px; margin-top:10px; margin-bottom:30px; display:block;}
.index_new{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px;}
.select{ width:400px; overflow:hidden; margin:0 auto; margin-top:20px;}
.select ul li{ width:120px; height:30px; float:left; margin-left:20px;}
.select ul li:nth-child(1){ margin-left:0px;}
.select ul li a{ width:118px; height:28px; font-size:16px; border:1px #ddd solid; border-radius:10px;  text-align:center; line-height:28px; display:block;}
.select ul li a:hover{ width:118px; height:28px; border:1px #0099FF solid; background:#0099FF; color:#fff; font-size:16px; display:block; }
.new{ width:1200px; overflow:hidden; margin-top:20px;}
.new ul li{ width:386px; overflow:hidden; float:left; margin-left:20px;}
.new ul li:nth-child(1){ margin-left:0px;}
.new ul li a{ width:386px; overflow:hidden; display:block;}
.new ul li a img{ width:386px; height:246px; display:block;}
.new ul li a h1{ width:386px; overflow:hidden; font-size:14px; font-weight:normal; margin-top:10px; display:block;}
.new ul li a h2{ width:386px; overflow:hidden; font-size:14px; color:#999; font-weight:normal; margin-top:5px; display:block;}
.new ul li a span{ width:386px; overflow:hidden; margin-top:5px; font-size:14px; line-height:26px; display:block;}
.index_footer{ width:100%; overflow:hidden; background:#eee; min-width:1200px; padding-top:20px; padding-bottom:20px; margin-top:30px;}
.footer{ width:1200px; overflow:hidden; margin:0 auto; padding-top:10px; padding-bottom:10px;}
.footer_left{ width:870px; overflow:hidden; float:left;}
.foot{ width:156px; overflow:hidden; float:left; margin-left:18px;}
.toot:nth-child(1){ margin-left:0px;}
.foot .gc{ width:156px; height:23px; font-size:16px; display:block;}
.foot ul{ width:156px; overflow:hidden;}
.foot ul li{ width:156px; height:21px; margin-top:10px;}
.foot ul li a{ width:156px; height:21px; font-size:14px; line-height:21px; display:block;}
.footer_right{ width:300px; overflow:hidden; float:right;}
.footer_right h2{ width:300px; height:28px; font-size:20px; line-height:28px; font-weight:600;}
.footer_right span{ width:300px; height:23px; font-size:16px;  line-height:23px; margin-top:10px; display:block;}
.footer_right span a{ width:300px; height:23px; font-size:16px;  line-height:23px; display:block;}
.footer_bottom{ width:300px; overflow:hidden; margin-top:20px;}
.weixin{ width:112px; overflow:hidden; margin:0 auto;}




.brife{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.brife_left{ width:260px; overflow:hidden; float:left;}
.brife_top{ width:260px; height:60px; background:#0099FF;}
.top{ width:160px; height:60px; margin:0 auto;}
.top i{ width:60px; height:60px; font-size:53px; text-align:center; line-height:60px; color:#fff; float:left; display:block;}
.right{ width:88px; height:60px; float:right;}
.right h2{ width:88px; height:30px; font-size:22px; line-height:30px; text-align:center; color:#fff; font-weight:normal; display:block;}
.right span{ width:88px; height:23px; font-size:21px; line-height:23px; text-align:center; color:#fff; margin-top:5px; display:block;}
.classic{ width:260px; overflow:hidden; background:#f4f4f4;}
.classic ul{ width:240px; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.classic ul li{ width:240px; overflow:hidden; margin-top:20px;}
.classic ul li a{ width:240px; height:40px; background:#0099FF; display:block;}
.classic ul li a span{ width:200px; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; float:left; display:block;}
.classic ul li a .over{ width:25px; height:25px; background:url(../images/icon3.png) no-repeat; background-size:100%; margin-top:10px; margin-right:10px;float:right; display:block;}
.classic ul li a:hover{ width:240px; height:40px; background:#b20000; display:block;}
.classic ul li a:hover span{  width:200px; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; float:left; display:block;}
.classic ul li a:hover .over{width:25px; height:25px; background:url(../images/icon4.png) no-repeat; background-size:100%; margin-top:10px; margin-right:10px;float:right;                              display:block;}
.cont{ width:258px; overflow:hidden; border:1px #ddd solid; margin-top:20px;}
.cont img{ width:260px; height:129px; display:block;}
.cont ul{ width:240px; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.cont ul li{ width:240px; height:23px; font-size:14px; line-height:23px; margin-top:10px;}
.brife_right{ width:920px; overflow:hidden; float:right;}
.right_top{ width:920px; overflow:hidden; border-bottom:1px #0099FF solid; padding-bottom:10px;}
.name{ width:200px; overflow:hidden; float:left; font-size:14px;}
.seat{ width:200px; overflow:hidden; float:right; font-size:14px;}
.brife_text{ width:920px; overflow:hidden; margin-top:20px; font-size:14px; line-height:30px;}


.product{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.sub { width:260px;z-index: 9999999;padding-bottom:10px;}
.sub .js {display: block;width:260px;height: 40px !important;line-height: 40px !important;text-align: center;font-size: 14px; color:#fff; background:#399BEB;
           margin-top:10px;}

.sub .js:hover { background:#b20000; display: block;width:260px;height: 40px !important;line-height: 40px !important;text-align: center;font-size: 14px; color:#fff; 
           margin-top:10px;}
.product_right{ width:920px; overflow:hidden; float:right;}
.productcenter{ width:920px; overflow:hidden; margin-top:10px;}
.search{ width:920px; overflow:hidden; padding-top:5px; padding-bottom:5px; background:#e2f1ff;}
.sea{ width:750px; height:28px; margin:0 auto; border:1px #ccc solid; background:#fff; float:left; margin-left:10px;}
.sea_left{ width:370px; height:28px; float:left;}
.sea_left span{ width:100px; height:28px; text-align:center; font-size:14px; line-height:28px; float:left; display:block;}
.sea_left input{ width:238px; height:26px; border:1px #fff solid; padding-left:10px; float:right; }
.sea_right{ width:370px; height:28px; float:right;}
.sea_right span{ width:100px; height:28px; text-align:center; font-size:14px; line-height:28px; float:left; display:block;}
.sea_right input{ width:238px; height:26px; border:1px #fff solid; padding-left:10px; float:right; margin-right:10px; }
.search a{ width:140px; height:30px; float:right; display:block; margin-right:10px;}
.list{ width:920px; overflow:hidden; margin-top:10px;}
.list table{background: #dadada;margin-bottom: 20px;}
.list table tr td{ padding:10px; background:#fff;}
.sel{ width:60px; height:23px; margin:0 auto;}
.page { width:400px; overflow:hidden; text-align:center;  margin:0 auto;margin-top:30px;}
.page ul { width:320px; overflow:hidden; text-align:center; margin:0 auto; }
.page ul li { float:left; list-style:none; padding:4px;}
.page ul li a { border:1px solid #0099FF; padding:3px 7px; color:#666; font-size:14px;}
.page ul li a:hover { background-color:#0099FF; color:#fff;}
.page ul li a.now { background-color:#0099FF; color:#fff;}



.technical{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.technical_right{ width:920px; overflow:hidden; float:right;}
.support{ width:920px; overflow:hidden; margin-top:10px;}
.sup{ width:920px; overflow:hidden;}
.sup ul li{ width:293px; height:74px; background:#f4f4f4; float:left; margin-left:20px; margin-top:10px; }
.sup ul li:nth-child(3n+1){ margin-left:0px;}
.sup ul li a{ width:250px; height:74px; margin:0 auto; font-size:14px; text-align:center; line-height:74px; display:block;}
.sup_text{ width:920px; overflow:hidden; margin-top:10px; font-size:14px; line-height:30px;}



.technology{ width:920px; overflow:hidden; float:right;}
.tech{ width:920px; overflow:hidden; margin-top:10px; font-size:14px; line-height:30px;}


.newcenter{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.newcenter_right{ width:920px; overflow:hidden; float:right;}
.new_list{ width:920px; overflow:hidden; float:right;}
.new_list ul li{ width:920px; overflow:hidden; margin-top:20px;}
.new_list ul li a{ width:820px; overflow:hidden; float:left; font-size:14px; display:block;}
.new_list ul li span{ width:100px; overflow:hidden; font-size:14px; color:#999; float:right; display:block;}


.online{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.online_right{ width:920px; overflow:hidden; float:right;}
.message{ width:920px; overflow:hidden; margin-top:20px;}
.message_left{ width:500px; height:520px; float:left;}
.message_left ul li{ width:500px; overflow:hidden; margin-bottom:30px;}
.message_left ul li span{ width:60px; height:40px; font-size:14px; line-height:40px; text-align:center; float:left;}
.message_left ul li input{ width:430px; height:40px; float:right; background:#eee; border:1px #eee solid; border-radius:3px; height:40px;}
.txtarea{ width:430px; height:130px; float:right; background:#eee; border:1px #eee solid; border-radius:3px;}
.sub1{ width:430px; height:40px; color:#fff; font-size:14px; text-align:center; line-height:40px; display:block; margin-top:20px; background:#0099FF; border-radius:3px; float:right;}
.message_right{width:350px; height:520px; float:right; line-height:33px;}
.online_title{ width:350px; height:20px; font-size:16px; line-height:20px; color:#0099FF;}



.contact{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.contact_right{ width:920px; overflow:hidden; float:right;}
.contact_way{ width:920px; overflow:hidden; margin-top:20px;}
.cont_left{ width:300px; overflow:hidden; float:left; font-size:14px; line-height:30px;}
.cont_left span{ width:300px; height:23px; font-size:16px; line-height:23px; display:block;}
.map{ width:590px; height:300px; float:right;}



.apply{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.apply_right{ width:920px; overflow:hidden; float:right;}
.apply_way{ width:600px; overflow:hidden; margin-top:20px;}
.apply_way ul li{ width:600px; overflow:hidden; margin-bottom:20px;}
.apply_way ul li span{ width:60px; height:30px; font-size:14px; line-height:30px; float:left; display:block;}
.apply_way ul li input{ width:518px; height:28px; border:1px #ddd solid; float:right;}
.apply_way ul li .explain{ width:60px; height:60px; font-size:14px; line-height:30px; float:left; display:block;}
.apply_way ul li textarea{  width:518px; height:58px; border:1px #ddd solid; float:right;}
.sub2{ width:518px; height:40px; color:#fff; font-size:14px; text-align:center; line-height:40px; display:block; margin-top:20px; background:#0099FF; border-radius:3px;        float:right;}




.new_detail{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px;}
.detail{ width:920px; overflow:hidden; float:right;}
.maddle{ width:920px; overflow:hidden; margin-top:20px;}
.maddle h1{ width:920px; overflow:hidden; font-size:16px; text-align:center; font-weight:normal; display:block;}
.maddle span{ width:920px; overflow:hidden; font-size:14px; color:#999; text-align:center; margin-top:5px; display:block;}
.infor{ width:920px; overflow:hidden; margin-top:10px; font-size:14px; line-height:30px;}
.next{ width:920px; overflow:hidden; font-size:14px; margin-top:10px; display:block;}