@charset "utf-8";
/*	reset */
body,input,textarea {font:14px Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,Tahoma,Arial,sans-serif;}
*{margin:0;padding: 0;}

img {vertical-align: top;border: none;}
li {list-style:none;}
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder {color:#aaa;}
textarea {resize:none;}
table {border-collapse: collapse;}
.clear{*zoom:1}
.clear:after{content:"."; display:block; height: 0; clear: both; visibility:hidden;}

/* 默认超链样式 */

a{ color:#2648a0;text-decoration:none;}
a:hover{ color:#F50303; text-decoration:none;}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999;
}

/* color */
.red{ color:#F50303;}
.green{ color:#080;}
.blue {color:#0e83e5;}
.gray3 {color: #333;}
.gray6 {color:#666;}
.gray9 {color:#999;}
.orange {color:#f80;}
.black {color: #000;}
.white {color: #fff;}

/*font*/
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:20px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.lh150{line-height:1.5;}.lh175{line-height:1.75;}.lh2{line-height:2;}.lh16{line-height:16px;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}.lh26{line-height:26px;}.lh28{line-height:28px;}.lh30{line-height:30px;}.fwb{font-weight:bold;}.fwn{font-weight:normal;}.fsn{font-style:normal;}.fsi{font-style:italic;}

/*float*/
.fl {float:left;}
.fr {float:right;}

/*margin*/
.m0{margin:0!important;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.mt0{margin-top:0 !important;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.ml0{margin-left:0 !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.mr0{margin-right:0 !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mb0{margin-bottom:0 !important;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mt0a{margin:0 auto;}.mt5a{margin:5px auto 0;}.mt10a{margin:10px auto 0;}.mt15a{margin:15px auto 0;}.mt20a{margin:20px auto 0;}.mt25a{margin:25px auto 0;}.mt30a{margin:30px auto 0;}.m05{margin:0 5px;}.m010{margin:0 10px;}.m015{margin:0 15px;}.m020{margin:0 20px;}.m025{margin:0 25px;}.m030{margin:0 30px;}.mb16{margin-bottom:16px;}

/*padding*/
.p0{padding:0!important}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p25{padding:25px}.p30{padding:30px}.pt0{padding-top:0 !important}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pr0{padding-right:0 !important}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pb0{padding-bottom:0 !important}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pl0{padding-left:0 !important}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.p05{padding:0 5px}.p010{padding:0 10px}.p015{padding:0 15px}.p020{padding:0 20px}.p025{padding:0 25px}.p030{padding:0 30px}

/*text-align*/
.tac { text-align:center;}
.tal { text-align:left;}
.tar { text-align:right;}

/*other*/
.hide { display:none;}
.db { display:block;}
.dib { display:inline-block;}
.dt { display:table;width:100%;}
.dtc { display:table-cell;}
.va-top { vertical-align:top;}
.va-middle { vertical-align:middle;}
.va-sub {vertical-align: sub;}
.owh { overflow:hidden;}
.owh-x { overflow-x:hidden;}
.owh-y { overflow-y:hidden;}
.pos-a {position: absolute;}
.pos-r {position: relative;}
.pos-f {position: fixed;}

/*flex*/
.flex{display:-webkit-box;display:-webkit-flex;display:flex;}.flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1;}.flex-2{-webkit-box-flex:2;-webkit-flex:2;flex:2;}.flex-3{-webkit-box-flex:3;-webkit-flex:3;flex:3;}.justify-content-fs{-webkit-justify-content:flex-start;justify-content:flex-start;}.justify-content-c{-webkit-justify-content:center;justify-content:center;}.justify-content-sa{-webkit-justify-content:space-around;justify-content:space-around;}.justify-content-sb{-webkit-justify-content:space-between;justify-content:space-between;}.align-items-c{-webkit-box-align:center;-webkit-align-items:center;align-items:center;}.align-items-end{-webkit-align-items:flex-end;align-items:flex-end;}.flex-wrap-w{-webkit-flex-wrap:wrap;flex-wrap:wrap;}.align-content-c{-webkit-align-content:center;align-content:center;}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0;}.flex-wrap-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}.flex-grow-1{-webkit-flex-grow:1;flex-grow:1;}.flex-grow-0{-webkit-flex-grow:0;flex-grow:0;}.flex-direction-column{-webkit-flex-direction:column;flex-direction:column;}

/*全局*/
html,body {min-width:1200px;}
body {background:#fff;font-size:14px;color:#3d3d3d;}
.wrap {width:1200px;margin:0 auto;}

/*header*/
.header-wrap {height:80px;background:rgba(255,255,255,.7);position: fixed;width:100%;z-index:500;top:0;left:0;transition: all .3s ease;}
.header {height:80px;width:1200px;margin:0 auto;}
.header .logo {display: inline-block;width:263px;height:43px;background:url(../images/i-sanger-logo.png) no-repeat;}
.header .menu > li {float:left;margin-left:30px;}
.header .menu > li > a {font-size:16px;display:inline-block;color:#333;line-height: 80px;position: relative;transition:.3s ease;padding: 0 3px;}
.header .menu > li > a:after {content:"";position: absolute;width:0;bottom:0;left:50%;height:3px;background:#428efc;opacity:0;transition:all .3s ease;}
.header .menu > li.current a:after,.header .menu > li a:hover:after {width:100%;left:0;opacity: 1;}
.header .menu > li > a:hover {color:#428efc;}
.header .btn-cooperation {display:inline-block;padding:6px 15px;color:#fff;background:#fe7e00;border-radius:8px;font-size:16px;margin: 22px 0 0 30px;}
.header-fixed {box-shadow:0 2px 5px rgba(0,0,0,.1);background: #fff;}

/*footer*/
.footer {background:#2b3144;padding:35px 0;color:#d0d2da;}
.footer .top-box {width:1200px;margin:0 auto;border-bottom:1px solid #495069;margin-bottom: 30px;padding-bottom:50px;}
.footer a {color:#d0d2da;}
.footer a:hover {color:#eee;text-decoration: underline;}
.footer .col-1 {position: relative;width:320px;}
.footer .col-1 .tel {background: url(../images/footer.png) no-repeat;width:220px;height:69px;margin-bottom: 30px;}
.footer .col-1 ul {line-height: 1.75;margin-left: 35px;}
.footer .col-1:after {content:"";position: absolute;width:1px;height:180px;background: linear-gradient(transparent,#8d93a7,transparent);right:0;top:0;}
.footer .col-2 ul {margin: 20px 0 0 20px;}
.footer .col-2 ul li {background: url(../images/footer.png) no-repeat;padding-left: 30px;height:30px;line-height: 30px;}
.footer .col-2 ul li:nth-child(1) {background-position: 0 -81px;}
.footer .col-2 ul li:nth-child(2) {background-position: 0 -115px;}
.footer .col-2 ul li:nth-child(3) {background-position: 0 -149px;}
.footer .col-2 ul li:nth-child(4) {background-position: 0 -182px;}
.footer .link-list {margin-top: 15px;}
.footer .link-list h6 {font-size:16px;margin-bottom: 10px;color:#fff;}
.footer .link-list ul {line-height: 1.75;padding-left:34px;}
.footer .copy {text-align:center;font-size:12px;color:#9da2b1;}

/*合作交流 - 全局*/
.cooperation {background:url(../images/ft-contact.jpg) no-repeat center 0;height:494px;padding-top:45px;box-sizing:border-box;}
.cooperation .title {font-size:30px;margin-bottom: 30px;}
.cooperation form {padding:0 100px;}
.cooperation .form-input {height:60px;line-height: 60px;border:1px solid #e8e8e8;box-shadow: 0 0 6px rgba(0,0,0,.08);outline: none;width:100%;padding:0 15px;font-size:16px;transition:all .3s ease;border-radius: 2px;}
.cooperation .form-input:focus,.cooperation textarea:focus {border-color:#3b80fe;}
.cooperation textarea {width:100%;border:1px solid #e8e8e8;box-shadow: 0 0 6px rgba(0,0,0,.08);outline: none;padding:15px;height:100px;margin-bottom: 40px;transition:all .3s ease;border-radius: 2px;box-sizing: border-box;}
.cooperation form button[type="submit"] {height:60px;line-height: 60px;font-size: 18px;background: #f67e34;width:220px;text-align:center;color:#fff;transition:all .3s ease;outline: none;cursor: pointer;border:none;border-radius: 2px;margin:0 auto;display:block;}
.cooperation form button[type="submit"]:hover {opacity: .8;}
.cooperation .tips {margin-top: 35px;}

/*alert info 错误|提醒|正确*/
.alert-info {position: fixed;transition: all .3s ease;z-index:600;width:100%;text-align: center;}
.alert-info>div {background:#fff;border:1px solid #e3e2e2;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.1);font-size:14px;padding:15px 25px 15px 38px;max-width: 400px;color:#676a6c;display: inline-block;text-align: left;position: relative;}  
.alert-info>div:before {content:"";background:url(../images/alert_icon.png) no-repeat;position: absolute;top:14px;left:10px;display: block;width:20px;height:18px;}
.alert-info.success>div:before {background-position:0 0;}
.alert-info.warning>div:before {background-position:0 -27px;}
.alert-info.error>div:before {background-position:0 -55px;}
.alert-info.success>div {background-color:#f6ffed;border-color:#b7eb8f;}
.alert-info.warning>div {background-color:#fffbe6;border-color:#ffe58f;}
.alert-info.error>div {background-color:#fff2f0;border-color:#ffccc7;}

/*layui loading 自定义*/
.mod-loading {position:absolute;width: 100%;height:100%;top:0;left:0;z-index:900;background: rgba(255,255,255,.5);}
.mod-loading.fixed {position: fixed;}
.mod-loading i {position: absolute;display: block;top:50%;left:50%;color:#333;margin:-25px 0 0 -25px;
    -webkit-animation:loading 1s linear infinite;
            animation:loading 1s linear infinite;
}
.mod-loading i:before {content:"";background: url(../images/loading.png) no-repeat;display:block;width:32px;height: 32px;}

/*animation*/
.slide-fadeIn {
    opacity: 0;top:0;
    -webkit-animation:slide-fadeIn .3s ease both;
            animation:slide-fadeIn .3s ease both;    
}
.slide-fadeOut {
    opacity: 1;top:45px;
    -webkit-animation:slide-fadeOut .3s ease both;
            animation:slide-fadeOut .3s ease both;    
}

@-webkit-keyframes slide-fadeIn {
    to {
        opacity: 1;top:45px;
    }
}
@keyframes slide-fadeIn {
    to {
        opacity: 1;top:45px;
    }
}

@-webkit-keyframes slide-fadeOut {
    to {
        opacity: 0;top:0;
    }
}
@keyframes slide-fadeOut {
    to {
        opacity: 0;top:0;
    }
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes loading {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(359deg);
    }
}