/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1300px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

.logo a{display: block;margin-top: 30px;font-size:35px;color:#004ea1;font-weight:600}
.wap-header .logo a{display: block;margin-top: 30px;font-size:20px}
.ys-list .pic img{
            width: 100%;
            overflow: hidden;
}

/*PC端公共头部*/
.header{height: 123px;}
.header .container{position: relative;}
.header .logo img{display: block; margin-top: 0; }
.head-tel{line-height: 52px;margin: 10px 0;}
.tel-icon{width: 37px;height: 37px;background: #004ea1;border-radius: 50%;display: flex;margin-right: 20px;margin-top: 7.5px;}
.tel-icon img{margin: auto; animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}
.head-tel b{display: block;font-size: 16px;color: #333;}
.head-tel strong{display: block;font-size: 21px;color: #004ea1;font-family: arial;line-height: 26px;}
@keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

.head-nav ul li{float:  left; position: relative;  margin-left:10px;border-radius: 40px;box-shadow:1px 1px 4px #ddd ;background: #fff;padding:6px 10px;}
.head-nav ul li:first-child{margin-left: 0}
.head-nav ul li>a{display: block; font-size: 16px; line-height: 23px;  color: #333; position: relative;}
.head-nav ul li:hover>a,.head-nav ul li.on>a{color: #004ea1;}
.head-nav li:nth-child(5) .nav-dl{display: none;}
/*.head-nav ul li:nth-child(1)>a.icon{background: url(../images/nav-icon1.png) no-repeat top left;}
.head-nav ul li:nth-child(1):hover>a.icon,.head-nav ul li:nth-child(1).on>a.icon{background: url(../images/nav-icon1.png) no-repeat bottom left; }
.head-nav ul li:nth-child(2)>a.icon{background: url(../images/nav-icon2.png) no-repeat top left;}
.head-nav ul li:nth-child(2):hover>a.icon,.head-nav ul li:nth-child(2).on>a.icon{background: url(../images/nav-icon2.png) no-repeat bottom left; }
.head-nav ul li:nth-child(3)>a.icon{background: url(../images/nav-icon3.png) no-repeat top left;}
.head-nav ul li:nth-child(3):hover>a.icon,.head-nav ul li:nth-child(3).on>a.icon{background: url(../images/nav-icon3.png) no-repeat bottom left; }
.head-nav ul li:nth-child(4)>a{background: url(../images/nav-icon4.png) no-repeat top left;}
.head-nav ul li:nth-child(4):hover>a,.head-nav ul li:nth-child(4).on>a{background: url(../images/nav-icon4.png) no-repeat bottom left; }*/
.nav-column{padding-top:22px;position: absolute;top: 22px;z-index:222;display: none;  width: 122px; left: 50%; margin-left: -61px;}
.nav-column .nav-dl{background: #fff; border-radius: 20px; padding: 11px 0; position: relative; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.17)}
.nav-column .nav-dl:after{position: absolute; content: ''; background: url(../images/nav-arrow.png) no-repeat center top; width: 21px; height: 18px; top: -18px; left: 50%; margin-left: -10.5px;}
.nav-column .nav-dl dl dd a{display: block; font-size: 15px; color: #555555; line-height: 30px; text-align: center; }
.nav-column .nav-dl dl dd a:hover{color: #004ea1}
.nav{background: #004ea1;  }
.nav ul li{float: left; width: calc(100%/8);border-right:1px solid #fff;box-sizing: border-box;}
.nav ul li:first-child,.nav ul li:nth-child(7){border-left:1px solid #fff}
.nav ul li a{display: block; font-size: 16px; color: #fff; font-weight: bold; line-height: 50px;     text-align: center; }
.nav ul li:hover,.nav ul li.on {background: red}
.navfixed{position: fixed; top: 0; width: 100%; z-index: 222}
.wap-header,.wap-headerzw{display: none;}
.logo a{margin-top: 30px;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; height: 686px; transition:0.6s;}
#banner-num {bottom: 5%;z-index: 1; }
#banner-num .swiper-pagination-bullet{width: 15px; height: 15px; opacity: 1; background: #fff;  }
#banner-num .swiper-pagination-bullet-active{background: red;}


/*手机端banner*/
.wap-banner{display: none;}
.wap-banner img{display: block; width: 100%}


/*搜索*/
.pannel{padding: 26px 0 20px;}
.pannel .container{max-width: 1400px;}
.keywords{line-height: 45px;}
.keywords ul strong{display: inline-block; font-size: 16px;  color: #333; }
.keywords ul li{float: left; margin-right: 45px;}
.keywords ul li a {display: block; font-size: 14px; color: #666; }
.keywords ul li:last-child{margin-right: 0}
.keywords ul li:hover a{color: #004ea1}
.search{width: 337px; }
.search input{ border: none; outline: none; font-family: "Microsoft YaHei";}
.search  .search-text{display: inline-block;  width: 287px; background:#fff; line-height: 45px; color: #a8a8a8;text-indent: 27px;  border-top-left-radius: 24.5px; border-bottom-left-radius: 24.5px;}
.search  .search-btn{display: inline-block;  background: url(../images/search-btn.png) no-repeat center red; width: 50px; height: 45px;  border-top-right-radius: 24.5px; border-bottom-right-radius: 24.5px;}


/*数字优势*/
.number{background: #f7f7f7; padding:25px 0}
.number .container{max-width: 1400px;}
.num-list ul li{float: left; width: 20%; text-align: center;}
.num-list ul li p{display: block; font-size: 47px; line-height: 39px; color: #222222; font-family: arial; font-weight: bold;}
.num-list ul li span{display: inline-block; width: 36px; background: #004ea1; border-radius: 50%; font-size: 16px; line-height: 36px; color: #fff; text-align: center; font-weight: lighter; vertical-align: middle; margin-left: 12px;}
.num-list ul li em{display: block; font-size: 15px; line-height: 15px; color: #222; margin-top: 8px;}


/*产品展示*/
.index-title{text-align: center;}
.index-title strong{display: block; font-size: 42px; line-height: 42px; color: #333; margin-bottom: 11px;}
.index-title h2{display: block; font-size: 18px; color: #666}
.product{padding: 57px 0 71px; }
.product .index-title{margin-bottom: 40px;}
.product-btn {text-align: center; margin-bottom: 25px;}
.product-btn ul li{display: inline-block;  background: #eeeeee; border-radius: 19.5px; font-size: 16px; line-height: 39px; color: #333; font-weight: bold; padding: 0 20px; margin: 10px 20px; cursor: pointer;}
.product-btn ul li.on {background: red; color: #fff;}
.product-list{margin-bottom: 39px; overflow: hidden;}
.product-list ul{width: calc(100% + 21px)}
.product-list ul li{float: left; margin-right: 21px; margin-bottom: 21px; width: calc(100% / 4 - 21px); box-sizing:border-box; border:1px solid #ddd;}
.product-list ul li .pic {overflow: hidden; height:auto}
.product-list ul li .pic img{display: block; max-width: 100%; height:auto; height:auto; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .info{padding: 5px 1% 20px;}
.product-list ul li .info h3{display: block; font-size: 13px; color: #333; font-weight: bold; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product-list ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-list ul li:hover .info h3{color: #004ea1}
.index-more a{display: block; width: 191px; background: red; font-size: 18px; line-height: 51px; border-radius: 25.5px; color: #fff; text-align: center; margin: 0 auto}
.index-more a:hover{background: #004ea1; transition:0.6s;}

.wap-product,.wap-ys{display: none;}

/*在线咨询*/
.consult{background: url(../images/consult-bg.jpg) no-repeat center; height:290px;  background-size: 100%;}
.consult .index-title{margin-bottom: 32px;} 
.consult .index-title strong{color: #fff; margin-bottom: 22px;}
.consult .index-title b{color: red;}
.consult .index-title h2{color: #fff;}
.consult-more a{position: relative; -webkit-animation: bs linear 2s 0.9s infinite;-moz-animation: bs linear 2s 0.9s infinite;animation: bs linear 2s 0.9s infinite; display: block; width: 190px; font-size: 18px; line-height: 50px; color: #fff; background: url(../images/consult-icon.png) no-repeat 43px center red; text-align: left; text-indent: 77px; border-radius: 25px;  left: 0; right: 0; margin: auto; z-index: 1;}
.consult-more a:before {content: '';display: block;width:190px;height: 60px;border-radius:50px;opacity: .7;background-color: red;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);z-index: -1;position: absolute;top: -5px;}
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.1)
    }

    78%,
    100% {
        opacity: 0
    }
}


/*场景化定制降温方案*/
.program{padding: 80px 0 76px; }
.program .index-title{margin-bottom: 46px;}
.program-btn{overflow: hidden; margin-bottom: 60px;}
.program-btn ul{width: 103%}
.program-btn ul li{float: left;  margin-right: 3%; width: calc(80% / 5 - 3%); border: 1px solid #dddddd; font-size: 18px; line-height: 70px; color: #444444; text-align: center; box-sizing:border-box; cursor: pointer;}
.program-btn ul li.on{background: red; color: #fff;}
.program-btn ul li.on a{color: #fff;}
.program-list ul {box-shadow: 0px 0px 32px 0px rgba(104, 104, 104, 0.11);}
.program-list ul .pic,.program-list ul .info{float: left; height: 420px; width: 50%}
.program-list ul .info{background: #fff; display: flex; padding: 0 3.6%; box-sizing:border-box;}
.program-list ul .text{margin: auto}
.program-list ul .text strong{display: block; font-size: 28px; color: #333; margin-bottom: 18px;}
.program-list ul .text p{display: block; font-size: 16px; line-height: 30px; color: #666; margin-bottom: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.link a{display: inline-block; width: 176px; font-size: 17px; line-height: 50px; color: #fff; background: url(../images/more-icon1.png) no-repeat 37px center #004ea1; text-align: left; text-indent: 64px; border-radius: 25px;  }
.link a:nth-child(2){ background: url(../images/more-icon2.png) no-repeat 37px center red; margin-left: 50px;}


/*设备展示*/
.equipment{background: #f5f5f5; padding: 65px 0 75px;}
.equipment .index-title{margin-bottom: 67px;}
.index-list{overflow: hidden; position: relative;}
.index-list ul li{float: left; padding: 21px 19px 39px; background: #fff; box-shadow: 0px 0px 92px 0px rgba(104, 104, 104, 0.13); text-align: center; box-sizing:border-box; text-align: center;}
.index-list ul li .pic{margin-bottom: 8px;}
.index-list ul li .pic img{display: block; width: 100%}
.index-list ul li strong{display: block; font-size: 20px; color: #333; line-height: 78px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.index-list ul li span{display: block; width: 88%; margin: 0 auto; font-size: 16px; line-height: 51px; color: #555; border: 1px solid #dddddd; box-sizing:border-box; }
.index-list ul li:hover strong{color: #004ea1}
.index-list ul li:hover span{background: red; color: #fff; transition:0.6s;}
#equipment-num{display: none;}



/*五大优势 · 打造企业核心竞争力*/
.ys{padding: 98px 0 95px}
.ys .index-title {margin-bottom: 58px;}
.ys .index-title b{color: red}
.ys-list{margin-bottom: 56px}
.ys-list .info,.ys-list .pic{float: left; width: 50%; height: 480px; overflow: hidden;}
.ys-list .pic1{background: url(../images/ys-pic1.jpg) no-repeat center; background-size: cover}
.ys-list .pic2{background: url(../images/ys-pic2.jpg) no-repeat center; background-size: cover}
.ys-list .pic3{background: url(../images/ys-pic3.jpg) no-repeat center; background-size: cover}
.ys-list .pic4{background: url(../images/ys-pic4.jpg) no-repeat center; background-size: cover}
.ys-list .pic5{background: url(../images/ys-pic5.jpg) no-repeat center; background-size: cover}
.ys-list .info{background: #f5f5f5; padding:  0 5.1%; box-sizing:border-box; display: flex; position: relative; }
.ys-list .text{margin: auto; position: relative; z-index: 2}
.ys-list .info strong{display: block; font-size: 36px; line-height: 36px; color: #004ea1; margin-bottom: 3px}
.ys-list .info span{display: block; color: #808080; font-family: arial; margin-bottom: 23px;}
.ys-list .info p{font-size: 16px; line-height: 29px; color: #666666; background: url(../images/ys-p.png) no-repeat left top 10px; padding-left: 27px; text-align: justify; margin-bottom: 25px;}
.ys-list .info img{position: absolute; left: 0; bottom: 0; z-index: 1}
.ys .link{margin-top:46px;}
.ys .link a{width: 190px; background: url(../images/ys-more1.png) no-repeat 43px center #004ea1; text-indent: 77px;}
.ys .link a:last-child{background: url(../images/consult-icon.png) no-repeat 43px center red; }
.ys-btn ul{width: calc(100% + 18px)}
.ys-btn ul li{float: left; box-sizing:border-box;height: 150px;cursor: pointer; margin-right: 18px; width: calc(100% / 5 - 18px); padding-left: 6.8%; position: relative;}
.ys-btn ul li:after{position: absolute; z-index: 2; content: ''; background: url(../images/ys-btn.png) no-repeat center top; width: 16px; height: 13px; top: -13px; left: 50%; margin-left: -8px;}
.ys-btn ul li.on:after,.ys-btn ul li:hover:after{background: url(../images/ys-btn-on.png) no-repeat center top;}
.ys-btn ul li:last-child{border-bottom: none;}
.ys-btn ul li:first-child{background: url(../images/ys-icon1.png) no-repeat 18% center #f5f5f5;}
.ys-btn ul li:nth-child(2){background: url(../images/ys-icon2.png) no-repeat 18% center #f5f5f5;}
.ys-btn ul li:nth-child(3){background: url(../images/ys-icon3.png) no-repeat 18% center #f5f5f5;}
.ys-btn ul li:nth-child(4){background: url(../images/ys-icon4.png) no-repeat 18% center #f5f5f5;}
.ys-btn ul li:last-child{background: url(../images/ys-icon5.png) no-repeat 18% center #f5f5f5;}
.ys-btn ul li:first-child.on,.ys-btn ul li:first-child:hover{background: url(../images/ys-icon1-1.png) no-repeat 18% center #004ea1;}
.ys-btn ul li:nth-child(2).on,.ys-btn ul li:nth-child(2):hover{background: url(../images/ys-icon2-1.png) no-repeat 18% center #004ea1;}
.ys-btn ul li:nth-child(3).on,.ys-btn ul li:nth-child(3):hover{background: url(../images/ys-icon3-1.png) no-repeat 18% center #004ea1;}
.ys-btn ul li:nth-child(4).on,.ys-btn ul li:nth-child(4):hover{background: url(../images/ys-icon4-1.png) no-repeat 18% center #004ea1;}
.ys-btn ul li:last-child.on,.ys-btn ul li:last-child:hover{background: url(../images/ys-icon5-1.png) no-repeat 18% center #004ea1;}
.ys-btn ul li.on span,.ys-btn ul li.on em{color: #fff;}
.ys-btn ul li:hover span,.ys-btn ul li:hover em{color: #fff;}
.ys-btn ul li span{display: block; font-size: 24px; color: #333333;padding-top: 41px;}
.ys-btn ul li em{display: block; font-size: 14px; color: #808080; line-height: 18px;}



/*合作案例 · 百家企业共同见证*/
.case{background: url(../images/case-bg.jpg) no-repeat center;  background-size: cover; padding: 73px 0 76px}
.case .index-title {margin-bottom: 60px;}
.case .index-title strong{color: #fff;}
.case .index-title b{color: red}
.case .link{text-align: center; margin-top: 68px;}
.case .link a{ width: 190px; background: url(../images/case-more.png) no-repeat 43px center #fff; text-indent: 77px; margin: 0 35px; color: #1057a3; font-size: 18px; }
.case .link a:last-child{background: url(../images/consult-icon.png) no-repeat 43px center red; margin-left: 0; color: #fff;}
.case-content .container{position: relative; max-width: 1782px;}
.case-list{max-width: 1301px; margin: 0 auto}
.case-list ul li .pic{position: relative;}
.case-list ul li .case-pic{display: block; width: 100%}
.case-list ul li .case-logo{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 50.5%!important; margin: auto}
#case-prev,#case-next{position: absolute; width: 60px; height: 60px; border: 1px solid #fff; border-radius: 50%; }
#case-prev{background: url(../images/case-prev.png) no-repeat center; left: 0}
#case-next{background: url(../images/case-next.png) no-repeat center; right: 0}
#case-num{display: none;}


/*新闻中心*/
.news{padding: 58px 0 64px;}
.news .index-title {margin-bottom: 55px;}
.news-list{overflow: hidden; margin-bottom: 23px;}
.news-list ul{width: calc(100% + 35px)}
.news-list ul li{float: left; margin-right: 35px; margin-bottom: 29px; width: calc(100% / 2 - 35px); background: #f5f5f5;}
.news-list ul li .pic,.news-list ul li .info{float: left;}
.news-list ul li .pic{width: 47%; height:200px; overflow:hidden; }
.news-list ul li .pic img{width: 100%}
.news-list ul li .info{ padding: 0 4.3%; box-sizing:border-box; width: 53%; margin-top: 6.5%}
.news-list ul li .info strong{display: block; font-size: 20px; color: #333; margin-bottom: 4%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.news-list ul li .info p{display: block; font-size: 15px; line-height: 27px; color: #666; margin-bottom: 10%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news-list ul li .info span{display: block; width: 117px; background: #cccccc; font-size: 16px; line-height: 42px; color: #3d3d3d; text-align: center; border-radius: 21px;}
.news-list ul li:hover .info span{background: red; color: #fff;}
.news .index-more a{background: red}
.news .index-more a:hover{background: #004ea1}


/*关于我们*/
.about-bg{background: url(../images/case-bg.jpg) no-repeat center; background-size: cover; padding: 99px 0 86px}
.about-content{padding: 39px 0 52px; background: #fff; }
.message,.about-info{width: 50%; box-sizing:border-box;}
.message{border-right: 1px solid #d3d3d3; padding: 0 3.5%}
.message strong{display: block; font-size: 26px; line-height: 26px; color: #333; margin: 5px 0 10px}
.message span{display: block; font-size: 16px; line-height: 16px; color: #666; margin-bottom: 35px;}
.message-form{width: 100%; }
.message-form ul{width: calc(100% + 19px)}
.message-form ul li{float: left; margin-right: 19px; width: calc(100% / 2 - 19px); border: 1px solid #ccc; box-sizing:border-box; margin-bottom: 7px;}
.message-form ul li input,.message-form ul li textarea{outline: none; border: none; font-family: "Microsoft YaHei"; width: 100%; text-indent: 20px; line-height: 43px; color: #b1b1b1}
.message-form ul li:last-child{margin-right: 0; width: calc(100% - 19px); height: 88px; margin-bottom: 20px;}
.message-form ul li textarea{line-height: 26px; padding-top: 10px; height: 76px;}
.mes-submit{display: block; width: 160px; line-height: 44px;background: red; color: #fff; font-size: 16px; text-align: center;outline: none; border: none; font-family: "Microsoft YaHei"; cursor: pointer;}
input::-webkit-input-placeholder {color: #b1b1b1;}
input::-moz-input-placeholder {color: #b1b1b1;}
input::-ms-input-placeholder {color: #b1b1b1;}
textarea::-webkit-input-placeholder {color: #b1b1b1;}
textarea::-moz-input-placeholder {color: #b1b1b1;}
textarea::-ms-input-placeholder {color: #b1b1b1;}
.about-info{padding: 0 4.1%;}
.about-info strong{display: block; font-size: 26px; line-height: 26px; color: #333; margin: 14px 0 10px}
.about-info p{display: block;  line-height: 26px; color: #666; margin-bottom: 16px;}
.about-list{width: 94.3%}
.about-list ul li{float: left; border-bottom: 1px solid #dfdfdf; width: 100%; font-size: 16px; color: #333; line-height: 56px;}
.about-list ul li img{display: inline-block; vertical-align: middle; margin-left: 8px; margin-right: 13px;}
.about-list ul li  strong{display: inline-block; font-size: 18px;}
.about-list ul li span{margin-left: 19px}
.about-list ul li:last-child{border-bottom: none;  font-family: arial;}


/*PC端公共底部*/
.foot{background: #333; }
.foot-top{padding: 56px 0 40px}
.foot-logo{width: 22%; border-right: 1px solid #414141; box-sizing:border-box; margin-right: 90px;}
.foot-logo img{display: block; margin-bottom: 23px;}

.foot-logo em{display: inline-block; font-size: 16px; color: #f5f5f5; line-height: 64px;}
.foot-logo strong{display: block; font-size: 26px; line-height: 32px; font-family: arial; color: #fff;}
.foot-nav dl{float: left; margin-right: 55px}
.foot-nav dl:last-child{margin-right: 0}
.foot-nav dl dt{display: block; font-size: 17px; color: #f5f5f5; font-weight: bold; margin-bottom: 15px;}
.foot-nav dl dd a{display: block; font-size: 15px; line-height: 36px; color: #ababab}
.foot-nav dl.item2{width: 380px; margin-right: 0}
.foot-nav dl.item2 dd{float: left; width: 180px}
.foot-wechat{ margin-right:.5rem}
.foot-wechat img{display: block; max-width:150px; height:auto}
.foot-wechat em{display: block; font-size: 15px; line-height:34px; color: #f5f5f5; text-align: center;}
.foot-copy{text-align: center; border-top: 1px solid #3e3e3e; padding: 21px 0}
.foot-copy p,.foot-copy p a{color: #f5f5f5;}
.foot-copy span{margin: 0 15px}
.foot-nav dl dd a:hover{color: #fff}
.foot-copy p a:hover{color: red}
.foot-link{padding: 15px 0; border-top: 1px solid #3e3e3e;}
.foot-link ul em{float: left; color: #fff;}
.foot-link ul li{float: left;}
.foot-link ul li a{color: #ababab;}
/*手机端公共底部*/
.wapfoot-zw,.wapfooter,#wxnr{display: none;}



/*内页banner*/
.ny-banner{height: 416px; }
.pro-banner{background: url(../images/product-banner.jpg) no-repeat  center;}
.case-banner{background: url() no-repeat  center;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat  center; height: 326px; position: relative;}
.banner-info{position: absolute; bottom: 0; background: rgba(35,35,35,0.5); line-height: 70px; width: 100%; height: 70px; overflow: hidden;}
.ban-class .ctitle1 li{float: left; width: 163px; margin-right: 21px;}
.ban-class .ctitle1 li:last-child{margin-right: 0}
.ban-class .ctitle1 li a{display: block; font-size: 16px; font-weight: bold; color: #fff; text-align: center;}
.ban-class .ctitle1 li:hover a,.ban-class .ctitle1 li.on a,.ban-class .ctitle1 li a.on{background: red}
.ban-position img{display: inline-block; margin-right: 12px; vertical-align: middle;width: auto !important;}
.ban-position span{font-size: 16px; color: #fff;}
.ban-position a{color: #fff}
.ban-position a:hover{color: red}
.tech-banner{background: url(../images/tech-banner.jpg) no-repeat  center; height: 326px; position: relative;}
.news-banner{background: url(../images/news-banner.jpg) no-repeat  center; height: 326px; position: relative;}
.ny-main{padding: 50px 0}



/*内页产品列表页*/
.product-title{text-align: center; margin-bottom: 68px;}
.product-title strong{display: block; font-size: 40px; line-height: 40px; color: #333}
.product-title span{display: block; font-size: 16px; color: #888; text-transform: uppercase; font-family: arial;}


/*内页产品详情页*/
.ny-product{margin-bottom: 74px;}
.position{line-height:60px; margin: 15px 0;background: #f5f5f5;border-left:3px solid #245C98;    padding-left: 40px;}
.position img{display: inline-block; margin-right: 12px; vertical-align: middle;}
.position span{font-size: 16px; color: #666;}
.position a{color: #666}
.position a:hover{color: #004ea1}
.ny-left{width: 270px;}
.column-title{background: #004ea1; height: 107px; text-align: center; position: relative;}
.column-title strong{display: block; font-size: 30px; line-height: 30px; color: #fff; padding-top: 36px;}
.column-title span{display: block; font-size: 45px; line-height: 34px; color: #fff; opacity: 0.03; text-transform: uppercase; font-family: arial; font-weight: bold; position: absolute; left: 0; right: 0; bottom: 23px;}
.pro-class .ctitle1{background: #f5f5f5; border: 1px solid #ddd; border-top: none; border-bottom: none;}
.pro-class .ctitle1>li{border-bottom: 1px solid #ddd; }
.pro-class .ctitle1>li>a{display: block; font-size: 15px; line-height: 56px; color: #444; text-indent: 27px; background: url(../images/ctitle1-li.png) no-repeat right 27px center; }
.pro-class .ctitle1>li.on>a,.pro-class .ctitle1>li:hover>a{background: url(../images/ctitle1-li-on.png) no-repeat right 27px center red; color: #fff;}
.pro-class .ctitle2{background: #fff; padding: 12px 0 24px; display: none;}
.pro-class .ctitle2>li>a{display: block; font-size: 15px; line-height: 35px; color: #444; background: url(../images/ctitle2-li.png) no-repeat left center; padding-left: 15px; margin-left: 33px;}
.pro-class .ctitle2>li.on>a,.pro-class .ctitle2>li:hover>a{background: url(../images/ctitle2-li-on.png) no-repeat  left center; font-weight: bold;}
.ny-right{width: calc(100% - 305px)}
.proxq{border: 1px solid #ddd; box-sizing:border-box; margin-bottom: 36px;}
.proxq .pic{width: 46%; position: relative;    overflow: hidden;}
.proxq .pic .pro-img{display: block; width: 100%}
.proxq .pic .pro-logo{display: block; position: absolute; left: 26px; top: 26px}
.proxq .info{width: 48.3%; margin-right: 27px; margin-top: 2.5%}
.proxq .info strong{display: block; font-size: 35px; color: #333}
.proxq .info span{display: inline-block; font-size: 24px; color: #666; font-family: arial; text-transform: uppercase;}
.proxq .info span.text{margin-right: 43px;}
.pro-ys{background: #f8f9f9; padding: 38px 0; margin-top: 2.2%; margin-bottom: 5%}
.pro-ys ul li{float: left; width: 25%; background: url(../images/pro-ys-line.png) no-repeat right center; box-sizing:border-box; text-align: center;}
.pro-ys ul li img{display: block; margin: 0 auto 20px}
.pro-ys ul li:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */  transition:0.6s;}
.pro-ys ul li em{display: block; font-size: 16px; color: #333; line-height: 16px;}
.pro-consult{position: relative;}
.pro-consult a{display: inline-block; width: 154px; background: red; font-size: 18px; line-height: 46px; color: #fff; font-weight: bold; border-radius: 23px; text-align: center; margin-right: 65px}
.pro-wechat{display: none; position: absolute; top: 28px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.pro-consult a.wap-consult{display: none;}
.pro-consult em{display: inline-block; font-size: 16px; line-height: 46px; color: #333; margin-bottom: 15px}
.pro-consult em img{display: inline-block; vertical-align: middle; margin-right: 8px;}
.pro-consult  b{display: block; font-size: 24px; color: #004ea1; font-family: arial; line-height: 24px;}
.pro-btn{background: #f5f5f5; border: 1px solid #ddd; margin-bottom: 50px;}
.pro-btn li{float: left; display: block; font-size: 16px; line-height: 70px; color: #333; width: 184px; text-align: center; cursor: pointer;}
.pro-btn li.on{background: #004ea1; font-weight: bold; color: #fff;}



/*内页经典案例列表页*/
.public-left{width:76%}
.public-right{width: 17.3%; }
.nycase-list ul li{float: left; background: #f5f5f5; padding: 22px; box-sizing:border-box; margin-bottom: 28px;}
.nycase-list ul li .pic,.nycase-list ul li .info{float: left;}
.nycase-list ul li .pic{width: 29%; margin-right: 4%}
.nycase-list ul li .pic img{display: block; width: 100%}
.nycase-list ul li .info{width: 64.5%; margin-top: 3.6%}
.nycase-list ul li .info strong{display: block; font-size: 20px; color: #333; margin-bottom: 1.6%}
.nycase-list ul li .info p{display: block; font-size: 15px; line-height: 27px; color: #666; margin-bottom: 2.2%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nycase-list ul li .info span{display: block; width: 117px; background: #ccc; font-size: 16px; line-height: 42px; color: #3d3d3d; text-align: center; border-radius: 21px;}
.nycase-list ul li:hover .info strong{color: #004ea1}
.nycase-list ul li:hover .info span{background: red; color: #fff; transition:0.6s;}
.public{width: 100%; box-sizing:border-box; border: 1px solid #ddd; }
.public-title{background: #f5f5f5; padding: 0 15px 0 24px; line-height: 62px;}
.public-title strong{display: block; font-size: 22px; color: #333;}
.public-title img{display: inline-block; vertical-align:middle; margin-right: 14px;}
.public-title a{display: block; font-size: 15px; color: #555; font-family: arial}
.public-title a:hover{color: red}
.public-news{margin-bottom: 24px;}
.public-list{padding: 0 12px 2px;}
.public-list ul li{float: left; border-bottom: 1px dashed #e0e0e0; width: 100%}
.public-list ul li a{display: block; font-size: 15px; line-height: 56px; color: #555; margin-left: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.public-list ul li a:hover{color: #004ea1}
.recommend-list{margin: 20px 9.7%;}
.recommend-list ul li{float: left; margin-bottom: 26px;border:1px solid #ddd;box-sizing: border-box;}
.recommend-list ul li .pic img{display: block; width:60%;margin:0 auto;text-align: center;}
.recommend-list ul li strong{background: #f5f5f5; display: block; font-size: 15px; color: #333; text-align: center; line-height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.recommend-list ul li:hover strong{background: red; color: #fff; transition:0.6s;}



/*内页关于我们*/
.about-title{text-align: center; margin-bottom: 70px}
.about-title strong{display: block; font-size: 42px; color: #333; line-height: 42px; margin-bottom: 16px;}
.about-title h3{display: block; font-size: 24px; color: #888; line-height: 24px;}
.about-title i{display: block; width: 54px; height: 4px; background: #004ea1; margin: 21px auto 0;}
.nyabout{margin-bottom: 69px;}
.nyabout .container{max-width: 1593px;}
.nyabout .about-title{margin-bottom: 51px;}
.nyabout .pic{background: url(../images/about-pic.jpg) no-repeat center; position: relative; height: 539px;}
.nyabout .text{position: absolute; background: rgba(0,78,161,0.8); height: 164px; padding:0 5%; bottom: 0; width: 90%; display: flex}
.nyabout .text strong{margin: auto; font-size: 20px; line-height: 40px; color: #fff;}
.company .pic,.company .info{float: left; width: 50%; height: 790px;}
.company .pic{background: url(../images/company-pic.jpg) no-repeat center;}

.company .pic2,.company .info{float: left; width: 50%; height: 790px;}
.company .pic2{background: url(../images/company-pic.jpg) no-repeat center;}

.company .pic3,.company .info{float: left; width: 50%; height: 790px;}
.company .pic3{background: url(../images/company-pic.jpg) no-repeat center;}


.company .info{background: url(../images/company-info.jpg) no-repeat center;  }
.company .text{margin-left: 6.5%; width: 79.5%; margin-top: 66px; height:auto}
.company .info strong{display: block; font-size: 20px; color: #000; margin-bottom: 8px;}
.company .info p,.company .info span{display: block; font-size: 15px; line-height:180%; color: #666;}
.company .info span{text-indent: 2rem}
.company-num{background: url(../images/company-num.jpg) no-repeat center;  border-radius: 40px; position: relative; top: -108px; padding: 85px 0}
.company-num ul li{float: left; width: 20%; text-align: center;}
.company-num ul li p{display: block; font-size: 47px; line-height: 39px; color: #004ea1; font-family: arial; font-weight: bold;}
.company-num ul li span{display: inline-block; width: 24px; background: #626262; border-radius: 50%; font-size: 16px; line-height: 24px; color: #fff; text-align: center; font-weight: lighter; vertical-align: middle; margin-left: 12px;}
.company-num ul li em{display: block; font-size: 15px; line-height: 15px; color: #222; margin-top: 8px;}
.honor{margin-bottom: 107px;}
.honor-content .container{max-width: 1690px; position: relative; margin: 0 auto}
.honor-list{position: relative; max-width: 1601px; overflow: hidden; margin: 0 auto}
.honor-list ul li .pic img{display: block; width: 100%; border: 1px solid #ccc}
#honor-prev,#honor-next{position: absolute; width: 40px; height: 50px; z-index: 2; outline: none;}
#honor-prev{background: url(../images/honor-prev.png) no-repeat center #e6e6e6; left: -40px;}
#honor-next{background: url(../images/honor-next.png) no-repeat center #e6e6e6; right: -40px;}
#honor-prev:hover{background: url(../images/honor-prev2.png) no-repeat center #bc2c20;}
#honor-next:hover{background: url(../images/honor-next2.png) no-repeat center #bc2c20;}
#honor-num{ width: 100%; display: none;}
#honor-num .swiper-pagination-bullet{ margin: 0 3px}
.about-consult{background: url(../images/about-consult.jpg) no-repeat center; color: #fff; text-align: center; padding: 68px 0; margin-bottom: 91px; background-size: cover}
.about-consult strong{display: block; font-size: 32px; line-height: 32px; margin-bottom: 8px; }
.about-consult span{display: block; font-size: 14px; font-family: arial; margin-bottom: 25px;}
.about-consult a{display: block; width: 185px; line-height: 53px; background: url(../images/about-consult.png) no-repeat left 45px center #fff; border-radius: 26.5px; text-indent: 28px; margin: 0 auto; font-size: 15px; color: #333;}
.factory-list {overflow: hidden;}
.factory-list ul{width: calc(100% + 16px)}
.factory-list ul li{float: left; margin-right: 16px; margin-bottom: 18px; width: calc(100% / 4 - 16px)}
.factory-list ul li  img{display: block; width: 100%}


/*内页视频中心列表页*/
.tech-title {border-bottom: 1px solid #ddd; margin-bottom: 35px;}
.tech-title strong{display: block; font-size: 30px; line-height: 73px; color: #333}
.video-list {overflow: hidden; margin-bottom: 26px}
.video-list ul {width: calc(100% + 42px)}
.video-list ul li{float: left; margin-right: 42px; margin-bottom: 26px; width: calc(100% / 3 - 42px)}
.video-list ul li .pic img{display: block; width: 100%}


/*内页设备展示列表页*/
.nyequipment-list ul li{float: left; padding: 21px 19px 0; background: #fff; margin-right: 15px; margin-bottom: 34px; width: calc( (100% - 144px) / 3 ); box-shadow: 0px 0px 92px 0px rgba(104, 104, 104, 0.13);}
.nyequipment-list ul li:nth-child(3n){margin-right: 0 }
.nyequipment-list ul li .pic{margin-bottom: 6px;}
.nyequipment-list ul li .pic img{display: block; width: 100%}
.nyequipment-list ul li em{display: block; font-size: 18px; line-height: 84px; color: #333; text-align: center;}
.nyequipment-list ul li:hover em{color: #004ea1}


/*内页样册下载列表页*/
.down-list ul li{float: left; width: 100%; border-bottom: 1px solid #e6e6e6; padding-bottom: 35px; margin-bottom: 35px}
.down-list ul li .pic{margin-right: 40px}
.down-list ul li .info em{display: block; font-size: 22px; color: #bc2c20}
.down-list ul li .info span{display: inline-block; font-size: 15px; color: #808080; margin-right: 32px;}
.down-list ul li .info span:last-child{margin-right: 0}
.down-list ul li .icon{margin-top: 17px; margin-right: 32px;}
.down-list ul li .icon img{ animation:icon 3s 0s infinite;-webkit-animation:icon 3s 0s infinite;}
@keyframes icon
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes icon
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}




/*内页公司新闻列表页*/
.nynews-list ul li{float: left; background: #f5f5f5; padding: 22px; box-sizing:border-box; margin-bottom: 28px;}
.nynews-list ul li .pic,.nynews-list ul li .info{float: left;}
.nynews-list ul li .pic{width: 23%; margin-right: 4%}
.nynews-list ul li .pic img{display: block; width: 100%}
.nynews-list ul li .info{width: 70.5%; margin-top: 2.6%}
.nynews-list ul li .info strong{display: block; font-size: 20px; color: #333; margin-bottom: 1.6%}
.nynews-list ul li .info p{display: block; font-size: 15px; line-height: 27px; color: #666; margin-bottom: 2.2%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nynews-list ul li .info span{display: block; width: 117px; background: #ccc; font-size: 16px; line-height: 42px; color: #3d3d3d; text-align: center; border-radius: 21px;}
.nynews-list ul li:hover .info strong{color: #004ea1}
.nynews-list ul li:hover .info span{background: red; color: #fff; transition:0.6s;}


.video-list ul li .info{text-align: center;font-size:14px;background: #f5f5f5;height:40px;line-height: 40px;;}


.rows{border: 1px solid #999999;padding: 2px;}
.pagelist{text-align: center;/*display: block;*/margin-top: 40px;}
.pagelist span{font-size: 14px;border: 1px solid #ccc;padding: 2px 8px;}
.pagelist .first{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;}
.pagelist .current{border: 1px solid #ccc;padding: 2px 8px;}
.pagelist .num{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;margin-left: 4px;background: #fff;}
.pagelist .next{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;}
.pagelist .end{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;background: none;color: #333;}
.pagelist a:hover{ background: #1057A3;color:#fff}
.page-num{
   border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;margin-left: 4px;background: #fff;
}
.page-num-current{border: 1px solid #ccc;padding: 2px 8px;background:#1057A3;color:#fff}


.pic-main{margin: 40px 0}