/*****通用编码******/
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:#183885!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#183885;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#183885;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#183885;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:#183885;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#183885}::-webkit-scrollbar-corner:vertical{background-color:#183885}::-webkit-scrollbar-resizer:vertical{background-color:#183885}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1372348 */
    src: url('//at.alicdn.com/t/font_1372348_8dxwf8ly0gx.eot');
    src: url('//at.alicdn.com/t/font_1372348_8dxwf8ly0gx.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1372348_8dxwf8ly0gx.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1372348_8dxwf8ly0gx.woff') format('woff'),
    url('//at.alicdn.com/t/font_1372348_8dxwf8ly0gx.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1372348_8dxwf8ly0gx.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}
@media (min-width:1100px){
    .container{width: 1200px;}
}
.pull-backg-fff{background: #fff}
.row{margin-left: 0;margin-right: 0}
/*Header*/
#Header{height: 160px;background: #fff}
.Header-logo{width: 190px;height: 160px;background: url(../images/logo_1.jpg) no-repeat left center;}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem}
.Header-right{width: calc(100% - 190px);height: 160px;padding-left: 40px;}
.Header-top{padding-top: 30px;}
.Header-fitle h2{font-size: 2rem;color: #000;margin-bottom: 0;font-weight: bold}
.Header-fitle h2 span{color: #183885}
.Header-fitle p{margin-top: 5px;font-size: 1.3rem;color: #515151}
.Header-tel{padding-left: 50px;background: url(../images/icon_0.png) no-repeat left top;font-size: 1.5rem;color: #000;line-height: 1.2}
.Header-tel b{display: block;font-size: 2.1rem;color: #183885}
.Header-nav{margin-top: 30px;}
.Header-nav li{float: left;width: 14.285%;text-align: center;position: relative;height: 55px;}
.Header-nav li:before{position: absolute;left: 50%;bottom: 0;width: 0;height: 5px;background: #183885;content: "";transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}
.Header-nav li:after{position: absolute;right: 0;top: 0;width: 10px;height: 100%;content: "/";color: #000;opacity: .2;font-size: 1.6rem;font-weight: bold;line-height: 45px}
.Header-nav li>a{font-size: 1.6rem;color: #000;font-weight: bold;color: #000;display: block;line-height:45px;position: relative}
.Header-nav li:last-child:after{display: none;}
.Header-menu{position: absolute;left: 0;top: 54px;width: 100%;z-index: 9;-webkit-transition: all ease .3s;transition: all ease .3s;-webkit-transform: translateY(30px);transform: translateY(30px);opacity: 0;background: rgba(255, 255, 255, .9);box-shadow: 0 3px 16px rgba(0, 0, 0, .1);}
.Header-menu a{display: block;font-size: 12px;line-height: 40px;position: relative;display: block;overflow: hidden;height: 40px;padding: 0 30px 0 10px;-webkit-transition: all ease .3s;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;color: #666;text-align: left}
.Header-menu a:after{position: absolute;right: 0;top: 50%;width: 5px;height: 10px;margin-top: -5px;visibility: hidden;color: #fff;transition: ease .3s;-webkit-transition: ease .3s;-o-transition: ease .3s;content: " ";background:url(../images/icon_10.png)  no-repeat center center / cover}
.Header-menu a:hover{padding-left: 15px;color: #fff;background: #183885;}
.Header-menu a:hover:after{right: 15px;visibility: visible}
.Header-nav li:hover:before{width: 50%;}
.Header-nav li:hover .Header-menu{visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.Header-nav li:hover>a,.Header-nav li.active>a{color: #183885}
.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:760px){
    #Header{position: fixed;left: 0;top: 0;width: 100%;height: 60px;background: #fff;z-index: 11;}
    .Header-logo{width: 70%;height: 50px;background-size: contain;margin-top: 5px;margin-left: 5px;background-image: url(../images/mlogo_1.png)}
}
/*Nav*/
#Nav {position: fixed;left: 0;top: 150%;width: 100%;background: #183885;height: auto;  z-index: 10;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%;height: 100%;font-size: 1.4rem;color: #333;line-height: 34px;text-align: center;border-top: solid 1px #062778;border-bottom: solid 1px #3c5798;color: #fff;}
#Nav a:hover,#Nav a.active{background: #fff;color: #183885;}
#Nav.active{top: 60px;}
/*Banner*/
.swiper-button-next, .swiper-button-prev{width: 40px;height: 80px;margin-top: -40px;background: rgba(0,0,0,0.5);background-image: none;text-align: center;-webkit-transition: all ease .35s;transition: all ease .35s;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{color:#fff;font-size: 1.6rem}
.swiper-button-next:hover, .swiper-button-prev:hover{background: #016add}
.swiper-pagination span{width: 62px;height: 5px;background: #fff;border-radius: 0;opacity: 1}
.swiper-pagination span.swiper-pagination-bullet-active{background:#0f5aad}
@media(max-width: 760px){
    #Banner{margin-top: 60px;}
    .swiper-button-next, .swiper-button-prev{display: none}
    .swiper-pagination span{width: 8px;height: 8px;border-radius: 50%;}
}
/*Main*/
.Home-title{font-size: 3.2rem;color: #000;font-weight: bold}
.Home-fitle{font-size: 1.4rem;color: #666;margin-top: 10px;}
/*Home Products*/
.Home-products{padding-top: 50px;padding-bottom: 50px;}
.Home-products-nav{text-align: center;margin-top: 30px;margin-bottom: 50px;}
.Home-products-nav a{display: inline-block;padding: 12px 42px;-webkit-transition: all .3s ease;transition: all .3s ease;color: #616161;font-size: 1.4rem;}
.Home-products-nav a:hover,.Home-products-nav a.active{background: #183885;color: #fff}
.Home-products-list li{padding: 0 10px;margin-bottom: 30px;}
.Home-products-list li a{display: block;-webkit-transition: all .3s ease;transition: all .3s ease;color: #616161;font-size: 1.4rem;}
.Home-products-list li i{display: block;overflow: hidden;}
.Home-products-list li i img {-webkit-transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.Home-products-list li span{display: block;border-bottom: solid 1px #ddd;height:80px;font-size: 1.5rem;color: #555;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;line-height: 80wpx;padding-bottom: 10px;position: relative;margin-top: -40px;bottom: 0;padding: 0 10px;background: #fff;}
.Home-products-list li span:after{position: absolute;right: 0;top: 50%;color: #cdcdcd;content: "→";-webkit-transition: all .3s ease;transition: all .3s ease;font-family: "Arial";margin-top: -50px}
.Home-products-list li:hover i img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.Home-products-list li:hover a{display: block;box-shadow: 0 10px 15px 0 #bbb;}
.Home-products-list li:hover span{line-height:90px;border-color: #183885;background: #183885;margin-top: -50px;height: 90px;color: #fff;}
.Home-products-list li:hover span:after{right: 10px;}
@media(max-width: 760px) {
    .Home-products-nav{margin-bottom: 20px;}
    .Home-products-nav a{padding: 5px 15px;font-size: 1.3rem;max-width:24%}
    .Home-products-list li{margin-bottom: 20px;}
    .Home-products-list li span{height: 40px;margin-top: auto}
    .Home-products-list li span:after{margin-top: -25px;}
    .Home-products-list li:hover span{line-height:40px;border-color: #183885;background: #183885;margin-top: auto;height: 40px;color: #fff;}
}
/*Home service*/
.Home-service{background: url(../images/backg_1.jpg) no-repeat center top;padding-top: 60px;padding-bottom: 120px}
.Home-service .Home-title{color: #fff;}
.Home-service .Home-fitle{color: #c6c6c6;margin-bottom: 50px;}
.Home-service-list{padding-top: 55px;}
.Home-service-list li{border-right: 1px #e0e0e0 dashed;padding: 0 38px;}
.Home-service-list li:last-child{border-right: none}
.Home-service-box h3{padding-left: 114px;background-repeat: no-repeat;background-position: left center;line-height: 92px;font-size: 2.4rem;color: #555}
.Home-service-box p{padding-top: 35px;font-size: 1.6rem;color: #555;margin-bottom: 20px;}
.Home-service-one h3{background-image: url(../images/icon_1.png)}
.Home-service-two h3{background-image: url(../images/icon_2.png)}
.Home-service-three h3{background-image: url(../images/icon_3.png)}
.Home-service-frou h3{background-image: url(../images/icon_4.png)}
@media(max-width:992px) and (min-width:768px){
    .Home-service-list li{padding: 0 10px 20px}
    .Home-service-box h3{background-size: 70px;padding-left: 80px;}
}
@media(max-width:760px){
    .Home-service{padding-bottom: 40px;}
    .Home-service-list{padding-top: 30px;background: #fff;}
    .Home-service-list li{padding: 0 10px 20px}
    .Home-service-list li:first-child,.Home-service-list li:nth-child(2){border-bottom: dashed 1px #e0e0e0}
    .Home-service-list li:nth-child(3),.Home-service-list li:nth-child(4){padding-top: 20px}
    .Home-service-box h3{background-size: 50px;padding-left: 70px;height: 50px;line-height: 50px}
    .Home-service-box p{font-size: 1.4rem;padding-top: 20px;}
}
/*Home Approve*/
.Home-approve{margin-top: 50px;margin-bottom: 60px;}
.Home-approve h2{position: relative;font-size: 2.4rem;color: #333;font-weight: 600;padding-bottom: 20px;margin-bottom: 30px}
.Home-approve h2:after{position: absolute;left:0;bottom:0;width: 24px;height: 2px;background: #016add;content: ""}
.Home-approve-box{background: #f7f7f7;position: relative;padding: 50px 0 100px 40px;-webkit-transition: all .3s;transition: all .3s;position: relative;margin-bottom: 30px;}
.Home-approve-top>div.col-md-4{padding-left: 0}
.Home-approve-box i{margin-bottom: 15px;display: block}
.Home-approve-box h3{font-size: 2.4rem;color: #333;line-height: 36px;}
.Home-approve-box h4{font-size: 2rem;color: #0f5aad}
.Home-approve-box p{margin-top: 25px;padding-right: 60px;font-size: 1.4rem;color: #666;line-height: 24px}
.Home-approve-box em{display: block;text-align: right;position: absolute;right: 30px;bottom: 40px;font-size: 5.2rem;color: #e3e3e3;font-style: normal}
.Home-approve-box:hover{box-shadow: 0 8px 10px 0 #ccc;z-index: 2;transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
@media(max-width: 992px) and (min-width: 768px){
    .Home-approve h2{text-align:center;}
    .Home-approve h2:after{left:50%;margin-left: -12px;}
    .Home-approve-list li{padding: 0 10px;}
    .Home-approve-box{padding: 50px 10px 100px}
    .Home-approve-box i img{margin: auto}
    .Home-approve-box h3{font-size: 1.8rem;text-align: center}
    .Home-approve-box h4{font-size: 1.4rem;text-align: center;}
    .Home-approve-box p{padding-right: 0;min-height: 200px;}
    .Home-approve-box em{font-size: 4rem;}
}
@media(max-width:760px){
    .Home-approve{margin-top: 30px;}
    .Home-approve h2{text-align:center;}
    .Home-approve h2:after{left:50%;margin-left: -12px;}
    .Home-approve-list li{padding: 0 10px;margin-bottom: 20px;}
    .Home-approve-box{padding: 30px 10px 50px;margin-bottom: 10px;}
    .Home-approve-box i img{margin: auto}
    .Home-approve-box h3{font-size: 1.8rem;text-align: center}
    .Home-approve-box h4{font-size: 1.4rem;text-align: center;}
    .Home-approve-box p{padding-right: 0;min-height: 200px;font-size:1.2rem;}
    .Home-approve-box em{font-size: 3rem;}
}
/*Home About*/
.Home-about{background: url(../images/backg_2.jpg) no-repeat top center;padding: 70px 0}
.Home-about .container{background: #fff;}
.Home-about-img{padding-left: 0}
.Home-about-text{padding-right: 0}
.Home-about-text h2{margin-top: 40px;padding-bottom: 20px;text-align: center;font-size: 2.4rem;color: #000;position: relative;font-weight: bold;margin-bottom: 30px;}
.Home-about-text h2:after{position: absolute;left: 50%;bottom: 0;width: 50px;height: 2px;background: #016add;margin-left: -25px;content: ""}
.Home-about-text p{font-size: 1.4rem;color: #666;line-height: 26px;}
.Home-more{margin-top: 30px;}
.Home-more a{display: block;font-size: 1.4rem;border: solid 1px #666;width: 160px;height: 40px;line-height: 40px;margin: auto;text-align: center;color:#666;transition: ease .3s;}
.Home-more a:hover{background: #183885;border-color: #183885;color: #fff;}
@media(max-width:992px) and (min-width: 768px){
    .Home-about{padding: 50px 0}
    .Home-about-text h2{margin-top: 20px;margin-bottom: 15px;}
    .Home-about-text p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
}
@media(max-width:760px){
    .Home-about{padding: 20px 10px;background-size: cover}
    .Home-about-img{padding: 0}
    .Home-about-img img{width: 100%;}
    .Home-about-text{padding: 0 5px;}
    .Home-about-text h2{margin-top: 20px;margin-bottom: 15px;}
    .Home-about-text p{font-size: 1.2rem;}
    .Home-more{margin-bottom: 20px;}
}
/*Home News*/
.Home-news{padding: 100px 0 70px;}
.Home-news-left{padding-left: 0;padding-right: 40px;width: 57%}
.Home-news h2{border-bottom: dashed 1px #e5e5e5;line-height: 35px;padding-bottom: 10px;margin-bottom: 20px;}
.Home-news h2 span{font-size: 2.4rem;color: #333}
.Home-news h2 a{font-size: 1.4rem;color: #a1a1a1;text-transform: uppercase;}
.Home-news-one-text h3{margin: 15px 0;overflow: hidden;font-size: 2rem;color: #333;line-height: 32px;}
.Home-news-one-text h3 span{width: 68px;height: 32px;border-radius: 5px;display: block;float: left;background: #183885;text-align: center;line-height: 32px;font-size: 2rem;color: #fff;margin-right: 10px;}
.Home-news-one-text p{font-size: 1.4rem;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.Home-news-left-list li{height: 45px;line-height: 45px;border-bottom: dashed 1px #e5e5e5;padding-left: 20px;position: relative}
.Home-news-left-list li:before{position: absolute;width: 6px;height: 6px;border: solid 1px #183885;border-radius: 50%;left: 0;top: 20px;content: ""}
.Home-news-left-list li a{text-decoration: none;color: #666;font-size: 1.4rem;}
.Home-news-left-list li span{color: #666;font-size: 1.4rem}
.Home-news-left-list li:hover a{color: #183885;}
.Home-news-right{padding-right: 0;width: 43%;padding-left: 60px}
.Home-news-right-one h3{font-size: 2rem;line-height: 32px;color: #333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;display: block;margin-bottom: 15px;}
.Home-news-right-one p{margin-bottom: 10px;color: #666;font-size: 1.4rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.Home-news-right-list li{border-bottom: dashed 1px #e5e5e5;line-height: 45px;height: 49px;padding-left: 20px;position: relative;overflow: hidden}
.Home-news-right-list li em{position: absolute;left: 0;top: 13px;width: 20px;height: 20px;background: #183885;border-radius: 4px;font-size: 1.2rem;color: #fff;line-height: 20px;text-align: center;}
.Home-news-right-list li span{margin-left: 10px;font-size: 1.4rem;color: #666;}
.Home-news-right-list li i{font-family:"Microsoft Yahei", Arial, sans-serif;font-size: 1.4rem;color: #666;font-style: normal}
@media(max-width: 992px) and (min-width:768px){
    .Home-news-left{width: 60%;padding-right: 10px;}
    .Home-news-right{width: 40%;padding-left: 30px;}
}
@media(max-width:760px){
    .Home-news{padding: 50px 10px }
    .Home-news-left{width: 100%;padding-right: 0;margin-bottom: 30px;}
    .Home-news-right{width: 100%;padding: 0}
}
/*Home link*/
.Home-link{background: rgba(238,238,238,1);}
.Home-link h3{line-height: 40px;font-size: 1.4rem;color: #183885;}
.Home-link-list{margin-bottom: 15px;}
.Home-link-list a{line-height: 20px;padding: 10px 10px 0 10px;font-size: 1.2rem;color: #333;font-family: SunSim;display: inline-block;}
.Home-link-list a:hover{color: #183885}
@media(max-width:760px){
    .Home-link{padding: 10px;}
}
/*Footer*/
#Footer{background: rgba(51,51,51,1);}
#Footer .container{padding: 60px 0 30px;}
.Footer-tel{padding-left: 70px;background: url(../images/icon_9.png) no-repeat left center;font-size: 1.6rem;color: #fff;line-height: 1.2}
.Footer-tel b{font-size: 3rem;color:#fff;font-weight: normal;display: block}
.Footer-adds{margin: auto 10%;font-size: 1.4rem;color: #fff;line-height: 2}
.Footer-adds a{color: #fff;}
.Footer-code{margin-top: -20px;}
.Footer-code p{line-height: 30px;color: #5f5f5f}
@media(max-width: 992px) and (min-width: 768px){
    .Footer-adds{margin: auto 2%}
}
@media(max-width: 760px){
    #Footer{margin-bottom: 60px}
    #Footer .container{padding: 30px 0;text-align: center}
    .Footer-tel{display: inline-block;margin: auto;float: none !important;margin-bottom: 30px;}
    .Footer-adds{border-top: dashed 1px rgba(255,255,255,.2);margin: auto;width: 100%;padding-top: 15px;border-bottom: dashed 1px rgba(255,255,255,.2);padding-bottom: 20px;float: none !important}
    .Footer-code{margin-top: auto;float: none!important;margin-top: 20px;}
}
/* Footer Button */
footer{height:60px;background:#183885;border-top:solid 1px #021a53;z-index: 9;}
footer a{border-top:solid 1px #021a53;border-right:solid 1px #3c5798;height:60px;border-left:solid 1px #021a53;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 Lotainer*/
.Page-Lotaction{border-bottom: dashed 1px #d1d1d1;padding: 10px 0;color: #6666;font-size: 1.4rem}
.Page-Lotaction a{color: #6666}
.Page-container{margin-top: 40px;margin-bottom: 20px;}
.Page-left{padding-left: 0;}
.Page-left h2{padding-bottom:10px;background: #183885;}
.Page-left h2 span{display: block;padding: 18px 0;color: #fff;font-size: 2.6rem;font-weight: bold;border-bottom: solid 1px #fff}
.Page-channle{padding: 10px 0;}
.Page-channle li{line-height: 48px;}
.Page-channle li a{display: block;border-bottom: solid 1px #eee;padding-left: 25px;font-size: 1.6rem;color: #333;background: url(../images/icon_12.gif) no-repeat right 20px center}
.Page-channle li:hover a,.Page-channle li.active a{color: #fff;background: #183885  url(../images/icon_13.gif) no-repeat right 20px center}
.Page-left-tel{margin-top: 20px;margin-bottom: 50px;padding: 20px 0 20px 85px;background: #183885 url(../images/icon_11.png) no-repeat left 30px center;font-size: 1.4rem;background-size: 50px;font-size: 1.4rem;color: #fff;}
.Page-left-tel b{display: block;font-size: 2rem;color:#fff;}
.Page-right{padding-right: 0}
.Page-text{font-size: 1.4rem;color: #333;line-height: 2;}
.Page-text img{max-width:100%;height:auto !important}
@media(max-width:760px){
    .Page-container{margin-top:0;margin-bottom: 20px;}
    .Page-left{padding: 0}
    .Page-channle{overflow: hidden;margin-bottom: 20px;overflow: hidden;border-bottom: dashed 1px #ddd}
    .Page-channle li{width: 33.33%;float: left;border: none;padding: 5px 10px;line-height: 34px;}
    .Page-channle li a{display: block;line-height: 34px;border: solid 1px #e1e1e1;background-image: none;font-size: 1.4rem;border-radius: 4px;}
    .Page-channle li:hover a,.Page-channle li.active a{background-image: none;background: #183885;color: #fff;}
    .Page-right{padding: 0}
}
/*Page img list*/
.Page-img-list{margin-bottom: 30px;}
.Page-img-list li{padding: 0 10px;margin-bottom: 20px;}
.Page-img-list li i{display: block;overflow: hidden;}
.Page-img-list li i img,.Page-products-list li i img{transition: all ease .3s;-webkit-transition: all ease .3s;transform: scale(1,1);-webkit-transform: scale(1,1);}
.Page-img-list li span{display: block;padding: 15px 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f8f8f8;font-size: 16px;color: #444;-webkit-transition: all ease .3s;transition: all ease .3s;}
.Page-img-list li:hover i img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.Page-img-list li:hover span{color: #fff;background: #183885;}
@media(max-width:760px){
    .Page-img-list li{padding: 0 5px;}
}
/*Page products*/
.Page-products-list{margin-bottom: 30px;}
.Page-products-list li{padding: 0 8px;margin-bottom: 20px;}
.Page-products-list li i{display: block;overflow: hidden}
.Page-products-list li span{border-bottom: solid 1px #ddd;position: relative;display: block;padding: 15px 0 15px 15px ;font-size: 1.5rem;color: #555}
.Page-products-list li span:after{content: "→";font-size: 16px;color: #cdcdcd;-webkit-transition: all .3s ease;transition: all .3s ease;font-family: "Arial";position: absolute;right: 0;top: 50%;width: 30px;height: 20px;line-height: 20px;margin-top: -10px;}
.Page-products-list li:hover i img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.Page-products-list li:hover span{border-color: #183885;color: #183885}
/*Page news*/
.Page-news-list{margin-bottom: 30px;}
.Page-news-list li{padding: 10px;background: #f2f2f2;margin-bottom: 20px;}
.Page-news-time{width: 90px;height: 80px;text-align: center;overflow: hidden;-webkit-transition: all ease .3s;transition: all ease .3s;border-right: 1px solid #aaa;}
.Page-news-time b{height: 55px;line-height: 55px;font-size: 38px;color: #aaa;}
.Page-news-time p{height: 25px;line-height: 25px;color: #aaa;font-size: 14px;font-weight: normal;-webkit-transition: all ease .3s;transition: all ease .3s;}
.Page-news-text{width: calc(100% - 90px);padding-left: 20px;}
.Page-news-text h2{font-size: 16px;font-weight: normal;margin-bottom: 10px;webkit-transition: all ease .3s;transition: all ease .3s;color: #333;}
.Page-news-text p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #999;}
.Page-news-list li:hover .Page-news-time b,.Page-news-list li:hover .Page-news-time p{color: #183885}
.Page-news-list li:hover h2{color: #183885}
@media(max-width: 760px){
    .Page-news-time{height: 60px;}
    .Page-news-time b{height: 40px;line-height: 40px;font-size: 3rem}
    .Page-news-time p{height: 20px;line-height: 20px;}
    .Page-news-text h2{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-size: 1.4rem}
    .Page-news-text p{font-size: 1.2rem}
}
/*Page news details*/
.Page-title{font-size: 2rem;color: #333;font-weight: bold}
.Page-info{padding:17px 0;color: #c1c1c1;font-size: 1.2rem;border-bottom: #ededed 1px solid;padding-bottom: 10px;margin-bottom: 20px;}
/*Page contact*/
.Page-contact-top{margin-bottom: 30px;}
.Page-contact-top dl dt{ font-size: 24px;color: #183885;padding-bottom: 42px;font-weight: bold;border-bottom: 1px solid #e5e5e5}
.Page-contact-top dl dd{border-bottom: 1px solid #e5e5e5;height: 71px;}
.Page-contact-top dl dd i{margin-top: 18px;}
.Page-contact-top dl dd span{margin-top: 26px;line-height: 20px;font-size: 1.4rem;color:#000;padding-left: 30px;display: block;float: left;width: calc(100% - 32px)}
@media(max-width: 760px) {
    .Page-contact-top dl{padding: 0;}
    .Page-contact-top dl dt{padding-bottom: 20px;text-align: center}
}
/*Page online*/
.Page-online li{padding: 0 20px;margin-bottom: 20px;}
.Page-online li .Page-online-input{width: 100%;height: 45px;padding: 0 10px;background: #f5f5f5;border: 1px solid #e6e6e6;outline: 0;color: inherit;font-family: inherit;}
.Page-online li textarea{padding: 10px !important;min-height: 190px;resize: vertical;}
.Page-online li button{width: 120px;margin-right: 20px;cursor: pointer;border-color: #016add;color: #fff;-webkit-transition: all ease .3s;transition: all ease .3s;height: 45px}
.Page-online li button:first-child{background: #2a47a3;color:#fff;}
.Page-online li button[type="reset"]{background: transparent;color: #0c3d7f}
.Page-online li .Page-online-input:focus{border-color: #016add}
.Page-online li input.input-val{width: 30%}
.Page-online li canvas{border: solid 1px #e6e6e6;margin-left:2%;height: 45px;border-radius: 4%;}
@media(max-width:760px){
    .Page-online li{padding: 0}
}
    /* 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:#183885;border-color:#183885;color:#fff;}
.Page a:hover{background:#183885;color:#fff;border-color:#183885}
.Page a:first-child{display: none}
/*=====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;}
}