/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:14px/1.5   Arial, "Microsoft Yahei";width:100%;height: 100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1372348 */
    src: url('//at.alicdn.com/t/font_1372348_g957dwum7q6.eot');
    src: url('//at.alicdn.com/t/font_1372348_g957dwum7q6.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1372348_g957dwum7q6.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1372348_g957dwum7q6.woff') format('woff'),
    url('//at.alicdn.com/t/font_1372348_g957dwum7q6.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1372348_g957dwum7q6.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*Public*/
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow,.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
.container{padding: 0}
.row{margin-left: 0;margin-right: 0}
@media(max-width:760px){
    .container{padding: 0 5px;}
}
/*Header*/
#Header{background: #fff;height: 90px}
#Header .container{position:relative;overflow: visible!important}
.Header-logo{width: 218px;height: 48px;background: url(../images/logo_1.png) no-repeat left center;background-size: contain;margin-top: 21px;}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem;opacity: 0;}
.Header-nav{width:72%;margin-top: 20px;}
.Header-nav li{float: left;width: 16.666%;line-height:54px;text-align: center;padding: 0 10px}
.Header-nav li a{font-size:1.6rem;color:#373737;position: relative;display: block;}
.Header-nav li a:after{position: absolute;left:50%;bottom: 0;width: 74px;height: 2px;background: transparent;content: "";margin-left: -37px}
.Header-nav li:hover a,.Header-nav li.active a{color:#403d92}
.Header-nav li:hover a:after,.Header-nav li.active a:after{background: #403d92}

.lang{float: right;width:90px;height:25px; text-align: center;margin-top:35px;}
.lang span{display: inline-block;height:25px;line-height:25px;font-size:14px;text-align: right;background:url(../images/lang-icon.png) no-repeat 0 center;width: 100%;}
.lang .w-a {display: none;position: absolute;top:25px;width:100px;background:#fff;}
.lang .w-a a{display: block;width:100%;padding-left:26px;text-align: left;height:32px;line-height:32px;font-size:14px; transition: all 0.5s ease 0s;}
.lang:hover .w-a{display: block;}

.Header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;}
.Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#000;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button:after{bottom:13px;}
.Header-button:before{top:13px;}
.Header-button span{display:block;height:2px;width:100%;background:#000;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.Header-button.active span{opacity:0}
@media(max-width: 992px){
    .Header-nav{width: calc(100% - 218px)}
    .Header-nav li{padding: 0}
    .Header-nav li a:after{width: 50px;margin-left: -25px;}
}
@media(max-width: 760px){
    #Header{height: 60px;-moz-box-shadow:0px 2px 3px #D1D1D1; -webkit-box-shadow:0px 2px 3px #D1D1D1; box-shadow:0px 2px 3px #D1D1D1;}
    .Header-logo{height: 40px;margin-top: 10px;margin-bottom: 5px;width: 70%;}
}
/*Nav*/
nav{position: fixed;left: 0;width: 100%;top: -150%;background: #006fc5;z-index: 11;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
nav a{display: block;width: 100%;line-height: 34px;border-top: solid 1px #0266b3;border-bottom: solid 1px #3384c2;color: #fff;font-size:1.4rem;text-align: center;}
nav a:hover,nav a.active{background: #403d92}
nav.active{top: 60px;}
/*Banner*/
#Banner{margin-top: 90px;}
.banner-pagination span{width: 43px;height: 5px;background: #fff;border-radius: 0}
#Banner div.Yc-icon{width: 70px;height: 80px;background: rgba(15,13,70,.2);margin-top: -40px;line-height: 80px;color:#fff;text-align: center;font-size: 4rem}
@media(max-width:760px){
    #Banner{margin-top: 60px;}
    #Banner div.Yc-icon{display: none}
    .banner-pagination span{width:8px;height: 8px;border-radius: 50%}
}
/*Main*/
.Home-title{font-size: 3.6rem;color:#000000;font-weight: 400;}
.Home-fitle{font-size: 3rem;color:#d1d1d1;text-transform: uppercase;}
.Home-more{margin-top: 20px;}
.Home-more a{display: block;width: 130px;height: 34px;border:solid 1px rgba(255,255,255,.8);border-radius: 17px;margin: auto;line-height: 34px;font-size:1.4rem;color:#fff;}
@media(max-width: 760px){
    .Home-title{font-size:2.6rem;}
    .Home-fitle{font-size:2rem;}
    .Home-more a{width:50%}
}
/*Home About*/
.Home-About{padding: 70px 0;}
.Home-About-box{margin-top: 45px;}
.Home-About-left{width: 51%;}
.Home-About-right{width: 49%;padding-left: 35px;}
.Home-About-text{font-size:1.4rem;color:#333333;line-height: 30px;text-indent:30px;}
.Home-About-text a{color:#006fc5}
.Home-About-list{margin-top: 40px;}
.Home-About-list li{width: 33.33%;justify-content: left}
.Home-About-number{width: 120px;height: 120px;border-radius:50%;background: #328bd0;text-align:center;}
.Home-About-number p{ display: table-cell;vertical-align: middle;text-align: center;width: 100%;}
.Home-About-number b{font-size:5rem;color:#fff;line-height: 1;display: inline-block}
.Home-About-number span{font-size:2.4rem;color:#fff;line-height: 1;display: inline-block}
.Home-About-list h3{font-size: 1.8rem;color:#272727;text-align: center;margin-top: 15px;}
.Home-About-list li:first-child{padding-right: calc(33.33% - 120px)}
.Home-About-list li:last-child{padding-left: calc(33.33% - 120px)}
@media (max-width:1024px) {
    .Home-About-text{line-height: 2}
    .Home-About-list{margin-top: 20px;}
    .Home-About-number{width: 80px;height: 80px;}
    .Home-About-number b{font-size: 4rem;}
    .Home-About-number span{font-size:1.6rem}
    .Home-About-list h3{font-size:1.4rem}
}
@media(max-width: 992px){
    .Home-About-right{padding-left: 25px;}
    .Home-About-list.visible-xs{margin-top: 30px;}
    .Home-About-list.visible-xs li:first-child{padding-right: 0}
    .Home-About-list.visible-xs li:last-child{padding-left: 0}
    .Home-About-number{width:120px;height: 120px;}
    .Home-About-list.visible-xs h3{font-size:2rem}
}
@media(max-width:760px){
    .Home-About{padding: 30px 0}
    .Home-About-box{margin-top: 25px;}
    .Home-About-left{width: 100%;}
    .Home-About-right{width: 100%;padding-left: 0;margin-top: 20px;}
    .Home-About-number{width: 80px;height: 80px;}
    .Home-About-number b{font-size:2.4rem;}
    .Home-About-number span{font-size:1.4rem;}
    .Home-About-list.visible-xs h3{font-size:1.4rem}
}
/*Home Products*/
.Home-Products{background: url(../images/backg_1.jpg) no-repeat left top;padding: 60px 0}
.Home-Products .Home-title{color:#fff}
.Home-Products .Home-fitle{color:#78cff2}
.Home-Products-list{margin-top: 40px;}
.Home-Products-list li{padding: 0 5px;margin-bottom: 20px;}
.Home-Products-list li i{display: block;overflow: hidden;max-height:188px;}
.Home-Products-list li i img{transition: ease .3s;-webkit-transition: ease 0.3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Home-Products-list li span{display:block;background:#006fc5;height: 40px;line-height: 40px;text-align:center;font-size:1.4rem;color:#ffffff;}
.Home-Products-list li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2)}
@media(max-width: 760px){
    .Home-Products{background-size: cover;padding:30px 0}
    .Home-Products-list{margin-top: 25px;}
    .Home-Products-list li{margin-bottom: 10px;}
.Home-Products-list li i{max-height:120px;}
}
/*Home Factory*/
.Home-Factory{background: #fafafa;padding:60px 0 70px;}
.Home-Factory-box{position: relative;margin-top: 40px;}
.Home-Factory-box div.Yc-icon{width: 40px;height: 80px;background: #a8a8a8;margin-top: -40px;line-height: 80px;text-align:center;font-size: 3rem;color:#fff;}
.Home-Factory-box .factory-next{right: -60px;}
.Home-Factory-box .factory-prev{left: -60px}
.Home-Factory-box div.Yc-icon:hover{background:#006fc5}
.Home-Factory-box ul li{overflow:hidden}
.Home-Factory-box ul li img{transition: ease .3s;-webkit-transition: ease 0.3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Home-Factory .Home-more{margin-top:60px;}
.Home-Factory .Home-more a{background: #006fc5;border-color:#006fc5}
.Home-Factory-box ul li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2)}
@media(max-width:992px){
    .Home-Factory-box div.Yc-icon{display:none}
}
@media(max-width: 760px){
    .Home-Factory{padding: 30px 0 }
    .Home-Factory-box{margin-top: 20px;}
    .Home-Factory .Home-more{margin-top: 30px;}
}
/*Home Our*/
.Home-Our{background:url(../images/backg_2.jpg) no-repeat left top;background-size: cover;padding: 50px 0 40px;}
.Home-Our .Home-title{color:#ffffff}
.Home-Our .Home-fitle{color:#8ec1eb;}
.Home-Our-box{margin-top: 40px;display: flex;justify-content: space-between;align-items: stretch}
.Home-Our-box a{display: block;height: 100%;overflow: hidden}
.Home-Our-box img{display: block;width: 100%;height: 100%;object-fit: cover; border:solid 1px #d2d2d2;transition: ease .3s;-webkit-transition: ease 0.3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Home-Our-left{width: 27.5%;margin-right: 0.5%;overflow: hidden}
.Home-Our-conten{width:49.8%;margin-right: .5%;overflow: hidden}
.Home-Our-list{margin-top: 5px;}
.Home-Our-list li{padding: 0 .4%;overflow: hidden}
.Home-Our-list li:first-child{padding-left: 0}
.Home-Our-list li:last-child{padding-right: 0}
.Home-Our-right{width: 21.6%;}
.Home-Our-top{overflow:hidden}
.Home-Our-right li{margin-bottom: 5px;height: 49.2%; overflow: hidden}
.Home-Our-right li img{
	height: 100%;
	object-fit: cover
}
.Home-Our-right li:last-child{margin-bottom: 0}
.Home-Our .Home-more{margin-top: 45px;}
.Home-Our-box img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2)}
@media(max-width: 760px) {
    .Home-Our{padding: 30px 0;}
    .Home-Our-box{margin-top: 20px;}
    .Home-Our-left{width: 36%}
    .Home-Our-conten{width: 63.5%;margin-right: 0}
    .Home-Our-right{width: 100%;margin-top: 5px;overflow:hidden}
    .Home-Our-right li{width: 50%;margin-bottom:0;float: left;padding: 0 .25%}
    .Home-Our .Home-more{margin-top: 30px;}
}
/*Home Customers*/
.Home-Customers{padding-top: 60px;}
.Home-Customers-box{margin-top: 60px;}
.Home-Customers-left{padding-left: 0;}
.Home-Customers-right{padding-left: 10%}
.Home-Customers-right h3{font-size: 3rem;color:#006fc5;margin-top: 23px;margin-bottom: 10px;}
.Home-Customers-txt{font-size: 2rem;color:#393939;line-height: 1.8}
@media(max-width: 1024px){
    .Home-Customers-right h3{font-size: 2.4rem;}
    .Home-Customers-txt{font-size:1.6rem;}
}
@media (max-width: 992px) {
    .Home-Customers-right h3{margin-top: 0;font-size:1.8rem;}
    .Home-Customers-txt{font-size:1.4rem;}
}
@media(max-width: 760px){
    .Home-Customers-right{padding-left: 0}
    .Home-Customers-right h3{text-align: center;}
    .Home-Customers-txt{text-align:center}
}
/*Home News*/
.Home-News{padding-top: 50px;padding-bottom: 70px;}
.Home-News-box{margin-top: 40px;}
.Home-News-one{width: 43%;}
.Home-News-one i{display:block;}
.Home-News-one h3{padding: 15px 0;font-size:2rem;color:#006fc5;line-height: 26px;}
.Home-News-one h3 span{font-size: 1.4rem;color:#a0a0a0;}
.Home-News-one p{font-size: 1.2rem;color:#606060;line-height: 2.1;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-News-list{width: 57%;padding-left: 35px;}
.Home-News-list li{margin-bottom: 20px;padding: 15px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s}
.Home-News-list li:last-child{margin-bottom: 0;}
.Home-News-number{width: 90px;height: 74px;border-right: solid 1px #adadad;font-size: 6rem;color:#006fc5}
.Home-News-right{width: calc(100% - 90px);padding-left: 35px;}
.Home-News-right h3{margin-bottom: 5px;line-height: 26px;}
.Home-News-right h3 span{width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 2rem;color:#006fc5;}
.Home-News-right h3 em{width: 20%;font-size: 1.4rem;color:#a0a0a0;font-style: normal;}
.Home-News-right p{font-size:1.2rem;color:#606060;line-height: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-News-list li:hover{background: #328bd0}
.Home-News-list li:hover .Home-News-number{color:#fff;border-color:rgba(255,255,255,0.4)}
.Home-News-list li:hover h3 span{color:#fff;}
.Home-News-list li:hover .Home-News-right p{color:rgba(255,255,255,0.8)}
.Home-News-list li:hover h3 em{color:rgba(255,255,255,0.4)}
.Home-News .Home-more{margin-top: 60px;}
.Home-more a{background: #006fc5;border-color:#006fc5;}
@media(max-width:1024px){
    .Home-News-list li{margin-bottom: 5px;}
}
@media (max-width: 992px) {
    .Home-News-list{padding-left: 20px;}
    .Home-News-one h3{text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
    .Home-News-one h3 span{display: none}
    .Home-News-one p{-webkit-line-clamp: 3}
    .Home-News-list li{padding: 10px;}
    .Home-News-right h3 span{width: 100%;font-size:1.4rem}
    .Home-News-right h3 em{display: none}
}
@media(max-width:760px){
    .Home-News{margin-top: 20px;padding-bottom: 30px;}
    .Home-News-one{width: 100%;}
    .Home-News-one h3{padding-bottom: 5px;font-size:1.6rem;}
    .Home-News-list{width: 100%;margin-top: 20px;padding-left: 0;}
    .Home-News-number{width: 60px;font-size:3rem}
    .Home-News-right{width:calc(100% - 60px);padding-left: 20px;}
    .Home-News .Home-more{margin-top: 30px;}
}
/*#Footer*/
#Footer{background: url(../images/backg_3.jpg) no-repeat top center;background-size: cover;padding-top: 45px;}
.Footer-en{font-size:3.6rem;color:#cccccc;font-weight: bold;text-transform: uppercase;line-height: 1}
.Footer-title{font-size:2rem;color:#e9e9e9;line-height: 1.5;}
.Footer-contact{margin-top: 30px;margin-bottom: 45px;}
.Footer-contact li i{display: block;font-size:2.6rem;color:#e9eaeb;margin-bottom: 10px;line-height: 1}
.Footer-contact li span{font-size: 1.4rem;color:#d5d5d5;line-height: 2}
.Footer-contact li span a{color:#d5d5d5;}
.Footer-link{line-height: 38px;justify-content: center;}
.Footer-link span{font-size:1.2rem;color:#ffffff;display:inline-block;margin-right: 20px;margin-bottom: 10px;}
.Footer-link a{display: inline-block;margin-right: 10px;margin-bottom: 10px}
.Footer-copyright{margin-top: 10px;border-top: solid 1px rgba(176,176,176,.2);padding: 15px 0;font-size: 1.2rem;color:#9a9a9a}
.Footer-copyright a{color:#9a9a9a}
@media(max-width:760px){
    #Footer{margin-bottom: 60px;padding-top: 30px;}
    .Footer-en{font-size:2rem}
    .Footer-title{font-size:1.6rem;}
    .Footer-contact{margin-bottom: 0}
    .Footer-contact li{margin-bottom: 15px;border-bottom: solid 1px rgba(255,255,255,.2);padding-bottom: 15px;}
    .Footer-contact li:last-child{margin-bottom: 0;}
    .Footer-copyright{margin-top: 0;border-top: none}
}
/* Footer Button */
footer{height:60px;background:#162333;border-top:solid 1px #121c28;z-index: 9;}
footer a{border-top:solid 1px #263546;border-right:solid 1px #263546;height:60px;border-left:solid 1px #121c28;text-align:center;overflow:hidden}
footer a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
footer a span{font-size:14px;color:#fff;}
/*Page-Container*/
.Page-Container{background:#f9f9f9;padding-bottom:30px;}
.Page-channel{margin-top:30px;margin-bottom:20px;}
.Page-channel h2{font-size:20px;color:#333;font-weight:bold}
.Page-channel h2 span{display:block;text-transform:uppercase !important;font-size:15px;line-height:1.8;color:#999;font-weight:normal}
.Page-channel ul li{float:left;padding:0 10px;margin-bottom: 10px;}
.Page-channel ul li a{display:block;background:#fff;line-height:34px;padding:0 20px;color:#333;border:solid 1px #dcdcdc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 34px;font-size:1.6rem}
.Page-channel ul li.active a,.Page-channel ul li:hover a{background:#328bd0;border-color:#328bd0;color:#fff}
.Page-title{font-size:20px;color:#333;margin-bottom:15px}
.Page-info{border-bottom:dashed 1px #dcdcdc;margin-bottom:20px;padding-bottom:10px;font-size:13px;font-family:SimSun;color:#999}
.Page-info i{font-style:normal;margin:auto 20px;}
.Page-padding{padding:30px;}
.Page-centent{background:#fff;}
.Page-txt{font-size:14px;color:#333;line-height:2;}
.Page-txt img{max-width:100%;height:auto !important;}
@media(max-width:760px){
    .Page-channel{margin-top:20px;}
    .Page-channel ul{width:100%;}
    .Page-channel ul li{width:33.33%;padding:0 5px;}
    .Page-channel ul li a{padding:0;text-align:center}
    .Page-centent{margin:auto 5px;}
    .Page-padding{padding:10px;}
}
/*FWXM*/
.Page-padding-up{padding:20px 5px 0}
/*CASE*/
.Page-Case-list li{margin-bottom:30px;}
.Page-Case-list li a{display:block;margin-top:5px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;}
.Page-Case-list li img{width: 100%; height:195px;}
.Page-Case-list li a span{display:block;line-height:50px;text-align:center;background:#f5f5f5;font-size:16px;color:#333;height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Page-Case-list li:hover a{transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-box-shadow:0px 0px 8px #DCDCDC; -webkit-box-shadow:0px 0px 8px #DCDCDC; box-shadow:0px 0px 8px #DCDCDC;}
.Page-Case-list li b{font-size:16px;color:#328bd0;line-height:2;padding:5px 0;display:block}
.Page-Case-list li p{font-size:12px;color:#333;line-height:2;min-height:50px;}
.Page-Case-list li:hover span{ background:#328bd0;color:#fff}
@media(max-width:760px){
    .Page-Case-list{margin-bottom:20px}
    .Page-Case-list li{padding:0 5px;margin-bottom:10px;}
    .Page-Case-list li img{height:125px;}
}
/*Page*/
.Page{margin-bottom:30px;}
.Page a,.Page b{display:inline-block;border:solid 1px #dedede;line-height:24px;font-size:12px;font-family:SimSun;padding:0 8px;color:#333;font-weight:normal;}
.Page b{background:#328bd0;border-color:#328bd0;color:#fff;}
.Page a:hover{background:#328bd0;color:#fff;border-color:#328bd0}
/*Page-News*/
.Page-news-list {margin-bottom:20px;}
.Page-news-list li{margin-bottom:20px}
.Page-news-list li a{display:block;padding:10px;background:#fff;overflow:hidden;transition:all .3s linear}
.Page-news-list li a>div{margin:10px 0;padding:0 10px}
.Page-news-list li a img{width: 100%;height: 120px;}
.Page-news-list .details h3{font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Page-news-list .details .txt{margin:12px 0;color:grey;line-height:1.7;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.Page-news-list .details .time{color:#ccc}
.Page-news-list .other em{background:#328bd0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;font-style:normal;float:right;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:14px;font-family:SimSun;font-weight:600}
.Page-news-list li:hover a{box-shadow:0 4px 8px 0 rgba(4,0,0,.4)}
@media(max-width:760px){
    .Page-news-list{margin:auto -7px}
    .Page-news-list li{padding:0 5px}
    .Page-news-list li a{padding:0}
    .Page-news-list li a>div{padding:0 5px;margin:5px auto}
    .Page-news-list li a img{height: 130px;}
    .Page-Downloas-list li>a{position: relative}
    .Page-Downloas-list li .download{position: absolute;left: 0;top: 0;height: 100%;}
    .Page-Downloas-list li .download .download-box{width: 100%;height: calc(100% - 10px);background: rgba(61,136,213,0.9);overflow: hidden}
    .Page-Downloas-list li .download i{color:#fff;margin-top: 15px;}
    .Page-Downloas-list li .download span{color:#fff}
}
/*News*/
.Page-news-list-2{margin-bottom:20px;}
.Page-news-list-2 li{padding:0 5px;margin-bottom:10px;}
.Page-news-list-2 li .news-img{display:block;margin-bottom:5px;}
.news-box{border:solid 1px #ddd;padding:10px;margin:5px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;background:#fff;}
.Page-news-list-2 li h2{min-height:40px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;}
.Page-news-list-2 li h2 a{font-size:14px;color:#333;line-height:1;}
.Page-news-list-2 li p{margin-top:5px;font-size:12px;font-family:SimSun;color:#656565;line-height:2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;margin-bottom:5px;}
.Page-news-list-2 li:hover .news-box{box-shadow:0 4px 5px #ddd;-webkit-box-shadow:0 4px 5px #ddd;-moz-box-shadow:0 4px 5px #ddd;transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px)}
.Page-news-list-2 li:hover h2 a{color:#328bd0}
.download i{display: block;font-size:4rem;margin-top: 10px;color:#3d88d5}
.download span{font-size:1.4rem;color:#333;}
@media(max-width:760px){
    .Page-news-list-2 li{padding:0; margin-bottom:1px;}
}
/*Page Online*/
.Page-online{}
.Page-online-box{margin-top:00px;}
.Page-online-input{padding:10px 15px;}
.Page-online-input .Page-online-title{font-size:14px;color:#666;font-weight:normal;display:block}
.Page-online-input span.inputErrorSpanMessage{display:block;}
.Page-online-blick{height:40px;border:solid 1px #dedede;border-radius:4px;outline:none;padding:5px;}
.Page-online-input>.Page-online-blick{width:90%}
.Page-online-input span{color:red}
.Page-online-input textarea{width:95%;border:solid 1px #dedede;outline:none;padding:5px;height:100px;border-radius:2px;}
.Page-online-button{padding-top:20px;}
.Page-online-button button{margin:auto;background:#328bd0;border:none;outline:none;width:160px;height:40px;border-radius:4px;color:#fff;outline:none;display:block}
.Page-online-checkbox,.Page-online-radio{border:solid 1px #dedede;padding:15px 0;border-radius:4px;}
.Page-online-checkbox label,.Page-online-radio label{font-weight:normal;font-size:14px;color:#666;overflow:hidden;cursor:pointer}
.Page-online-checkbox label input,.Page-online-radio label input{float:left;margin-right:10px;}
.Page-online-code{padding:0}
#canvas{display: inline-block;border:1px solid #ccc;border-radius: 5px;cursor: pointer;margin-left:10px;height:40px;}

@media(max-width:760px){
    .Page-online-checkbox,.Page-online-radio{margin-bottom:15px;}
    .Page-contact .Footer-txt-left dl{border-bottom:dashed 1px #dedede;padding-bottom:20px;margin-bottom:20px;}
    .Page-online-input{padding:5px 0}
    .Page-online-input>.Page-online-blick{width:100%}
    .Page-online{border-top:none;padding-top:00px;}
    .Page-online-input textarea{width:100%;}
}
/*Page Products details*/
.Page-products-top{margin-bottom: 20px;padding: 0 10px;}
.Page-products-left{padding-left: 0;}
.Page-products-img{border:solid 1px #dedede;}
.Page-products-right{padding-right: 0;}
.Page-products-right .Page-title{padding-bottom: 15px;position: relative}
.Page-products-right .Page-title:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ddd;content: ""}
.Page-products-right .Page-title:before{position: absolute;left: 0;bottom: 0;width: 120px;height: 3px;background: #3d88d5;z-index:2;content: ""}
.Page-products-right .Page-products-sunmry span{color:#3d88d5;font-weight: bold;font-size:1.4rem;}
.Page-products-right .Page-products-sunmry p{font-size:1.4rem;color: #333;line-height: 1.5;margin-top: 10px;text-indent: 2rem}
.Page-products-bottom{margin-top: 20px;padding: 10px}
.Page-products-fitle{position: relative;font-size: 1.6rem;font-weight: bold;color: #3d88d5;padding-bottom: 15px;margin-bottom: 15px;line-height: 1.2;}
.Page-products-fitle:after{position:absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #dedede;content: ""}
.Page-products-fitle:before{position: absolute;left: 0;bottom: 0;width: 120px;height: 3px;background: #3d88d5;content: "";z-index: 3;}
.Page-products-fitle em{font-style: normal;margin-left: 10px;font-weight: normal;font-size: 1.2rem;}
.Page-products-bottom .Page-txt{margin-bottom: 25px;}
@media(max-width: 760px) {
    .Page-products-left{padding-right: 0;margin-bottom: 25px;}
    .Page-products-right{padding-left: 0;}
}
/*Page Img List */
.Page-img-list li{padding: 0 10px;margin-bottom: 20px;}
.Page-img-list a{display: block;padding: 0 10px;margin-bottom: 20px;}
.Page-img-list span{display: block;position: relative;width: 100%;height: 196px;overflow: hidden}
.Page-img-list span img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.Page-img-list span i{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(255,255,255,0.8);color:#000;text-align: center;padding: 10px 0;font-style: normal}
/*=====pernext*/
.pernext{border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;margin-top:30px;padding:10px 0}
.pernext span{color:#333;line-height:2;width:50%;}
.pernext span a{color:#333}
.pernext span.pull-right{border-left:dashed 1px #ddd;text-align:right}
.pernext span:hover,.pernext span:hover a{color:#328bd0}
@media(max-width:760px){
	.Page-img-list span{
		height: 126px;
	}
    .pernext span{width:100%;float:none;display:block;}
    .pernext span.pull-right{text-align:left;margin-top:10px;border-top:dashed 1px #ddd;padding-top:10px;border-left:none;}
}