/* CSS Document */
@font-face {
    font-family: 'iconfont';  /* Project id 1264008 */
    src: url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff2?t=1637738775082') format('woff2'),
         url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff?t=1637738775082') format('woff'),
         url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.ttf?t=1637738775082') format('truetype');
  }
*{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
body { margin: 0 auto; overflow-x: hidden; color: #5a5a5a; font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color: #7b7b7b; cursor: pointer;}
a:hover{text-decoration:none;}
s, i { font-style: normal;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.q{zoom: 1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.block{ display: block!important;}
input,select,button,option{ border:0; outline:none;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}

/*头部*/
.top{ background-image: url("../image/top.jpg"); background-repeat: no-repeat; margin: 0px auto; position: relative; padding-bottom: 66px; background-position: 50% 0px; overflow: visible;}
.toph{ height: 34px; line-height: 34px; color: #747474; overflow: hidden;}
.toph span{ display: inline-block; padding: 0 20px; background: no-repeat 3px 10px;}
.toph span.i-position{ background-image: url(../image/h_nav.png);}
.toph span.i-message{ background-image: url(../image/h_mes.png);}
.topl{ margin: 29px auto 27px;}
.topl .logo{ width: 50%;}
.topl .logo .logoimg{ margin-right: 10px;}
.topl .logo .logoimg img{ max-height: 74px;}
.topl .logo .name h1{ font-size: 32px; font-style: normal; color: #000;}
.topl .logo .name p{ font-size: 16px; color: #666; line-height: 24px; margin: 0;letter-spacing: 3px;}
.topl .logo .name p em{ font-style: normal; color: #0067ac; font-weight: bold;}
.topl .hot-phone { padding-left: 55px; background: url(../image/h_tel.png) no-repeat left 13px;}
.topl .hot-phone .p-title { color: #747474; font-size: 16px;}
.topl .p-number{ font-size: 30px; font-family: Impact; color: #0067ac;}

/* 导航 */
.nav{ position: absolute; left: 0; bottom: -8px; background-image: url(../image/nav.png); background-repeat: no-repeat; height: 82px; background-position: 50% 0px; overflow: visible; z-index: 999;}
.nav .content{ margin-top: 7px; overflow: visible;}
.nav ul{ padding: 0; margin: 0; list-style-type: none;}
.nav ul li{ position: relative;width: 14.28%;}
.nav ul li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.nav ul li.dropdown:before{content: ""; position: absolute; border: 6px solid transparent; color: #fff; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 15px;}
.nav ul li a {display: block;text-align: center;text-decoration: none;height: 67px;color: #fff;background: #0667aa;line-height: 67px;font-size: 16px;transition: all ease .3s;-webkit-transition: all ease .3s;}
.nav ul li:hover>a , .nav ul li.active>a{color: #fff;background: #035084;}
.nav .dropdown-box{position: absolute;top: 67px;left: 0;width: 100%;visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;}
.nav ul li:hover .dropdown-box{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .dropdown-box a{display: block;font-size: 14px;background: #0667aa;border-bottom: 1px solid #035084;color: #fff;height: 47px;line-height: 47px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .dropdown-box a:hover {background: #035084;color: #fff;}
.nav li.open .dropdown-box{display: block;}

/* 头部banner */
.banner{ width: 100%; position: relative; overflow: hidden; z-index: 1;}

/* 首页搜索 */
.search{ background-color: #f0f0f0;}
.search .keyword { display: inline-block; color: #666; height: 60px; line-height: 60px;}
.search .keyword strong { margin-right: 15px; }
.search .keyword a { display: inline-block; margin-right: 15px; }
.search .keyword a:hover { text-decoration: underline;}
.search .ssnr{ float: right; padding-top: 12.5px;}
.search .ssnr form{ display: inline-block; height: 35px; border-radius: 13px 0 0 13px;}
.search .ssnr input{box-sizing: border-box;width: 285px;height: 35px;line-height: 26px;border: none;color: #505050;float: left;padding: 5px 40px 5px 15px;border-radius: 13px;background: url(../image/ssk.png) no-repeat left center;}
.search .ssnr input:focus{outline: none;}
.search .ssnr button{border: 0;background: url(../image/ssa.png) no-repeat -13px 0;width: 100px;height: 35px;float: left;margin-left: -35px;cursor: pointer;}

/*公共标题*/
.m-title { color: #0067ac; width: 350px; margin: 50px auto; text-align: center; position: relative; }
.m-title .en-title { text-transform: uppercase; font-size: 12px; position: absolute; padding: 0 10px; top: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; z-index: 3; }
.m-title .main-title { font-size: 36px; font-weight: bold; border-top: 1px solid #0067ac; border-bottom: 1px solid #0067ac; padding: 4px 0 7px; }
.m-title .sub-title { color: #333; font-size: 20px; margin-top: 5px; }
.m-title .pro { background-color: #e4e4e4;}
.m-title .newst { background-color: #fafafa;}
.m-title .about { background-color: #e2ecf6;}
.m-title .hezuot{ background-color: #b7d9f2;}

/* 核心产品 */
.hxpro{ background-image: url(../image/prohx.jpg); background-position-x: 50%; background-repeat: no-repeat; padding-bottom: 50px;}
.hxpro .pro-list { width: 1200px; margin: 0 auto; }
.hxpro .pro-list ul { overflow: hidden; }
.hxpro .pro-list li { position: relative; float: left; text-align: center; margin: 0 26px 20px 0; background-color: #fff; width: 280px; -webkit-box-shadow: 0px 7px 10px rgba(238, 238, 238, 0.8); box-shadow: 0px 7px 10px rgba(238, 238, 238, 0.8); }
.hxpro .pro-list li a { -webkit-transition: all ease .3s; transition: all ease .3s; border: 2px solid transparent; display: block; }
.hxpro .pro-list li b { display: block; font-weight: normal; font-size: 16px; position: relative; margin-top: 20px; }
.hxpro .pro-list li b::after { content: ""; display: inline-block; width: 70px; height: 2px; background-color: #0067ac; position: absolute; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.hxpro .pro-list li p { margin: 25px 0; padding: 0 15px; line-height:200%;color:#666;}
.hxpro .pro-list li em { font-style: normal; display: inline-block; padding: 5px 17px; background-color: #0067ac; color: #fff; margin-bottom: 20px; }
.hxpro .pro-list li .imgdw{ width: 276px; height: 215px; overflow: hidden;}
.hxpro .pro-list li .imgdw img { object-fit: cover; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.hxpro .pro-list li .imgdw img:hover{ transform: scale(1.2);}
.hxpro .pro-list li:hover a { border: 2px solid #0067ac; }
.hxpro .pro-list li:hover b { color: #0067ac; }
.hxpro .pro-list li:hover em { background-color: #ff9000; }

/* 首页产品 */
.prosy{ background-image: url(../image/prosy.jpg); background-position-x: 50%; background-repeat: no-repeat; padding-bottom: 40px;}
.prosy .pro_l { float: left; width: 239px; padding-bottom: 12px; background: #0067ac; overflow: hidden; }
.prosy .pro_l h2 { padding-top: 17px; margin-bottom: 20px; overflow: hidden; text-align: center; font-size: 24px; line-height: 36px; background: url(../image/pro_tb.jpg) no-repeat center top; }
.prosy .pro_l h2 a { color: #fff; }
.prosy .pro_l h2 i { display: block; color: #a5c3e2; text-transform: uppercase; font-size: 16px; }
.prosy .pro_l ul { margin: 0 auto; width: 222px; overflow: hidden; }
.prosy .pro_l ul li { margin-bottom: 9px; height: 48px; overflow: hidden; background: url(../image/pro_fl1.png) no-repeat center top;}
.prosy .pro_l ul li a { display: inline-block; padding-left: 46px; width: 100%; height: 48px; line-height: 48px; color: #fff; font-size: 16px;}
.prosy .pro_l ul li a:hover, .prosy .pro_l ul .cur a { background: url(../image/pro_fl2.png) no-repeat center top; }
.prosy .pro_l ul .nones a { height: 36px; line-height: 36px; }
.prosy .pro_l ul .nones a:hover { background: url(../image/pro_fl1.png) no-repeat center top; }
.prosy .pro_r { width: 938px; overflow: hidden; float: right; }
.prosy .pro_r ul li { float: left; position: relative; background: #fff;  width: 300px; height: 240px; line-height: 0px; margin-right: 19px; margin-bottom: 40px; overflow: hidden; }
.prosy .pro_r ul li:nth-child(3n){margin-right:0}
.prosy .pro_r ul li img { object-fit: contain; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.prosy .pro_r ul li img:hover{ transform: scale(1.2);}
.prosy .pro_r ul li em { position: absolute; left: 0px; bottom: 0px; width: 100%; display: block; text-align: center; font-size: 16px; color: #0067ac; background-color: rgba(0, 0, 0, 0.15); line-height: 36px; padding: 0 15px; font-style: normal;}

/* 首页优势 */
.ys_bg{ height: 1740px; overflow:hidden;background:url(../image/ys_bg.jpg) no-repeat center top;}
.ys_bg em{font-style: normal;}
.ys_bg .content{width: 1200px;margin: 0 auto;}
.ys{height: 1740px; position: relative; width:1200px; overflow:hidden;}
.ys h2{ margin:59px auto 0; width: 1200px; height: 107px; position: relative; background:url(../image/ys_t.png) no-repeat center top; color: #fff; }
.ys h2 p{float: left; width: 620px; text-align: right;font:bold 34px/107px "Microsoft Yahei";font-style: italic; }
.ys h2 span{float: right;margin-top: 32px; display: block; width: 512px; text-align: left;font:bold 30px/75px "Microsoft Yahei";font-style: italic; }
.ys h2 span b{ color: #ff9000; font-size: 40px; padding-right: 5px;}
.ys dl{width: 520px; overflow: hidden; }
.ys dl dt{overflow: hidden; margin-bottom: 22px;}
.ys dl dt img{float: left; width:65px; height: 65px;}
.ys dl dt p{float: right;width: 445px; color: #ed6603;font:bold 18px/28px "Microsoft Yahei";}
.ys dl dt p b{color: #0067ac; display: block;font:bold 30px/38px "Microsoft Yahei";}
.ys dl dd{overflow: hidden;}
.ys dl dd p{display: block; padding-left: 70px; color: #666; font:16px/40px "Microsoft Yahei";  background:url(../image/ys_ic.png) no-repeat 53px 16px;}
.ys dl dd p em{ color:#0067ac; font-weight:bold;}
.ys01{position: absolute; right: 0px; top:360px;}
.ys02{position: absolute; left: 0px; top:684px;}
.ys03{position: absolute; right: 80px; top:1043px;}
.ys04{position: absolute; left: 0px; top:1374px;}
.ys_i1{position: absolute; left:0px; top:178px; width: 590px; height: 500px; overflow: hidden;}
.ys_i1 img{max-height: 500px; max-width: 590px;}
.ys_i2{position: absolute; right:0px; top:638px; width: 591px; height: 329px; overflow: hidden;}
.ys_i2 img{ border: 5px solid #fff; max-height: 329px; border-radius: 10px;}
.ys_i3{position: absolute; left:0px; top:952px; width: 573px; height: 345px; overflow: hidden;}
.ys_i3 img{width: 573px; height: 345px; }
.ys_i4{position: absolute; right:0px; top:1325px; width: 591px; height: 339px; overflow: hidden;}
.ys_i4 img{ border: 5px solid #fff; max-height: 339px; border-radius: 10px;}

/* 首页简介 */
.about{ background-image: url(../image/about.jpg); background-position-x: 50%; background-repeat: no-repeat; padding-bottom: 60px; overflow: hidden;}
.about-wrap { margin-bottom: 40px;}
.about-wrap .imgbox { margin-bottom: 30px; }
.about-wrap .imgbox img{ width: 1200px; height: auto;}
.about-wrap .desc { line-height: 200%; text-align: left; color: #666; font-size: 15px; text-indent: 2em;}
.about-wrap .desc a{ color: #0067ac; font-weight: bold;}
.about-wrap .desc a:hover { text-decoration: underline; }
.about .tab_li { margin-bottom: 23px; width: 1200px; border-bottom: 1px solid #b2c2c9; overflow: hidden; height: 47px; }
.about .tab_li span { display: block; font-size: 16px; line-height: 47px; }
.about .tab_li span a { color: #0067ac; }
.about .tab_li ul { width: 100%; text-align: center;}
.about .tab_li li { display: inline-block; margin-right: 3px; height: 47px; text-align: center; overflow: hidden; line-height: 0px; }
.about .tab_li li a { display: inline-block; font-size: 20px; line-height: 47px; width: 163px; color: #fff; height: 47px; overflow: hidden; background: #656565; }
.about .tab_li li a:hover, .about .tab_li .cur a { text-decoration: none; background: #0067ac; }
.about .tab_li .nones { background: none; }
.about .roll3, .about .roll4 { margin-top: 46px; width: 30px; height: 84px; overflow: hidden; }
.about .roll3 a, .about .roll4 a { display: block; width: 30px; height: 84px; background: url(../image/roll1.jpg) no-repeat; }
.about .roll3 { float: left; }
.about .roll4 { float: right; }
.about .roll4 a { background: url(../image/roll2.jpg) no-repeat; }
.about .slide_c { width: 1110px; float: left; margin-left: 20px; overflow: hidden; }
.about .slide_c ul li { margin-right: 9px; width: 270px; line-height: 0px; float: left; }
.about .slide_c ul li .imgdw{ width: 270px; height: 185px; overflow: hidden;}
.about .slide_c ul li .imgdw img { object-fit: cover; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.about .slide_c ul li .imgdw img:hover{ transform: scale(1.2);}

/* 首页新闻 */
.news{ background-image: url(../image/news.jpg); background-position-x: 50%; background-repeat: no-repeat; padding-bottom: 27px;}
.news .news-item{padding: 20px; margin: 15px 0px; border: 1px solid #e0e0e0; overflow: hidden; width: 580px; float: left; transition: all ease .3s;}
.news .news-item:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.2); border: 1px solid #0C58A3; background:#0C58A3}
.news .news-item:hover .date-info h2,.news .news-item:hover .date-info h3,.news .news-item:hover .news-title a,.news .news-item:hover .news-content p{color:#fff}
.news .news-item:nth-child(2n){margin-left:30px}
.news .news-item .date-info{width: 80px; height: 80px; float: left; border-radius: 4px; color: #343434; text-align: center; overflow: hidden;}
.news .news-item .date-info h2{height: 55px; line-height: 55px; font-size: 38px; color: #0168ac; transition: all ease .3s;}
.news .news-item .date-info h3{height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; -webkit-transition: all ease .3s; transition: all ease .3s;}
.news .news-item .news-content{margin-left: 110px;}
.news .news-item .news-content .news-title{font-size: 16px; font-weight: normal; margin-top:5px; margin-bottom: 10px;}
.news .news-item .news-content a{ display: block; color: #0168ac; font-weight: bold; -webkit-transition: all ease .3s; transition: all ease .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.news .news-item .news-content p{font-size: 13px; display: -webkit-box; color: #343434; transition: all ease .3s; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 合作分类 */
.hezuo{ background-image: url(../image/hezuo.jpg); background-position-x: 50%; background-repeat: no-repeat; padding-bottom: 85px;}
.hezuo .roll3, .hezuo .roll4 { margin-top: 46px; width: 30px; height: 84px; overflow: hidden; }
.hezuo .roll3 a, .hezuo .roll4 a { display: block; width: 30px; height: 84px; background: url(../image/roll1.jpg) no-repeat; }
.hezuo .roll3 { float: left; }
.hezuo .roll4 { float: right; }
.hezuo .roll4 a { background: url(../image/roll2.jpg) no-repeat; }
.hezuo .slide_c { width: 1110px; float: left; margin-left: 20px; overflow: hidden; }
.hezuo .slide_c ul li { margin-right: 9px; width: 270px; line-height: 0px; float: left; }
.hezuo .slide_c ul li em { display: block; text-align: center; color: #525252; font-size: 16px; line-height: 24px; padding-top: 10px; font-style: normal;}
.hezuo .slide_c ul li:hover em { color: #0067ac; }
.hezuo .slide_c ul li .imgdw{ width: 270px; height: 160px; overflow: hidden;}
.hezuo .slide_c ul li .imgdw img { object-fit: cover; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.hezuo .slide_c ul li .imgdw img:hover{ transform: scale(1.2);}

/* 底部*/
.footer {background: url(../image/f_bg.png) no-repeat center top;position: relative;margin-top: 0;padding-bottom: 30px;overflow: hidden;clear: both;}
.footer em,.footer i {font-style: normal;}
.f_nav {height: 60px;overflow: hidden;text-align: center;font-size: 16px;line-height: 60px;}
.f_nav a {color: #fff;padding: 0 40px;display: inline-block;background: url(../image/f_nav.gif) no-repeat right center;}
.f_nav a:last-child {background: none;}
.f_con {margin-top: 40px;}
.f_logo {overflow: hidden;margin: 80px 20px 0 0;}
.f_logo span {display: block;margin: 0 auto 11px;width: 121px;height: 78px;}
.f_logo img {width: 121px;height: 78px;}
.f_logo p {margin: 0 auto;width: 103px;height: 117px;overflow: hidden;background: #80adcb;}
.f_logo p img {width: 87px;height: 86px;display: block;margin: 6px auto 0;}
.f_logo p i {display: block;text-align: center;color: #263139;line-height: 25px;}
.f_all {float: left;width: 325px;overflow: hidden;}
.f_h3 {height: 46px;margin-bottom: 12px;font-size: 18px;font-weight: bold;line-height: 46px;color: #fff;border-bottom: 1px solid #fff;}
.f_h3 a {color: #fff;}
.f_h3 img {vertical-align: middle;padding-right: 10px;}
.f_all {overflow: hidden;color: #fff;line-height: 30px;}
.f_all a {color: #fff;}
.f_all b {margin-left: 0px;font-size: 24px;line-height: 28px;}
.f_all em {display: block;margin-bottom: 4px;}
.f_all img {vertical-align: middle;padding-right: 12px;}
.f_pro {float: left;width: 150px;margin-left: 68px;}
.f_pro .f_h3 img {padding-left: 10px;}
.f_pro ul li {padding-left: 38px;line-height: 28px;background: url(../image/f_ic.gif) no-repeat 25px center;}
.f_pro ul li a {color: #fff;}
.footer a:hover{color: #b7d9f2}

/* 内页banner */
.nybanner{ width: 100%; position: relative; overflow: hidden; z-index: 1;}

/* ny comm */
.nynr{ margin: 40px auto 80px auto;}
.nyzc{ width: 240px; margin-right: 30px; overflow: hidden;}
.nyzc .zc-flm{ padding:18px 0; color:#fff; text-align:center; font-size:26px; background-color:#0667aa; font-weight:bold;}
.nyzc .zc-zlm{ border: 5px solid #0667aa; padding:5px 10px;}
.nyzc .zc-zlm .zlmmc{ width: 100%; height: 48px; line-height: 48px; margin: 10px 0; background: #e7e7e7 url(../image/ico_1.png) no-repeat 185px center; padding-left: 25px; padding-right: 28px; overflow: hidden;}
.nyzc .zc-zlm .zlmmc a{ display: block; width: 80%; color: #333; font-size: 16px;}
.nyzc .zc-zlm .zlmmc:hover{ background: #0667aa url(../image/ico_1.png) no-repeat 185px center;}
.nyzc .zc-zlm .zlmmc:hover a, .nyzc .zc-zlm .zlmmc.active a{ color: #fff;}
.nyzc .zc-zlm .zlmmc.active{ background: #0667aa url(../image/ico_2.png) no-repeat 185px center;}
.nyzc .zc-zlm .currentlm{ background: #e7e7e7 url(../image/ico_2.png) no-repeat 185px center;}
.nyzc .zc-zlm .sanji{ display: none; background: #f4f4f4;}
.nyzc .zc-zlm .sanji li{ width: 100%; line-height: 40px; padding-left: 25px; overflow: hidden;}
.nyzc .zc-zlm .sanji li a{ display: block; width: 100%;}
.nyzc .zc-zlm .sanji li.active, .nyzc .zc-zlm .sanji li:hover{ background: #0667aa;}
.nyzc .zc-zlm .sanji li.active a, .nyzc .zc-zlm .sanji li:hover a{ color: #fff;}
.nyzc .com_lxtu{ width: 100%; padding-top: 40px;}
.nyzc .com_lx{ width: 100%; background: #e7e7e7; padding: 20px 0; border-bottom: 8px solid #0667aa;}
.nyzc .com_lx dt{ float: left; background: url(../image/dh.png) no-repeat center; width: 72px; height: 50px;}
.nyzc .com_lx dd{ margin-left: 55px; color: #0667aa; padding: 5px 13px;}
.nyzc .com_lx dd span{ font-size: 13px;}
.nyzc .com_lx dd p{ font-size: 20px; font-family: "Arial";}

.nyyc{ width: 930px;}
.nyyc .mbx{ border-bottom: 1px solid #eee; line-height: 40px; margin-bottom: 30px;}
.nyyc .mbx span{ border-left:4px solid #0667aa; color: #0667aa; font-size: 16px; line-height:30px; padding-left:15px;font-weight: bold;}
.nyyc .mbx p{ float: right;}
.nyyc .mbx p i{ color: #0667aa;}
.nyyc .mbx p a{ margin: 0 5px;}
.nyyc .nycontent p{ font-size: 16px; line-height: 2.5em;}
.nyyc .nycontent p img{ max-width: 800px; height: auto;}
.nyyc .change{ margin-top: 30px;}
.nyyc .change p{ font-size: 14px; line-height: 2em;}

/* ny danye */
.nyyc .danye{ width: 100%;}
.nyyc .danye p{ font-size: 16px; line-height: 2em; letter-spacing: .5px;}
.nyyc .danye p img{ max-width: 100%; height: auto;}

/* ny contact */
.nyyc .lianxi h3{ font-size: 24px; color: #0667aa;}
.nyyc .lianxi h3 span{ font-size: 20px;}
.nyyc .lianxi .lxnr{ border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 10px 0; margin: 20px 0; font-size: 16px; line-height: 2.5em;}
.nyyc .lianxi .lx-tip{ font-size: 18px; padding-bottom: 30px;}

/* ny message */
.message {background-color: #f2f2f2;padding: 50px;max-width: 1000px;margin: 0 auto;}
.message form {overflow: hidden;display: block;margin: -30px 0 0 -60px;}
.message .form-group {float: left;margin: 30px 0 0 60px;width: 385px;}
.message .form-label {display: block;margin-bottom: 10px;}
.message .form-label span {color: red;}
.message .form-content {border: 1px solid #ddd;background-color: #fff;padding: 10px 15px;}
.message .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;}
.message .form-submit {display: block;background: #0667aa;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 54px;font-size: 16px;width: 280px;margin: 0 auto;}
.message .form-submit:hover{ background: #2270da;}
.message .form-group.full {float: none;width: auto;}
.message .form-tips {text-align: center;color: #666;margin-top: 10px;}
.message .form-tips span {color: red;}
.yzm-box {position: relative;}
.yzm-box .yzm-pic {position: absolute;right: 2px;top: 2px;height: 30px;line-height: 30px;}

/* ny news list */
.nyyc .news_list li{ padding: 30px; height: 191px; border: 1px solid #efefef; position: relative; cursor: pointer; margin-bottom: 30px;}
.nyyc .news_list .newsimg{ display: inline-block; width: 200px; height: 130px; overflow: hidden;}
.nyyc .news_list .newsimg img{ width: 100%; height: 100%; object-fit: cover;}
.nyyc .news_list .newsnr{ position: absolute; left: 250px; top: 30px; right: 0; overflow: hidden;}
.nyyc .news_list .newsnr .info{ float: left; width: 94%; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.nyyc .news_list .newsnr .info a{ display: block; padding: 0px 0 20px; font-size: 17px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nyyc .news_list .newsnr .info p{ margin-bottom: 10px; color: #666;}
.nyyc .news_list .newsnr .info p i{ margin-right: 5px; color: #0667aa;}
.nyyc .news_list .newsnr .info p i:last-child{ margin-left: 15px;}
.nyyc .news_list .newsnr .info h5{ font-size: 13px; line-height: 2; display: -webkit-box; color: #999; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyyc .news_list li:hover .newsnr .info { -webkit-transform: translateX(3%); transform: translateX(3%); }
.nyyc .news_list li:hover .newsnr .info a{ color: #0667aa; }

/* ny news content */
.news-nr .title{ text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-top: 30px;}
.news-nr .title h2{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.news-nr .title p span{ padding: 5px 10px; color: #c1c1c1; font-size: 12px;}
.news-nr .nrxq{ padding: 20px;}
.news-nr .nrxq .key{ background: #F8F8F8; line-height: 30px;}
.news-nr .nrxq .key i{ font-size: 14px; padding: 0 5px;}
.news-nr .nrxq .key a{ padding-right: 10px;}

/* ny imglist */
.img_list ul{ width: 102%;}
.img_list ul li{ float: left; width: 32%; border: 1px solid #ededed; margin-right: 1%; margin-bottom: 20px; transition: transform ease-in-out .5s; webkit-transition: transform ease-in-out .5s;}
.img_list ul li:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px);}
.img_list ul li .imgdw{ position: relative; width: 100%; height: 190px; padding: 5px; overflow: hidden;}
.img_list ul li .imgdw img{ width: 100%; height: 100%; object-fit: contain;}
.img_list ul li .imgtt{ line-height: 50px; padding: 0 20px; background: #f9f9f9; color: #555; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.img_list ul li .imgtt{ -webkit-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.img_list ul li .imgdw:after{ content: '';  position: absolute; width: 0; height: 0; top: 0; left: 0; transition: all ease .3s; background: rgba(54,44,28,.4) url(../image/link.png) no-repeat center/40px; z-index: 9;}
.img_list ul li:hover .imgdw:after { width: 100%; height: 100%;}
.img_list ul li:hover .imgtt{ background: #0667aa; color: #fff;}

/* ny img content */
.img-nr .title{ text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-top: 30px;}
.img-nr .title h2{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.img-nr .nrxq{ padding: 20px;}
.img-nr .nrxq center{ margin: 10px 0;}
.img-nr .nrxq center img{ max-width: 800px;}

/* ny product list */
.prot li{ float: left; width: 33.33%;margin-bottom: 30px; background-color: #fff; overflow: hidden;}
.prot li a{ display: block; position: relative; margin: 0 2%; height: 300px; margin: 0 1%; overflow: hidden;}
.prot li .imgdw{ position: relative; width: 100%; height: 220px; border: 1px solid #eee; overflow: hidden;}
.prot li .imgdw::before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5) url(../image/ss.png) no-repeat center center; transform: scale(0,0); -webkit-transform: scale(0,0); transition: all ease .6s; -webkit-transition: all ease .6s; z-index: 999;}
.prot li:hover .imgdw::before{transform: scale(1,1);-webkit-transform: scale(1,1);}
.prot li .imgdw img{ width: 100%; height: 100%; object-fit:cover; transition: all 0.6s;}
.prot li .imgdw img:hover{ transform: scale(1.2);}
.prot li .imgtt{ width: 100%; height: 60px; padding: 0 50px 0 10px; border: 1px solid #eee; border-top: 0; position: relative; left: 0; bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff;}
.prot li .imgtt::after{ content: ''; display: block; width: 0; height: 4px; background-color: #0667aa; position: absolute; right: 0; bottom: -2px; transition: all cubic-bezier(0.42, 0, 0.58, 1) .3s;}
.prot li .imgtt p{ line-height: 60px; font-size: 15px; color: #555; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prot li i{ width: 30px; height: 30px; line-height: 30px; position: absolute; top: 50%; right: 10px; font-weight: bold; -webkit-transition: all .3s ease; transition: all .3s ease; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.prot li i::before { content: "+"; display: inline-block; font-size: 30px; color: #cdcdcd; -webkit-transition: all .3s ease; transition: all .3s ease;}
.prot li:hover .imgtt::after{	right: auto; left: 0; width: 100%;}
.prot li:hover i{border-color: transparent}
.prot li:hover i::before{ color: #0667aa; transform: rotate(360deg); -webkit-transform: rotate(360deg);}

/* ny product content */
.prot-nr{ margin: 0 20px;}
.prot-nr .title{ text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-top: 30px;}
.prot-nr .title h2{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.prot-nr .nrxq{ padding: 20px;}
.prot-nr .nrxq center img{ max-width: 800px;}
.prot-nr .nrxq .prott{ border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;}
.prot-nr .nrxq .prott p{ text-indent: 2em;}
.prot-nr .nrxq .nycontent p img{ margin-right: 2em;}

/* ny case */
.nycase{ margin: 60px 0;}
.nycase ul{ width: 100%;}
.nycase ul li{ width: 400px; overflow: hidden;}
.nycase ul li img{ float: left; width: 400px; height: 300px;}
.nycase ul li div{ float: left; width: 400px; height: 300px; background: #e55461; padding: 30px 20px;}
.nycase ul li div p{ font-size: 14px; color: #fff; line-height: 240%;}
.nycase .more{ text-align: center; margin: 50px 0;}
.nycase .more a{ display: inline-block; background: #ececec; width: 158px; line-height: 42px; text-align: center;}
.nycase .more a:hover{ background: #4199dd; color: #fff;}

/* fanye */
#pages{ width: 100%; text-align: center; line-height: 22px; padding-top: 20px; clear:both;}
#pages a, #page span{ display: inline-block; background: #f5f5f5; border: #ddd solid 1px; padding: 2px 8px; margin: 2px;}
#pages .page-num-current{ background: #0667aa; color: #fff;}