/* css初始化 */
*{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,a,p,ul,li,ol{font-family: "Microsoft YaHei","黑体","宋体","Arial",sans-serif;}
ul{list-style: none;padding: 0;margin: 0;}
a,a:hover,a:focus,a:visited{text-decoration: none;}
ul::before,ul::after{content:'';display: block;clear: both;}
input{background: none;outline: none;}



/* 公共样式 */
.clearfix{clear: both;}
.container{width:1200px; margin:0 auto;padding: 0;}
.pull-left{float: left;}
.pull-right{float: right;}


/* 公共头部 */
.header{position: relative;}
/*.header .welcome{font-size: 14px;color: #8f8f8f;line-height: 30px;}*/
.header .head{background: #f5f5f5;}
.header .head .head1{position: relative;/* height: 65px;*/}
.header .head .head1 .logo{width: 75px;margin: 5px 0;float: left;}
.header .head .head1 .logo a img{width: 100%;}
.header .head .head1 .kt{width: 40px;float: left;margin-left: 18px;}
.header .head .head1 .kt img{width: 96%;}
.header .head .head1 p{position: absolute;left: 130px;top: 7px;}
.header .head .head1 p img{width: 299px;height: 44px;}
.header .head .head1 .search form{position: absolute;right: 360px;top: 14.5px;}
.header .head .head1 .search form input{color: #8f8f8f; padding-left: 20px;width: 170px;border: 1px solid #005abb;height: 28px;border-radius: 50px;outline:none；/* 去掉点击的蓝色边框 */}
.header .head .head1 .search button{width: 30px;border: 0px;background: none; position: absolute;right: 8px;top: 4px;outline:none；/* 去掉点击的蓝色边框 */}
.header .head .head1 .search button img{width: 95%;}
.header .head .head1 .language ul li.china{position: absolute;right: 250px;top: 9px;width: 92px;}
.header .head .head1 .language ul li.English{position: absolute;right: 130px;top: 9px;width: 112px;}
.header .head .head1 .language ul li.Japan{position: absolute;right: 0px;top: 9px;width: 120px;}
.header .head .head1 .language ul li a{font-size: 15px;color: #000;display:block;line-height: 42px;}
.header .head .head1 .language ul li a:hover{color: #005abb;}/* 鼠标滑过的效果 */
.header .head .head1 .language ul li a img{float: right;}
/* 导航 */
.header .nav-box{width: 100%;/*position: absolute;bottom: -40px;left: 0px;z-index: 3;*/background: #005abb;}
.header .nav-box .nav{ height: 40px;/*transform:skew(-25deg); *//* 设置倾斜度为-25 */ position: relative;}
.header .nav-box .nav .ico{width:50px; position: absolute;left: 40px; top: 0px;display:inline-block;/*transform:skew(25deg);*/}/* 文字去掉倾斜 */
.header .nav-box .nav .ico a img{width: 100%;}
.header .nav-box .nav .n-list{display:inline-block;/*transform:skew(25deg);*/}/* 导航文字去掉倾斜 */ 
/* 导航下拉效果 */
.header .nav-box .nav .n-list ul li{width: 130px;position: relative;z-index: 3;}
.header .nav-box .nav .n-list ul li.nav0{margin-left: 130px;}
.header .nav-box .nav .n-list ul li a{color: #fff;font-size: 15px;line-height: 40px;display:block;text-align: center;}
.header .nav-box .nav .n-list ul li a:hover,.header .nav-box .nav .n-list ul li.on a{background:#10467f; color:#fff;}/* 鼠标滑过的效果 */
.header .nav-box .nav .n-list ul li .nav2{position: absolute;top: 40px;display: none; }
.header .nav-box .nav .n-list ul li .nav2 a{font-size: 15px;background: #10467f;line-height: 35px;}
.header .nav-box .nav .n-list ul li .nav2 a:hover{background: #005abb;}

.banner .swiper-container,.banner .swiper-container img{width: 100%;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{color: #fff;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{color: #fff;}


/* main */
.main ul.use{margin: 1% 0;}
.main ul.use li.use1{width: 70px;text-align: center;}
.main ul.use li.use2{margin-left: 212px;}
.main ul.use li img{width: 65%;}
.main ul.use li p{color: #8f8f8f;font-size: 13px;text-align: center;line-height: 20px;}

.main .bg{height: 560px;background: #f5f5f5;}
/* 关于我们 */
.main .bg .about{width: 580px;}
.main .bg .about .ab-title{line-height:60px;position: relative;}
.main .bg .about .ab-title h2{font-size: 18px;color: #005abb;/*width: 200px;*/float: left;}
.main .bg .about .ab-title h2 span{font-size: 16px;color: #333333;font-weight: bold;margin-left: 10px;vertical-align: -3px;}
.main .bg .about .ab-title img{float: right;position: absolute;right: 0px;bottom: -42px;}
.main .bg .about .ab-title .rectangle{width: 50px;height: 5px;background: #000;position: absolute;left: 0px;bottom: -55px;}
.main .bg .about .ab-bg{height: 420px;background: #fff;margin-top: 70px;padding: 4% 3%;}
.main .bg .about .ab-bg .pic{width: 275px;height: 275px;border: 3px solid #dedede;padding: 0 5px;}
.main .bg .about .ab-bg .pic img{width: 275px;height: 275px;object-fit: cover;}
.main .bg .about .ab-bg .jianjie{width: 240px;margin: 20px 0 15px 10px;}
.main .bg .about .ab-bg .jianjie p.title a{color: #005abb;font-size: 16px;}
.main .bg .about .ab-bg .jianjie p.des{color: #8f8f8f;font-size: 14px;line-height: 24px;margin: 10px 0 5px;height: 196px;overflow: hidden;}
.main .bg .about .ab-bg .jianjie a span{color: #005abb;font-size: 14px;}
/* 图标 */
.main .bg .about .ab-bg ul.sort li .tubiao{width: 60px;height: 60px;background: #8b8b8b;display:inline-block;border-radius:50%;overflow:hidden;position: relative;}/* 改为圆形背景 */
.main .bg .about .ab-bg ul.sort li .tubiao:hover{background-color: #005abb;}/* 鼠标点击 背景变蓝色 */
.main .bg .about .ab-bg ul.sort li.sort1{text-align: center;margin: 6% 3.2% 0;}
.main .bg .about .ab-bg ul.sort li.sort2{margin-left: 35px;}
.main .bg .about .ab-bg ul.sort li .tubiao a img{position: absolute;left: 14px;top: 14px;width: 55%;}
.main .bg .about .ab-bg ul.sort li a p{color: #8f8f8f;font-size: 14px;margin-top: 10px;}
/* 新闻中心 */
.main .bg .news{width: 590px;}
.main .bg .news .news-title{line-height:60px;position: relative;}
.main .bg .news .news-title h2{font-size: 18px;color: #005abb;width: 240px;float: left;}
.main .bg .news .news-title h2 span{font-size: 16px;color: #333333;font-weight: bold;margin-left: 10px;vertical-align: -3px;}
.main .bg .news .news-title img{/*width: 370px;height: 19px;*/ float: right;position: absolute;right: 0px;bottom: -42px;}
.main .bg .news .news-title .rectangle{width: 50px;height: 5px;background: #000;position: absolute;left: 0px;bottom: -55px;}
.main .bg .news .news-bg{height: 430px;background: #fff;margin-top: 70px;padding: 3% 1.5%;}
/* 分类名称 */
.main .bg .news .news-bg .hd ul li.news-sort{width: 188.6px;height: 35px;border: 1px solid #dddddd;}
.main .bg .news .news-bg .hd ul li.news-sort1{border-left: none;}
.main .bg .news .news-bg .hd ul li.news-sort a{font-size: 16px;color: #333333;line-height: 35px;text-align: center;display: block;}
.main .bg .news .news-bg .hd ul li.news-sort a:hover,.main .bg .news .news-bg .hd ul li.news-sort.on a{background-color: #0068b7;color: #fff;}/* js效果 */
/* 分类内容 */
.main .bg .news .news-bg .bd .news-con{height: 255px;margin-top: 5%;}
.main .bg .news .news-bg .bd .news-con dl dt.fl{width: 240px;height: 230px;border: 1px solid #dddddd;}
.main .bg .news .news-bg .bd .news-con dl dt.fl a img{object-fit: cover;width: 240px;height: 230px}
.main .bg .news .news-bg .bd .news-con dl dd.fr{width: 310px;margin-top: 20px;position: relative;}
.main .bg .news .news-bg .bd .news-con dl dd.fr p{width: 235px;}
.main .bg .news .news-bg .bd .news-con dl dd.fr p a{color: #000;font-size: 16px;}
.main .bg .news .news-bg .bd .news-con dl dd.fr .nr{color: #8f8f8f;font-size: 14px;margin: 8% 0;line-height: 24px;height: 96px;overflow: hidden;}
.main .bg .news .news-bg .bd .news-con dl dd.fr span a{color: #005abb;font-size: 14px;}
.main .bg .news .news-bg .bd .news-con dl dd.fr .date{width: 60px;height: 50px;background: #005abb;padding: 5px;color: #fff;font-size: 14px;text-align: center;line-height: 26px;position: absolute;right: 0px;top: -18%;}
.main .bg .news .news-bg .bd .news-con dl dd.fr .date span{color: #fff;font-size: 16px;}
/* 底部推荐 */
.main .bg .news .news-bg .news-bot{margin-top: -8px;}
.main .bg .news .news-bg .news-bot ul li.box{height: 28px; border-bottom: 1px solid #b2b2b2;padding: 5px;}
.main .bg .news .news-bg .news-bot ul li.box1{border-bottom: none;}
.main .bg .news .news-bg .news-bot ul li.box .tj{width: 95px;height: 28px;background: #005abb;text-align: center;line-height: 28px;color: #fff;font-size: 14px;}
.main .bg .news .news-bg .news-bot ul li.box .tj-title{width: 435px;}
.main .bg .news .news-bg .news-bot ul li.box .tj-title a{font-size: 15px;color: #000;}
.main .bg .news .news-bg .news-bot ul li.box .tj-title a:hover{color: #005abb;}
.main .bg .news .news-bg .news-bot ul li.box .tj-title span{font-size: 15px;color: #b2b2b2;float: right;}

.main .bg2{height: 765px; background: url(../images/bg2_02.png) no-repeat;}
/* 产品速递 */
.main .bg2 .top .pro{width: 915px;}
.main .bg2 .top .pro .pro-title{line-height: 70px;position: relative;}
.main .bg2 .top .pro .pro-title h2{font-size: 18px;color: #005abb;width: 295px;float: left;}
.main .bg2 .top .pro .pro-title h2 span{font-size: 16px;color: #333333;font-weight: bold;margin-left: 10px;vertical-align: -4px;}
.main .bg2 .top .pro .pro-title img{float: right;position: absolute;right: 0px;bottom: -50px;width: 610px;}
.main .bg2 .top .pro .pro-title .rectangle{width: 50px;height: 5px;background: #000;position: absolute;left: 0px;bottom: -60px;}
/* 产品分类 */ /* js效果 */
.main .bg2 .top .pro .hd .pro-bg{margin-top: 80px;}
.main .bg2 .top .pro .hd .pro-bg ul{border: 1px solid #dddddd;border-top: none;border-right: none;}
.main .bg2 .top .pro .hd .pro-bg ul li.pro-sort{width: 303.6px;height: 35px;border: 1px solid #dddddd;background: #fff;border-left: none;border-bottom: none;}
.main .bg2 .top .pro .hd .pro-bg ul li.pro-sort a{font-size: 16px;color: #333333;line-height: 35px;text-align: center;display: block;}
.main .bg2 .top .pro .hd .pro-bg ul li.pro-sort a:hover,.main .bg2 .top .pro .hd .pro-bg ul li.pro-sort.on a{background-color: #005abb;color: #fff;}
/* 产品内容 */
.main .bg2 .top .pro .bd .pro-con{margin-top: 15px;}
.main .bg2 .top .pro .bd .pro-con ul{border: 1px solid #e9e9e9;border-top: none;border-right: none;}
.main .bg2 .top .pro .bd .pro-con ul li.pic{width: 303.6px;height: 228px;border: 1px solid #e9e9e9;background: #fff;position: relative;border-left: none;border-bottom: none;}
.main .bg2 .top .pro .bd .pro-con ul li.pic a img{cursor: pointer;transition: all 0.4s;width: 302.6px;height: 205px;object-fit: contain;}/* 所有的属性变化在0.6s的时间段内完成 */
.main .bg2 .top .pro .bd .pro-con ul li.pic a img:hover{transform: scale(1.05);} /* 在鼠标放到图片上的时候图片按比例放大1.05倍 */
.main .bg2 .top .pro .bd .pro-con ul li.pic .na{width: 304px;height: 35px;background: #005abb;position: absolute;left: 0;bottom: 0px;filter:alpha(opacity=80);opacity:0.8;}/* 图片的透明度调整 */
.main .bg2 .top .pro .bd .pro-con ul li.pic .na a{font-size: 16px;color: #fff;text-align: center;line-height: 35px;display: block;}

/* 右边信息 */
.main .bg2 .top .right{width: 265px;}
/* 展会信息 */ 
.main .bg2 .top .right .inf .inf-title{line-height: 70px;position: relative;}
.main .bg2 .top .right .inf .inf-title h2{font-size: 18px;color: #005abb;float: left;}
.main .bg2 .top .right .inf .inf-title h2 span{font-size: 16px;color: #333333;font-weight: bold;margin-left: 10px;vertical-align: -4px;}
.main .bg2 .top .right .inf .inf-title .rectangle{width: 50px;height: 5px;background: #000;position: absolute;left: 0px;bottom: -60px;}
/* js效果 */
.main .bg2 .top .right .inf-bg{background: #eaeaea;height: 146px;margin-top: 28%;padding: 5%;}
.main .bg2 .top .right .inf-bg ul li.inf-con{border-bottom: 1px solid #b2b2b2;padding: 6px 5px 8px 18px;position: relative;}
.main .bg2 .top .right .inf-bg ul li img{position: absolute;left: 2px;top: 14px;}
.main .bg2 .top .right .inf-bg ul li.inf-con a{font-size: 14px;color: #000;}
.main .bg2 .top .right .inf-bg ul li.inf-con span{font-size: 14px;color: #b2b2b2;float: right;}
/* 视频 */
.main .bg2 .top .right .video{margin-top: 3%;}
.main .bg2 .top .right .video .v-title{position: relative;}
.main .bg2 .top .right .video .v-title h2{font-size: 18px;color: #005abb;float: left;}
.main .bg2 .top .right .video .v-title h2 span{font-size: 16px;color: #333333;font-weight: bold;margin-left: 20px;vertical-align: -4px;}
.main .bg2 .top .right .video .v-title .rectangle{width: 50px;height: 5px;background: #000;position: absolute;left: 0px;bottom: -38px;}
.main .bg2 .top .right .video video{height: 146px;width: 258px;margin-top: 7.5%;border: 1px solid #b2b2b2;background: #000;}

.main .bg2 .top .right .v-list ul li.list1{width: 262px;height: 50px;background: #005abb;margin-top: 2.5%;position: relative;}
.main .bg2 .top .right .v-list ul li.list1 img{position: absolute;left: 2%;top: 6%;}
.main .bg2 .top .right .v-list ul li.list1 span{font-size: 16px;color: #fff;margin-left: 20%;line-height: 50px;}
.main .bg2 .top .right .v-list ul li.list1 span.list2{margin-left: 30%;}
.main .bg2 .top .right .v-list ul li.list1 span a{font-size: 16px;color: #fff;line-height: 50px;text-align: center;}
/* 友情链接 */
.main .bg2 .link .l-title{line-height: 50px;position: relative;}
.main .bg2 .link .l-title h2{font-size: 18px;color: #005abb;float: left;}
.main .bg2 .link .l-title h2 span{font-size: 16px;color: #333333;font-weight: bold;margin-left: 10px;vertical-align: -4px;}
.main .bg2 .link .link-con .bd ul.piclist{width: 1200px;}
/* js效果 */
.main .bg2 .link .link-con .bd ul.piclist li{width: 150px !important;height: 60px;margin: 0 0.5%;display:inline; overflow:hidden; text-align:center; box-shadow: 0px 1px 5px #cdcdcd;}/* 图片加阴影 */
.main .bg2 .link .link-con .bd .tempWrap{width: 1200px !important;}
.main .bg2 .link .link-con .bd ul.piclist li a img{width: 85%;margin: 5% 7%;display:block;}

/* 公共底部 */
.foot{background: url(../images/foot-bg_02.png) no-repeat;padding: 15px 0 0;}
.foot .foot-nav ul li{width: 120px;}
.foot .foot-nav ul li .nav-ab{width: 78px;border-bottom: 3px solid #fff;padding-bottom: 10px;margin-bottom: 8px;}
.foot .foot-nav ul li .nav-ab a{font-size: 18px;color: #fff;}
.foot .foot-nav ul li .nav-ab a:hover{color: #a8a8a8;}
.foot .foot-nav ul li .nav-2 a{font-size: 16px;color: #a8a8a8;line-height: 30px;}
.foot .foot-nav ul li .nav-2 a:hover{color: #fff;}
.foot .foot-nav ul li.nav-1{margin-left: 5%;}
.foot .foot-bottom{margin-top: 50px;}
.foot .foot-bottom p{font-size: 16px;color: #a8a8a8;text-align: center;line-height: 30px;}
.foot .foot-bottom p span{font-size: 18px;color: #fff;margin-left: 5px;}
.foot .foot-bottom p a{font-size: 15px;color: #a8a8a8;}
.foot .foot-bottom p a:hover{color: #fff;}