/*staer*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:'微软雅黑'; box-sizing:border-box; background:#fff;}
img{ border:none;}


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;} 


/*头部区域*/
.header{ width:100%;position:fixed;left:0; top:0;z-index:100; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.3); height:110px;}
.header.on{position:fixed;z-index:100;height:110px;/* border-bottom:1px solid #e8e8e8; */background:rgba(0,0,0,0.74);box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s;}
.hd_con{ width:100%; height:110px; margin:0 auto; box-sizing:border-box; padding: 0 0;}
.header .logo{ float:left; background: #0262b8; box-sizing: border-box; padding:20px 50px 20px 100px;}
.header .logo img{ display:block; height: 70px; }

.header .nav{ float:right;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;}
.header .nav::after{ content: ""; display: block; clear: both;}
.header .nav ul{ float:left;}
.header .nav li{ float:left; position:relative; margin-right:50px;}
.header .nav li:last-child{ margin-right: 0;}
.header .nav .dhnn{ display:block; line-height:107px; color:#ffffff; font-size:16px; text-transform: uppercase; box-sizing: border-box;}
.header .nav li:hover .dhnn,.header .nav li.on .dhnn{ color:#ffb200; border-bottom:3px solid #ffc000;}
.header.on .nav .dhnn{ display:block;color:#ffffff; font-size:16px;}
.header.on .nav li:hover .dhnn,.header .nav li.on .dhnn{ color:#ffc000; border-bottom:3px solid #ffc000;}

.header .nav li .down{ width:100%; position: fixed; top:110px; left:0; box-sizing: border-box;background:rgba(0,0,0,0.5);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.03); display:none; transition: 0.3s;z-index: 2;
padding:40px 10%;}
.downc{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:flex-start; width: 100%;}
.header .nav li .down .zlm{box-sizing:border-box; display:block; position: relative; border:1px solid #ccc; background: none; float: left; margin:0 20px; padding: 0 15px; transition: 0.3s; }
.header .nav li .down .zlm:last-child{}
.header .nav li .down .zlm .ejdh{display:block; line-height:36px; font-size:14px; font-weight:400; color:#fff;  transition: 0.3s; text-align: center; 
width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.header .nav li .down .zlm:hover{border:1px solid #0262b8; background:#0262b8;padding: 0 22px; border-radius: 6px;}
.header .nav li .down .zlm .szlm{ position: absolute; top: 0; left: 250px; width:190px; background: #fff; box-sizing: border-box; padding:15px;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.03);
display:none; transition: 0.3s;}
.header .nav li .down .zlm .szlm dd{width: 100%; display:block; text-align: left;}
.header .nav li .down .zlm .szlm dd .sjdh{display: block;line-height:30px; font-size:15px; font-weight:400; color:#888;transition: 0.3s;
width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.header .nav li .down .zlm .szlm dd:hover .sjdh{ color:#ffc000; padding-left: 4px;}
.header .nav li:hover .down{display: block;}
.header .nav li .down .zlm:hover .szlm{display:block;}


.header .nav .sous{ margin-left:40px; width: 30px; height: 30px; padding:3px; box-sizing: border-box;transition: 0.3s; background: none; border-radius: 8px; }
.header .nav .sous .ss{ display:block; overflow:hidden; box-sizing: border-box; transition: 0.3s;  width: 24px; height: 24px;
background: url(../img/s13.png) no-repeat center;}
.header .nav .sous:hover{background:#ffc000; }
.header .nav i{ width: 1px; height: 20px; background: #f2f2f2; display: block; margin: 0 30px;}
.header .nav .yyxx{ width:126px; height:110px; background:#ffc000; display: block; transition: 0.3s; margin-left:20px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
.header .nav .yyxx img{ width:40px; height: 40px; display: block; margin: 0 auto; transition: 0.3s;}
.header .nav .yyxx:hover img{ transform:rotateY(180deg);}
.header .nav .yuyan{ display: block; position: relative;transition:0.5s; cursor: pointer; height: 110px; }
.header .nav .yuyan .yycon{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;transition:0.5s;}
.header .nav .yuyan .yycon .yuytu{ width:30px; height: 22px; display: block; overflow: hidden; box-sizing: border-box; border: 1px solid #fff; border-radius:3px;}
.header .nav .yuyan .yycon .yuytu img{width:100%; display: block; margin:0 auto;}
.header .nav .yuyan .yycon .yyr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center; margin-left: 8px;}
.header .nav .yuyan .yycon .yyr p{ font-size:14px; color:#ffffff; font-weight: 400; margin-right:6px; line-height:110px;}
.header .nav .yuyan .yycon .yyr span{ width:14px; height: 14px; display: block; overflow: hidden; box-sizing: border-box;}
.header .nav .yuyan .yycon .yyr span img{width:100%; display: block; margin:0 auto;}
.header .nav .yuyan .qtyy{ width:110px;background: #ededed; border-radius: 5px; box-sizing: border-box; padding:8px 10px; display: block;  opacity: 0;
 position: absolute; top:90px; left:0; z-index: 99; box-shadow: 0 3px 6px rgba(0,0,0,0.06); transform: translateY(100px);transition:0.5s; }
.header .nav .yuyan .qtyy .qtyniu{ width: 100%; display: block; font-weight: 400; font-size: 14px; text-align: center; 
 line-height:30px; transition: 0.3s; color:#565656;
 display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
.header .nav .yuyan .qtyy .qtyniu .yuytu66{ width:30px; height: 22px; display: block; overflow: hidden; box-sizing: border-box; border: 1px solid #fff; border-radius:3px;
margin-right: 10px;}
.header .nav .yuyan .qtyy .qtyniu .yuytu66 img{width:100%; display: block; margin:0 auto;}
.header .nav .yuyan .qtyy:hover{ background:#fff; color:#333;}
.header .nav .yuyan:hover .qtyy{opacity:1; transform: translateY(0px); }

.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }



/* 首页海报 */
/*banner*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner{width:100%;background:#666; overflow:hidden; height:600px}
.swiper-containerlb{width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}
.bbcon{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.bbczi{ height: 100%; display:block;}
.bbctu{height: 100%; display:block;}
.bbczi img,.bbctu img{width: 100%; display:block; margin: 0 auto;}


.swiper-pagination-bullet {width:8px;height:8px;display: inline-block;border-radius:4px;background: #fff;opacity:1;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background: #ffc000;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:35px;}


/* Service scope */
.fuwu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:80px 0;}
.con{width:1380px; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; }
.bt{width:100%; margin:0 auto 40px; overflow:hidden; box-sizing:border-box; display:block; }
.bt h6{font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#0262b8; text-align:center;margin:18px auto 25px; font-weight: 400; }
.bt h2{font-size:52px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; color:#222222; text-align:center; margin:0 auto; }
.bt i{ width:36px; height:4px; display: block; margin:0 auto; background: #ffc000; border-radius: 2px;}
.fuwuc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}

.swiper-containerfw .swiper-container {width: 100%;height: 100%;}
.swiper-containerfw .swiper-slide { text-align: left; background: #fff;
    /* 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;
}
.fuwcon{ width: 100%; margin:0 auto 50px; overflow:hidden; box-sizing:border-box; display:block; }
.fuwcon .fwtu{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; height: 280px;}
.fuwcon .fwtu img{width: 100%; margin:0 auto; display: block; transition: 0.3s;}
.fuwcon .fwzi{width: 100%; margin:24px auto 0; overflow:hidden; box-sizing:border-box; display:block; }
.fuwcon .fwzi h3{font-size:26px;font-weight:900; color:#333; text-align:left; transition: 0.3s;}
.fuwcon .fwzi p{display:block; width:100%;font-size:15px; color:#686868; line-height:1.45em; text-align:left;transition:0.3s; font-weight:400; margin:10px 0 20px;
display:inline-block;word-break: break-all; text-overflow: ellipsis; 
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.fuwcon .fwzi span{font-size:15px;font-weight:400; color:#0262b8; text-align:left; transition: 0.3s; box-sizing: border-box; }
.fuwcon:hover .fwtu img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.fuwcon:hover .fwzi h3{ color:#0262b8;}
.fuwcon .fwzi span:hover{ color:#0262b8; padding-left: 15px;}
.more{ width: 334px; height: 56px; display: block; margin: 0 auto; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 56px; border-radius: 28px;
background: #0262b8; color: #fff; transition: 0.3s;}
.more:hover{width: 350px;background: #ffc000;}

/* Product */
.Pro{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:80px 0; background: #fafafa url(../img/bg1.png) no-repeat center;}
.Procon{width: 100%; margin:0 auto 60px; overflow:hidden; box-sizing:border-box; display:block;}
.Procon::after{ content: ''; clear: both; display: block;}
.Procon li{ width:23.5%; margin-right:2%; float: left;}
.Procon li:nth-child(4n){margin-right:0;}
.Procon li a{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
.Procon li a .cptu{ width: 100%; display: block; background: #fff; box-sizing: border-box; border: 1px solid #e9e9e9;height: auto;max-height:330px; overflow: hidden;}
.Procon li a .cptu img{ width: 100%; display: block; margin: 0 auto;transition:0.3s;}
.Procon li a .cpzi{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;border: 1px solid #e9e9e9; border-top: none; padding:10px 6px;
height: 70px; background: #fff;transition:0.3s;}
.Procon li a .cpzi h4{font-size:22px; text-align: center;font-weight:900; color:#333333; line-height:50px; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
margin:0 auto;transition:0.3s;}

.Procon li:hover a .cptu img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.Procon li:hover a .cpzi{background: #0262b8;}
.Procon li:hover a .cpzi h4{ color:#fff;}


/* About */
.About{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:130px 0 116px; background:#12538F url(../img/bg2.png) no-repeat top center fixed;}
.abouttt{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;}
.aboutll{ width:48.5%; text-align: left; display: block;}
.aboutll h3{font-size:54px;font-weight:900; color:#fff; text-align:left; transition: 0.3s; text-transform: uppercase; }
.aboutll i{ width:50px; height:4px; display: block; margin:30px 0 40px; background: #ffc000;}
.aboutll h5{font-size:24px;font-weight:500; color:#fff; text-align:left; transition: 0.3s; text-transform: uppercase; margin:0 auto 18px;}
.aboutll p{display:block; width:100%;font-size:16px; color:#dee3eb; line-height:2em; text-align:left;transition:0.3s; font-weight:400; margin:10px 0 20px;
display:inline-block;word-break: break-all; text-overflow: ellipsis;  text-align: justify;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:6; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}


.aboutrr{ width: 48%; height: 390px; display: block; position: relative; overflow: hidden;}
.aboutrr img{width: 100%; display: block; margin: 0 auto;transition:0.3s;}
.abxq{ width: 138px; height: 130px; display: block; background: #0262b8; position: absolute; bottom: 0; left: 0; box-sizing: border-box;transition: 0.3s; padding-top:20px;}
.abxq .abxqtu{ width: 60px; height: 60px; display: block; margin: 0 auto; background: url(../img/m1.png) no-repeat center; transition: 0.3s;}
.abxq h6{font-size:16px;font-weight:900; color:#fff; text-align:center; transition: 0.3s; text-transform: uppercase; margin:8px auto 0;}

.aboutrr:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.aboutrr .abxq:hover{background: #ffc000;}
.aboutrr .abxq:hover .abxqtu{transform: rotate(-80deg); background: url(../img/m2.png) no-repeat center; }

.abys{ width: 100%; display: block; background: #ffb200; position: relative; left: 260px; box-sizing: border-box;  padding:36px 0; box-shadow: 0 4px 6px rgab(0,0,0,0.3);}
.abysc{ width: 1380px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.abyswm{ width: 23%; text-align: center; display: block;}
.abyt{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-end;}
.abyt h2{font-size:56px;font-weight:900; color:#fff; text-align:center; transition: 0.3s; line-height: 1em;}
.abyt span{font-size:18px;font-weight:400; color:#fff; text-align:center; transition: 0.3s;margin-left:8px; padding-bottom:2px;}
.abyswm p{font-size:20px;font-weight:400; color:#fff; text-align:center; transition: 0.3s; text-transform: uppercase; } 
.abysc i{ width: 1px; height:80px; background: #ffd980; display: block;}


/* case */
.case{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:100px 0; background:#fff;}
.casec{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
		
.picMarquee-left{ width:100%;  overflow:hidden;margin:20px auto 0; box-sizing:border-box; display:block;   }
.picMarquee-left .hd{width:100%;  overflow:hidden;margin:30px auto 0; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
.picMarquee-left .hd .prev{display:block;width:226px; height:58px;overflow:hidden; border-radius:0 29px 29px 0;cursor:pointer; background:#ffb200 url("../img/z2.png") no-repeat center; transition: 0.3s;}
.picMarquee-left .hd .next{display:block;width:226px; height:58px;overflow:hidden; border-radius:29px 0 0 29px;cursor:pointer; background:#0262b8 url("../img/z1.png") no-repeat center; transition: 0.3s;}
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .hd .prev:hover{background:#ff9600 url("../img/z2.png") no-repeat center;;}
.picMarquee-left .hd .next:hover{background:#0259a6 url("../img/z1.png") no-repeat center;}

.picMarquee-left .bd{ width:100%;  overflow:hidden;margin:0 auto; box-sizing:border-box; display:block;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;width:330px;  }
.picMarquee-left .bd ul li a{ width: 100%; display: block; margin: 0 auto;transition:0.3s; }
.picMarquee-left .bd ul li a .casetu{ width: 100%; height: auto; max-height:230px; overflow: hidden; display: block; margin: 0 auto;border-bottom:8px solid #0262b8;}
.picMarquee-left .bd ul li a .casetu img{ width: 100%; display: block; margin: 0 auto; transition: 0.3s;}
.picMarquee-left .bd ul li a .casezi{ width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; border:1px solid #ededed; 
padding: 20px 18px 24px;}
.picMarquee-left .bd ul li a .casezi p{display:block; width:100%;font-size:18px; color:#333333; line-height:1.4em; text-align:center;transition:0.3s; font-weight:400; margin:0 auto;
display:inline-block;word-break: break-all; text-overflow: ellipsis; 
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}

.picMarquee-left .bd ul li:hover a .casetu img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.picMarquee-left .bd ul li:hover a .casezi p{ color:#0262b8;}

/* news */
.news{width:100%; margin:0 auto; box-sizing:border-box; display:block; padding:80px 0 70px; background:#fafafa;}
.newsc{width: 100%; margin:30px auto 50px; box-sizing:border-box; display:block;}
.newsc::after{ content: ''; clear: both; display: block;}
.newsc li{ width:32%; margin-right:2%; float: left; transition: 0.3s;}
.newsc li:nth-child(3n){margin-right:0;}
.newsc li a{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; background: #fff; padding: 10px; position: relative;}
.newsc li a .newstu{ width: 100%; display: block; background: #fff; box-sizing: border-box;height: auto;max-height:260px; overflow: hidden;}
.newsc li a .newstu img{ width: 100%; display: block; margin: 0 auto;transition:0.3s;}
.newsc li a .newszi{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;padding:30px 5px 24px;
background: #fff;transition:0.3s;}

.newsc li a .newszi h3{font-size:22px; text-align: left;font-weight:900; color: #333333; line-height:1.5em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.newsc li a .newszi p{display:block; width:100%;font-size:16px; color:#686868; line-height:1.4em; text-align:center;transition:0.3s; font-weight:400; margin:10px auto 18px;
display:inline-block;word-break: break-all; text-overflow: ellipsis; 
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.time{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center; width: 100%;}
.timetu{width:18px; height: 18px; display: block;box-sizing:border-box; margin-right:10px; }
.timetu img{width: 100%; display: block; margin: 0 auto;}
.newsc li a .newszi .time span{font-size:18px;font-weight:700; color:#686868; text-align:left; transition: 0.3s; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;
line-height: 1em;}
.newsc li a .xzjt{width: 65px; height: 65px; display: block; background: url(../img/jj.png) no-repeat center; transition: 0.3s; position:absolute;
top:230px; right:40px;}

.newsc li:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.newsc li:hover a .newstu img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsc li:hover a .xzjt{background: url(../img/jjh.png) no-repeat center;right:20px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.newsc li:hover a .newszi h3{ color:#0262b8;}
.newsc li:hover a .newszi .time span{color:#ffc000; padding-left: 10px;}

/* 底部区域 */
.footer{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:100px 0 0; background:#0f4682 url(../img/bg3.png) no-repeat top center;}
.foott{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start; width: 100%; box-sizing: border-box; padding-bottom: 88px;}
.foottl{ width: 480px;}
.dblogo{ height: 70px; display: block; margin: 0; overflow: hidden;}
.dblogo img{ height: 100%; display: block;}
.foottl h5{font-size:18px;font-weight:400; color:#fff; text-align:left; transition: 0.3s; margin:25px 0 20px;}
.dblzxc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; text-align: left;}
.dblzxc p{font-size:15px;font-weight:400; color:#dee2e8; text-align:left; transition: 0.3s; line-height: 1.88em;}
.ftbtb{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:flex-start; margin-top:40px; }
.ftbtb a{ width:42px; height: 42px; display: block;box-sizing: border-box; margin-right:20px; transition: 0.3s;}
.ftbtb a img{ width: 100%; display: block; margin:0 auto; transition: 0.3s;}
.foottc{width:640px; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
.foottc .dl{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:flex-start;}
.foottc .dl .dd{ overflow:hidden; box-sizing:border-box; display:block; margin: 0 60px;}
.foottc .dl .dd h3{font-size:22px;font-weight:900; color:#fff; text-align:left; transition: 0.3s; text-transform: uppercase; line-height:1.5em;}
.foottc .dl .dd i{ width: 22px; height:3px; display: block; overflow: hidden;border-radius:2px; background:#ffc000; margin:18px 0 25px;}
.foottc .dl .dd .xdhniu{font-size:15px;font-weight:400; color:#dee2e9; text-align:left; transition: 0.3s; line-height:2.2em; display: block; }
.foottc .dl .dd .xdhniu:hover{ color: #fff;}
.foottr{ width: 170px;}
.foottr .ewm{ width: 170px; height: 170px; display: block; background: #fff; border-radius: 10px; overflow: hidden; box-sizing: border-box; padding:5px; margin: 0 auto 15px;}
.foottr .ewm img{ width: 100%; display: block; margin: 0 auto;}
.foottr h4{font-size:16px;font-weight:900; color:#fff; text-align:center; transition: 0.3s; text-transform: uppercase; line-height:1.5em;}

.footb{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
/* 版权区域 */
.copy{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;padding:30px 0; border-top:1px solid rgba(255,255,255,0.2);}
.copycon{width:100%;overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; }
.copycon p{font-size:14px; color:#dde0e5; line-height:1.2em; text-align:left; transition:0.3s;font-weight:400; box-sizing: border-box;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; align-items:center;}
.copycon p span{width: 18px; height: 18px; display: block; margin-left: 20px; transition: 0.3s;}
.copycon p span img{width: 100%; display: block; margin: 0 auto;}
.copycon p a{font-size:14px; color:#dde0e5; line-height:1.2em; text-align:left; transition:0.3s;font-weight:400; box-sizing: border-box; padding:0 10px;}
.copycon p:nth-child(2) a{ padding:0 0 0 5px;}

.ftbtb a:hover img{-webkit-transform:translate3d(0,-3px,0); transform:translate3d(0,-3px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}


/* 在线客服 */
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:14px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0262b8 url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0262b8 url(../img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0262b8 url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0262b8 url(../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/* 内页banner */
.nybanner{width:100%;display:block; overflow: hidden; box-sizing: border-box; margin: 0 auto; height:550px; background:#f2f2f2 url(../img/nyb1.png) no-repeat top center;}
.nybcon{ width: 1300px;display:block; overflow: hidden; box-sizing: border-box; margin: 0 auto;text-align: center; padding:400px 0 0;  }
.nybcon h3{font-size:34px; color: #fff; font-weight:900; text-align:center; line-height: 1.34em; text-transform: uppercase;}
.nybcon i{display: block; width:28px; height:3px; background: #fcb026  ; margin:10px auto 15px;}


/* 分类 */
.fenl{ width: 100%; display: block; overflow: hidden; margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid #ededed;}
.fenlc{ width: 100%;display: block; overflow: hidden; margin: 0 auto; box-sizing: border-box; }
.fenlc::after{ content: ''; clear: both; display: block;}
.fenlc li{ float: left; margin-right:40px;}
.fenlc li a{ display: block; width: auto; box-sizing: border-box; padding:0 6px; transition:0.3s; font-weight:900;
font-size:18px; line-height:70px; color: #454545; display: block; border-bottom: 2px solid rgba(0,0,0,0);}
.fenlc li:hover a{ color: #0262b8; display: block;border-bottom: 2px solid #0262b8; font-weight:900;}
.fenlc li.on a{color: #0262b8; display: block;border-bottom: 2px solid #0262b8;font-weight:900;}



/* 简介 */
.nycon{width: 100%; display: block; overflow: hidden; margin: 0 auto; box-sizing: border-box; padding:60px 0;}
.abnyt{width:100%;display: block; overflow: hidden; margin: 0 auto; box-sizing: border-box;}
.abnyt h2{font-size:28px; color: #0262b8; display: block; font-weight: 900; line-height:30px; border-left:5px solid #fcb026; box-sizing: border-box;
 padding-left:20px; text-transform: uppercase;}

.abnyjj{width: 100%;display: block; overflow: hidden; margin:0 auto; box-sizing: border-box;}
.bdfwb{ width:100%; display: block; box-sizing: border-box; margin:25px auto;}
.bdfwb p{font-size:16px; text-align: left; font-weight:400; color:#005098; line-height: 1.68em; margin:10px 0;}

.bdfwb img{width:auto; max-width: 100%;  display: block; margin:5px auto;}
.bdfwb p img{width:auto; max-width: 100%;  display: block; margin:5px auto;}


.abnytu{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; margin:0px auto;}
.abnytxx{ width:49%; display: block; overflow: hidden; box-sizing: border-box; }
.abnytxx img{ width:100%; display: block; margin:0 auto;}


/* 领导致辞 */
.ldzc{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start; margin:0px auto; width: 100%;}
.ldzctu{ width:28%; display: block; overflow: hidden;box-sizing: border-box;}
.ldzctu img{ width:100%; display: block; margin:0 auto;}
.ldzcr{width:65%; display: block; box-sizing: border-box; margin:0 display: block; box-sizing: border-box; margin:0 auto;}
.ldzcr p{font-size:16px; text-align: left; font-weight:400; color:#005098; line-height: 1.75em; margin:10px 0}

/* rongyu */
.rongyu{width:100%;display: block; overflow: hidden; margin:50px auto 30px; box-sizing: border-box;}
.rongyu::after{content: ''; display: block; clear: both; }
.rongyu li{ width:23.5%; display: block; margin-right: 2%; margin-bottom: 20px;float:left;}
.rongyu li:nth-child(4n){ margin-right: 0;}
.rongyu li .rongytu{ width: 100%; height:324px; display: block; margin: 0 auto; border:1px solid #e9e9e9; padding: 10px; box-sizing: border-box; overflow: hidden;transition:0.3s;}
.rongyu li .rongytu img{width: 100%; display: block; margin: 0 auto;transition:0.3s;}
.rongyu li p{width: 100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;border:1px solid #e9e9e9; border-top: none; padding:0 6px;
height:60px; background: #fff;font-size:18px; text-align: center;font-weight:900; color:#333333; line-height:58px; width:100%;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
margin:0 auto;transition:0.3s;}
  
.rongyu li:hover .rongytu{border:1px solid #0262b8;}
.rongyu li:hover .rongytu img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.rongyu li:hover p{background: #0262b8;border:1px solid #0262b8;border-top: none; color:#ffffff;  }

/* youshi */
.yous{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:80px 0; background:#0262b8;}
.abnyt2 h2{ color: #fff;}

.yousbb{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start; margin:50px auto 0; width: 100%;}
.yousbb .ysb{ width: 48%; display: block; border:3px solid #fff; padding:40px 30px; box-sizing: border-box; overflow: hidden;transition:0.3s;}
.yousbb .ysb h5{font-size:22px; text-align: left; font-weight:900; color:#fff; line-height: 1.5em; margin-bottom:30px;}
.ttt{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:flex-start; margin:25px auto 0; width: 100%;}
.ddian{ width:18px; height:18px; border-radius: 50%; box-sizing: border-box; display: block; border: 2px solid #fff; margin-right: 15px; padding:4px; margin-top:2px;}
.ddian i{ width:6px;height:6px; border-radius: 50%; background: #fff; display: block;}
.ttt p{font-size:16px; text-align: left; font-weight:400; color:#ffffff; line-height: 1.4em; }


/* casec */
.casec{width:100%; margin:50px auto; overflow:hidden; box-sizing:border-box; display: block;}
.casec::after{ content:""; display:block; clear:both;}
.casec li{ width:32%;float:left; overflow:hidden; box-sizing:border-box; display: block; margin-right: 2%; margin-bottom: 30px; }
.casec li:nth-child(3n){ margin-right: 0;}
.casec li a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; border: 1px solid #ededed;transition: 0.3s;}
.casec li a .casetu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; height:300px;}
.casec li a .casetu img{width:100%; display:block; margin:0 auto;transition: 0.3s;}
.casec li a .alz{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height: 70px; padding: 0 20px; background: #fff;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.casec li a .alz h5{font-size:18px; text-align: left; line-height:1.3em; font-weight:900; color: #333;transition: 0.3s; width:82%;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.casec li a .alz .rr{ width:30px; height: 30px; display: block; background:url(../img/xyou.png) no-repeat center; transition: 0.3s;
background-size: cover;}

.casec li:hover a{border: 1px solid #0262b8;}
.casec li:hover a .casetu img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.casec li:hover a .alz{background: #0262b8;}
.casec li:hover a .alz h5{color: #ffffff;}
.casec li:hover a .alz .rr{background:url(../img/xyouh.png) no-repeat center;background-size: cover;}


/* 分页 */
.ffyy2{width:100%; margin:30px auto 0; overflow:hidden; box-sizing:border-box; display: flex;}
.pagination{ width:auto;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px;}
.pagination::after{ content:""; display:block; clear:both;}
.pagination li{ float:left;margin-right:12px; margin-bottom: 20px;}
.pagination li:last-child{ margin-right: 0;}
.pagination li a{display:block;box-sizing:border-box; font-size:18px; color:#999;padding:10px 22px; border-radius:4px;border:1px solid #aaa;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li span{display:block;box-sizing:border-box; font-size:18px; color:#999;padding:10px 22px; border-radius:4px;border:1px solid #aaa;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li.active a{ background:#0262b8; border:1px solid #0262b8; color:#fff;}
.pagination li:hover a{background:#0262b8; border:1px solid #0262b8; color:#fff;}
.pagination li.active span{ background:#0262b8; border:1px solid #0262b8; color:#fff;}
.pagination li:hover span{background:#0262b8; border:1px solid #0262b8; color:#fff;}

.abnyt4{ padding-bottom:35px; border-bottom: 1px solid #ededed;}

/* pro */
.cpzs{ width: 100%;margin:0 auto; box-sizing:border-box; display:block;}
.cpzs::after{content:''; clear: both; display: block;}
.cpzs li{ width:23.5%;overflow:hidden; box-sizing:border-box; display:block; background: #fff; border: 1px solid #f2f2f2; float: left;
margin-right:2%; margin-bottom: 30px; transition: 0.3s;}
.cpzs li:nth-child(4n){ margin-right: 0;}
.cpzs li a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; }
.cpzs li a .zshu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; 
height: 300px; border-bottom: 1px solid #f2f2f2;transition: 0.3s;}
.cpzs li a .zshu img{width: 100%; display: block; margin: 0 auto;transition: 0.3s;}
.cpzs li a i{ width:40px; height: 3px; display: block; margin:-2px auto 0; background: #fcb026;transition: 0.3s;}
.cpzs li a h5{font-size:18px; color:#333333; line-height:60px; text-align:center;
transition:0.3s;font-weight:900;box-sizing: border-box;}


.cpzs li:hover{ box-shadow: 0 3px 5px rgba(0,0,0,0.05);}
.cpzs li:hover a .zshu img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.cpzs li:hover a i{ width: 80px;}
.cpzs li:hover a h5{ color:#0262b8;}


/* 产品详情 */
.nyxqctt{width:100%; margin:30px auto; overflow:hidden; box-sizing:border-box; display: block; }
.xqcon{width:100%;overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; }
.xqcon .xqctu{ width: 400px; height: 380px; display: block; overflow:hidden; border: 1px solid #ededed;}
.xqcon .xqctu img{width:100%; display:block; margin:0 auto;transition: 0.3s;}
.xqczi{ width:66%; text-align: left;}
.xqczi h3{font-size:28px; text-align: left; font-weight:900; color: #232323;  line-height: 1.68em; transition: 0.3s;
margin-bottom: 30px;}
.xqczi h5{font-size:18px; text-align: left; font-weight:900; color: #fcb026;  line-height: 1.68em; transition: 0.3s;}
.xqczi p{font-size:16px; text-align: left; font-weight:400; color: #888;  line-height: 1.68em; transition: 0.3s;}
.xqczi .lxlx{ width: 220px; height:52px; display: block; background: #0262b8; border-radius: 5px; text-align: center; line-height: 52px;
font-size:16px; color:#fff; margin:25px 0 0; transition: 0.3s; text-transform: uppercase; font-weight: 900; }
.xqczi .lxlx:hover{background: #fcb026; width: 240px;}

.procon{width:100%; margin:40px auto; overflow:hidden; box-sizing:border-box; display: block; }
.procxx{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block;}
.xqxbt{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; background: #ededed;}
.xqxbt h3{width:200px; height:52px; display: block; background: #0262b8; text-align: center; line-height: 52px; font-weight: 900;
font-size:20px; color:#fff; }
.procxx .bdfwb{width:100%; margin:25px auto; overflow:hidden; box-sizing:border-box; display: block;}
.procxx .bdfwb p{font-size:15px; text-align: left; font-weight:400; color:#787878; line-height: 1.68em; margin: 5px 0; text-indent: 2em;}
.procxx .bdfwb img{width:auto; max-width: 100%;  display: block; margin:5px 0;}
.procxx .bdfwb p img{width:auto; max-width: 100%;  display: block; margin:5px 0;}

/* NEWS */
.newsny{width:100%; margin:0px auto 50px; box-sizing: border-box; display: block;}
.newsny li{width: 100%; margin: 0 auto 34px; box-sizing: border-box; display: block; background: #fff; border: 1px solid #f2f2f2; transition: 0.3s; overflow: hidden;}
.newsny li a{width: 100%; margin: 0 auto; box-sizing: border-box; 
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.newsny li a .xwtu{ width:330px; height:200px; display: block; overflow: hidden; margin-right: 20px; }
.newsny li a .xwtu img{width:100%; display: block; margin:0px auto;transition: 0.3s;}
.newsny li a .xwzi{ width: 74%; box-sizing: border-box; display: block; overflow: hidden; text-align: left; padding-right: 30px;}
.newsny li a .xwzi h3{font-size:24px; text-align: left; line-height:1.3em; font-weight:900; color: #232323;transition: 0.3s; width:100%; margin:0 auto 10px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.newsny li a .xwzi h6{color:#fcb026;font-size:16px;font-weight:900;line-height: 1.2em; width: 100%; display:block; text-align:left; margin:15px 0 8px;transition: 0.3s;}
.newsny li a .xwzi p{display:block; width:100%;font-size:16px; color:#666; line-height:1.5em; text-align:left;transition:0.3s; font-weight:400;
display:inline-block;word-break: break-all; text-overflow: ellipsis;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

.newsny li:hover{ box-shadow:0 2px 6px rgba(0,0,0,0.12);}
.newsny li:hover a .xwtu img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsny li:hover a .xwzi h3{color:#0262b8;}
.newsny li:hover a .xwzi h6{color:#fcb026;}
.newsny li:hover a .xwzi p{ color:#666666;}

/* NEWSSHOW */
.newsxq{width: 1300px; margin: 0 auto; box-sizing: border-box; display: block; padding:50px 0}
.nyxwbt{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; border-bottom: 1px solid #ededed; padding:0 40px 30px; }
.nyxwbt h3{color: #333;font-size:28px;font-weight:900;line-height: 1.3em; width: 100%; display:block; text-align:center; margin-bottom:15px;}
.nyxwbt h6{color:#0262b8;font-size:14px;font-weight:400;line-height: 1.1em; width: 100%; display:block; text-align:center; }
.nycon .bdfwb{width: 100%; margin:30px auto; overflow:hidden; box-sizing:border-box; display:block; padding:0 40px; }
.nycon .bdfwb p{font-size:16px; color:#666666; line-height:1.8em; text-align:left; transition:0.3s;font-weight:400; box-sizing: border-box; margin-bottom:6px;}
.nycon .bdfwb img{width:auto; max-width: 100%;  display: block; margin:5px auto;}
.nycon .bdfwb p img{width:auto; max-width: 100%;  display: block; margin:5px auto;}
.pspian{width:100%; margin:30px auto 0; overflow:hidden; box-sizing:border-box; display:block; border-top: 1px solid #ededed; padding:30px 0;
 display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.pspianddd{font-size:16px; text-align: left;font-weight: 400; color: #333333; line-height:1.5em; width:45%; display: block;transition: 0.3s; box-sizing: border-box;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.pspianddd:hover{color: #0262b8; padding-left:8px;}



/* join */
.join{width:100%; margin:20px auto; overflow:hidden; box-sizing:border-box; display:block;}
.join li{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
.join li a{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; width: 100%; padding: 25px 0; border-bottom: 1px solid #ededed;
transition: 0.3s;}
.jooo{ width: 80%;}
.joLTT{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center; width: 100%; margin-bottom: 10px;}
.join li a .joLTT i{ width: 8px; height: 8px; display: block; border-radius: 50%; background: #fcb026; margin-right:15px; transition: 0.3s;}
.join li a .joLTT h3{font-size:24px; text-align: left; line-height:1.3em; font-weight:500; color: #232323;transition: 0.3s; width:90%;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.join li a .jooo h6{font-size:16px; color:#666666; line-height:1.5em; text-align:left; transition:0.3s;font-weight:400; box-sizing: border-box; padding-left: 24px;}
.join li a span{width:140px; height:44px; display: block; font-size: 16px; text-transform: uppercase; text-align: center;line-height:44px; border-radius: 28px;
background: #0262b8; color: #fff;  transition: 0.3s;}

.join li:hover a{border-bottom: 1px dashed #0262b8;}
.join li:hover a .joLTT i{ background: #0262b8;}
.join li:hover a .joLTT h3{ color:#0262b8;}
.join li:hover a .jooo h6{color:#fcb026; }
.join li:hover a span{background: #fcb026;}






.zxly{width: 100%;box-sizing: border-box; display: block; padding:60px 40px; margin: 50px auto;
border: 1px solid #ededed;border-radius: 5px;}
.zxly h2{font-size:24px; text-align: left; line-height:1.3em; font-weight:900; color: #232323;transition: 0.3s; margin-bottom:30px;}
.lybd{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
.tata{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.tata .srk{width:32%;overflow:hidden; box-sizing:border-box; display:block; text-align: left; height:46px; background:none;  line-height: 46px;
outline:none; border:none; border:1px solid #ededed; box-sizing: border-box; padding: 0 15px; font-size: 15px; color: #454545; margin-bottom: 20px;
border-radius: 5px;}
.tata .srk::-webkit-input-placeholder{color: #888;font-size:15px;}
.tata .srk::input-placeholder{ color: #fff;}
#bbzu{width:100%;overflow:hidden; box-sizing:border-box; display:block; text-align: left; height:260px; background:none;  line-height: 1.4em;
outline:none; border:none; border:1px solid #ededed; box-sizing: border-box; padding:15px; font-size: 15px; color: #454545; margin-bottom: 20px;
font-family: "微软雅黑";border-radius: 5px;}



.lybd .lytj{ width:100%; height:60px; display: block; background:#0262b8; outline: none; border:none; margin:38px auto 0;transition: 0.3s;cursor: pointer;
 font-size: 20px; font-weight: 900; text-align: center; line-height: 60px; color: #ffffff; border-radius: 30px;}
.lybd .lytj:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.12);}


/* Contacts */
.wmz{width:100%; margin:50px auto; overflow:hidden; box-sizing:border-box; display:block;}
.wmz p{font-size:18px; color:#333333; line-height:1.8em; text-align:left; transition:0.3s;font-weight:900; box-sizing: border-box; margin-bottom:6px;}
.nylxwm{width:100%; margin:40px auto; overflow:hidden; box-sizing:border-box; display:block;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;}
.nylxl{ width:48%; overflow:hidden; box-sizing:border-box; display:block;border-top: 1px solid #ededed; padding: 25px 0 0; }
.nylxlt{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; border-bottom: 1px solid #ededed; padding-bottom: 25px;}
.nylxlt h3{color:#0262b8; font-size:30px;font-weight: 400;line-height: 1.3em; width: 100%; display:block; text-align: left; margin-bottom:20px;}
.nylxlt p{color:#666; font-size:16px;font-weight: 400;line-height:2.2em; width: 100%; display:block; text-align: left; }
.nylxlb{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;padding:25px 0;}
.nylxlb h3{color:#0262b8; font-size:30px;font-weight: 400;line-height: 1.3em; width: 100%; display:block; text-align: left; margin-bottom:20px;}
.nylxlbb{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;}
.lxrltt{width:100%; margin:0 auto 20px; overflow:hidden; box-sizing:border-box; display:block; border-bottom: 1px solid #ededed; padding-bottom: 25px;}
.lxrltt h5{color:#333; font-size:18px;font-weight: 900;line-height:2.2em; width: 100%; display:block; text-align: left; }
.lxrltt p{color:#666; font-size:16px;font-weight: 400;line-height:2.2em; width: 100%; display:block; text-align: left; }
.nylxr{ width:42%; overflow:hidden; box-sizing:border-box; display:block; border-bottom:10px solid #0262b8; }
.nylxr span{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; background: #0262b8; font-size:28px; color:#fff; padding: 15px 24px; text-align: center; }
.nylxr img{width:100%; margin:0 auto;display:block; transition: 0.3s;}




/* 搜索页面 */
.snycon{width: 100%; margin: 0 auto; box-sizing: border-box; display: block; padding:50px 0;}
.sskk{width:650px; height:50px; box-sizing:border-box; margin-bottom: 50px; }
.sskk::after{content:""; display:block; clear:both;}
.sskk .ssl{ width:500px; height:50px; float:left; font-size:14px; box-sizing:border-box; border:none; padding:0 20px;
border: 1px solid #0262b8; box-sizing: border-box; line-height: 48px; border-right:none;}
.sskk .ssr{ width:150px; height:50px; background:#0262b8; border:none; font-size:18px; color:#ffffff; line-height:50px; 
font-weight:900; cursor:pointer; transition:0.3s;}
.sskk .ssr:hover{background:#fcb026;}

/*搜索内容*/
.souscon{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:30px 0; min-height: 100vh;}
.nrjss{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box;}
.nrjss h5{font-size:18px; color:#9d9d9d; line-height: 1.8em; font-weight: 400; text-align: center;}
.mynrtu{ display: block; margin:40px auto 20px;}
.mynrtu img{display: block; margin:20px auto;}




 
/*280*/
@media (max-width:280px){
	

   
}
/*768*/
@media (max-width:768px){
	
	.banner{height:220px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	/* Service scope */
	.fuwu{ padding:30px 0;}
	.con{width:100%; padding: 0 20px; }
	.bt{margin:0 auto 20px; }
	.bt h2{font-size:26px;margin:6px auto 10px; }
	.fuwcon{ margin:0 auto 30px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:24px;}
	.fuwcon .fwzi p{margin:5px 0 10px;}
	
	.fuwcon .fwzi span{font-size:14px; }
	.more{ width: 100%; }
	.more:hover{width: 100%;}
	
	/* Product */
	.Pro{padding:30px 0;}
	.Procon{margin:0 auto 10px;}
	.Procon li{ width:100%; margin-right:2%; float: left; margin-bottom: 20px;}
	.Procon li:nth-child(4n){margin-right:0;}
	.Procon li a .cptu{max-height:auto;}
	
	/* About */
	.About{ padding:30px 0; }
	.abouttt{flex-wrap:wrap;}
	.aboutll{ width:100%; text-align: left;}
	.aboutll i{margin:20px 0 20px;}
	.aboutll h5{margin:0 auto 10px;}
	.aboutrr{ width:100%; height: auto;}
	.abxq{ width:88px; height:70px; padding-top:10px;}
	.abxq .abxqtu{ width:30px; height:30px; background-size: cover;}
	.abxq h6{font-size:15px;font-weight:900; margin:4px auto 0;}
	.aboutll p{ line-height: 1.6em;}
	.abys{ width:100%;left:0; padding:24px 0;}
	.abysc{ width: 100%;flex-wrap:wrap;}
	.abyswm{ width:50%; margin: 10px 0;}
	.abysc i{display:none;}
	.abyswm p{font-size:14px;}
	.abyt h2{font-size:40px;}
		
	/* case */
	.case{padding:30px 0; }
	.picMarquee-left{margin:5px auto 0;  }
	
	/* 底部区域 */
	.footer{padding:20px 0 0;}
	.foott{flex-wrap:wrap; padding-bottom:20px;}
	.foottl{ width: 100%;}
	.foottl h5{font-size:16px;margin:10px 0 5px;}
	.dblzxc p{line-height: 1.4em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:none;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 150px; height: 150px; margin:10px auto 8px;}
	.foottr h4{font-size:14px;}
	

	.copy{padding:15px 0;}
	.copycon{flex-wrap:wrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	
	/* rongyu */
	.rongyu{margin:10px auto 20px;}
	.rongyu li{ width:100%; margin-right:0;float:none;}
	.rongyu li:nth-child(4n){ margin-right: 0;}
	.rongyu li .rongytu{ width: 100%; height:auto; }
	.rongyu li p{height:50px; line-height:48px; }


	/* casec */
	.casec{margin:30px auto;}
	.casec li{ width:100%;float:none;margin-right:0; margin-bottom:20px; }
	.casec li:nth-child(3n){ margin-right: 0;}
	.casec li a .casetu{height:auto;}
	
	/* pro */
	.cpzs li{ width:100%;float: none;margin-right:0; margin-bottom: 20px; }
	.cpzs li:nth-child(4n){ margin-right: 0;}
	.cpzs li a .zshu{height:auto;}
	
	
	/* NEWS */
	.newsny{margin:0 auto 30px;}
	.newsny li{margin:0 auto 20px;}
	.newsny li a{flex-wrap:wrap;}
	.newsny li a .xwtu{ width: 100%; height:200px; margin-right: 0; }
	.newsny li a .xwzi{ width:100%; padding-right: 0; padding:20px;}
	
	
	
	

	

	
}

/*Mobile Public Page*/
@media (max-width:992px){
	
	
	/*header*/
	/*头部区域*/
	.header{ width:100%; height:66px; position:static; border-bottom:none;}
	.header.on{ position:fixed;height:66px; background: #fff;}
	.hd_con{width:100%; height:66px; margin:0 auto; box-sizing:border-box; padding: 0 15px 0 0;}
	.header .logo{float:left; background: #0262b8; box-sizing: border-box; padding:8px 30px 8px 15px;}
	.header .logo img{ display:block; height:50px; }	
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:66px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #aaa; z-index:999;
	height:calc(100vh - 66px); overflow:auto;}	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:0 20px;} 
	.header .nav li{ float:none; border-bottom:1px solid #cfcfcf; width:100%;box-sizing:border-box; padding:0 10px;}
	.header .nav li .dhnn{ line-height:52px; color: #454545; text-align:left; width: 80%;}
	.header.on .nav .dhnn{line-height:52px; color: #454545; text-align:left; width: 80%;}
	.header .nav li:nth-child(2){background:url(../img/you.png) no-repeat right 20px;}
	.header .nav li:nth-child(3){background:url(../img/you.png) no-repeat right 20px;}
	.header .nav li:nth-child(5){background:url(../img/you.png) no-repeat right 20px;}
	.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; width:8px; height:14px;
	position:absolute; top:20px;right:10px; display:none;}
	
	.header .nav li .down{ position:static;background:rgba(255,255,255,1);padding:15px 15px;}
	.downc{flex-wrap:wrap;}
	.header .nav li .down .zlm{float: none; margin:0 auto 10px; width: 100%; }
	.header .nav li .down .zlm .ejdh{color:#454545;}
	

	.header .nav .sous{ margin-left:0; width:90%; height:40px; padding:8px; background: #ffc000; border-radius:20px;display: block; margin:15px auto; }
	.header .nav i{display: none;}
	.header .nav .yyxx{ width:100%; height:60px;margin-left:0; background: #ffc000;
	display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;}
	.header .nav .yuyan{ height:60px; background: #0262b8; }
	.header .nav .yuyan .yycon .yyr p{line-height:60px;}
	.header .nav .yuyan .qtyy{ width:70%; position: absolute; top:60px; left:15%;}
	
	
	/* news */
	.news{padding:30px 0 30px;}
	.newsc{margin:20px auto 0;}
	.newsc li{ width:100%; margin-right:0%; float: none; margin-bottom:20px;}
	.newsc li a .newstu{ height: auto;max-height:auto; }
	.newsc li a .newszi{padding:20px 5px 20px;}
	.newsc li a .newszi h3{font-size:20px;}
	.newsc li a .newszi p{font-size:15px; }
	.newsc li a .newszi .time span{font-size:16px;}
	.newsc li a .xzjt{top:150px;}
	
	
	/*固定的悬浮窗*/
	.yb_conct{ display:none;}
	
	
	/* 内页banner */
	.nybanner{height:240px; background-size: cover; }
	.nybcon{padding:50px 0 0;  width:100%; }
	.nybcon h3{font-size:24px;}
	.nybcon i{ width:20px;  margin:6px auto 15px;}
	
	
	
	/* 分类 */
	.fenl{border-bottom:none; padding: 20px 0;}
	.fenlc li{ float: left; margin-right:2%; margin-bottom:10px; width:49%;}
	.fenlc li:nth-child(2n){ margin-right: 0;}
	.fenlc li a{width: 100%; padding:0 6px;border-bottom: 2px solid rgba(0,0,0,0); background: #ededed; text-align: center; line-height:50px; border-radius: 8px;}
	.fenlc li:hover a{ color: #fff;border-bottom: 2px solid #0262b8; background: #0262b8;}
	.fenlc li.on a{color: #fff;border-bottom: 2px solid #0262b8;font-weight:900; background: #0262b8;}
	
	
	
	/* 简介 */
	.nycon{padding:20px 0 30px;}
	.abnyt h2{font-size:24px;}
	.abnyjj{width: 100%;display: block; overflow: hidden; margin:0 auto; box-sizing: border-box;}
	.bdfwb{ width:100%; display: block; box-sizing: border-box; margin:25px auto;}
	.bdfwb p{font-size:16px; text-align: left; font-weight:400; color:#005098; line-height: 1.68em; margin:10px 0;}
	.abnytu{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; margin:0px auto;}
	.abnytxx{ width:49%; display: block; overflow: hidden; box-sizing: border-box; }
	.abnytxx img{ width:100%; display: block; margin:0 auto;}
	
	
	.abnyt4{ padding-bottom: 25px; border-bottom: 1px solid #ccc;}
	
	
	/* 产品详情 */
	.nyxqc{width: 100%;margin:0 auto; padding:20px; border-top:1px solid #ededed;}
	.nyxqctt{margin:0 auto;}
	.xqcon{flex-wrap:wrap; margin: 20px 0;}
	.xqcon .xqctu{ width: 100%; height:315px;}
	.xqczi{ width:100%; padding:20px 0 0;}
	.xqczi h3{margin-bottom:10px;}
	.xqczi .lxlx{ width:100%;margin:15px 0 0;}
	.xqczi .lxlx:hover{width:100%;}
	.procon{margin:20px auto;}
	.xqxbt h3{width:130px;font-size:18px; }
	.procxx .bdfwb{margin:10px auto;}

	/* 新闻详情 */
	.newsxq{width: 100%; padding:0;}
	.nyxwbt{padding:0 0px 15px; }
	.nyxwbt h3{font-size:20px;margin-bottom:10px; text-align: left;}
	.nyxwbt h6{text-align: left;}
	.nycon .bdfwb{margin:0 auto 0;  padding:0 0; }
	.nycon .bdfwb p{line-height:1.6em;margin-bottom:3px;}
	.pspian{margin:20px auto 0;padding:20px 0;flex-wrap:wrap;}
	.pspianddd{width:100%; margin-top:20px;}
	

	/* join */
	.join{margin:10px auto;}
	.jooo{ width:100%;}
	.joLTT{ margin-bottom: 5px;}
	.join li a .joLTT h3{font-size: 20px;}
	.join li a span{display: none;}
	
	/* 在线留言 */
	.zxly{width: 100%;padding:20px 20px; margin:20px auto;}
	.tata{flex-wrap:wrap;}
	.tata .srk{width:100%;}
	.lybd .lytj{  height:52px;line-height: 52px; margin:15px auto 0;}
	.lxwm{width:100%; padding:20px 0;}

	/* Contacts */
	.wmz{margin:20px auto;}
	.wmz p{ line-height:1.5em;  margin-bottom:10px;}
	.nylxwm{ margin:25px auto; flex-wrap:wrap;;}
	.nylxl{ width:100%; padding: 25px 0 0; }
	.nylxlt{padding-bottom: 25px;}
	.nylxlt h3{font-size:22px; margin-bottom:10px;}
	
	.nylxlb{padding:20px 0;}
	.nylxlb h3{font-size:22px; margin-bottom:10px;}
	.lxrltt{ margin:0 auto 10px;padding-bottom: 25px;}
	
	.nylxr{ width:100%;}
	
	
	/* 搜索页面 */
	.snycon{padding:25px 0;}
	.sskk{width:100%; margin-bottom:30px; }
	.sskk .ssl{ width:70%;}
	.sskk .ssr{ width:30%;}
	
	/*搜索内容*/
	.souscon{ padding:10px 0; min-height: 100vh;} 
	
	
	
}


/*pid 768-992*/
@media (min-width:768px){

	
	.banner{height:350px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
	
	/* Service scope */
	.fuwu{ padding:30px 0;}
	.con{width:100%; padding: 0 20px; }
	.bt{margin:0 auto 20px; }
	.bt h2{font-size:26px;margin:6px auto 10px; }
	.fuwcon{ margin:0 auto 30px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:24px;}
	.fuwcon .fwzi p{margin:5px 0 10px;}
	
	.fuwcon .fwzi span{font-size:14px; }
	.more{ width: 100%; }
	.more:hover{width: 100%;}
	
	
	/* Product */
	.Pro{padding:30px 0;}
	.Procon{margin:0 auto 10px;}
	.Procon li{ width:49%; margin-right:2%; float: left; margin-bottom: 20px;}
	.Procon li:nth-child(4n){margin-right:2%;}
	.Procon li:nth-child(2n){margin-right:0;}
	.Procon li a .cptu{max-height:auto;}
	
	
	/* About */
	.About{ padding:30px 0; }
	.abouttt{flex-wrap:wrap;}
	.aboutll{ width:100%; text-align: left;}
	.aboutll i{margin:20px 0 20px;}
	.aboutll h5{margin:0 auto 10px;}
	.aboutrr{ width:100%; height: auto;}
	.abxq{ width:88px; height:70px; padding-top:10px;}
	.abxq .abxqtu{ width:30px; height:30px; background-size: cover;}
	.abxq h6{font-size:15px;font-weight:900; margin:4px auto 0;}
	.aboutll p{ line-height: 1.6em;}
	.abys{ width:100%;left:0; padding:24px 0;}
	.abysc{ width: 100%;flex-wrap:wrap;}
	.abyswm{ width:50%; margin: 10px 0;}
	.abysc i{display:none;}
	.abyswm p{font-size:14px;}
	.abyt h2{font-size:40px;}
	
	/* case */
	.case{padding:30px 0; }
	.picMarquee-left{margin:5px auto 0;  }
	

	/* news */
	.news{padding:30px 0 30px;}
	.newsc{margin:20px auto 0;}
	.newsc li{ width:100%; margin-right:0%; float: none; margin-bottom:20px;}
	.newsc li a .newstu{ height: auto;max-height:auto; }
	.newsc li a .newszi{padding:20px 5px 20px;}
	.newsc li a .newszi h3{font-size:20px;}
	.newsc li a .newszi p{font-size:15px; }
	.newsc li a .newszi .time span{font-size:16px;}
	.newsc li a .xzjt{top:150px;}
	
	
	/* 底部区域 */
	.footer{padding:20px 0 0;}
	.foott{flex-wrap:nowrap; padding-bottom:20px;}
	.foottl{ width:50%;}
	.foottl h5{font-size:16px;margin:10px 0 5px;}
	.dblzxc p{line-height: 1.4em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:none;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 150px; height: 150px; margin:10px auto 8px;}
	.foottr h4{font-size:14px;}
	
	
	.copy{padding:15px 0;}
	.copycon{flex-wrap:wrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	
	/* rongyu */
	.rongyu{margin:20px auto 25px;}
	.rongyu li{ width:49%; margin-right:2%;float:left;}
	.rongyu li:nth-child(4n){ margin-right:2%;}
	.rongyu li:nth-child(2n){ margin-right:0;}
	.rongyu li .rongytu{ width: 100%; height:355px; }
	.rongyu li p{height:60px; line-height:58px; }
	
	
	/* casec */
	.casec{margin:30px auto;}
	.casec li{ width:48.5%;float:left;margin-right:3%; margin-bottom:20px; }
	.casec li:nth-child(3n){ margin-right:3%;}
	.casec li:nth-child(2n){ margin-right:0;}
	.casec li a .casetu{height:275px;}
	
	
	/* pro */
	.cpzs li{ width:49%;float: left;margin-right:2%; margin-bottom: 20px; }
	.cpzs li:nth-child(4n){ margin-right:2%;}
	.cpzs li:nth-child(2n){ margin-right: 0;}
	.cpzs li a .zshu{height:365px;}
	
	
	
	
}

/*ipad 992 pro*/
@media (min-width:992px){
	/* 头部区域 */
	.hd_con{ width:100%;}

	
	.header .logo{padding:20px 8px 20px 16px;}
	.header .nav li{margin-right:15px;}
	.header .nav i{margin: 0 10px;}
	.header .nav .sous{ margin-left: 20px;}
	.header .nav .yyxx {width:70px;}
	
	.banner{height:450px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
	
	/* Service scope */
	.fuwu{ padding:30px 0;}
	.con{width:100%; padding: 0 30px; }
	.bt{margin:0 auto 20px; }
	.bt h2{font-size:30px;margin:0 auto;}
	.fuwcon{ margin:0 auto 30px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:24px;}
	.fuwcon .fwzi p{margin:5px 0 10px;}
	
	.fuwcon .fwzi span{font-size:14px; }
	.more{ width: 100%; }
	.more:hover{width: 100%;}
	
	/* Product */
	.Pro{padding:40px 0;}
	.Procon{margin:0 auto 10px;}
	.Procon li{ width:23.5%; margin-right:2%; float: left; margin-bottom: 20px;}
	.Procon li:nth-child(2n){margin-right:2%;}
	.Procon li:nth-child(4n){margin-right:0;}
	.Procon li a .cptu{max-height:auto;}
	.Procon li a .cpzi h4{ font-size:18px;}
	
	/* About */
	.About{ padding:40px 0; }
	.abouttt{flex-wrap:nowrap;}
	.aboutll{ width:48%; text-align: left;}
	.aboutll i{margin:20px 0 20px;}
	.aboutll h5{margin:0 auto 10px;}
	.aboutrr{ width:50%; height: auto;}
	.abxq{ width:88px; height:70px; padding-top:10px;}
	.abxq .abxqtu{ width:30px; height:30px; background-size: cover;}
	.abxq h6{font-size:15px;font-weight:900; margin:4px auto 0;}
	.aboutll p{ line-height: 1.6em;}
	.abys{ width:100%;left:30px; padding:24px 0;}
	.abysc{ width: 100%;flex-wrap:nowrap;}
	.abyswm{ width:23.5%; margin: 10px 0;}
	.abysc i{display:block;}
	.abyswm p{font-size:14px;}
	.abyt h2{font-size:40px;}
	
	/* case */
	.case{padding:50px 0; }
	.picMarquee-left{margin:10px auto 0;  }
	
	
	/* news */
	.news{padding:50px 0 50px;}
	.newsc{margin:30px auto 30px;}
	.newsc li{ width:32%; margin-right:2%; float: left; margin-bottom:0;}
	.newsc li a .newstu{ height: auto;max-height:170px; }
	.newsc li a .newszi{padding:20px 5px 20px;}
	.newsc li a .newszi h3{font-size:20px;}
	.newsc li a .newszi p{font-size:15px; }
	.newsc li a .newszi .time span{font-size:16px;}
	.newsc li a .xzjt{top:150px;}
	
	
	
	/* 底部区域 */
	.footer{padding:40px 0 0;}
	.foott{flex-wrap:nowrap; padding-bottom:30px;}
	.foottl{ width:50%;}
	.foottl h5{font-size:16px;margin:10px 0 5px;}
	.dblzxc p{line-height: 1.4em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:none;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 150px; height: 150px; margin:10px auto 8px;}
	.foottr h4{font-size:14px;}
	
	
	.copy{padding:15px 0;}
	.copycon{flex-wrap:wrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	/* rongyu */
	.rongyu{margin:30px auto 25px;}
	.rongyu li{ width:32%; margin-right:2%;float:left;}
	.rongyu li:nth-child(4n){ margin-right:2%;}
	.rongyu li:nth-child(2n){ margin-right:2%;}
	.rongyu li:nth-child(3n){ margin-right:0;}
	.rongyu li .rongytu{ width: 100%; height:418px; }
	.rongyu li p{height:60px; line-height:58px; }
	
	
	/* casec */
	.casec{margin:30px auto;}
	.casec li{ width:32%;float:left;margin-right:2%; margin-bottom:25px; }
	
	.casec li:nth-child(2n){ margin-right:2%;}
	.casec li:nth-child(3n){ margin-right:0%;}
	.casec li a .casetu{height:220px;}
	
	
	/* pro */
	.cpzs li{ width:32%;float: left;margin-right:2%; margin-bottom: 20px; }
	.cpzs li:nth-child(4n){ margin-right:2%;}
	.cpzs li:nth-child(2n){ margin-right:2%;}
	.cpzs li:nth-child(3n){ margin-right:0;}
	.cpzs li a .zshu{height:295px;}
	
	
	
	
	
	
}
/*PC 1200*/
@media (min-width:1000px){	
	/* 头部区域 */
	.header .logo{padding:20px 10px 20px 16px;}
	.header .nav li{margin-right:15px;}
	.header .nav i{margin: 0 10px;}
	.header .nav .sous{ margin-left: 20px;}
	.header .nav .yyxx {width:74px;}
	
	
	.banner{height:550px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:35px;}
	
	/* Service scope */
	.fuwu{ padding:40px 0;}
	.con{width:100%; padding: 0 40px; }
	.bt{margin:0 auto 20px; }
	.bt h2{font-size:40px;margin:10px auto 20px; }
	.fuwcon{ margin:0 auto 30px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:24px;}
	.fuwcon .fwzi p{margin:5px 0 10px;}
	
	.fuwcon .fwzi span{font-size:14px; }
	.more{ width: 100%; }
	.more:hover{width: 100%;}


	/* Product */
	.Pro{padding:50px 0;}
	.Procon{margin:0 auto 20px;}
	.Procon li{ width:23.5%; margin-right:2%; float: left; margin-bottom: 20px;}
	.Procon li:nth-child(2n){margin-right:2%;}
	.Procon li:nth-child(4n){margin-right:0;}
	.Procon li a .cptu{max-height:auto;}
	.Procon li a .cpzi h4{ font-size:19px;}


	/* About */
	.About{ padding:50px 0; }
	.abouttt{flex-wrap:nowrap;}
	.aboutll{ width:48%; text-align: left;}
	.aboutll i{margin:20px 0 20px;}
	.aboutll h5{margin:0 auto 10px;}
	.aboutrr{ width:50%; height: auto;}
	.abxq{ width:88px; height:70px; padding-top:10px;}
	.abxq .abxqtu{ width:30px; height:30px; background-size: cover;}
	.abxq h6{font-size:15px;font-weight:900; margin:4px auto 0;}
	.aboutll p{ line-height: 1.6em;}
	.abys{ width:100%;left:40px; padding:24px 0;}
	.abysc{ width: 100%;flex-wrap:nowrap;}
	.abyswm{ width:23.5%; margin:10px 0;}
	.abysc i{display:block;}
	.abyswm p{font-size:14px;}
	.abyt h2{font-size:40px;}
	
	
	/* case */
	.case{padding:60px 0; }
	.picMarquee-left{margin:15px auto 0;  }
	
	/* news */
	.news{padding:60px 0 50px;}
	.newsc{margin:30px auto 30px;}
	.newsc li{ width:32%; margin-right:2%; float: left; margin-bottom:0;}
	.newsc li a .newstu{ height: auto;max-height:200px; }
	.newsc li a .newszi{padding:30px 5px 24px;}
	.newsc li a .newszi h3{font-size:20px;}
	.newsc li a .newszi p{font-size:15px; }
	.newsc li a .newszi .time span{font-size:16px;}
	.newsc li a .xzjt{top:180px;}
	
	
	/* 底部区域 */
	.footer{padding:50px 0 0;}
	.foott{flex-wrap:nowrap; padding-bottom:40px;}
	.foottl{ width:480px;}
	.foottl h5{font-size:18px;margin:25px 0 20px;}
	.dblzxc p{line-height: 1.4em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:block;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 150px; height: 150px; margin:10px auto 8px;}
	.foottr h4{font-size:14px;}
	
	
	.copy{padding:25px 0;}
	.copycon{flex-wrap:nowrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	
	/* rongyu */
	.rongyu{margin:40px auto 30px;}
	.rongyu li{ width:23.5%; margin-right:2%;float:left;}
	.rongyu li:nth-child(2n){ margin-right:2%;}
	.rongyu li:nth-child(3n){ margin-right:2%;}
	.rongyu li:nth-child(4n){ margin-right:0;}
	.rongyu li .rongytu{ width: 100%; height:220px; }
	.rongyu li p{height:60px; line-height:58px; }
	
	/* casec */
	.casec{margin:40px auto;}
	.casec li{ width:32%;float:left;margin-right:2%; margin-bottom:25px; }
	
	.casec li:nth-child(2n){ margin-right:2%;}
	.casec li:nth-child(3n){ margin-right:0%;}
	.casec li a .casetu{height:240px;}
	
	
	/* pro */
	.cpzs li{ width:23.5%;float: left;margin-right:2%; margin-bottom: 20px; }
	.cpzs li:nth-child(2n){ margin-right:2%;}
	.cpzs li:nth-child(3n){ margin-right:2%;}
	.cpzs li:nth-child(4n){ margin-right:0;}
	.cpzs li a .zshu{height:258px;}
	
	
	
}

/*PC 1200*/
@media (min-width:1200px){	
	/* 头部区域 */
	.header .logo{padding:20px 40px 20px 50px;}
	
	.header .nav li{margin-right:22px;}
	.header .nav i{margin: 0 22px;}
	.header .nav .sous{ margin-left:25px;}
	.header .nav .yyxx {width:100px;}
	
	.banner{height:640px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
	
	
	/* Service scope */
	.fuwu{ padding:60px 0;}
	.con{width:1200px; padding: 0 0; }
	.bt{margin:0 auto 20px; }
	.bt h2{font-size:52px;margin:18px auto 25px; }
	.fuwcon{ margin:0 auto 40px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:26px;}
	.fuwcon .fwzi p{margin:10px 0 15px;}
	
	.fuwcon .fwzi span{font-size:15px; }
	.more{ width: 334px; }
	.more:hover{width: 350px;}
	
	/* Product */
	.Pro{padding:60px 0;}
	.Procon{margin:0 auto 20px;}
	.Procon li{ width:23.5%; margin-right:2%; float: left; margin-bottom: 20px;}
	.Procon li:nth-child(2n){margin-right:2%;}
	.Procon li:nth-child(4n){margin-right:0;}
	.Procon li a .cptu{max-height:280px;}
	.Procon li a .cpzi h4{ font-size:20px;}
	

	/* About */
	.About{ padding:100px 0 50px; }
	.abouttt{flex-wrap:nowrap;}
	.aboutll{ width:48%; text-align: left;}
	.aboutll i{margin:30px 0 40px;}
	.aboutll h5{margin:0 auto 18px;}
	.aboutrr{ width:50%; height: 390px;}
	.abxq{ width:138px; height:130px; padding-top:20px;}
	.abxq .abxqtu{ width:60px; height:60px; background-size: cover;}
	.abxq h6{font-size:16px;font-weight:900; margin:8px auto 0;}
	.aboutll p{ line-height:2em;}
	.abys{ width:100%;left:5%; padding:36px 0;}
	.abysc{ width: 1200px;flex-wrap:nowrap;}
	.abyswm{ width:23%; margin:0 0;}
	.abysc i{display:block;}
	.abyswm p{font-size:20px;}
	.abyt h2{font-size:56px;}
	
	
	
	
	/* case */
	.case{padding:90px 0; }
	.picMarquee-left{margin:20px auto 0;  }
	
	/* news */
	.news{padding:60px 0 50px;}
	.newsc{margin:30px auto 30px;}
	.newsc li{ width:32%; margin-right:2%; float: left; margin-bottom:0;}
	.newsc li a .newstu{ height: auto;max-height:225px; }
	.newsc li a .newszi{padding:30px 5px 24px;}
	.newsc li a .newszi h3{font-size:20px;}
	.newsc li a .newszi p{font-size:15px; }
	.newsc li a .newszi .time span{font-size:16px;}
	.newsc li a .xzjt{top:200px;}
	
	/* 底部区域 */
	.footer{padding:60px 0 0;}
	.foott{flex-wrap:nowrap; padding-bottom:60px;}
	.foottl{ width:480px;}
	.foottl h5{font-size:18px;margin:25px 0 20px;}
	.dblzxc p{line-height: 1.6em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:block;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 170px; height: 170px; margin:0 auto 15px;}
	.foottr h4{font-size:16px;}
	
	
	.copy{padding:30px 0;}
	.copycon{flex-wrap:nowrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	/* rongyu */
	.rongyu{margin:50px auto 30px;}
	.rongyu li{ width:23.5%; margin-right:2%;float:left;}
	.rongyu li:nth-child(2n){ margin-right:2%;}
	.rongyu li:nth-child(3n){ margin-right:2%;}
	.rongyu li:nth-child(4n){ margin-right:0;}
	.rongyu li .rongytu{ width: 100%; height:260px; }
	.rongyu li p{height:60px; line-height:58px; }
	
	
	/* casec */
	.casec{margin:40px auto;}
	.casec li{ width:32%;float:left;margin-right:2%; margin-bottom:25px; }
	
	.casec li:nth-child(2n){ margin-right:2%;}
	.casec li:nth-child(3n){ margin-right:0%;}
	.casec li a .casetu{height:268px;}
	
	
	/* pro */
	.cpzs li{ width:23.5%;float: left;margin-right:2%; margin-bottom:25px; }
	.cpzs li:nth-child(2n){ margin-right:2%;}
	.cpzs li:nth-child(3n){ margin-right:2%;}
	.cpzs li:nth-child(4n){ margin-right:0;}
	.cpzs li a .zshu{height:280px;}
	
	
}

/*PC 1200*/
@media (min-width:1260px){	
	/* 头部区域 */
	.header .logo{padding:20px 40px 20px 50px;}
	
	.header .nav li{margin-right:22px;}
	.header .nav i{margin: 0 22px;}
	.header .nav .sous{ margin-left:25px;}
	.header .nav .yyxx {width:100px;}
	
	.banner{height:640px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
	
	/* Service scope */
	.fuwu{ padding:60px 0;}
	.con{width:1260px; padding: 0 0; }
	.bt{margin:0 auto 30px; }
	.bt h2{font-size:52px;margin:18px auto 25px; }
	.fuwcon{ margin:0 auto 40px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:26px;}
	.fuwcon .fwzi p{margin:10px 0 15px;}
	
	.fuwcon .fwzi span{font-size:15px; }
	.more{ width: 334px; }
	.more:hover{width: 350px;}
	
	/* Product */
	.Pro{padding:70px 0;}
	.Procon{margin:0 auto 30px;}
	.Procon li{ width:23.5%; margin-right:2%; float: left; margin-bottom: 20px;}
	.Procon li:nth-child(2n){margin-right:2%;}
	.Procon li:nth-child(4n){margin-right:0;}
	.Procon li a .cptu{max-height:294px;}
	.Procon li a .cpzi h4{ font-size:21px;}
	
	
	/* About */
	.About{ padding:120px 0 50px; }
	.abouttt{flex-wrap:nowrap;}
	.aboutll{ width:48%; text-align: left;}
	.aboutll i{margin:30px 0 40px;}
	.aboutll h5{margin:0 auto 18px;}
	.aboutrr{ width:50%; height: 390px;}
	.abxq{ width:138px; height:130px; padding-top:20px;}
	.abxq .abxqtu{ width:60px; height:60px; background-size: cover;}
	.abxq h6{font-size:16px;font-weight:900; margin:8px auto 0;}
	.aboutll p{ line-height:2em;}
	.abys{ width:100%;left:8%; padding:36px 0;}
	.abysc{ width: 1260px;flex-wrap:nowrap;}
	.abyswm{ width:23%; margin:0 0;}
	.abysc i{display:block;}
	.abyswm p{font-size:20px;}
	.abyt h2{font-size:56px;}
	
	/* case */
	.case{padding:100px 0; }
	.picMarquee-left{margin:20px auto 0;  }


	/* news */
	.news{padding:60px 0 50px;}
	.newsc{margin:30px auto 30px;}
	.newsc li{ width:32%; margin-right:2%; float: left; margin-bottom:0;}
	.newsc li a .newstu{ height: auto;max-height:235px; }
	.newsc li a .newszi{padding:30px 5px 24px;}
	.newsc li a .newszi h3{font-size:22px;}
	.newsc li a .newszi p{font-size:16px; }
	.newsc li a .newszi .time span{font-size:18px;}
	.newsc li a .xzjt{top:210px;}

	/* 底部区域 */
	.footer{padding:70px 0 0;}
	.foott{flex-wrap:nowrap; padding-bottom:60px;}
	.foottl{ width:480px;}
	.foottl h5{font-size:18px;margin:25px 0 20px;}
	.dblzxc p{line-height: 1.6em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:block;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 170px; height: 170px; margin:0 auto 15px;}
	.foottr h4{font-size:16px;}
	
	
	.copy{padding:30px 0;}
	.copycon{flex-wrap:nowrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	/* rongyu */
	.rongyu{margin:50px auto 30px;}
	.rongyu li{ width:23.5%; margin-right:2%;float:left;}
	.rongyu li:nth-child(2n){ margin-right:2%;}
	.rongyu li:nth-child(3n){ margin-right:2%;}
	.rongyu li:nth-child(4n){ margin-right:0;}
	.rongyu li .rongytu{ width: 100%; height:272px; }
	.rongyu li p{height:60px; line-height:58px; }
	
	
	
	/* casec */
	.casec{margin:40px auto;}
	.casec li{ width:32%;float:left;margin-right:2%; margin-bottom:25px; }
	
	.casec li:nth-child(2n){ margin-right:2%;}
	.casec li:nth-child(3n){ margin-right:0%;}
	.casec li a .casetu{height:282px;}
	
	
	/* pro */
	.cpzs li{ width:23.5%;float: left;margin-right:2%; margin-bottom:25px; }
	.cpzs li:nth-child(2n){ margin-right:2%;}
	.cpzs li:nth-child(3n){ margin-right:2%;}
	.cpzs li:nth-child(4n){ margin-right:0;}
	.cpzs li a .zshu{height:290px;}
	
	
}





/*PC 1380px*/
@media (min-width:1380px){
	/* 头部区域 */
	.header .logo{padding:20px 35px 20px 80px;}
	.header .nav li{margin-right:30px;}
	.header .nav i{margin: 0 28px;}
	.header .nav .sous{ margin-left:30px;}
	.header .nav .yyxx {width:120px;margin-left:25px;}
	

	.banner{height:820px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:24px;}



	/* Service scope */
	.fuwu{ padding:80px 0;}
	.con{width:1380px; padding: 0 0; }
	.bt{margin:0 auto 40px; }
	.bt h2{font-size:44px;margin:0 auto; }
	.fuwcon{ margin:0 auto 40px; }
	.fuwcon .fwtu{height: auto;}
	.fuwcon .fwzi{margin:20px auto 0;}
	.fuwcon .fwzi h3{font-size:26px;}
	.fuwcon .fwzi p{margin:10px 0 20px;}
	
	.fuwcon .fwzi span{font-size:15px; }
	.more{ width: 334px; }
	.more:hover{width: 350px;}


	/* Product */
	.Pro{padding:80px 0;}
	.Procon{margin:0 auto 60px;}
	.Procon li{ width:23.5%; margin-right:2%; float: left; margin-bottom: 0;}
	.Procon li:nth-child(2n){margin-right:2%;}
	.Procon li:nth-child(4n){margin-right:0;}
	.Procon li a .cptu{max-height:330px;}
	.Procon li a .cpzi h4{ font-size:22px;}

	/* About */
	.About{ padding:130px 0 83px; }
	.abouttt{flex-wrap:nowrap;}
	.aboutll{ width:48%; text-align: left;}
	.aboutll i{margin:30px 0 40px;}
	.aboutll h5{margin:0 auto 18px;}
	.aboutrr{ width:50%; height: 390px;}
	.abxq{ width:138px; height:130px; padding-top:20px;}
	.abxq .abxqtu{ width:60px; height:60px; background-size: cover;}
	.abxq h6{font-size:16px;font-weight:900; margin:8px auto 0;}
	.aboutll p{ line-height:2em;}
	.abys{ width:100%;left:13.5%; padding:36px 0;}
	.abysc{ width: 1380px;flex-wrap:nowrap;}
	.abyswm{ width:23%; margin:0 0;}
	.abysc i{display:block;}
	.abyswm p{font-size:20px;}
	.abyt h2{font-size:56px;}
	
	
	/* case */
	.case{padding:100px 0; }
	.picMarquee-left{margin:20px auto 0;  }


	/* news */
	.news{padding:60px 0 50px;}
	.newsc{margin:30px auto 30px;}
	.newsc li{ width:32%; margin-right:2%; float: left; margin-bottom:0;}
	.newsc li a .newstu{ height: auto;max-height:260px; }
	.newsc li a .newszi{padding:30px 5px 24px;}
	.newsc li a .newszi h3{font-size:20px;}
	.newsc li a .newszi p{font-size:15px; }
	.newsc li a .newszi .time span{font-size:18px;}
	.newsc li a .xzjt{top:240px;}
	
	
	/* 底部区域 */
	.footer{padding:100px 0 0;}
	.foott{flex-wrap:nowrap; padding-bottom:88px;}
	.foottl{ width:480px;}
	.foottl h5{font-size:18px;margin:25px 0 20px;}
	.dblzxc p{line-height: 1.6em;}
	.ftbtb{margin-top:20px; }
	.foottc{display:block;}
	.foottr{ width: 170px;}
	.foottr .ewm{ width: 170px; height: 170px; margin:0 auto 15px;}
	.foottr h4{font-size:16px;}
	
	
	.copy{padding:30px 0;}
	.copycon{flex-wrap:nowrap;}
	.copycon p{text-align:left;}
	.copycon p a{text-align:left; padding: 0 0;}
	
	/* rongyu */
	.rongyu{ margin:50px auto 30px; }
	.rongyu li{ width:23.5%; margin-right: 2%;float:left;}
	.rongyu li:nth-child(4n){ margin-right: 0;}
	.rongyu li .rongytu{ width: 100%; height:324px;}
	.rongyu li p{height:60px; line-height:58px;}
	
	
	/* casec */
	.casec{margin:50px auto;}
	.casec li{ width:32%;float:left;margin-right:2%; margin-bottom:25px; }
	
	.casec li:nth-child(2n){ margin-right:2%;}
	.casec li:nth-child(3n){ margin-right:0%;}
	.casec li a .casetu{height:305px;}
	
	
	/* pro */
	.cpzs li{ width:23.5%;float: left;margin-right:2%; margin-bottom:25px; }
	.cpzs li:nth-child(2n){ margin-right:2%;}
	.cpzs li:nth-child(3n){ margin-right:2%;}
	.cpzs li:nth-child(4n){ margin-right:0;}
	.cpzs li a .zshu{height:310px;}
	
	
}

/*PC 1540px*/
@media (min-width:1540px){
	/* 头部区域 */
	.header .logo{padding:20px 50px 20px 100px;}
	.header .nav li{margin-right:40px;}
	.header .nav i{margin: 0 30px;}
	.header .nav .sous{ margin-left:48px;}
	.header .nav .yyxx {width:126px;margin-left:30px;}
	









	
}

/*PC 1640px*/
@media (min-width:1640px){
	/* 头部区域 */
	.header .logo{padding:20px 50px 20px 100px;}
	.header .nav li{margin-right:60px;}
	.header .nav i{margin: 0 30px;}
	.header .nav .sous{ margin-left:48px;}
	.header .nav .yyxx {width:126px;margin-left:30px;}
	









	
}