@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:16px; font-family:"Microsoft YaHei"; color:#212121; background: #ffffff;}
a{color:#212121;text-decoration:none;}
a:hover{color:#1570D5; text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form,h1,h2,h3,h4,h5,dt,dl,dd,table,tr,td{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
* {padding: 0px; margin: 0px; }
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px; width:98%;}
.main_width{width:1280px; margin:0 auto;}
object{display: none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
input{ outline:none; vertical-align:middle;}
textarea{resize:none;outline:none;overflow:hidden;}

@font-face {
  font-family: 'iconfont';  /* Project id 716340 */
  src: url('//at.alicdn.com/t/font_716340_g3p22nsomxb.woff2?t=1626662925097') format('woff2'),
       url('//at.alicdn.com/t/font_716340_g3p22nsomxb.woff?t=1626662925097') format('woff'),
       url('//at.alicdn.com/t/font_716340_g3p22nsomxb.ttf?t=1626662925097') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}


/*头部*/
.head_bg{margin: 0 auto; width: 100%; height:40px; line-height: 40px; background: #f2f2f2; min-width: 1280px;}
.head_bg .l_title{float: left; display: block;font-size: 14px;}
.head_bg .language{float: right; width:70px; height:24px; border: solid 1px #ccc; border-radius: 50px; color: #212121; line-height:24px; margin-top:6px; font-family: arial; font-size: 14px;}
.head_bg .language img{display: block; float: left; margin: 3px 6px 0 13px;}
.head{margin:0 auto; width:1280px; height:90px;}
.head .logo{float:left; margin-top:25px;}
.head .logo img{float:left; display:block;}
.head .tel{float: right; background: url(/image/tel.png) left no-repeat; padding-left:35px; margin-top:30px; color:#1570D5;font-size: 24px; font-family: impact;}
#nav_menu{float: left; width:720px; display: block; margin:29px 0 0 100px;}
#nav_menu li{float:left; line-height:40px;}
#nav_menu li a{display:block; text-align:center; font-size:16px; width: 120px;}
#nav_menu li a:hover{color:#1570D5;}
.nav_menu-item{display:block;}
.navhover a{color:#1570D5 !important; background: url(/image/mune_bg.png) bottom center no-repeat;}
#nav_menu li ul{margin:0;padding: 0;position: absolute;	visibility: hidden; z-index:999999; margin-top:20px;}
#nav_menu li ul li{float: none; display: block; border-top: solid 1px #fff;}
#nav_menu li ul li a{display:block; font-size:14px; line-height:40px; background:#1570D5 !important;color:#fff !important; font-weight:normal;}
#nav_menu li ul li a:hover{background:#EB8817 !important; color:#FFFFFF !important;}

/*动画*/
.swiper-container {width: 100%;height: 100%;min-width: 1280px;}
.swiper-slide {text-align: center; 
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide img {display: block; width: 100%;}

/*搜索*/
.index_search_bg{margin: 0 auto; width: 100%; height: 80px; border-bottom: solid 1px #EEEEEE; min-width: 1280px;}
.index_search{margin: 0 auto; width: 1280px; overflow: hidden;}
.keyword{float: left; width:850px; margin-top:30px;}
.keyword d{color:#222;font-size: 16px;font-weight: bold;}
.keyword a{font-size: 16px;color: #666; margin-right:30px;}
.keyword a:hover{color:#1570D5;}
.search{float:right; width:390px; height:50px; display: block; background: #f5f5f5;border-radius: 24px;margin-top:15px;}
.search .serchright{width:56px; height:44px; display: block; float: right;}
.search .btn_1{width:56px; height:44px; display: block;}
.search .serchleft{width:175px; float:left;}
.search .text_input {width:305px; font-size:14px; height:50px; line-height:50px; color:#999; border:none; padding-left:30px;  background:none; font-family: "Microsoft YaHei";}


.index_title{margin:0 auto; width: 100%; text-align: center; padding-top:40px; min-width: 1280px;}
.index_title h1{font-size:30px; font-weight: normal; display: block; background: url(/image/title_bg.png) center bottom no-repeat; padding-bottom:15px;}
.index_title p{display: block;font-size:16px; margin-top:6px;}

.index_more a{margin:40px auto; display: block; width: 160px; height:45px; background: #1570D5; border-radius: 100px; font-size: 18px; display: block; color: #fff; text-align: center; line-height:45px;}
.index_more a:hover{background: #EB8817; transition: 1s;}

/*产品*/
.index_product{margin: 0 auto; width:1280px; margin-top:40px;}
.index_product li{float:left; width:24%;margin: 5px 5px; overflow: hidden;}
.index_product li img {display: block; width: 100%;}
.index_product li div{background: #f2f2f2; height:50px; line-height:50px; display: block; padding-left: 10px;}
.index_product li div i{font-size:40px; display: block; float: right; color:#373737;}
.index_product li a:hover div{background:#1570D5; color: #fff;}
.index_product li a:hover i{color: #fff;}
.index_product li a:hover img{transform: scale(1.4); transition: 1s;}



/*优势*/
.index_youshi_title{margin: 0 auto; width: 100%; height: 200px; background:#1570D5; min-width: 1280px; margin-top:50px;}
.index_youshi_title img{display: block; margin: 0 auto; padding-top: 21px;}
.index_youshi{margin: 0 auto; width: 1280px; margin-top: 50px; overflow: hidden;}
.index_youshi_contact{width: 670px; display: block;}
.index_youshi_contact .type{float:left; width:105px; height:105px; background:#1570D5; border-radius:100px; margin-top: 45px; display: block;}
.index_youshi_contact .type h2{display: block; margin: 0 auto; margin-top:6px; width:90px; height:90px; border: dashed 1px #fff; border-radius:100px;  text-align:center; line-height:90px; font-family:Impact; color:#fff; font-size:60px; font-weight: normal;}
.index_youshi_contact .title{float:left; margin:62px 0 0 15px;}
.index_youshi_contact .title h1{color:#272727; font-size:32px; font-weight:normal;}
.index_youshi_contact .title span{font-size:14px; color:#676767; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 10px; width: 526px; display: block; margin-top: 5px;}
.index_youshi_contact p{display: block; margin-left:117px; font-size: 16px; line-height:35px; color: #484848; background: url(/image/youshi_ico.png) left 14px no-repeat; padding-left: 15px;}
.index_youshi .right_p {display: block; margin-top:60px;}

/*应用*/
.index_app_bg{margin: 0 auto; width: 100%; background:#1570D5; margin-top:60px; padding-bottom: 60px; min-width: 1280px;}
.app_title{margin:0 auto; width: 100%; text-align: center; padding-top:40px; color: #fff;}
.app_title h1{font-size:30px; font-weight: normal; display: block; background: url(/image/app_title.png) center bottom no-repeat; padding-bottom:15px;}
.app_title p{display: block;font-size:16px; margin-top:6px;}
.scrollleft{margin: 0 auto; width:1280px; margin-top:25px; overflow:hidden;}
.scrollleft ul{margin: 0 -1.5%;}
.scrollleft li{float: left; width:420px; display: block;margin-right:10px;}
.scrollleft .port-1{ float: left; width: 100%; height:100%; position: relative; overflow: hidden; text-align: center;}
.scrollleft .port-1 .text-desc{opacity: 0.9; top:100%; color: #fff; padding:50% 0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.scrollleft .image-box img{ width:100%; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; display: block;}
.scrollleft .port-1:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.scrollleft .port-1.effect-1:hover .text-desc{top: 0;}
.scrollleft h3{font-size: 20px; margin: 5px 0 10px;}
.scrollleft p{line-height:30px; font-size: 14px; margin-bottom: 15px; padding:0 40px;}
.scrollleft .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #0170C1; border: 2px solid #fff; background-color: #fff; text-decoration: none; transition: 0.4s;}
.scrollleft .btn:hover{background-color: transparent; color: #fff; transition: 0.4s;}
.scrollleft .text-desc{position: absolute; left: 0; top: 0; background-color:#0170c1; height: 100%; opacity: 0; width: 100%;}

/*关于*/
.index_about{margin:40px auto; width: 1280px; overflow: hidden;}
.index_about img{display: block; float:right;}
.index_about .a_contact{width:670px;float:left;}
.index_about .a_contact p{display: block; color:#626262;line-height:40px;font-size: 16px; }
.index_about .a_contact h1{display: block; font-size: 26px; color:#1570D5; background: url(/image/a_line.jpg) left bottom no-repeat; padding-bottom: 15px;}


/*新闻*/
.index_news_bg{margin:0 auto; width:100%; background:#f2f2f2; margin-top:60px; padding:40px 0;min-width: 1280px;}
.index_news{margin:0 auto; width:1280px; margin-top:30px; overflow: hidden;}
.index_news .l_news{width: 550px; height: 360px; display: block; float: left; position: relative;}
.index_news .l_news dl{width: 550px; height:50px; display: block; background: url(/image/new_bg.png); position: absolute; bottom: 0;}
.index_news .l_news dl dd a{display: block; text-align: center; color: #fff; line-height:50px;}
.index_news .l_news dl dd a:hover{background:#1570D5; color: #fff;}

.index_news .r_news{width:715px; float: right;}
.index_news .r_news dl a{float:left; width: 715px; height: 115px; background:#fff; margin-bottom:8px; display: block;}
.index_news .r_news dl a:hover{background:#1570D5; color: #fff;}
.index_news .r_news dl dd{display: block; padding:15px 20px 0 20px;}
.index_news .r_news dl dd p{display: block; float: left; font-size: 18px;}
.index_news .r_news dl dd span{display: block;float: right;}
.index_news .r_news dl dt{display: block; padding:3px 20px 0 20px; font-size: 14px; line-height: 30px;}


.list_banner{margin:0 auto; width:100%; min-width: 1280px;}
.list_banner img{margin: 0 auto; display: block; width: 100%;}

/*位置导航*/
.location_bg{margin: 0 auto; background: #f2f2f2; width: 100%; height: 50px; line-height: 50px;min-width: 1280px; font-size: 14px;}
.location{margin: 0 auto; width: 1280px; background:url(/image/home.gif) left no-repeat; padding-left:25px;color:#999;}
.location a{color:#999;}


/*内页分类*/
.ListNav {display: block;box-shadow:-1px 7px 8px #ddd; }
.ListNav ul {margin-top:0px;}
.ListNav li {loat:left; display:block; margin:0 10px; line-height:50px; font-size:16px; border-bottom: solid 1px #EDEDED;}
.ListNav li:last-child{border-bottom: none;}
.ListNav li a {display:block; color:#202020; padding-left:25px;}
.ListNav li a:hover{color:#1570D5; padding-left:25px; transition: 1s;}
.ListNav .currclass a{color:#1570D5; padding-left:25px; font-weight: bold;}


/*内页内容*/
.mainContent{margin:20px auto; width:1280px;}
.content{display:block; height:50px; line-height:50px; text-align: center; font-size: 22px; background: url(/image/mune_bg.png) bottom center no-repeat;}
.left_list{width: 240px; float: left;margin-top:20px;}
.left_list .t_contact{display: block; height:90px; background: #1570D5; color: #fff; line-height:90px; text-align: center; font-size: 22px; border-radius: 7px 7px 0 0;}
.left_list .l_contact{display: block; height:90px; background: #1570D5; color: #fff; line-height:90px; text-align: center; font-size: 22px; margin-top: 30px; border-radius: 7px 7px 0 0;}
.left_list .left_lx {display: block;box-shadow:-1px 7px 10px #ddd; line-height: 30px; padding:10px;}
.left_list .left_lx span{font-size:18px;line-height:30px; font-weight: bold; display: block; border-bottom: solid 1px #eee; text-align: center; margin-bottom:10px;}
.right_list{float: right; width: 1000px; display: block; margin-top: 15px;}

.list_right_contact{display:block; margin-top:20px; line-height:30px;}
.list_right_contact img{border: 1px solid #ccc;padding: 2px;}
.list_right_contact img:hover{border: 1px solid #028ED0;}
.list_right_contact .t{line-height:45px;}

.list_contact{display:block; margin:20px 0; line-height:35px;}
.list_contact img{max-width:1280px;}
.list_contact .title{font-size:22px; display:block; text-align:center;background: url(/image/mune_bg.png) bottom center no-repeat; padding-bottom: 10px;}
.list_contact .contact{display:block; line-height:30px;margin-top:10px;}
.list_contact .date{display:block; text-align:center; margin:10px 0; color: #ccc; font-size: 14px;}
.list_contact #next{ display:block; margin-top:15px; text-align:center; padding-top:8px;}

.list_contact_img{width:1000px; margin:20px 0;}
.list_contact_img li{float: left; width: 32.1%; margin: 1% 0.5%; overflow: hidden; border: solid 1px #f2f2f2;}
.list_contact_img li img{display: block; width: 100%;transition: all 0.8s;}
.list_contact_img li img:hover{transform: scale(1.5); transition: 1s;}
.list_contact_img li p{background: #f2f2f2; width: 100%; display: block; height:50px; line-height:50px; text-align: center;}

.list_app{width:1280px; margin:20px 0;}
.list_app li{float: left; width: 23.8%; margin: 1% 0.5%; overflow: hidden; border: solid 1px #f2f2f2;}
.list_app li img{display: block; width: 100%;transition: all 0.8s;}
.list_app li img:hover{transform: scale(1.5); transition: 1s;}
.list_app li p{background: #f2f2f2; width: 100%; display: block; height:50px; line-height:50px; text-align: center;}

/*新闻栏目*/
.list_news{display:block; margin:20px 0;}
.list_news dl{ height:120px; border-bottom:1px #ddd dotted; padding:15px 0;}
.list_news dd{float:left; height:110px; width:1000px;}
.list_news dd h4 a{ font-size:16px; color:#555555;}
.list_news dd h4 a:hover{font-size:16px; color:#1570d5;}
.list_news dd h4 span{float:right; font-weight:normal;color:#9C9C9C;}
.list_news dd h4 span a{font-size:14px;color:#9C9C9C;}
.list_news dd h4 span a:hover{font-size:14px;}
.list_news dd p{line-height:25px; padding-top:5px; color:#9C9C9C; font-size: 14px;}

/*产品栏目*/
.list_product{display:block; padding:20px 0;}
.list_product li{float:left; width:23.5%; overflow: hidden; margin: 1% 0.5%; border: solid 1px #f2f2f2;}
.list_product li img{width:100%; display: block;transition: all 0.8s;}
.list_product li img:hover{transform: scale(1.3);}
.list_product li span{display:block; text-align:center; line-height:50px; font-size:16px; background:#f2f2f2;}
.list_product li p{font-size: 14px; display: block; padding:8px; line-height: 25px; color: #535353;}
.list_product .p_more a{display: block; text-align: center; font-size: 16px; color: #ce0d07; margin:8px 0 20px 0;}
.list_product .p_more a:hover{color:#FF3300;}

/*搜索栏目*/
.search_product{display:block; padding:20px 0;}
.search_product dl{float:left; width:23.5%; border: solid 1px #ccc; border-radius: 8px;overflow: hidden; margin: 1% 0.5%;}
.search_product dl dd img{width:100%; display: block;border-radius:8px 8px 0 0;transition: all 0.8s;}
.search_product dl dd img:hover{transform: scale(1.3);}
.search_product dl dt{display:block; text-align:center; line-height:40px; font-size:16px;}


.multipage{width:90%; margin:0 auto; display:  overflow:hidden; margin-bottom:20px;}
.multipage #fenye{clear:both; margin:10px 20px 20px 0;}
.multipage #fenye a{ display: block; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; font-size:12px;color:#666; margin-left:5px;border-radius:3px; display:inline-block;}
.multipage #fenye .prev,#fenye .next{width:60px;}
.multipage #fenye a.curr{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
.multipage #fenye a:hover{background:#1570d5;border:1px solid #1570d5;color:#fff; text-decoration:none}


/*产品内容页*/
#list_info{margin:20px 0; display:block; text-align: center; border-bottom: dotted 1px #ddd; color: #1570d5; font-size: 20px; line-height: 50px;}
#list_product_content{display:block;}
#list_product_content .title{font-size:18px; display:block; text-align:center; font-weight:bold; height:45px; line-height:45px;}
#list_product_content .contact{display:block; line-height:30px;}
#list_product_content .contact table{border: solid 1px #ccc; border-top: none;border-right: none;}
#list_product_content .contact td{border: solid 1px #ccc; border-bottom: none; border-left: none; text-align: center;}

#list_product_content .contact img{max-width:1000px; display:block;}
#list_product_content #next{ display:block; margin-top:25px; text-align:center; padding-top:8px;}
.prodtitle {LINE-HEIGHT: 45px; HEIGHT: 45px; font-size:22px;}
.products_show_1 {PADDING-TOP: 15px; display:block;}
.show_left {FLOAT: left; width:400px; margin-top:13px;}
.show_right {WIDTH:570px; FLOAT: right;}
.show_right .d_contact{display:block; line-height:35px; color: #333; margin-top: 15px;}
.show_right .d_contact strong{font-size: 16px;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:400px; height:400px; max-width:400px; max-height:400px; border:solid 1px #eee;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:500px;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:400px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:2px; background:url(/image/left.gif) no-repeat; margin-top:20px;}
.spec-scroll .next{float:right; background:url(/image/right.gif) no-repeat; margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:338px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:67px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:1px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:1px;}


/*分页*/
#fenye{clear:both; margin:20px 20px 0 0;}
#fenye .prev_h,#fenye .next_h{ display: block; padding: 0 5px; text-align:center;line-height:28px;}
#fenye a.curr{background:#1570d5; border:1px solid #1570d5; color:#fff; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{padding: 0 10px; display: block; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:14px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye a:hover{background:#1570d5;border:1px solid #1570d5;color:#fff; text-decoration:none}

/*在线留言*/
.feedback{margin-top:30px; color:#202020; width:1280px; padding-bottom: 30px;}
.feedback li{width:280px; float:left; display:block;  margin-top:30px; margin-left:26px; color:#777;}
.feedback li:first-child{margin-left:0px;}
.feedback .message{display:block; margin-top:15px; line-height:30px; color:#777;}
.submit{color: #fff;border:none;width:87px;height:37px;background:#1570d5;font-size: 16px;	font-family:"Microsoft YaHei"; margin-left:550px; margin-top: 10px;} 
.submit:hover {color: #fff;	background:#DA251D;	cursor:pointer;	transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} 


/*右边浮动*/
.floating_ck{position:fixed;right:2px; bottom:0px; z-index:99999999999}
.floating_ck dl dd{position:relative;width:40px;height:34px;text-align:center;color:#1570d5;cursor:pointer; background:#fff; border: solid 1px #ccc; border-radius:5px; margin-bottom:3px; padding-top:6px;}
.floating_ck dl dd:hover{background-color:#EE9713; color: #fff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd i{font-size:1.5rem;}
.floating_left{position:absolute;left:-140px;top:0px;width:140px;height:40px;background-color:#EE9713;display:none; border-radius:5px;}
.floating_left a{color:#fff;line-height:50px;}
.floating_ewm{height:170px;top:-82px;}
.floating_ewm ii{background-image:url(/image/weixin.jpg);display:block;width:130px;height:130px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}

/*底部*/	
.footer{margin:0 auto; width:100%; background:#1570d5; color: #fff; padding-top: 50px;min-width: 1280px;}
.footer a{color:#FFF;}
.footer a:hover{color:#fcff00;}
.foot{width:1280px;margin:0 auto ;}
.foot .nav_left{float:left; padding:0 55px;}
.foot .nav_left:first-child{padding-left:0px;}
.foot .nav_left h1{display:block; font-weight: normal;font-size:20px; margin-bottom:10px; background: url(/image/x_line.jpg) left bottom no-repeat; padding-bottom:8px;}
.foot .nav_left li{display:block; line-height:35px; font-size:14px;}
.foot .nav_left p{line-height:30px; font-size:14px;}
.foot .code{float:right; display:block; text-align:center;}
.foot .code p{display:block; margin:6px 0 0 15px;}
.foot .code img{margin-left:20px; display: block; border-radius: 10px; background: #fff;}
.Copyright{margin:0 auto; width:100%; height:55px; text-align:center; font-size: 14px; line-height:55px; background: url(/image/xia_bg.jpg) top repeat-x; margin-top: 30px;}