@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@import url('animate.min.css');

@import url('owl.css');

@import url('bootstrap.min.css');

@import url('jquery.bxslider.css');

@import url('jquery.fancybox.css');

@media (min-width:1200px){.container{padding: 0px;}}

*{margin:0px;padding:0px;border:none;outline:none;}



body{font-size:14px;color:#777777;line-height:1.8em;font-weight:400;background:#ffffff;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing: antialiased;}

.page-wrapper{overflow: hidden;}

a{text-decoration:none;cursor:pointer;}

a:hover, a:focus, a:visited{text-decoration:none;outline:none;}

h1, h2, h3, h4, h5, h6{margin:0px;}

input, button, select, textarea{}

p{position:relative;font-size: 14px;line-height: 24px;}

ul, li{list-style:none;padding:0px;margin:0px;}

.strike-through{text-decoration:line-through;}

.auto-container{position:static;max-width:1200px;padding:0px 15px;margin:0 auto;}

.small-container{max-width:680px;margin:0 auto;}

.page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px;}

.section-title h2{position: relative;font-size: 34px;color: #345099;font-weight: 600;top: -25px;}

.section-title h2 span{color: #FF7756;}

.section-title h3{color: #ECECEC;text-transform : uppercase;font-family: "Times New Roman";font-size: 40px;font-weight: bold;}

.section-title p{font-size: 15px;color: #848484;font-weight: 400;line-height: 28px;}

.anim-3, .anim-3-all *{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}

.anim-5, .anim-5-all *{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

.anim-7, .anim-7-all *{transition:all 0.7s ease;-moz-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;}

::-webkit-input-placeholder{/* WebKit, Blink, Edge*/color: #222222;}

:-moz-placeholder{/* Mozilla Firefox 4 to 18*/color: #222222;opacity: 1;}

::-moz-placeholder{/* Mozilla Firefox 19+*/color: #222222;opacity: 1;}

:-ms-input-placeholder{/* Internet Explorer 10-11*/color: #222222;}

::-ms-input-placeholder{/* Microsoft Edge*/color: #222222;}

.btn-style-one{font-size: 15px;color: #FF6342;padding: 7px 15px;background: rgba(225,119,86,.1);border-radius: 6px;text-transform: capitalize;display: inline-block;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

.btn-style-one:hover{color: #ffffff;padding: 7px 15px;background:#FF6342;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

.btn-style-two{color: #ffffff;padding: 7px 15px;background:#FF6342;border-radius: 6px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

.btn-style-two:hover{font-size: 15px;color: #FF6342;padding: 7px 15px;background: rgba(225,119,86,.1);border-radius: 6px;text-transform: capitalize;display: inline-block;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

.btn-style-three{background:rgba(255,255,255,.1);color: #ffffff;}

.btn-style-three:hover{font-size: 15px;color: #ffffff;background:#FF6342;border-radius: 6px;padding: 7px 15px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}

.mt-0{margin-top:0 !important; }

.margin-r-1{margin-right: 1rem;}

.clearfix:after {content: " ";display: block;clear: both;height: 0;}

.clearfix {zoom: 1;}
.w85{width:85%;margin:0 auto;}

/***==============Main Header===============***/

@-webkit-keyframes menu_sticky{0%{margin-top:-150px;}

50%{margin-top: -130px;}

100%{margin-top: 0;}}

@keyframes menu_sticky{0%{margin-top:-150px;}

50%{margin-top: -130px;}

100%{margin-top: 0;}}

.header-top{background: #345099;color: #ffffff;line-height: 40px;}

.header-top span{float: right;}

.logo {float: left;margin-top: 6px;}

.header-1{padding: 5px 0;}

.main-header-block{position:relative;width:100%;z-index: 9999;padding: 25px 0px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}

.fixed-header{position:fixed;top: 0px;left: 0px;z-index: 9999;background: #ffffff;transition:all 500ms ease;-webkit-animation-name: menu_sticky;animation-name: menu_sticky;-webkit-animation-duration: 0.60s;animation-duration: 0.60s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);}

.main-header-block .logo{position: relative;float: left;}

.main-header-block .header-area{position: relative;float: right;margin-top: 5px;}

.main-header-block .header-area .main-menu-navigation{position: relative;float: left;}

.main-header-block .link-button{float: right;}

.main-menu-navigation .navbar-collapse{padding:0px;width: 100%;left: 0;top: 90px;}

.main-menu-navigation .navigation{position:relative;margin:0px;}

.main-menu-navigation .navigation > li{position:relative;text-align: left;padding-right: 10px;margin-right: 36px;display: inline-block;}

.main-menu-navigation .navigation > li > a{position:relative;display:block;font-size: 14px;color:#222222;line-height: 26px;font-weight:500;opacity:1;padding: 12px 0px;text-transform: uppercase;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}

.main-menu-navigation .navigation > li > ul{position:absolute;left:0px;top: 160%;width:220px;padding:0px;z-index:1;display:none;background:#012f5d;border-top:3px solid #ffffff;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}

.main-menu-navigation .navigation > li > ul > li{position:relative;width:100%;text-align: left;border-bottom: 1px solid #e5e5e5;}

.main-menu-navigation .navigation > li > ul > li:last-child{border-bottom:none;}

.main-menu-navigation .navigation > li > ul > li > a{position:relative;display:block;line-height:26px;font-weight: 600;font-size:15px;text-transform:uppercase;color: #ffffff;background: #345099;padding: 12px 20px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}

.main-menu-navigation .navigation > li > ul > li > a:hover{color: #345099;background: #ffffff;transition:all 500ms ease;}

.main-menu-navigation .navigation > li.dropdown:hover > ul{visibility:visible;opacity:1;top:160%;transition:all 500ms ease;}

.main-menu-navigation .navbar-collapse > ul li.dropdown .dropdown-btn{display:block;position: absolute;right: -8px;top: 12px;font-size: 20px;}

.banner{width: 100%;}

.banner img{width: 100%;}

/***========= Service Section=========***/

.honor-area{padding: 60px 0px 30px 0;background: url(../images/bg2.png) no-repeat;background-size: 100% 100%;}

.honor-area .section-title{margin-bottom: 40px;}

.honor-area .image-text{position: relative;vertical-align: middle;display: flex;flex: 1;flex-direction: column;justify-content: center;}

.honor-area .item-holder-box{margin-bottom: 30px;}

.honor-area .item-holder-box img{width: 100%;height: 193px;}

.honor-area .item-holder-box:hover{border:none;}

.honor-area .item-holder-box h5{font-size: 24px;font-weight: 600;line-height: 36px;color: #222222;margin-bottom: 10px;}

.honor-area .item-holder-box p{font-size: 14px;font-weight: 400;line-height: 26px;color: #848484;text-align: left;}

.honor-area .owl-theme .owl-controls .owl-nav [class*="owl-"]{background: none!important;}

.honor-area .owl-theme .owl-controls .owl-dots{display: none!important;}

.honor-area .owl-theme .owl-controls .owl-nav span {width: 28px;height: 28px;background: none;line-height: 24px;color: #ff7756;font-size: 20px;border: 2px solid #ff7756;border-radius: 50%;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}

.honor-area .owl-theme .owl-controls .owl-nav span:hover{color: #ffffff;border-color: #ffffff;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}

.owl-prev {position: absolute;left: -55px;}

.owl-next {position: absolute;right: -55px;}

/***============ Blog Section ==========***/

.blog-area{position: relative;margin-top: 50px;padding-bottom: 60px;z-index: 1;}

.blog-area .section-title{position: relative;margin-bottom: 10px;}

.blog-area .item-holder-box{position: relative;margin-bottom: 20px;transition: all 500ms ease;border: 1px solid #fff;padding: 4px;}

.blog-area .item-holder-box:hover{transition: all 500ms ease;border:1px solid #345099;}

.blog-area .item-holder-box:hover .sec-title h5{color: #345099;}

.blog-area .item-holder-box .image-box{position: relative;}

.blog-area .item-holder-box .image-box a{display: block;background: #EAEAEA;text-align: center;padding: 14px 0;}

.blog-area .item-holder-box img{position: relative;align-self: center;height: 213px;width: 90%;}

.blog-area .item-holder-box .content-text{position: relative;padding: 0px 30px;margin-top: 20px;}

.blog-area .item-holder-box .content-text .sec-title h2{position: relative;font-size: 24px;line-height: 26px;font-weight: 600;color: #222222;padding-bottom: 20px;margin-bottom: 20px;}

.blog-area .item-holder-box .content-text .sec-title h2:before{position: absolute;left: 0px;bottom: 0px;content: '';width: 50px;height: 2px;background: #345099;}

.blog-area .content-text .sec-title h5{font-size: 18px;color: #555555;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-align: center;}

.blog-area .content-text .text p{font-size: 14px;line-height: 26px;color: #848484;font-weight: 400;padding-bottom: 15px;}

.blog-area .item-holder-box .blog-info-box{border-top: 1px solid #f6f6f6;}

.blog-area .item-holder-box .blog-info-box li{display: inline-block;font-size: 14px;line-height: 28px;font-weight: 400;color: #848484;padding: 12px 0px;margin-right: 10px;text-transform: capitalize;}

.blog-area .item-holder-box .blog-info-box li i{font-size: 13px;margin-right: 8px;}



.bg-blue{background: url(../images/bg-blue.png) fixed;}

.section-title.style1 h3{color: rgba(255,255,255,.2);}

.section-title.style1 h2{color: #ffffff;}

.jianj-area {padding: 40px 0 65px 0;}

.jianj-area h4{color: #222222;font-weight: bold;font-size: 26px; margin-bottom: 25px;margin-top: 34px;}

.jianj-area img {width: 100%;}

.jianj-area .img {padding-right: 0;}

.form-group {margin-bottom: 30px;}

.blog-area.case-area .item-holder-box{padding: 0;border:none;}

.blog-area.case-area .item-holder-box:hover{border:none;background: #345099;}

.blog-area.case-area .item-holder-box:hover .content-text .sec-title h5{color: #ffffff;}

.blog-area.case-area .item-holder-box .content-text {padding: 15px 30px 5px 30px;border: 1px solid #E4E4E4;margin-top: 0;}

.blog-area.news-area .item-holder-box{padding: 20px;border: 1px solid #F6F6F6;}

.blog-area.news-area .item-holder-box:hover{transition: all 500ms ease;border:1px solid #345099;}

.blog-area.news-area .item-holder-box .image-box{width:240px;height: 140px;display: inline-block;}

.blog-area.news-area .item-holder-box .image-box img{width: 100%;height: 100%;}

.blog-area.news-area .item-holder-box .content-text{display: inline-block;width: 51%;padding: 0px 0 0 20px;vertical-align: top;margin-top: 0;}

.blog-area.news-area .content-text .sec-title h5{font-weight: 600;-webkit-line-clamp: 2;line-height: 24px;text-align: left;color: #222222;margin-bottom: 5px;}

.blog-area.news-area .content-text .text p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;padding-bottom: 0;line-height: 20px;color: #666666;}

.blog-area.news-area .item-holder-box img{width: 100%;}

.blog-area.news-area .tab-content a:hover h5{color: #345099;}

.blog-area.news-area .item-holder-box .blog-info-box{border-top:none;text-align: right;}

.blog-area.news-area .item-holder-box .blog-info-box li{padding: 0;margin-right: 0;line-height: 26px;}

.news-area{background: #F6F6F6;margin-top: 0;padding-top: 50px;padding-bottom: 50px;}

.product-area .item-holder-box{background: #EFEFEF;padding: 25px;height: 245px;}

.product-area .item-holder-box:hover{background: #345099;}

.product-area .item-holder-box:hover li{color: #ffffff;}

.product-area .item-holder-box:hover li a{color: #ffffff;}

.product-list li {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.product-list li:before{width: 6px;height: 6px;background: #BFBFBF; content: "";display: inline-block;border-radius: 50%;vertical-align: middle;}

.product-area .item-holder-box:hover li:before{background: #ffffff;}

.product-list li a {font-size: 16px;color: #555555;line-height: 32px;padding-left: 10px;}

.bg-white{background: #ffffff;}

.dis-f{display: flex;}

.fl-r{float: right;}

.padding-left-35{padding-left: 35px;}

.middle{vertical-align: middle;display: flex;flex: 1;flex-direction: column;justify-content: center;}

.margin-l-1{margin-left: 4rem;}

.margin-t-1{margin-top: 2rem;}

.margin-t-2{margin-top: 4rem;}

.container-w90{width: 90%;margin:0 auto;}

.border-b-1{border-bottom: 1px solid #d4dae3;}

.padded-b-1{padding-bottom: 40px;}

.padded-2{padding: 20px 30px !important;}

/***=========== Footer Style =============***/

.main-footer-area{position: relative;background: #345099;}

.main-footer-area .footer-top{padding:27px 0 0 0;}

.main-footer-area .footer-top .h2{color: #fff !important;padding-top: 20px;}

.footer-top p{font-size: 14px;font-weight: 400;line-height: 30px;color: #ffffff;}

.footer-top p a{color: #ffffff;}

.footer-top .about-widget-box{margin-right: -25px;}

.footer-top .footer-gallery-widget{position: relative;text-align: right;}

.footer-top .footer-gallery-widget .ewm{width: 86px;height: 86px;display: inline-block;text-align: center;margin-left: 45px;}

.footer-top .footer-gallery-widget .ewm:first-child{margin-left: 0;}

.footer-top .footer-gallery-widget .ewm img{width: 100%;}

.w90{width:90%;margin:0 auto;}

.menu-link {margin-bottom: 30px;}

.menu-link li{display: inline-block;padding:0 3.5%;font-size: 15px;}

.menu-link li a{color: #ffffff;}

.menu-link li:first-child {padding-left: 15px;}

.menu-link li:last-child {padding-right: 15px;}

.copyright-text{line-height: 42px;text-align: center;background: #1C3064;color: #ffffff;}
.copyright-text a{color:#FF6342;}


/*关于我们*/

.location{border-bottom: 1px dashed #345099;line-height: 40px;padding-top: 10px;}

.location a{color: #777777;}

.location span{color: #345099;}

.margin-tb-40{margin-top: 40px;margin-bottom: 40px;}

.left-title{color: #ffffff;text-align: center;font-size: 20px;padding: 15px 0;font-weight: bold;background: #345099;}

.left-menu{background: #ffffff;border: 4px solid #345099;padding: 15px;text-align: center;}

.bg-blue-1{background: #345099;}

.left-menu li{position: relative;}

.left-menu li a{font-size: 15px;line-height: 40px;color: #000;/* padding-left: 15px; */font-weight: bold;}

.left-menu li.active a{color: #345099;}

.left-menu li:before {/* content: ""; *//* width: 5px; *//* height: 5px; *//* background: #555555; *//* display: inline-block; *//* border-radius: 50%; *//* vertical-align: text-top; *//* position: absolute; *//* top: 50%; *//* margin-top: -3px; */}

.left-menu li.active:before{background: #345099;}

.left-menu li a:hover{color: #345099;}
.left-menu-1 li a {
    font-weight: normal;
    color: #555;
}
.left-menu-1 li {
    border-bottom: 1px solid #e5e5e5;
}
.left-menu-1 li:last-child{border-bottom:none;}
.a-content{text-align: left;}

.a-content p{color: #222222;}

.a-content img{width: 100%;}

.pre_next{margin:40px auto;width:85%;}

.pre_next .pre{margin-bottom: 10px;}

.pre_next .pre a,.pre_next .next a{color: #777777;}

.pre_next .pre a:hover,.pre_next .next a:hover{color: #FF7756;}

.pre_next .pre a:hover span,.pre_next .next a:hover span{background: #FF7756;color: #ffffff;border-radius: 5px;width: 60px;height: 26px;display: inline-block;text-align: center;margin-right: 10px;}

.pre_next .pre:active,.pre_next .pre:hover,.pre_next .pre:focus,.pre_next .next:active,.pre_next .next:hover,.pre_next .next:focus{color: #FF7756;}

.pre_next a span{background:rgba(255,119,86,.2);color: #FF7756;border-radius: 5px;width: 60px;height: 26px;display: inline-block;text-align: center;margin-right: 10px;}





/*新闻中心*/

.news-title{line-height: 45px;}

.news-title a{color: #ffffff;font-size: 17px;}

.news-title .col-sm-6{text-align:center;display: inline-block;}

.news-title .col-sm-6.active{background: rgba(255,255,255,.1);}

.news-content .date{display: inline-block;width: 90px;height: 90px;background: #F1F1F1;}

.news-content .date span,.news-content .date p{font-size: 15px;color: #345099;text-align: center;display: block;align-self: center;}

.news-content .text{display: inline-block;vertical-align: top;}

.news-content .text h4{line-height: 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size: 17px;color: #222222;margin-bottom: 14px;}

.news-content .text p{color: #666666;line-height: 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news-content .w50{width: 50%;display: inline-block;padding-bottom: 19px;border-bottom: 1px solid #E3E3E3;}

.news-content .date span{color: #345099;font-size: 30px;font-weight: bold;margin-bottom: 6px;margin-top: 20px;}

.news-list{margin-bottom: 19px;padding-bottom: 19px;}

.news-list .text{width: 74%;margin-left: 15px;}

.news-content a:hover .text h4{color: #345099;}

.news-content .item-holder-box {padding: 15px 10px;position: relative;border: 1px solid #ffffff;margin-bottom: 20px;transition: all 500ms ease;}

.news-content .item-holder-box:hover{border: 1px solid #345099;}

.news-content .item-holder-box .image-box {width: 195px;height: 113px;display: inline-block;}

.news-content .item-holder-box .image-box img {width: 100%;height: 100%;}

.news-content .item-holder-box .content-text {display: inline-block;width: 50%;padding: 0px 0 0 10px;vertical-align: top;margin-top: 0;}

.news-content .content-text .sec-title h5 {font-weight: 600;-webkit-line-clamp: 2;line-height: 24px;text-align: left;color: #222222;margin-bottom: 5px;font-size: 17px;}

.news-content .content-text .text p {

    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-bottom: 0;line-height: 20px;color: #666666;margin-bottom: 0;}

.news-content .item-holder-box .blog-info-box {border-top: none;text-align: right;}

.news-content .item-holder-box .blog-info-box li {padding: 0;margin-right: 0;line-height: 20px;color: #999999;}

/*产品中心*/

.product-list .item-holder-box{position: relative;margin-bottom: 20px;transition: all 500ms ease;border: 1px solid #fff;padding: 4px;}

.product-list .item-holder-box .image-box{position: relative;}

.product-list .item-holder-box .image-box a{display: block;background: #EAEAEA;text-align: center;padding: 14px 0;}

.product-list .item-holder-box img{position: relative;height:175px;align-self: center;max-width: 90%;}

.product-list .item-holder-box .content-text{position: relative;padding: 0px 30px;margin-top: 20px;}

.product-list .content-text .sec-title h5{font-size: 18px;color: #555555;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-align: center;}

.product-list .item-holder-box:hover{transition: all 500ms ease;border:1px solid #345099;}

.product-list .item-holder-box:hover .sec-title h5{color: #345099;}

/*产品中心-详情页*/

.inkPhoBox { width:100%;margin-bottom: 60px;}

.inkPhoBox .main{ width:100%;}

.inkPhoBox .left{float: left;width: 500px;}

.inkPhoBox .right {float: left;width: 40%;margin-left: 35px;}

.inkPhoBox .right h2{color: #222222;font-size: 26px;font-weight: bold;margin-bottom: 22px;}

.inkPhoBox .right ul li{width: 49%;display: inline-block;font-size: 15px;}

.inkPhoBox #prev{display: none;}

.inkPhoBox #next{display: none;}

.inkPhoBox .mod18{position: relative;}

.inkPhoBox .mod18 #prevTop{background: url(../images/prevBtn.png) no-repeat; height: 41px; width: 41px; position: absolute; z-index: 99; left: 11px; top: 30%; cursor: pointer; background-size: 100%;}

.inkPhoBox .mod18 #nextTop{ background: url(../images/nextBtn.png) no-repeat; height: 41px; width: 41px; position: absolute; z-index: 99; top:30%; right: 11px; cursor: pointer;background-size: 100%;}

.inkPhoBox .mod18 li{float:left;}

.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}

.inkPhoBox .mod18 .cf li span{display:block;width:500px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.inkPhoBox .bigImgBox{width: 500px; height: 320px; border: 1px solid #E1E1E1;}

.inkPhoBox .mod18 .picBox{width: 500px; height: 320px; position: relative; overflow: hidden;}

.inkPhoBox .mod18 .picBox ul{position:absolute; left:0;}

.inkPhoBox .mod18 .picBox li{ width: 500px; height: 320px;background:#EAEAEA;text-align: center;}

.inkPhoBox .mod18 .picBox li img{height: 288px;margin: 16px 0;}

.inkPhoBox .smImgBox{ width: 500px; height: 100px;margin-top: 12px; position: relative; }

.inkPhoBox .mod18 .listBox{ width: 500px; height: 100px; margin: 0 auto; position: relative; overflow: hidden; }

.inkPhoBox .mod18 .listBox ul{height:100px;position:absolute; padding-left:0px;width: 100% !important;}

.inkPhoBox .mod18 .listBox li{ width: 156px; height: 100px; cursor: pointer;border:1px solid #EAEAEA; position: relative;background: #EAEAEA;margin-left:15px;text-align: center;}

.inkPhoBox .mod18 .listBox li:first-child{margin-left: 0;}

.inkPhoBox .mod18 .listBox li i{display:none;}   

.inkPhoBox .mod18 .listBox li a{display:block;width:157px;height:100px;}

.inkPhoBox .mod18 .listBox li img{height:90px;margin: 3px 0;}

.inkPhoBox .mod18 .listBox .on img{height:90px;}

.inkPhoBox .mod18 .listBox .on {background:#EAEAEA;border:1px solid #345099;}

.inkPhoBox .mod18 .listBox .on i{display:block;}

.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}

.border-b-2{border-bottom: 1px dashed #BFBFBF;}

.padding-b{padding-bottom: 13px;}

.padding-bt{padding:13px 0;}

.inkPhoBox .right ul.w100 li{width: 100%;}

.inkPhoBox .right .phone{font-size: 24px;font-weight: bold;color: #FF7756;}

.product-title{border-bottom: 2px solid #345099;margin-bottom: 24px;}

.product-title span{background: #345099;border-radius: 20px 0px 0px 0px;color: #ffffff;font-size: 24px;width: 130px;height: 54px;display: block;text-align: center;line-height: 54px;}

.full-width{width: 100%;}

.product-nav-1 p{line-height: 24px;color: #353535;}

.margin-top{margin-top: 40px;}

.product-video{background: rgba(0,0,0,.2);width: 50%;display: inline-block;height: 320px;text-align: center;}

.product-video img{height:94%;margin-top: 3%;}

.product-video a{display: block;height: 100%;position: relative;}

.product-video a i{position: absolute;left: 50%;top: 50%;margin-top: -25px;margin-left: -25px;}

.title-1{background: url(../images/pr-img.png) no-repeat;font-size: 15px;color: #ffffff;padding-left: 20px;}

.product-text {width: 49%;display: inline-block;vertical-align: top;}

.product-text p{padding: 15px 0;padding-left: 30px;}



/*产品常识*/

.general-list{background: #F1F1F1;border-radius: 5px;padding: 20px 10px;font-size: 15px;color: #333333;}

.general-list:hover{background: rgba(52,80,153,.2);}

.general-list p {width: 78%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.general-list:hover p{color: #345099;}

.general-list span {color: #777777;position: absolute;right: 20px;top: 20px;}

.general-list:hover span{color: #345099;}

.margin-bottom-2{margin-bottom: 20px;}

/*成功案例*/

.case-list .item-holder-box{padding: 0;border: none;position: relative;margin-bottom: 20px;transition: all 500ms ease;}

.case-list .item-holder-box .image-box{position: relative;}

.case-list .item-holder-box .image-box a{display: block;background: #EAEAEA;text-align: center;padding: 14px 0;}

.case-list .item-holder-box img{position: relative;height:175px;align-self: center;width: 90%;}

.case-list .item-holder-box .content-text{padding: 15px 30px 5px 30px;border: 1px solid #E4E4E4;margin-top: 0;}

.case-list .content-text .sec-title h5{font-size: 18px;color: #555555;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-align: center;}

.case-list .item-holder-box:hover{background: #345099;}

.case-list .item-holder-box:hover h5{color: #ffffff;}

.bg-gray{background: #F7F7F7;}

.contact h4{color: #345099;font-weight: bold;font-size: 26px;margin-bottom: 20px;}

.contact p{font-size: 15px;color: #222222;}

.padding{padding: 40px;}

.img-1{padding: 0;height: 391px;}

.img-1 img{width: 100%;height: 100%;}

.text-1 {height: 391px;}

/*服务与支持*/

.jt{width:60px;height:30px;display: inline-block;background:url(../images/jt.png) no-repeat;position: absolute;right: 30px;top: 50%;margin-top: -23px;}

.support-list .text p{margin-bottom: 0;}

.news-list.support-list {padding-bottom: 0;border: 1px solid #EBEBEB;padding: 15px 0 15px 0;}

.news-list.support-list .text h4 {margin-bottom: 10px;}

.news-list.support-list:hover{border: 1px solid #345099;}

.news-list.support-list:hover .jt{background:url(../images/jt_h.png) no-repeat;}







/*文章页*/

.content{width: 85%;margin:0 auto;}

.content .content-title{font-size: 24px;color: #222222;text-align: center;line-height: 32px;font-weight: bold;margin-bottom: 20px;}

.title-time{color: #777777;font-size: 16px;text-align: center;border-bottom: 1px solid #E3E3E3;line-height: 30px;margin-bottom: 20px;}

.content p{color: #222222;line-height: 28px;font-size: 15px;}



/*论文博客*/

.margin-t-0{margin-top: 0;}

.padded-t-1{padding-top: 50px;}

.height-0{min-height: 0;}

.blog-content{margin-top: 30px;margin-bottom: 30px;min-height: 750px;position: relative;}

.breadcrumbs{margin-top: 30px;}

.breadcrumbs span,.breadcrumbs span a{color: #fff;font-size: 16px;}

.blog-bg{background: #fff;padding: 50px;box-shadow: 0px 5px 15px rgba(40, 50, 95, 0.1);}

.blog-bg p,.blog-bg h3,.blog-bg ul li,.blog-bg ol li{color: #222;font-size: 16px;}

.blog-bg .section-title h2{font-size: 34px;margin-bottom:30px;}

.blog-bg p{text-align: left;}

.blog-bg p img{max-width: 100%;text-align: center;}

.text-center{text-align: center !important;}

.text-bold{font-weight: bold;}

.blog-bg h3{margin-bottom: 20px;margin-top: 20px;font-size: 24px;}

.blog-bg ul li{list-style-type: disc;margin-left: 15px;}

.blog-bg ol li{list-style-type: decimal;margin-left: 15px;}

.blog-quick-recent {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;margin-top: 70px;}

.blog-quick-recent-item {padding-left:10px;padding-right:10px;-webkit-box-flex:0;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;margin-bottom:30px}

.blog-quick-recent-item a {background-color:#f8f8f8;border-radius:3px;display:block;width:100%;height:100%;padding:10px 20px 0;-webkit-transition:all .3s linear;transition:all .3s linear}

.blog-quick-recent-item a:hover {background-color:#fff;-webkit-box-shadow:0 11px 61.1px 3.9px rgba(34,34,34,.09);box-shadow:0 11px 61.1px 3.9px rgba(34,34,34,.09)}

.blog-quick-recent-item span{font-size: 16px;font-weight:700;color: #222;margin-bottom: 10px;display: block;}

.blog-quick-recent-item a h3 {font-size:15px;margin-bottom:10px}

.blog-quick-recent-item a h3:last-child {margin-bottom:0}

.blog-quick-recent-item a p {font-size:16px;margin-bottom:13px}

.blog-quick-recent-item a p:last-child {margin-bottom:0}

.blog-quick-recent-item.blog-quick-recent-item-right {text-align:right}



.bg-2{background: #e2f3ef;padding: 60px;}

.bg-2 p{color: #222;line-height: 2em;text-align: center;font-weight: bold;}

.bg-2 p u {

    text-decoration: none;

    border-bottom: 3px solid #fbc005;

}

.margin-l-2{margin-left: 8rem;}

.bg-2 p img{width: 40px;}

.text-left{text-align: left !important;}

.bg-2.bg-3{padding: 30px;}

.bg-2.bg-3 p{font-size: 15px;font-weight: normal;}

.navbar-area {width:100%;-webkit-box-shadow:0 11px 61.1px 3.9px rgba(34,34,34,.09);box-shadow:0 11px 61.1px 3.9px rgba(34,34,34,.09)}

.navbar-area.is-sticky {-webkit-animation:500ms running fadeInDown;animation:500ms running fadeInDown;-webkit-transition:all .5s;transition:all .5s;width:100%;z-index:999;position:fixed;background-color:#fff}

.navbar-area {position:relative}

.navbar-area:after {content:"";position:absolute;right:0;top:0;height:100%;width:20%}

.navbar-area .main-nav nav .top-right a{margin-right: 20px;}

.navbar-area.is-sticky {background-color:#fff;-webkit-box-shadow:0 11px 61.1px 3.9px rgba(34,34,34,.09);box-shadow:0 11px 61.1px 3.9px rgba(34,34,34,.09)}

.navbar-area .mean-container a.meanmenu-reveal {color:#333}

.navbar-area .mean-container a.meanmenu-reveal span {background-color:#333}

.error-404-section{text-align: center;margin: 70px 0;}

.error-404-section .error-message{margin-top: 70px;padding: 0 200px;}

/*翻页样式*/

.pages{display: block;margin-top: 20px;}

.pages .ul2 li{display: inline-block; background: rgba(255,119,86,.2); border-radius: 5px; padding: 2px 11px; margin: 0 7px; color: #FF7756;}

.pages .ul2{text-align: center;}

.pages .ul2 li.thisclass{background: #FF7756; color: #ffffff;}

.pages .ul2 li a{color: #FF7756;}

.clearfix:after {content: " ";display: block;clear: both;height: 0;}

.clearfix {zoom: 1;}



.news-title .col-lg-13{text-align:center;}

.news-title .col-lg-13.active{background: rgba(255,255,255,.1);}

.product-nav-1 p img {max-width: 100%;}

/*留言反馈*/

.guestbook-content{border: 1px solid #345099;}

.guestbook-title{background: #345099;line-height: 60px;color: #ffffff;font-size: 24px;font-weight: bold;text-align: center;}

.title-2{background: rgba(52,80,153,.2);color: #345099;font-size: 20px;font-weight: bold;line-height: 50px;padding-left: 10%;}

.guestbook-content ul{width: 60%;margin: 30px auto;}

.guestbook-content ul li{line-height: 40px;margin-bottom: 15px;}

.guestbook-content ul li label{font-size: 16px;font-weight: normal;color: #222;margin-bottom: 0;width: 80px;text-align: right;}

.guestbook-content ul li input{height: 40px;line-height: 40px;border: 1px solid #E4E4E4;width: 70%;padding: 0 10px;}

.guestbook-content ul li textarea {max-height: 100px;line-height: 40px;border: 1px solid #E4E4E4;width: 70%;padding: 0 10px;vertical-align: top;}

.guestbook-content ul li input.login_btn{margin: 0 auto;display: block;border: none;color: #fff;font-size: 16px;width: 200px;height: 40px;background: #FF704E;}

@media (max-width: 991px){.error-404-section .error-message{margin-top: 50px;padding: 0 100px;}}

@media (max-width: 767px){.error-404-section .error-message{padding: 0;}}

.error-404-section .error-message h3{font-size: 28px;font-weight: 700;margin: 0 0 0.8em;color: #062856;}

.error-404-section .error-message p{margin-bottom: 1.8em;}

.error-message .theme-btn-s4{background-color: #08cc7f;color: #fff;}

.error-404-section .error{width: 50%;margin:40px auto;}

.error-404-section .error img{width: 100%;}

@media (max-width:768px){

.slide-content-box{display: none;}

.main-header-block .link-button{display: none;}

.jianj-area{margin-top: 20px;}

.jianj-area .section-title h3{display: none;}

.section-title h2{font-size: 30px;line-height: 40px;}

.jianj-area .container .row .col-lg-5{display: none;}

.jianj-area .container .row .col-lg-6{margin-left: 0;}

.fact-counter-area{display: none;}

.honor-area{padding:0;}

.featured-area .image-box{display: none;}

.featured-area .content-box{padding: 30px;}

.blog-area{margin-top: 0;}

.main-footer-area .footer-top{padding:30px 0;}


.footer-top .footer-menu-link ul{display: flex;}

.footer-top .footer-menu-link li{width: 100%;}

.footer-top .footer-gallery-widget{margin:0;text-align: center;}

.main-menu-navigation .navbar-collapse{position: fixed;}

.main-header-block{padding-bottom: 0;}

.herotitle{padding: 48px 0 10px 0;}

.herotitle h1{font-size: 19px;letter-spacing: 0;line-height: 1.4;text-align: center;}

.herosubtitle ul li{font-size: 16px;line-height: 1.4;}

.page-header-1{min-height:300px; }

.post-image img{min-height:300px; }

.herosubtitle ul{text-align: center;}

.herosubtitle ul, .herosubtitle ul li{list-style-type: none !important}

.jianj-area  .container .row .style-y{display: block;width: 100%;margin-left: 0;}

.jianj-area .bg-2{padding: 2rem;}

.jianj-area .margin-b-1{margin-bottom: 1rem;}

.vedio-area{background: #345099}

.vedio-area .row h1{font-size: 24px;margin-bottom: 1rem;}

.vedio-area .row p{width: 95%;margin:0 auto;}

.team-area{padding: 50px 0px 50px;}

.herosubtitle p{text-align: center;}

.herosubtitle p strong{display: none;}

.breadcrumbs{margin-top: 0;}

.breadcrumbs span, .breadcrumbs span a{color: #333;font-size: 15px;}

.blog-bg{padding: 20px;}

.blog-bg .section-title h2{font-size: 24px;line-height: 1.4;}

.blog-quick-recent-item{flex: 0 0 100%;-ms-flex: 0 0 100%;max-width: 100%;}

.blog-quick-recent-item.blog-quick-recent-item-right{text-align: left;margin-top: 20px;}

.blog-quick-recent-item a{padding:10px;}

.blog-quick-recent-item a h3{font-size: 15px;margin-top: 0;}

.error-404-section .error{width: 90%;}

.header-top{text-align: center;line-height: normal;padding: 10px 0;}

.header-top span{float: none;display: block;line-height: normal;}

.blog-area.news-area .item-holder-box{padding: 0;}

.blog-area.news-area .item-holder-box .image-box{display:none;}

.blog-area.news-area .item-holder-box .content-text{width: 100%;padding: 0;}

.blog-area.news-area .content-text .sec-title h5{-webkit-line-clamp: 1;line-height: normal;font-size: 16px;}

.blog-area.news-area .content-text .text p{-webkit-line-clamp: 2;}

.menu-link{display:none;}

.copyright-text{line-height: normal;    padding: 10px 0;}

.copyright-text span {display: block;line-height: 20px;}

.news-list{padding: 0 15px 19px 15px;}

.news-content .col-sm-6 {display: block;}

.news-content .date{width: 75px;height: 72px;}

.news-content .date span{margin-top: 16px;}

.news-list .text {width: 71%;margin-left: 12px;}

.news-content{margin-top: 20px;}

.left-2 {display: none;}

.pages .ul2 li{margin: 0 3px;}

.guestbook-title{font-size: 19px;line-height: 40px;}

.title-2{font-size: 16px;line-height: 36px;}

.guestbook-content ul{width:85%;}

.img-1 iframe {width: 100%;}

.content p img {max-width: 100%;}

.inkPhoBox{width: 100%;}

.inkPhoBox .main{width: 100%;}

.inkPhoBox .left{width: 100%;float: none;}

.inkPhoBox .bigImgBox{width: 100%;}

.inkPhoBox .mod18 .picBox{width: 100%;}

.inkPhoBox .mod18 .picBox li{width: 370px;}

.inkPhoBox .smImgBox,.inkPhoBox .mod18 .listBox{width: 100%;}

.inkPhoBox .mod18 .listBox li{width: 32%;margin-left: 7px;}

.inkPhoBox .right{margin:20px 20px 0 20px;float: none;display: block;width: auto;}

.product-content {margin: 0 20px;}

.product-video,.product-text{width: 100%;}

.product-text{margin-top: 20px;}

.padding-left-35{padding-left:15px;}

.jianj-area .img{padding-left: 0;}

.logo {float: left;margin-top: 13px;width: 55%;position: absolute;left: 15px;z-index: 1;}

.logo img {width: 100%;}

.case-list {width: 100%;margin: 0 auto;}

.product-list {width: 100%;margin: 0 auto;}
.menu-link li{padding: 0 1.3%;}

.menu-link li:first-child{padding-left:0;}
}