/*****通用编码******/
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:62.5%/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;}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:#003376!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#003376;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#162333;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#003376;border-radius:0;border:none}::-webkit-scrollbar{width:4px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#003376;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#003376}::-webkit-scrollbar-corner:vertical{background-color:#003376}::-webkit-scrollbar-resizer:vertical{background-color:#003376}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1552541 */
    src: url('//at.alicdn.com/t/font_1552541_jxaaz89zarl.eot');
    src: url('//at.alicdn.com/t/font_1552541_jxaaz89zarl.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1552541_jxaaz89zarl.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1552541_jxaaz89zarl.woff') format('woff'),
    url('//at.alicdn.com/t/font_1552541_jxaaz89zarl.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1552541_jxaaz89zarl.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;
}
@media (max-width: 760px) {
    .row{margin-left: auto;margin-right: auto}
    #Banner{margin-top: 60px;}
}
/*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}
/*Welcome*/
#Welcome{background: #e9e9e9;height: 36px;line-height: 36px;font-size: 1.2rem;font-family: SimSun;color: #5b5b5b}
#Welcome p a{margin-left: 25px;}
#Welcome p a i{font-size: 1.4rem;color: #6d6d6d;margin-right: 5px;}
/*Header*/
#Header{height: 115px;}
.Header-logo{width: 654px;height: 60px;background: url(../images/logo_1.png) no-repeat left center;margin-top: 27.5px;}
.Header-logo a{display: block;width: 100%;height: 100%;opacity: 0}
.Header-tel{margin-top: 30px;height: 50px;background: url(../images/icon_1.png) no-repeat left center;padding-left: 60px;line-height: 25px}
.Header-tel span{display: block;font-size: 1.6rem;color: #8d8d8d;line-height: 1}
.Header-tel b{display: block;font-size: 2.8rem;color: #ff8c00;line-height: 1.6}
.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:#333;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:#333;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:760px){
    #Header{height: 60px;background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 11;-moz-box-shadow:0px 0px 5px #333333; -webkit-box-shadow:0px 0px 5px #333333; box-shadow:0px 0px 5px #333333;}
    .Header-logo{width: 75%;background-size: contain;height: 50px;margin-top: 5px;margin-left: 2%}
}
/*Nav*/
#Nav{height: 50px;background: #0160db;padding: 1px 0}
#Nav ul li{float: left;width: 12.5%;text-align: center}
#Nav ul li a{display: block;font-size: 1.6rem;color: #fff;line-height: 48px;position: relative}
#Nav ul li a:after{position: absolute;top: 50%;right: 0;width: 1px;height: 16px;background: rgba(255,255,255,.47);margin-top: -8px;content: ""}
#Nav ul li:first-child a:before{position: absolute;top: 50%;left: 0;width: 1px;height: 16px;background: rgba(255,255,255,.47);margin-top: -8px;content: ""}
#Nav ul li:hover a,#Nav ul li.active a{background: #fff;color: #0160db;}
@media(max-width:760px){
    #Nav{position: fixed;left: 0;top: -150%;width: 100%;z-index: 10;height: auto;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
    #Nav ul li{width: 100%;line-height: 34px;border-top: solid 1px #0358c5;border-bottom: solid 1px #2e7ee6}
    #Nav ul li a{display: block;line-height: 34px;font-size: 1.4rem;}
    #Nav.active{top: 60px}
}
/*Main*/
.Home-title{font-size: 3.6rem;color: #0160db;font-weight: bold;}
.Home-title span{color: #ff8c00}
.Home-fitle{font-size: 1.6rem;color: #969696;line-height: 1.7}
/*Home good*/
.Home-good{background: url(../images/backg_1.jpg) no-repeat top center;height: 903px;}
.Home-good .Home-title{margin-top: 60px;}
.Home-good-box{margin-top: 45px;height: 673px;position: relative}
.Home-good-left{width: 35.8%;padding: 70px 45px 0 50px}
.Home-good-box ul li{margin-bottom: 25px}
.Home-good-box ul li h4{font-size: 2.6rem;color: #333333;line-height: 34px;margin-bottom: 10px}
.Home-good-box ul li h4 i{width: 50px;display: inline-block;color: #0160db;font-size: 3.4rem;}
.Home-good-box ul li p{padding-left: 50px;font-size: 1.6rem;color: #888888;line-height: 23px;}
.Home-good-more{position: absolute;bottom: 170px;left: 40.83%;width: 225px;height: 55px;text-align: center;line-height: 55px;font-size: 2rem;color: #ff7800}
.Home-good-more a{color: #ff7800;display: block;}
.Home-good-right{width: 35.8%;padding: 70px 70px 0  35px}
.Home-good-tel{position: absolute;left: 50%;bottom: 3px;width: 45%;margin-left: -22.5%;line-height: 52px;padding-left: 65px;}
.Home-good-tel b{font-size: 3.2rem;color: #2662b5;display: inline-block;float: left;width: 61.49%}
.Home-good-tel a{display: inline-block;float: left;width: 38.51%;line-height: 50px;text-align: center;font-size: 2rem;color: #fff;}
/*Home want*/
.Home-want{background: #ffffff;padding-top: 50px;padding-bottom: 65px;}
.Home-want-box{margin-top: 55px;}
.Home-want-left{width: 53%;padding-right: 45px;}
.Home-want-left h4{font-size:2.6rem;color: #0160db;position: relative;padding-bottom: 40px;font-weight: bold;margin-bottom: 45px;}
.Home-want-left h4:after{position: absolute;left: 0;bottom: 0;width: 76px;height: 9px;background: #ff8c00;content: ""}
.Home-want-sumnary{font-size: 2.4rem;color: #000000;line-height: 42px;margin-bottom:80px;}
.Home-want-more{border: solid 1px #ff8c00;border-radius: 26px 0 0 26px;height: 52px;overflow: hidden}
.Home-want-more a{width: 200px;height: 52px;background: #ff8c00;line-height: 52px;text-align: center;font-size: 2rem;color: #fff;float: left;display: block}
.Home-want-more b{float: left;width: calc(100% - 200px);line-height: 52px;font-size: 2.4rem;color:#ff8c00;font-weight: bold;text-align: center}
.Home-want-right{width: 47%}
/*Home aboout*/
.Home-about{background:#fefefe url(../images/backg_2.jpg) no-repeat top center;overflow: hidden;padding-bottom: 15px;}
.Home-about-title{font-size: 3rem;color: #fefefe;text-shadow: 3px 3px 7px rgba(0,0,0,1);font-weight: bold;margin-top: 80px;margin-bottom: 60px;}
.Home-about .container{background: #fff;-moz-box-shadow:0px 0px 5px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1); box-shadow:0px 0px 5px rgba(0,0,0,.1);padding: 50px;}
.Home-about-box{margin-top: 35px;}
.Home-about-left{width: 51.54%;}
.Home-about-right{width: 48.46%;padding-left: 40px;}
.Home-about-right h4{font-size: 2.4rem;color: #0160db;font-weight: bold;padding:15px 0 25px;}
.Home-about-right p{font-size: 1.4rem;color: #7f7f7f;line-height: 2;text-indent: 2rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 40px;}
.Home-about-more{display: block;width: 150px;height: 32px;background: #ff8c00;border-radius: 16px;line-height: 32px;text-align: center;font-size: 1.4rem;color:#fff;}
/*Home share*/
.Home-share{background: #fefefe;padding-top: 40px;}
.Home-share-box{margin-top: 45px;position: relative;}
.Home-share-box ul li{border: solid 1px #dedede}
.Home-share-box>div.Yc-icon{width: 40px;height: 40px;border-radius: 50%;background: rgba(1,96,219,.5);outline: none;}
.Home-share-box>div.Yc-icon:after{font-size: 2rem;color: #fff;}
.Home-share-box>div.share-prev{left: -82px}
.Home-share-box>div.share-next{right: -82px}
.Home-share-box>div.Yc-icon:hover{background: #ff8c00}
.Home-share-box ul li:hover{border-color: #ff8c00;}
/*Home news*/
.Home-news{background: #fefefe;padding: 65px 20px 70px}
.Home-news-title{position: relative;overflow: hidden;margin-bottom: 30px;}
.Home-news-title:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #dedede;content: ""}
.Home-news-title span{font-size: 3.2rem;color: #0160db;line-height: 32px;position:relative;padding-bottom: 16px;display: block;float: left}
.Home-news-title span:after{position: absolute;left: 0;bottom: 0;width:126px;height: 3px;background: #0160db;content: "";z-index: 9}
.Home-news-title span em{font-size:1.4rem;color: #0160db;text-transform: uppercase;margin-left: 10px;font-style: normal}
.Home-news-title a{font-size: 1.4rem;color: #3ba3fd;text-transform: uppercase;line-height: 40px;}
.Home-news-left{width: 36%;background: #f5f5f5}
.Home-news-left ul{padding: 15px}
.Home-news-left ul li{border-bottom: solid 1px #d7d7d7;line-height: 52px;overflow: hidden}
.Home-news-left ul li a{float: left;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 1.4rem;color: #5b5b5b;}
.Home-news-left ul li span{font-size: 1.4rem;color: #999999;float: right}
.Home-news-left ul li:hover a{color: #ff8c00}
.Home-News-right{width: 60.34%;background: #f8f8f8;padding: 20px 30px 0;}
.Home-News-list li{margin-bottom: 25px;overflow: hidden;}
.Home-News-list li a{display: block;overflow: hidden;position: relative}
.Home-News-list-text {transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s}
.Home-News-list-text h2{font-size: 1.6rem;color: #3a3a3a;border-bottom: solid 1px #e5e5e5;padding-bottom: 18px;margin-bottom: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.Home-News-list-text h2 span{font-size: 1.4rem;color: #999999;}
.Home-News-list-text p{font-size: 1.2rem;font-family: SimSun;line-height: 2;display: none;color: #727272}
.Home-News-list-time{position: absolute;right: 100px;top: 0;visibility: hidden;opacity: 0;transition: ease .3s;-webkit-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s}
.Home-News-list-time p{font-size: 1.2rem;color: rgba(0,0,0,.55);text-align: center;}
.Home-News-list-time p b{font-size: 2.8rem;color: #888888;display: block;line-height: 1}
.Home-News-list-time i{display: block;margin-top: 30px;font-size: 1.2rem;color: #555555;text-align: center}
.Home-News-list li.active .Home-News-list-text{width: calc(100% - 105px);float: left}
.Home-News-list li.active h2 span{display: none}
.Home-News-list li.active .Home-News-list-text p{display: block}
.Home-News-list li.active .Home-News-list-time{visibility: visible;opacity: 1;right: 0}
.Home-News-list li:hover h2,.Home-News-list li.active h2{color: #ff8c00}
/*Footer*/
#Footer{background: #003376;padding-top: 45px;}
.Footer-left{width: 65%;}
.Footer-nav{margin-bottom: 25px;font-size: 1.6rem;color:rgba(255,255,255,.73)}
.Footer-nav a{display: inline-block;padding:0 30px;position: relative;color:rgba(255,255,255,.73)}
.Footer-nav a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: #3e3e3e;content: "";margin-top: -8px;}
.Footer-nav a:first-child{padding-left: 0}
.Footer-left dl dd{padding-left: 0;font-size: 1.4rem;color:rgba(255,255,255,.73);line-height: 1.8;}
.Footer-left dl dd a{color:rgba(255,255,255,.73)}
.Footer-right div{font-size: 1.4rem;color: rgba(255,255,255,.73);}
.Footer-right div span{margin-top: 10px;display: block}
.Footer-right div:first-child{margin-right: 75px;}
.Footer-copyright{margin-top: 40px;background: #002048;padding: 30px 0;position: relative;font-size: 1.4rem;color: #d4d4d4}
.Footer-copyright a{color: #d4d4d4}
.Footer-copyright i{position: absolute;left: 50%;top: -50px;width: 154px;height: 51px;margin-left: -77px;line-height: 51px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);cursor: pointer}
.Footer-copyright:before{position: absolute;left: 50%;top: -50px;width: 154px;height: 51px;margin-left: -77px;background: url(../images/backg_4.png) no-repeat top center;content: ""}
@media(max-width:1080px) and (min-width: 993px){
    .Footer-nav a{padding: 0 20px;}
}
@media(max-width:992px) and (min-width:768px){
    .Footer-left{width: 100%;}
    .Footer-right{width: 100%;margin-top: 30px;text-align: center}
    .Footer-right>div{display: inline-block;float: none!important;}
}
@media(max-width: 760px){
    #Footer{padding-top: 30px;margin-bottom: 60px;}
    .Footer-left{width: 100%;margin-bottom: 20px;}
    .Footer-tel{width:100%}
    .Footer-left dl dd{border-bottom: solid 1px #003376;line-height: 40px;border-top: solid 1px #02306d}
    .Footer-left dl dd:first-child{border-top: none}
    .Footer-right{width: 100%;margin-top: 30px;text-align: center}
    .Footer-right>div{display: inline-block;float: none!important;}
    .Footer-copyright{padding: 14px;font-size: 1.2rem}
}
/* Footer Button */
footer{height:60px;background:#065ed4;border-top:solid 1px #004bb0;z-index: 9;}
footer a{border-top:solid 1px #004bb0;border-right:solid 1px #467cc5;height:60px;border-left:solid 1px #004bb0;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;}
.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){
    .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;}
}