body{-webkit-text-size-adjust: 100%;font-family: "微软雅黑";}
body{ overflow-x: hidden;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus, a:hover { text-decoration: none;}
input{outline:none; outline-style:none;}
select{ outline:none;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0; vertical-align:middle;}
address,caption,cite,code,dfn,em,b,th,var,i{font-weight:normal; font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
/* h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;} */
q:before,q:after{content:"";}
p{word-wrap:break-word;}
abbr,acronym{border:0;}
select,input,button,button img,textarea,label{margin:0px; vertical-align:middle;}
input::-moz-focus-inner{border:none; padding:0;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none; -webkit-appearance:none;}
textarea{resize:none;}
b{font-weight:bold;}
em{color:#ff0000;font-style: normal;}
.clear{height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
object,video,embed {max-width: 100%;}
.fl{ float:left;}
.fr{float:right;}
img{max-width:100%}
html{font-size:20px}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
header{z-index: 999;}


.navbar-brand{height:75px;padding: 0; }
.navbar-default{background:#fff;}
.navbar-brand>img{width:100%;}
.navbar-logo{width:120px;margin-top:10px}
.navbar-nav{margin:0;margin-top:12px;}
.navbar-nav li a{font-size:18px}
.nav-tel{font-size:22px;color:#777;margin-top:10px;margin-left:13px}
.nav-box{width:100%;margin:0 auto;background:red}
.nav-center{width:100%;display: flex;justify-content: space-between;}
.nav-tel-icon{margin-top:3px;font-size:19px}
.navbar-nav li{margin:0 10px}
.navbar-toggle{margin-top:20px}
.nav-tabs {border-bottom: none;}
.navbar-right{margin-right:200px;}
.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:#e7e7e7}
.head{width:100%;height:30px; text-align: right;line-height: 30px; }



.marketing{margin-top:60px}
.marketing h2{font-size:24px}
.marketing .center{display: flex;flex-direction: column;align-items: center;}
.marketing-part{width:100px;height:100px;margin-bottom:15px;border-radius: 100px;background:#417eff;display:flex;justify-content: center;align-items: center;text-align: center;font-size:18px;color:#fff}

.container-Bg{background:#fafafa}
.company .wrapper{width:100%;color:#777}
.company .headline{font-size:24px;margin-top:10px;font-size:#333}
.company .description{font-size:18px;line-height: 30px;}
.company .more{border:1px solid #666;border-radius: 5px;display:block;padding:10px;margin-bottom:40px;width:150px; text-align: center;margin-top:15px;transition: all .3s ease}
.company .more:hover{background:#417eff;border:1px solid #417eff;color:#fff;text-decoration: none;}
.company-left{animation-name: fadeInLeft; animation-delay: 0s;}
.company-right{animation-name: fadeInRight; animation-delay: 0s;}
.company-more{animation-name: fadeInUp; animation-delay: 0.5s;}

.service-list a{display: block;}
.service .content-box{width: 100%; position: relative;overflow: hidden;}
.service .content-md{position: absolute;width:100%;
                     background:rgba(0, 0, 0, .5);text-align: center;bottom:0;padding:20px 15px;transition: all .3s ease;height:56px;}

.service .content-md h2{font-size:18px;color:#fff;margin-top:0px;}
.service .content-md p{color:#fff;font-size:16px;line-height: 28px;}
.service .col-md-4{margin-bottom:30px;}
.service .title{text-align: center;padding-bottom:50px}
.service .col-md-4:hover .content{height:100%}
.service .content-box:hover .content-md{height:100%}

.new-title{border-bottom:1px solid #777;display: flex;justify-content: space-between;}
.new-title-hd{margin-top:0;font-size:20px;}
.new-title span{color:#777;font-size:16px;padding-left:10px}
.new-box{margin-top:20px}
.new-box .title{font-size:18px;margin-top:15px}
.new-box .title a{color:#666}
.new-box .detail{font-size:16px;color:#777;margin-top:10px}
.new-box .dmore{text-align: right;}
.new-box .col-xs-6{margin-bottom:30px}
.new-more-box{text-align: center;margin-top:30px;display: flex;justify-content:center}
.new-more-box a{color:#777;border:1px solid #777;border-radius: 5px;padding:12px 60px;display: block;width:180px;transition: all .3s ease;}
.new-more-box a:hover{text-decoration: none;background:#417eff;color:#fff;border:1px solid #417eff;}
.new-up{animation-name: fadeInUp; animation-delay: 0s;}
.parten .title{text-align: center; text-transform: uppercase;}
.nav-tabs a{color:#777}
.nav-tabs>li{margin-bottom: 0; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #337ab7;
    cursor: default;
    background-color: #fff;
    border: 1px solid  transparent; 
    border-bottom-color: transparent;
}
.nav-tabs>li>a:hover {
    border-color: none; 
    color: #777;
}
.process{width:100%;margin-top:30px;}
.process-list{display: inline-block;position: relative;text-align:center;margin-bottom:50px}
.process-list .detail{position:absolute;text-align:center;width:100%;padding:10px 0}
.process-list.icon{width:60px;height:60px;}
.parter-box{margin-top:40px}
.parter-box .md{margin-bottom:30px}
.parter-box .border{border:1px solid rgba(0, 0, 0, .2);text-align: center;}

.footer{background:#222;margin-top:60px;padding:30px 0 30px}
.footer-box h2{border-bottom:2px solid rgba(255, 255, 255, .3);width:50%;padding-bottom:10px;}
.footer-box h2 span{width: 150px;border-bottom:2px solid #fff;padding-bottom:10px;font-size:20px;color:#fff}
.footer-list{margin-top:30px}
.footer-list a{display: block;line-height: 30px;color:#fff}
.footer-list img{width:120px;height:120px}
.process-list.jt{width:38px;height:30px;margin:0 6px}

.copyright{border-top:1px solid #777;margin-top:50px;text-align: center;padding-top:30px;color:#fff;padding:30px 15px 0}

.service-page{background:#f5f5f5;}
.place{height:40px;line-height:40px;font-size:16px;}
.place a{color:#777}


.new-headline{font-size:20px;text-align: center;margin-top:60px}
.new-headline a{color:#777;padding:0 10px}
.new-headline a:hover{color:#417eff}
.new-dt-title .btitle .b-h2{font-size:30px;color:#333;border-bottom:1px solid #333;padding-left:0;padding-bottom:10px}
.new-dt-title span{font-size:16px;color:#777;padding-left:10px}
.new-dt-list{padding:30px 0;border-bottom:1px dashed rgba(0, 0, 0, .2)}
.new-dt-list .newpic{width:260px;height:196px;overflow: hidden;}
.new-dt-list .newpic img{width:260px;height:196px;transition: all .3s ease;}
.new-dt-list .newpic img:hover{transform:scale(1.2,1.2)}
.new-dt-detail h3{font-size:24px;color:#333;margin-top:8px}
.new-dt-detail p{font-size:14px;color:#999}
.new-dt-detail .new-detail{font-size:16px;color:#777;line-height: 30px;}
.pagelist{width:100%; text-align:center;margin-top:30px}


.service-pic{width:370px;height:210px;overflow: hidden;}
.service-pic img{width:370px;height:210px;transition: all .3s ease;}
.service-pic img:hover{transform:scale(1.2,1.2)}
.service-item p{font-size:16px;color:#777;line-height: 24px;}
.service-item{margin-bottom:30px}
.service-md-title{padding-bottom:60px;}

.table>tbody>tr>th{padding: 18px;}
.table>tbody>tr>td{padding:18px}

.about-article{font-size:16px;color:#777;line-height: 28px;margin-top:30px}
.about-article p{margin-bottom:30px}
.contact-us{font-size:16px;margin-top:30px}

.article-md{margin-top:20px;font-size:18px;color:#777}
.article-md .title{font-size:30px;color:#337ab7;margin-bottom:10px; text-align: center;}
.article-md .time{font-size:16px;color:#777;text-align: center;margin-bottom:60px;}
.article-md p{line-height: 30px;}
.article-page-tz{font-size:16px;line-height: 30px;margin-top:30px;}

.footer-nav-box{display: none;}
.footer-nav{width:100%;background:#fafafa;border-top:1px solid #eee;position: fixed;bottom:0;left:0;right:0;display: flex;justify-content: space-between;align-items: center;}
.footer-nav-list{text-align: center;color:#777;font-size:20px;width:25%;/*border-right:1px solid rgba(255, 255, 255, .5);*/padding:4px 0 6px}
.footer-nav-list:last-child{border:none}
.footer-nav-list a{display: block;color:rgba(0,0,0,.5);}
.footer-nav-list .glyphicon{font-size:16px;}
.footer-nav-list.active a span{color:#417eff}
.footer-nav-title{display: block;font-size:14px;}
/*.footer-nav-list.active{background-color: #6798ff;}*/
@media(min-width:970px){
    .col-md-2n{width:20%; text-align: center;}
}
@media screen and (max-width: 768px){
    .company .more{width:100%}
    .new-more-box{margin-top:30px}
    .new-more-box a{width:100%}
    .nav-tel{margin-top:0;margin-bottom:10px}
    .new-dt-list .newpic{width:100%;height:auto !important;overflow: inherit}
    .new-dt-list .newpic img{width:100%;height:auto;}
    .new-dt-list .newpic img:hover{transform:none}
    .new-dt-detail h3{margin-top:16px}
    .service-pic{width:100%;height:auto;overflow: inherit;}
    .service-pic img{width:100%;height:auto;}
    .service-pic img:hover{transform:none}  
    .footer-nav-box{display: block;margin-top:2.8rem}
    .footer-box h2{width:100%}
    .navbar-right{margin-right:0;}
    .company-left{animation-name: none; animation-delay: 0s;}
    .company-right{animation-name: none; animation-delay: 0s;}
    .company-more{animation-name: none; animation-delay: 0s;}
    #user_login_li{display: none}
    .article-content-md img{max-width:100%}
    .about-article img{max-width:100%}
    .contact-us img{max-width:100%}
}

.mgt-75{margin-top:75px}
.mgt-60{margin-top:60px}
.mgt-40{margin-top:40px}

.pic img{width:100%}
.company-left img{width:100%}
.content-box img{width:100%}
.banner img{width:100%}
.border img{width:100%}