@charset "utf-8";



/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');



* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}



body{ font-size: 16px; color: #666; overflow-x: hidden; font-family:'Noto Sans SC',"Microsoft YaHei",'微软雅黑',sans-serif;font-weight: 300; background: #dedede;}



ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}



input,textarea,select,button{ outline:none; font-family:'Noto Sans SC',"Microsoft YaHei",微软雅黑, sans-serif; }



::-webkit-input-placeholder {color: #999;}



::-moz-placeholder {color: #999;}



:-ms-input-placeholder {color: #999;}







a { text-decoration: none; color:#666; transition: color 0.56s ease;}



a:hover{ color: #0054a3;}







.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}



.clearfix{zoom:1;}



.clear{ clear:both}



.overflow{overflow-y:hidden;}







.fl{float: left;}



.fr{float: right;}







/* 水平镜像翻转 */



.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}



.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}



/*图片放大*/



.imgZoom img{transition: all .5s;-webkit-transition: all .5s;}



.imgZoom:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}



/*图片旋转*/



.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}



.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}



/*按钮鼠标经过变暗*/



.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}



/*鼠标经过有阴影*/



.wlp-shadow{transition: all .4s;}



.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}



/*鼠标经过上浮并加阴影*/



.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}



.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px rgba(0,0,0,.5);}



/*图片经过遮罩*/



.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}







img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}







.wrap{ width: 1400px; margin: 0 auto;}



.ovh{overflow: hidden;}











/*顶部*/



.header{ width: 100%; height:100px;   position: absolute; left: 0; top: 0; z-index: 1111;}



.header .logo{ width: 433px; height: 496px; font-size: 20px; font-weight: 500;  text-align: center; padding-top: 30px; padding-right: 60px; background:url(../images/logoBg.png) no-repeat center top; background-size: contain; position: absolute; top: 0; left: 0; z-index: 111;}



.header .logo p{ padding-top: 20px;}



.header .logo a{ color: #000; line-height: 1.2;}



.header .headRight{ float: right;  padding-top: 40px;}



.header .nav{ float: left; padding-right: 50px; position: relative;}



.header .nav::after{ content: ""; width: 1px; height: 15px; background: #fff; position: absolute; right: 50px; top: 5px; z-index: 11;}



.header .nav ul li{ float: left; margin-right: 50px; line-height: 20px; font-weight: 400; padding-bottom: 11px; position: relative;}



.header .nav ul li.focus a{ color: #0080cb;}



.header .nav ul li.focus:after{ content: ""; width: 100%; height: 4px; background: #0080cb; position:absolute; left: 0; bottom: 0; }



.header .nav ul li a{ color: #fff;  font-size: 18px; font-weight: 400; display: block; position: relative;}



.header .nav ul li a:hover{ color: #0080cb;}



.header .lang{ float: left;  color: #fff; font-size: 18px; line-height: 18px; margin-right: 160px;}



.header .lang a{margin-left:7px;}







.header .menu-toggle{ width:60px; height:60px; position:absolute; right:40px; top:20px; z-index:99999; display:block;}



.header .menu-toggle span{ width:35px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}



.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}



.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}



.header .menu-toggle.cur span{background-color:transparent;}



.header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}



.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}







/*首页bannner*/



.banner { position: relative; width: 100%;}



.banner .swiper-container{ width:100%; overflow:hidden;}



.banner .swiper-container .swiper-slide img{width:100%;}



.banner .pagination {  position: absolute;z-index: 20; right: 60px; top:50%;}



.banner .swiper-pagination-switch {display: block; width:15px; height: 15px; background:#fff; margin:12px 0; border-radius: 20px;  cursor: pointer; position: relative;}



.banner .swiper-active-switch { width:15px; height: 15px; background: #0080cb; opacity: 1;}



.banner .swiper-active-switch::after { content: ""; width:19px; height: 19px;  border: #0080cb solid 2px;  border-radius: 20px;  position: absolute; left: -4px; top: -4px;}







.neiBanner{ position: relative;}



.neiBanner img{ width: 100%; }







/* .neiBanner2{ position: relative; height:363px;} */

.neiBanner2{ position: relative; } 



.neiBanner2 img{ width: 100%; }







.ntitle{ margin-bottom: 36px;}



.ntitle h2{ font-size: 40px; font-weight: 500; line-height: 1; color: #000; float: left;}



.ntitle ul{ float: right;}



.ntitle ul li{ float: left; margin-left: 10px;}



.ntitle ul li a{ width: 130px; line-height: 40px; text-align: center; font-size: 16px; color: #000; background: #fff; display: block;  transition: all 0.56s ease;}



.ntitle ul li a:hover,.ntitle ul li.on a{  background: #0080cb; color: #fff;}



.ntitle.coverBanner{ margin-top:-77px; position: relative; z-index: 11;}



.ntitle.coverBanner h2{ color: #fff;}



.ntitle.coverBanner dl{ float: right; font-size: 16px; line-height: 40px; color: #fff;}



.ntitle.coverBanner dl a{ color: #fff;}



.ntitle.coverBanner dl a:hover{ color: #0080cb;}







.bread{ height: 62px; text-align: right; padding-top: 10px; line-height: 50px;}







.inews{ padding: 60px 0 50px;}



.inews .title{ text-align: center; margin-bottom: 38px;}



.inews .title h2{ font-size: 36px; font-weight: 500; color: #000; line-height: 1;}



.inews .box ul { margin: 0 -10px;}



.inews .box ul li{ width: 25%; padding: 0 10px; float: left;}



.inews .box ul li a{ background: #fff; display: block; position: relative; transition: all 0.56s ease;}



.inews .box ul li dl{ position: relative; padding-bottom: 64.477%; overflow: hidden;}



.inews .box dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; }



.inews .box ol{ height: 144px; padding: 23px;}



.inews .box ol h3{ height: 40px; font-size: 18px; font-weight: 500; color: #000; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px; transition: all 0.56s ease;}



.inews .box ol dt{ height: 40px; font-size: 15px; font-weight: 200; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.56s ease;}



.inews .box dd{ width: 66px; height: 66px; background: #0080cb; color: #fff; font-size: 13px; text-align: center; padding-top: 12px; position: absolute; left: 0; top: 0; z-index: 11;}



.inews .box dd b{display: block; font-size: 24px; line-height: 1;}



.inews .box ul li a:hover{ background: #006aa8;}



.inews .box ul li a:hover h3{ color: #fff;}



.inews .box ul li a:hover dt{ color: #fff;}



.inews .more{ text-align: center; margin-top: 50px;}



.inews .more a{ color: #333;}



.inews .more a:hover{ color: #006aa8;}







.iabout{ background: #fff; position: relative;}



.iabout::after{ content: ""; width: 50%; height: 100%; background: #f6f6f6; position: absolute; left: 0; top: 0;}



.iabout .con{ width: 50%; height: 484px; position: relative; z-index: 11; float: left;}



.iabout .con ol{ position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); padding-right: 50px;}



.iabout .con ol h3{ font-size: 28px; font-weight: normal; color: #000; line-height: 1; margin-bottom: 15px;}



.iabout .con ol dt{ font-size: 18px; font-weight: normal; line-height: 1.6; margin-bottom: 25px;}



.iabout .con ol a{ font-size: 18px; color: #0080cb; font-weight: normal;}



.iabout .con ol a:hover{ text-decoration: underline;}



.iabout dl{ width: 50%; padding: 70px 0; text-align: right; float: right;}







.ipro{ height: 510px; background:url(../images/iproBg.jpg) no-repeat center; background-size: cover; padding-top: 80px;}



.ipro .title{ text-align: center; color: #fff; margin-bottom: 60px;}



.ipro .title h2{ font-size: 36px; font-weight: 500; line-height: 1; margin-bottom: 12px;}



.ipro .title p{ font-size: 18px; font-weight: normal; line-height: 1;}



.ipro ul{ margin: 0 -26px;}



.ipro ul li{ width: 33.33%; padding: 0 26px; float: left;}



.ipro ul li a{ height: 144px; line-height: 144px; color: #000; font-size: 20px; text-align: center; font-weight: normal; background: #fff; display: block;}







.news{ padding: 45px 0 80px;}



.news .box ul { margin: 0 -10px;}



.news .box ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px; float: left;}



.news .box ul li a{ background: #fff; display: block; position: relative; transition: all 0.56s ease;}



.news .box ul li dl{ position: relative; padding-bottom: 64.477%; overflow: hidden;}



.news .box dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; }



.news .box ol{ height: 150px; padding:15px 23px 25px;}



.news .box ol dd{ color: #999; font-size: 13px; margin-bottom: 10px; transition: all 0.56s ease; }



.news .box ol h3{ height: 20px; font-size: 18px; font-weight: 500; color: #000; line-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; transition: all 0.56s ease;}



.news .box ol dt{ height: 40px; font-size: 15px; font-weight: 200; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.56s ease;}



.news .box ul li a:hover{ background: #006aa8;}



.news .box ul li a:hover dd{ color: #fff;}



.news .box ul li a:hover h3{ color: #fff;}



.news .box ul li a:hover dt{ color: #fff;}







.view{ padding-bottom: 88px;}



.view .box{ background: #fff;}



.view .box .viewHead{ padding: 50px 70px 0; position: relative;}



.view .box .viewHead h1{ font-size: 30px; font-weight: normal; color: #000; line-height: 1.2; padding-bottom: 10px;}



.view .box .viewHead p{ line-height: 1; padding-bottom: 30px;}



.view .box .viewHead::after{ content: ""; width: 60px; height: 3px; background: #07427d; position: absolute; left: 70px; bottom: 0;}



.view .box .text{ padding: 30px 70px 90px; line-height: 2;}



.view .box .viewPage{ padding: 38px 70px; background: #11578b;}



.view .box .viewPage ul{ float: left;}



.view .box .viewPage ul li{ color: #fff; font-weight: bold;}



.view .box .viewPage ul li a{ color: #fff; line-height: 2; font-weight: normal;}



.view .box .viewPage ul li a:hover{  text-decoration: underline;}



.view .box .viewPage dl{ float: right;}







.brand{ padding: 70px 0 100px; color: #000; font-weight: normal; line-height: 1.8;}



.brand ul{ margin:40px -12px 0;}



.brand ul li{ width: 33.3333%; padding: 0 12px; margin-bottom: 20px; float: left;}



.brand ul li a{ line-height: 100px; background: #fff url(../images/jiantou.png) no-repeat right 30px center; font-size: 18px; color: #146eab; display: block; transition: all 0.56s ease;}



.brand ul li a i{ width: 100px; height: 100px; border-right: #dedede solid 1px; margin-right: 30px; float: left; transition: all 0.56s ease;}



.brand ul li a:hover{ background: #146eab url(../images/jiantou.png) no-repeat right 30px center; color: #fff;}



.brand01 i{ background: url(../images/icon01.png) no-repeat center;}



.brand01 a:hover i,.brand01.on a i{ background: url(../images/icon01_02.png) no-repeat center;}



.brand02 i{ background: url(../images/icon02.png) no-repeat center;}



.brand02 a:hover i,.brand02.on a i{ background: url(../images/icon02_02.png) no-repeat center;}



.brand03 i{ background: url(../images/icon03.png) no-repeat center;}



.brand03 a:hover i,.brand03.on a i{ background: url(../images/icon03_02.png) no-repeat center;}



.brand04 i{ background: url(../images/icon04.png) no-repeat center;}



.brand04 a:hover i,.brand04.on a i{ background: url(../images/icon04_02.png) no-repeat center;}



.brand05 i{ background: url(../images/icon05.png) no-repeat center;}



.brand05 a:hover i,.brand05.on a i{ background: url(../images/icon05_02.png) no-repeat center;}



.brand06 i{ background: url(../images/icon06.png) no-repeat center;}



.brand06 a:hover i,.brand06.on a i{ background: url(../images/icon06_02.png) no-repeat center;}



.brand07 i{ background: url(../images/icon07.png) no-repeat center;}



.brand07 a:hover i,.brand07.on a i{ background: url(../images/icon07_02.png) no-repeat center;}



.brand08 i{ background: url(../images/icon08.png) no-repeat center;}



.brand08 a:hover i,.brand08.on a i{ background: url(../images/icon08_02.png) no-repeat center;}



.brand09 i{ background: url(../images/icon09.png) no-repeat center;}



.brand09 a:hover i,.brand09.on a i{ background: url(../images/icon09_02.png) no-repeat center;}







.brandView{ padding-bottom: 100px;}



.brandView .brand_l{ width: 1158px; padding: 50px 70px; background: #fff; float: left;}



.brandView .viewHead{ position: relative; margin-bottom: 30px;}



.brandView .viewHead h1{ font-size: 30px; font-weight: normal; color: #000; line-height: 1.2; padding-bottom: 10px;}



.brandView .viewHead::after{ content: ""; width: 60px; height: 3px; background: #07427d; position: absolute; left: 0; bottom: 0;}



.brandView .con{ line-height: 1.8;}



.brandView .brand_r{ width: 220px; float: right;}



.brandView .brand_r ul li{ width:100%;margin-bottom:5px;}

.brandView .brand_r ul li a{ background: #fff; font-size: 15px; color: #146eab; display: block; overflow: hidden; transition: all 0.56s ease;}

.brandView .brand_r ul li a i{ width: 80px; height: 80px; border-right: #dedede solid 1px;  float: left; background-size: 30px auto; transition: all 0.56s ease;}

.brandView .brand_r ul li a span{ width: 120px; line-height: 1.2; padding: 22px 15px; float: left;}

.brandView .brand_r ul li a:hover,.brandView .brand_r ul li.on a{ background: #146eab; color: #fff;}



.sort{ padding: 45px 0 115px;}

.sort .tit{ text-align: center; font-size: 40px; font-weight: 500; line-height: 1; color: #000; margin-bottom: 60px;}

.sort .box ul{ margin: 0 -20px;}

.sort .box ul li{ width: 25%; padding: 0 40px; margin-bottom: 40px; float: left;}

.sort .box ul li a{ display: block; border-radius: 50%; padding-bottom: 100%; position: relative;}

.sort .box ul li a::before{ content: ""; width: 100%; height: 100%; background: #fff;border-radius: 50%; position: absolute; top: 0; right: 0; z-index:2;transition: all 0.56s ease;}

.sort .box ul li a::after{ content: ""; width: 100%; height: 100%; background: #d1d1d1;border-radius: 50%; position: absolute; top: 5px; right: 5px; z-index:0; transition: all 0.56s ease;}

.sort .box ul li ol{ text-align: center; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); z-index: 3;}

.sort .box ul li ol h2{ font-size: 30px; color: #006aa8; font-weight: normal; white-space:nowrap; line-height: 1; margin-bottom: 40px; }

.sort .box ul li ol span{ width: 120px; height: 36px; line-height: 34px; border: #d1d1d1 solid 1px; border-radius: 36px; font-size: 15px; color: #000; display: block; margin: 0 auto; transition: all 0.56s ease;}

.sort .box ul li a:hover ol span{ background: #006aa8; border: #006aa8 solid 1px; color: #fff;}

.sort .box ul li a:hover::before{ background: linear-gradient(to top right,#e1f4ff,#fff);}

.sort .box ul li a:hover::after{background: #006aa8;}



.products{ padding: 70px 0 100px;}

.products ul{ margin: 0 -10px;}

.products ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px; float: left;}

.products ul li a{ display: block; transition: all 0.56s ease;}

.products ul li dl{ padding-bottom:72.537%; position: relative; overflow: hidden;}

.products ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; }

.products ul li ol{ height: 120px; background: #fff; padding: 40px 25px; transition: all 0.56s ease;}

.products ul li ol h3{ font-size: 18px; font-weight: 500; color: #000; line-height: 1; transition: all 0.56s ease;}

.products ul li ol span{ font-size: 13px; color: #999; line-height: 1; font-family:"微软雅黑",serif; transition: all 0.56s ease;}

.products ul li a:hover{ box-shadow: 0 0 8px rgba(0,0,0,.1);}

.products ul li a:hover ol{ background: #006aa8;}

.products ul li a:hover ol h3{ color: #fff;}

.products ul li a:hover ol span{ color: #fff;}





.proview{ padding: 50px 70px 100px;}



.proview .viewHead{ padding: 0 !important; margin-bottom: 30px;}



.proview .viewHead::after{ left: 0 !important;}



.proview .pro_l{ width: 100%; float: left;}



.proview .pro_r{ width: 80%; float: right;}



.proview .pro_r{ padding-left: 20px; text-align: right;}



.proview .con{ line-height: 1.8;}





.proview.class .pro_l{ width: 50%;}

.proview.class .pro_r{ width: 50%;}





.ketang{padding: 70px 0 100px;}



.ketang ul{ margin: 0 -30px;}



.ketang ul li{ width: 50%; padding: 0 30px; margin-bottom: 20px; float: left;}



.ketang ul li a{ background: #fff; display: block; overflow: hidden;transition: all 0.56s ease;}



.ketang ul li dl,.ketang ul li ol{ width: 50%; float: left;}



.ketang ul li dl dd{ padding-bottom: 72.537%; position: relative; overflow: hidden;}



.ketang ul li dl dd img{ position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; }



.ketang ul li ol{ padding: 30px 40px;}



.ketang ul li ol h3{ font-size: 18px; color: #000; font-weight: 500; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;}



.ketang ul li ol dt{ height: 80px; font-size: 13px; color: #999; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-bottom: 15px;}



.ketang ul li ol span{ font-size: 13px; color: #006aa8;font-family:"微软雅黑",serif;}



.ketang ul li a:hover{ box-shadow: 0 0 8px rgba(0,0,0,.1);}







.footer{}



.footer .fcontact{ padding: 120px 0 110px; background:url(../images/footerBg.jpg) no-repeat center; background-size:cover;}



.footer .fcontact ul{ width: 33.33%; color: #fff; font-size: 18px; font-weight: normal; float: left;}



.footer .fcontact ul:nth-child(1){ width: 30%;}



.footer .fcontact ul:nth-child(2){ width: 40%;}



.footer .fcontact ul:nth-child(3){ width: 30%;}



.footer .fcontact ul dl{ width: 270px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; font-weight:bold; border: #fff solid 1px; margin-top: 0;}



.footer .fnav{ padding: 70px 0; background: #fff;}



.footer .fnav ul{ margin: 0 -20px;}



.footer .fnav ul li{ width: 25%; padding: 0 20px; float: left;}



.footer .fnav ul li dl a{ font-size: 20px; font-weight: normal; color: #000; line-height: 1; border-bottom: #cfcfcf solid 1px; display: block; padding-bottom: 15px; margin-bottom: 10px;}



.footer .fnav ul li ol a{ font-size: 16px; font-weight: normal; color: #666; line-height: 25px; display: block;}



.footer .fnav ul li ol a:hover{  color: #0080cb;}



.footer .copyright{ background: #000; line-height: 76px; color: #fff; font-size: 16px;}



.footer .copyright a{color:#fff;}











/*===/分页=============================*/



.fenye{ padding: 30px 0 0;font-size:18px; font-weight: normal; text-align: center;}



.fenye span,.fenye a{transition: all 0.56s ease; }



.off{  width: 46px; height: 46px; line-height: 46px; background:#fff; color:#000; text-align: center; display: inline-block; margin-right: 10px; margin-left: 10px;}



a.off:hover{ background:#0080cb; color:#fff; }



.fenye .fenkong{ margin-right: 10px;}



.fenye a{ width: 46px; height: 46px; line-height:46px; color:#000;text-align: center;  margin-right:10px;background:#fff;  display: inline-block;}



.fenye a:hover{color:#fff;background:#0080cb; }



.fenye a.fenyeon{ background:#0080cb; color:#FFF;}















@media only screen and (min-width: 1680px) and (max-width: 1920px){







}







@media only screen and (min-width: 1440px) and (max-width: 1679px){



    .header .logo{ width: 330px; height: 380px; padding-top: 20px; font-size: 16px;}



    .header .logo p{ padding-top: 10px;}



    .header .nav ul li{ margin-right: 40px;}



    .header .lang{ margin-right: 140px;}



}







@media only screen and (min-width: 1280px) and (max-width: 1439px){



    .wrap{ width: 1200px;}







    .header .logo{ width: 290px; height: 340px; padding-top: 20px; padding-right: 34px; font-size: 15px;}



    .header .logo img{ width: 60px;}



    .header .logo p{ padding-top: 10px;}



    .header .nav{padding-right: 40px;}



    .header .nav ul li{ margin-right: 40px;}



    .header .nav::after{ right: 37px;}



    .header .lang{ margin-right: 100px;}







    .header .menu-toggle{ right: 15px;}







    .brandView .brand_l { width: 965px;}



}







@media only screen and (min-width: 1000px) and (max-width: 1279px){



    .wrap{ width: 950px;}







    .header .logo{ width: 240px; height: 280px; padding-top: 10px; padding-right: 34px; font-size: 13px;}



    .header .logo img{ width: 60px;}



    .header .logo p{ padding-top: 6px;}



    .header .nav{padding-right: 30px;}



    .header .nav ul li{ margin-right:20px;}



    .header .nav ul li a{ font-size: 16px;}



    .header .nav::after{ right: 24px;}



    .header .lang{ margin-right:90px; font-size: 17px;}







    .header .menu-toggle{ right: 15px;}







    .inews .box ul{ margin: 0 -6px;}



    .inews .box ul li{ padding: 0 6px;}







    .iabout .con{height: 400px;}



    .iabout .con ol dt{ font-size: 16px;}







    .ipro{ height: 430px;}



    .ipro ul{ margin: 0 -16px;}



    .ipro ul li a{ height: 120px; line-height: 120px;}







    .ntitle h2{ font-size: 33px;}







    .news .box ul li{ width: 33.3333%;}







    .brand ul li a{ line-height: 80px; font-size: 16px; background: #fff url(../images/jiantou.png) no-repeat right 10px center;}



    .brand ul li a:hover{ background: #146eab url(../images/jiantou.png) no-repeat right 10px center;}



    .brand ul li a i{ width: 80px; height: 80px; margin-right: 14px;}







    .brandView .brand_l{ width: 715px; padding: 30px;}



    .sort .tit{ font-size: 33px;}

    .sort .box ul li { padding: 0 20px;}





    .ketang ul li ol{ padding: 20px;}



    .ketang ul li ol dt{ height: 60px; -webkit-line-clamp: 3; margin-bottom: 0;}







    .footer .fcontact{ padding: 110px 0 100px;}



    .footer .fcontact ul dl{ width: 230px; height: 70px; line-height: 70px; font-size: 24px;}



    .footer .fcontact ul{ font-size: 15px;}







    .footer .fnav ul{ margin: 0 -10px;}



    .footer .fnav ul li{ padding:0 10px;}



    .footer .fnav ul li dl a{ font-size: 18px;}



    .footer .fnav ul li ol a{ font-size: 14px;}



	



}







@media screen and (max-width:999px){



body{ padding-top: 60px;}



.wrap{ width: 100%; padding: 0 15px;}







.header{ width: 100%; height:60px; background: #fff;   box-shadow: 0 0 5px rgba(0,0,0,.1);  position: fixed; top: 0; left: 0; z-index: 99999; }



.header .logo{ width: auto; height: 50px;  padding-top:7px; padding-right: 0; padding-left: 15px; background:none; }



.header .logo img{ float: left;}



.header .logo p{ float: left; font-size: 14px; text-align: left; padding-top: 3px; padding-left: 10px;}



.header .logo a{ color: #000; line-height: 1.3;}



.header .headRight{ width: 100%; height: calc(100vh - 60px); background: #fff; border-top: 1px solid #eee; float: none;  padding-top: 0; position: fixed; top: 60px; left: 0; display: none;}



.header .nav{ float: none; padding-right: 0; position: relative; margin-bottom: 20px;}



.header .nav::after{ display: none;}



.header .nav ul li{ float: none; margin-right: 0; line-height: 50px; padding-bottom: 0; position: relative; border-bottom: #eee solid 1px;}



.header .nav ul li.focus a{ color: #0080cb;}



.header .nav ul li.focus:after{ content: ""; width: 100%; height: 2px; background: #0080cb; position:absolute; left: 0; bottom: 0; }



.header .nav ul li a{ color: #333;  font-size: 16px; padding: 0 15px;}



.header .nav ul li a:hover{ color: #0080cb;}



.header .lang{ float: none;  color: #333; font-size: 16px; line-height: 18px; margin-right: 0; text-align: center;}



.header .lang a{margin-left:7px;}







.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}



.header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}



.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}



.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}



.header .menu-toggle.cur span{background-color:transparent;}



.header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}



.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}







/*首页bannner*/



.banner { position: relative; width: 100%;}



.banner .swiper-container{ width:100%; overflow:hidden;}



.banner .swiper-container .swiper-slide img{width:100%;}



.banner .pagination {  width: 100%; position: absolute;z-index: 20; right: 0; bottom:10px; top: inherit; text-align: center;}



.banner .swiper-pagination-switch {display: inline-block; width:12px; height: 12px; background:#fff; margin:0 3px ; border-radius: 20px;  cursor: pointer; position: relative;}



.banner .swiper-active-switch { width:12px; height: 12px; background: #0080cb; opacity: 1;}



.banner .swiper-active-switch::after { display: none;}







.ntitle{ margin-bottom: 15px;}



.ntitle h2{ font-size: 24px; text-align: center;  float: none; margin-bottom: 15px;}



.ntitle ul{ float: none; text-align: center;}



.ntitle ul li{ float: none; margin:0 3px 8px; display: inline-block;}



.ntitle ul li a{ width: auto; min-width:80px; line-height: 36px; font-size: 14px; padding: 0 5px;}



.ntitle.coverBanner{ margin-top:40px; position: relative; z-index: 11;}



.ntitle.coverBanner h2{ color: #000;}



.ntitle.coverBanner dl{ display: none;}



.bread{ height:50px; text-align: left; padding-top: 5px; line-height: 50px; font-size: 13px;}







.inews{ padding: 40px 0;}



.inews .title{ margin-bottom: 20px;}



.inews .title h2{ font-size:24px;}



.inews .box ul { margin: 0 -5px;}



.inews .box ul li{ width:50%; padding: 0 5px; margin-bottom: 10px; float: left;}



.inews .box ol{ height: 110px; padding: 12px;}



.inews .box ol h3{ height: 36px; font-size: 15px; line-height: 18px; margin-bottom: 5px;}



.inews .box ol dt{ height:36px; font-size: 12px; line-height: 18px;}



.inews .box dd{ width: 50px; height: 50px; font-size: 12px; padding-top: 5px;}



.inews .box dd b{font-size: 18px;}



.inews .more{ margin-top: 20px; font-size: 14px;}







.iabout{ background: #fff; position: relative; padding: 45px 0;}



.iabout::after{ display: none;}



.iabout .con{ width: 100%; height: auto; position: relative; float: none; text-align: center;}



.iabout .con ol{ position: relative; left: 0; top: 0; transform: translate(0%, 0); padding-right: 0; margin-bottom: 15px;}



.iabout .con ol h3{ font-size: 22px;  margin-bottom: 15px;}



.iabout .con ol dt{ font-size: 15px; line-height: 1.6; margin-bottom: 15px;}



.iabout .con ol a{ font-size: 15px; }



.iabout .con ol a:hover{ text-decoration: underline;}



.iabout dl{ width: 100%; padding: 0; text-align: left; float: none;}







.ipro{ height: auto; padding:40px 0;}



.ipro .title{ margin-bottom: 35px;}



.ipro .title h2{ font-size: 24px;  margin-bottom: 10px;}



.ipro .title p{ font-size: 15px;}



.ipro ul{ margin: 0;}



.ipro ul li{ width: 33.33%; padding: 0 10px; float: left;}



.ipro ul li a{ height: 120px; line-height: 120px; font-size: 18px;}







.news{ padding: 40px 0;}



.news .box ul { margin: 0 -5px;}



.news .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}



.news .box ol{ height: 130px; padding:15px 12px 25px;}



.news .box ol dd{ color: #999; font-size: 13px; margin-bottom: 10px; transition: all 0.56s ease; }



.news .box ol h3{ height: 18px; font-size: 15px; line-height: 18px;margin-bottom: 7px; }



.news .box ol dt{ height: 36px; font-size: 12px; line-height: 18px; }



.news .box ul li a:hover{ background: #006aa8;}



.news .box ul li a:hover dd{ color: #fff;}



.news .box ul li a:hover h3{ color: #fff;}



.news .box ul li a:hover dt{ color: #fff;}











.view{ padding-bottom:30px;}



.view.aboutBox .bread{display: none;}



.view .box{ background: #fff;}



.view .box .viewHead{ padding: 30px 20px 0; position: relative;text-align: center;}



.view .box .viewHead h1{ font-size: 20px; line-height: 1.2; padding-bottom: 10px;}



.view .box .viewHead p{ font-size: 12px; padding-bottom: 20px; }



.view .box .viewHead::after{ content: ""; width: 40px; height:3px;  position: absolute; left: 50%; bottom: 0; margin-left: -20px;}



.view .box .text{ padding: 20px 20px 50px; line-height:1.6; font-size: 15px;}



.view .box .viewPage{ padding: 38px 20px; background: #11578b;}



.view .box .viewPage ul{ float: none; margin-bottom: 25px;}



.view .box .viewPage ul li{ color: #fff; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



.view .box .viewPage ul li a{ color: #fff; line-height: 2; font-weight: normal; font-size: 15px;}



.view .box .viewPage ul li a:hover{  text-decoration: underline;}



.view .box .viewPage dl{ float: none; text-align: center;}



.view .box .viewPage dl img{ width: 50px;}







.brand{ padding: 10px 0 50px; line-height: 1.6; font-size: 15px;}



.brand ul{ margin:40px 0 0;}



.brand ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: left;}



.brand ul li a{ line-height: 80px; background: #fff url(../images/jiantou.png) no-repeat right 20px center; font-size: 16px; }



.brand ul li a i{ width: 80px; height: 80px; border-right: #dedede solid 1px; margin-right: 30px; float: left; transition: all 0.56s ease;}



.brand ul li a:hover{ background: #146eab url(../images/jiantou.png) no-repeat right 20px center; color: #fff;}







.brandView{ padding-bottom: 30px;}



.brandView .brand_l{ width: 100%; padding: 30px 20px; background: #fff; float: none;}



.brandView .viewHead{ position: relative; margin-bottom: 20px;}



.brandView .viewHead h1{ font-size: 20px; padding-bottom: 10px;}



.brandView .viewHead::after{ content: ""; width: 40px; height: 3px; }



.brandView .con{ line-height: 1.6; font-size: 15px;}



.brandView .brand_r{ width: 100%; float: none; margin-bottom: 10px;}



.brandView .brand_r ul{ margin: 0 -5px;}



.brandView .brand_r ul li{ width:50%; padding: 0 5px; margin-bottom:5px; float: left;}



.brandView .brand_r ul li a{ background: #fff; font-size: 15px; color: #146eab; display: block; overflow: hidden; transition: all 0.56s ease;}



.brandView .brand_r ul li a i{ width: 55px; height: 60px; border-right: #dedede solid 1px;  float: left; background-size: 25px auto; transition: all 0.56s ease;}



.brandView .brand_r ul li a span{ width: calc(100% - 55px); line-height: 1.2; padding: 11px 10px; float: left;}



.brandView .brand_r ul li a:hover,.brandView .brand_r ul li.on a{ background: #146eab; color: #fff;}





.sort { padding: 45px 0 35px;}

.sort .tit{ font-size: 24px; margin-bottom: 30px;}
.sort .box ul{ margin: 0;}
.sort .box ul li { width:50%; padding: 0 10px; margin-bottom: 20px;}

.sort .box ul li ol h2{ font-size: 22px; margin-bottom: 15px; white-space: nowrap;}

.sort .box ul li ol span{ width: 90px; height: 32px; line-height: 30px; font-size: 13px;}



.products{ padding: 0 0 40px;}

.products ul{ margin: 0 -5px;}

.products ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}

.products ul li ol{ height: 70px; background: #fff; padding: 15px 15px;}

.products ul li ol h3{ font-size: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.products ul li ol span{ font-size: 12px; }



.proview{ padding: 20px 20px 40px;}

.proview .viewHead{ padding: 0 !important; margin-bottom: 20px;}

.proview .viewHead::after{ left: 50% !important; margin-left: -20px;}

.proview .pro_l,.proview .pro_r{ width: 100%; float: none;}

.proview .pro_r{ padding-left: 0; text-align: none; margin-bottom: 30px;}

.proview .con{ line-height: 1.6; font-size: 15px;}





.proview.class .pro_l{ width: 100%;}

.proview.class .pro_r{ width: 100%;}





.ketang{padding: 5px 0 50px;}



.ketang ul{ margin: 0 -5px;}



.ketang ul li{ width: 100%; padding: 0 5px; margin-bottom: 10px; float: left;}



.ketang ul li ol{ padding: 15px;}



.ketang ul li ol h3{ font-size: 15px; margin-bottom: 5px;}



.ketang ul li ol dt{ height: 48px; font-size: 12px; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 5px;}



.ketang ul li ol span{ font-size: 12px;}











.footer .fcontact{ padding: 30px 0;}



.footer .fcontact ul{ width: 100%;  font-size: 14px; float: none; margin-bottom: 15px;}



.footer .fcontact ul:nth-child(1){ width: 100%;}



.footer .fcontact ul:nth-child(2){ width: 100%;}



.footer .fcontact ul:nth-child(3){ width: 100%;}



.footer .fcontact ul dl{ width: 160px; height: 48px; line-height: 48px; font-size: 18px; margin-top: 20px;}



.footer .fnav{ display: none;}



.footer .copyright{ padding: 15px 0; line-height:1.6; font-size: 13px;}







/*===/分页=============================*/



.fenye{ padding: 20px 0 10px;font-size:15px; font-weight: normal; text-align: center;}



.fenye span,.fenye a{ border-radius: 5px; transition: all 0.56s ease; }



.off{  width: 36px; height: 36px; line-height: 36px; text-align: center; display: inline-block; margin-right: 5px;}



.fenye .fenkong{ margin-right: 5px;}



.fenye a{ width: 36px; height: 36px; line-height:36px; color:#000;text-align: center;  margin-right:5px; display: inline-block;}











}