﻿/**{ transition:all 0.1s linear; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear;}*/
input{ outline:none}
.elan{color: #fff;background: #2b3082;padding: 5px 10px; display:none; margin-right:11px}
.navbar-default{background:#fff;border:0; padding:0 0 0}
.navbar-toggle{0}
.navbar-toggle.t1{top:8px;margin-top:10px}
.search-btn{background:#635d7f url(../images/s-icon.png) center center no-repeat;height:110px;width:120px;text-align:center;color:#fff;font-size:36px;}
.section .top{color:#e90101;text-align:center;/*font-weight:bold;*/padding:2em 0;text-transform:uppercase;font-size:2.5rem;font-family:"方正水柱简体"}
.section .top b{color:#1857a3;}
.section .top h3{color:#7e7e7e;display:inline-block;font-size:0.6em;/*font-weight:bold;*/padding-bottom:10px;position:relative}
.section .top span{color:#7e7e7e;font-family:"方正宋黑繁体","微软雅黑";display:inline-block;margin-top:0.5rem;position:relative;padding:0 55px;font-size:1.8rem;border:0;font-weight:normal}
.section .top span i{background:#fff;font-style:normal;position:relative;z-index:3;padding:0 15px}
.section .top span b{border-bottom:1px solid #7e7e7e;width:100%;display:inline-block;margin:0 auto;position:absolute;left:0;top:0.9rem;z-index:0;height:1px}
header .form-control{appearance:none;-moz-appearance:none;-webkit-appearance:none;color:#fff;position:relative;background:#d8d8d8 url(../images/sel-bg.png) no-repeat right center;float:right;width:auto;box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;margin-top:45px;line-height:15px}
header .form-control.lg{margin-top:1.2rem;margin-right:0.8rem}
header .form-control:hover,header .form-control:active,header .form-control:focus{border-color:#fff}

/*------顶部------*/
.head-tip{ /*text-align:right;*/ /*height:40px*/ border-bottom:1px solid #f1f1f1; color:#5e5d5d; line-height:30px}
.head-tip li{ color:#1f1f1f; font-size:1.5rem; padding:0 2rem; position:relative; float:right}
.head-tip li.last{ padding-right:50px}
.head-tip li.last a{ color:#fff;  padding:5px}
.mbox{ /*margin:80px 0 100px*/}
.mbox .col-sm-3{ padding-left:10px}
/*.section h3{ color:#2c2b2b; font-size:18px; padding:10px 5px 20px; border-bottom:1px solid #eeeeee}
.section h3 a{ float:right; color:#646464; font-size:14px}
.section h3 a:hover{ color:#2b3082}*/
.box{}
.boxs{ background:#fff; border:1px solid #eaeaea;padding:15px}

/*-------热点新闻--------*/
.h-new{ position:relative; height:66px; font-size:16px; line-height:66px}
.h-new .bg{ position:absolute; left:50%; width:50%; height:100%; background:#fff}
.h-new .con{ background:#fff; border-left:2px solid #1e3382; height:66px;}
.h-new li{ height:66px; line-height:66px;}
.h-new li a{ display:block;white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden; width:100%;}
.h-new span{ cursor:pointer}
.h-new span:hover{ color:#1e3382}
.searchbox{ text-align:right}
.searchbox input{ width:auto; height:35px; border:1px solid #e1e1e1; line-height:35px; margin-right:10px; padding:0 5px}
.searchbox .s-btn{ background:#585858; width:91px; height:35px; color:#fff; font-family:inherit; line-height:35px; display:inline-block}
.searchbox .s-btn:hover{ background:#1e3382}

/*--------产品中心------*/
.pcenter .tit{ color:#000000; padding:66px 0 50px; font-size:19px}
.pcenter .tit small{ color:#a7a7a7; padding-left:10px}
.pcenter .tit li,.pcenter .tit ul { display:inline; line-height:2;font-size:15px; }
.pcenter .tit ul{ padding-left:60px;}
.pcenter .tit li a{ color:#000000; margin:0 20px; display:inline-block;border-bottom:2px solid #fff;}
.pcenter .tit li:hover a{ color:#1e3382; border-bottom:2px solid #1e3382;}
.pcenter .pro li{ padding:0; background:#fff; box-shadow:0 0 3px rgba(153,153,153,0.2); -webkit-box-shadow:0 0 3px rgba(153,153,153,0.2); -moz-box-shadow:0 0 3px rgba(153,153,153,0.2); margin:10px 20px}

.pcenter .pic{ position:relative}
.pcenter .pic img{ width:100%; max-width:226px; margin:0 auto; padding:20px 0}
.pcenter .ptext{ border-top:1px solid #e5e5e5; color:#222222; text-align:center; font-size:14px}
.pcenter .ptext p{ color:#757575}
.pcenter .ptext a{ padding:5px 25px; background:#adadad; display:inline-block; margin-top:15px; color:#fff}
.pcenter  ul.pro li:hover .ptext a{ background:#e6552b}
.pcenter  ul.pro li:hover{ box-shadow:0 0 8px rgba(153,153,153,0.5); -webkit-box-shadow:0 0 8px rgba(153,153,153,0.5); -moz-box-shadow:0 0 8px rgba(153,153,153,0.5);}
.pcenter .ptext h3{ padding:32px 0 15px; font-size:16px}
.pcenter .ptext p{ position:relative; color:#757575; font-size:14px;}
.pcenter .owl-theme .owl-controls .owl-buttons{ position:absolute; top:-100px; right:15px; width:82px}
.pcenter .owl-theme .owl-controls .owl-buttons div.owl-prev{ }
.pcenter .owl-theme .owl-controls .owl-buttons div.owl-next{ margin-left:3px}
.pcenter .owl-theme .owl-controls .owl-buttons div.owl-prev{ }
.pcenter .owl-theme .owl-controls .owl-buttons div.owl-next{ }
.pcenter .owl-theme .owl-controls .owl-buttons div{ font-size:18px; font-family:"宋体"; display:inline-block;color:#909090; border:1px solid #dddddd; width:35px; height:35px;}
.pcenter .owl-theme .owl-controls .owl-buttons div:hover{ color:#fff; background:#1e3382; border-color:#1e3382}
.pcenter:hover .owl-theme .owl-controls .owl-buttons div{/* display:block; z-index:10*/}


/*--------公司简介-------*/
.com-info{ background:#134575; margin:100px 0 0; position:relative}
.com-info .tit{font-family:"方正中倩_GBK"; }
.com-info .tit h3{font-size:3rem; color:#d2d2d2}
.com-info .tit .des{font-size:1.8rem;color:#000000;padding:0.8rem 0 1.5rem;position:relative;display:inline-block}
.com-info .tit .des .line{position:absolute;bottom:0;left:0;width:100%;border-bottom:2px solid #1e3382;height:1px;}
.com-info .lside{ background:#fff; margin-top:95px; padding:40px}
.com-info .lside .carousel-p{ margin-left:-120px; width:170%; margin-top:40px}
.com-info .lside .carousel-p img{ border:3px solid #fff; width:100%}
.com-info .lside .owl-pagination{ text-align:right; padding-right:10%}
.com-info .owl-theme .owl-controls .owl-pagination{ margin-right:30px;}
.com-info .owl-theme .owl-controls .owl-page span{ background:#bdbdbd; width:10px; height:10px; margin:38px 5px 0 }
.com-info .owl-theme .owl-controls .owl-page.active span{ background:#1e3382}
.com-info .rside{ color:#fff; margin:100px 0; padding-left:3rem}
.com-info .rside h3{ font-size:26px;}
.com-info .rside h3 small{ display:block; color:#fff; font-size:60%}
.com-info .rside p{ font-size:14px; margin:30px 0}
.com-info .rside .more{ background:#1e3382; font-size:20px; color:#fff; padding:2px 40px 2px 100px; margin-left:-105px; display:inline-block}
.com-info .bg{ position:absolute; bottom:0; height:13%; right:0; background:#fff; width:50%}



/*--------------企业优势--------------*/
.en-advan{ background:#fff;padding:100px 0; position:relative}
.en-advan .tit{font-family:"方正中倩_GBK"; text-align:center;margin-bottom:60px}
.en-advan .tit h3{font-size:3rem; color:#d2d2d2}
.en-advan .tit .des{font-size:1.8rem;color:#000000;padding:0 0 1.5rem;position:relative;display:inline-block}
.en-advan .tit .des .line{position:absolute;bottom:0;left:50%;width:40%;border-bottom:1px solid #e5552b;height:1px; margin-left:-20%}
.en-advan .cwrap .t1{ width:100%; display:table; text-align:center; height:100%; padding:0 10%; background:#8b8b8b;transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; }
.en-advan .cwrap .t1 .box{ display:table-cell; width:100%; height:100%; vertical-align:middle}
.en-advan .cwrap .t1 h3{ font-size:1.7rem; position:relative; padding-bottom:1.5rem; color:#fff; display:inline-block}
.en-advan .cwrap .t1 h3 .line{ position:absolute; left:50%; margin-left:-15%; width:30%; background:#dc3d0f; height:1px; bottom:0 }
.en-advan .cwrap .t1 p{ font-size:1.4rem; margin-top:1.5rem; color:#fff}
.en-advan .cwrap .t1 h4{ color:#3f3f3f; font-size:1.5rem;}
.en-advan .cwrap .t1 h4.wh{ color:#fff}
.en-advan .cwrap .t1:hover{ background:#134575}
.en-advan .cwrap img{ width:100%}
.en-advan .maskborder{width:100%;height:100%;position:absolute;left:0;top:0;border:transparent 1px solid;transition: all ease-out 0;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; -webkit-transition: all ease-out 0; z-index:100; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;}
.en-advan li:hover .maskborder{width:calc(100% - 30px);height:calc(100% - 30px);left:15px;top:15px; border:1px solid #dc3d0f}
.en-advan li:hover .t1{ background:#134575}

/*----------客服案例-----------*/
.cus-case{ background:#fff; position:relative; padding-bottom:80px}
.cus-case ul{ width:90%; margin:0 auto}
.cus-case .tit{font-family:"方正中倩_GBK"; text-align:center; padding:80px 0 60px}
.cus-case .tit h3{font-size:3rem; color:#fff}
.cus-case .tit .des{font-size:1.8rem;color:#ffffff;padding:0 0 1.5rem;position:relative;display:inline-block}
.cus-case .tit .des .line{position:absolute;bottom:0;left:50%;width:40%;border-bottom:1px solid #e5552b;height:1px; margin-left:-20%}
.cus-case .bg{ position:absolute; top:0; left:0; width:100%; height:62%; background:#134575}
.cus-case .owl-item{ padding:0 12px}
.cus-case li{ color:#2d2d2d; background:#f4f4f4; position:relative}
.cus-case li .pic img{ width:100%}
.cus-case li h3{ font-size:18px; margin:20px 0}
.cus-case li p{ font-size:14px;word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 1.43rem;
    line-height: 1.8;}
.cus-case li a{ color:#fff; font-size:12px; padding:2px 15px; background:#727272; margin:20px 0 30px; display:inline-block; position:relative; z-index:2}
.cus-case li a:hover{ background:#134575}
.cus-case li:hover{ background:#e23706; color:#fff}
.cus-case .maskborder{width:100%;height:100%;position:absolute;left:-8px;top:-8px;border:transparent 8px solid;transition: all ease-out 0;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; -webkit-transition: all ease-out 0; z-index:1  }
.cus-case li:hover .maskborder{width:calc(100% - 16px);height:calc(100% - 16px);left:0;top:0; border:8px solid #e23706}
.cus-case .text{ margin:20px 15px;}
.cus-case .owl-theme .owl-controls .owl-buttons div.owl-prev{ position:absolute; bottom:80%; left:-5rem; margin-bottom:-5rem;  color:#fbfbfa}
.cus-case .owl-theme .owl-controls .owl-buttons div.owl-next{ position:absolute; bottom:80%; right:-5rem; margin-bottom:-5rem; color:#fbfbfa}
.cus-case .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-5rem;color:#949494;}
.cus-case .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-5rem;color:#949494;}
.cus-case .owl-theme .owl-controls .owl-buttons div{ padding:0 0.6rem; margin-bottom:-2.5rem; font-size:1rem; font-family:"宋体";}
.cus-case .owl-theme .owl-controls .owl-buttons div:hover{ color:#1e3382; border-color:#1e3382}
.cus-case .owl-theme .owl-controls .owl-buttons div{ display:block; z-index:10; background:#fff; border:1px solid #dedede;color:#949494; width:3rem; height:3rem; line-height:3rem}


.l-news{ position:relative; margin:100px 0 }
.l-news .box{border:1px solid #eaeaea; background:#fff}
.l-news .tit{ color:#000000; padding:36px 44px; font-size:18px}
.l-news .tit small{ color:#a7a7a7; padding-left:10px}
.l-news .tit li,.pcenter .tit ul { display:inline; line-height:2}
.l-news .tit ul{ padding-left:50px; float:right}
.l-news .tit li a{ color:#000000; margin:0 15px; font-size:14px; display:inline-block}
.l-news .tit li:hover a{ color:#1e3382; }
.l-news .years{ color:#e4e4e4; font-size:50px; padding-left:15px }
.l-news .days{ color:#484848; font-size:18px; margin-top:-15px}

.l-news .media{margin:0; padding:20px}
.l-news .media .pull-left{width:18%}
.l-news .media-box{background:#fff;height:auto;position:relative}
.l-news .media-box img{/*max-width:387px;*/height:auto;width:100%;}
.l-news .media:hover{ background:#134575}
.l-news .media-body{color:#686868;width:55%;padding:0 2rem}
.l-news .media-body h4{overflow:hidden;line-height:1.8rem;height:1.7rem;margin:0.5rem 0 1rem; color:#444444; font-size:16px}
.l-news .media-body p{word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom:0;font-size:1.43rem;line-height:2}
.l-news .media-body a{color:#6d6d6d; display:block; line-height:1.8rem; height:1.8rem; overflow:hidden}
.l-news .media .media-object{ display:none}
.l-news .media:hover .date{ display:none}
.l-news .media:hover a{ color:#fff}
.l-news .media:hover p{ color:#fff}
.l-news .media:hover .media-object{ display:block}
.coop{ padding-bottom:12px}
.coop li{ }
.coop li{ text-align:center; margin:5px 30px}
.coop li img{ display:block; margin:0 auto;border:1px solid #f0f0f0}

footer{ background:#393939; color:#fff;  font-size:14px; }
footer .top{  padding:75px 0 45px; color:#f4f4f4; font-size:18px;}
footer .top .box{ max-width:720px; margin:0 auto}
footer .top .nav{ padding:10px 0 47px}
footer .top .nav li{ float:left; padding:0 30px; position:relative}
footer .top .nav li:after{ position:absolute; content:""; border-right:1px solid #f4f4f4; top:50%; margin-top:-6px; height:12px; right:0}
footer .top .nav li:first-child{ padding-left:0}
footer .top .nav li:last-child::after{ border:0; padding-right:0}
footer .top p{ font-size:16px}
footer .top p img{ padding-right:20px}
footer .top .kefu{ color:#fff; background:#134575; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:0 30px; font-size:14px; display:inline-block}
.bg{ background:#f5f5f5}
footer .bt{}
footer .top .nav li a{ color:#f4f4f4;}
footer p.tel{ color:#fff; font-size:26px; padding:17px 0 40px}
footer .bottom{ border-top:1px solid #484848; padding:15px 0 10px}




