@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/MONTSERRAT-BOLD.OTF');
}
@font-face {
    font-family: 'gotham-medium';
    src: url('../fonts/gotham-medium.otf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf');
}


/*-----------------[初始化]--------------*/
html{position: relative;overflow-x: hidden;}
body{color: #2b2b2b;font-size: 12px;line-height: 1.5;font-family:'SourceHanSansCN-Medium',"微软雅黑","Microsoft Yahei";
    overflow-x: hidden;
}
a{color: #2b2b2b;}
a:hover{color: #2727D7;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select,button{font-size: 12px;color: #444;
    font-family:'SourceHanSansCN-Medium',"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{margin: 0 80px;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/

.header{*zoom:1;position: relative;z-index: 109;line-height: 93px;
    background-color: #fff;border-bottom: 1px solid #d5d5d5;
}
.header:after,.header:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.logo{float: left;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;height: 33px;}
.hdr{float: right;}
.nav li{float: left;margin-left: 80px;}
.nav li .v1{display: block;font-size: 16px;position: relative;
    color: #1E1E1E;
}
.nav li .v1:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;
    height: 3px;
    background-color: #d72727;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:hover .v1:after,.nav li.on .v1:after{left: 0;right: 0;}
.nav .close{display: none;}
.menu{display: none;}
.index .header{position: absolute;top: 0;left: 0;right: 0;
    background-color: transparent;
}

/*******************************
  -------[=banner]-------
*******************************/
.banner .slick-slide .con{outline: 0;position: relative;height: 100vh;
    background-color: #F0F0F6;
}
.banner .wp{position: relative;height: 100%;}
.banner .pic{text-align: center;font-size: 0;line-height: 100vh;height: 100vh;}
.banner .pic img{display: inline-block;vertical-align: middle;}
.banner .tit{position: absolute;left: 0;bottom: 50px;color: #222;line-height: 1.2;}
.banner .tit span{font-size: 42px;font-family: 'Montserrat-SemiBold';}
.banner .tit h3{font-size: 60px;font-weight: normal;}
.banner .desc{position: absolute;right: 0;top: 205px;
    font-size: 18px;line-height: 1.67;text-align: right;
}
.banner .g-btn{position: absolute;right: 0;bottom: 65px;}

.banner .slick-dots{position: absolute;left: 0;bottom: 60px;
    width: 100%;text-align: center;z-index: 3;font-size: 0;
}
.banner .slick-dots li{display: inline-block;margin: 0 10px;}
.banner .slick-dots li button{display: block;width: 16px;height: 16px;
    font-size: 0;line-height: 0;text-indent: 9999px;border: 0;
    background-color: #fff;border-radius: 50%;padding: 0;cursor: pointer;
}
.banner .slick-dots li.slick-active button{background-color: #2727D7;}


/*******************************
  -------[=底部]-------
********************************/
.footer{color: #323232;}
.footer a{color: #323232;}
.footer a:hover{text-decoration: underline;}
.fd-top{overflow: hidden;padding: 45px 0 42px;
    border-bottom: 2px solid #d0d0d0;border-top: 2px solid #d0d0d0;
}
.fd-txt{float: left;font-size: 18px;line-height: 1.67;}
.fd-logo{float: right;margin-top: 22px;}
.fd-logo img{display: block;height: 47px;}
.fd-bot{overflow: hidden;padding: 38px 0 72px;}
.fd-bot .copy{float: left;font-size: 16px;font-family: 'gotham-medium';}
.fd-bot .icp{float: right;font-size: 18px;}

.index .fd-top{border-top: 0;padding-top: 75px;}
/*******************************
    -------[=正文]-------
********************************/
.g-btn{width: 300px;height: 90px;display: block;line-height: 90px;
    font-size: 18px;color: #fff;border-radius: 12px;padding-left: 39px;
    background-color: #2727D7;position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.g-btn:after{content: '';position: absolute;top: 50%;right: 41px;
    width: 28px;height: 20px;
    background: url(../images/i-01.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.g-btn:hover{color: #fff;opacity: .8;}

.g-btn-1{background-color: #fff;color: #666;}
.g-btn-1:after{background-image: url(../images/i-02.png);}
.g-btn-1:hover{color: #fff;background-color: #2727D7;}
.g-btn-1:hover:after{background-image: url(../images/i-01.png);}

.pop-liu{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1024;display: none;}
.pop-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,.5);
}
.pop-liu .cont{position: absolute;top: 50%;left: 50%;width: 600px;
    padding: 42px 40px 50px 50px;
    background-color: #fff;border-radius: 12px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.pop-liu .tit{overflow: hidden;padding-bottom: 30px;
    border-bottom: 2px solid #2727D7;margin-bottom: 40px;
}
.pop-liu .tit span{float: left;font-size: 18px;line-height: 1.67;
    color: #222;font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;letter-spacing: 5px;
}
.pop-liu .tit h3{color: #2B2B2B;float: right;font-weight: normal;
    font-size: 36px;
}
.pop-liu .item{overflow: hidden;margin-bottom: 20px;}
.pop-liu .t1{float: left;width: 130px;line-height: 62px;font-size: 18px;
    color: #2B2B2B;
}
.pop-liu .con{overflow: hidden;}
.pop-liu .inp{display: block;width: 100%;height: 62px;
    border: 1px solid #D0D0D0;border-radius: 12px;
    font-size: 16px;padding: 0 20px;
}
.pop-liu textarea.inp{height: 180px;padding: 20px;}
.pop-liu .bot{padding-left: 130px;}
.pop-liu .btn{width: 100%;height: 62px;display: block;
    border-radius: 12px;font-size: 18px;color: #fff;
    background-color: #2727D7;border: 0;cursor: pointer;
}
.pop-liu .close{position: absolute;width: 84px;height: 84px;
    border: 2px solid #CBCBCB;top: -39px;right: -49px;
    border-radius: 50%;cursor: pointer;
    background: #fff url(../images/i-close1.png) no-repeat center;
    -o-background-size: 21px auto;
    -ms-background-size: 21px auto;
    -moz-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
}

.pop-cheng{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1024;
    display: none;
}
.pop-cheng .cont{position: absolute;top: 50%;left: 50%;width: 600px;
    border-radius: 12px;height: 732px;
    background: #fff url(../images/c-bg1.png) no-repeat center bottom 40px;
    -o-background-size: 501px auto;
    -ms-background-size: 501px auto;
    -moz-background-size: 501px auto;
    -webkit-background-size: 501px auto;
    background-size: 501px auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pop-cheng .close{position: absolute;width: 84px;height: 84px;
    border: 2px solid #CBCBCB;top: -39px;right: -49px;
    border-radius: 50%;cursor: pointer;
    background: #fff url(../images/i-close1.png) no-repeat center;
    -o-background-size: 21px auto;
    -ms-background-size: 21px auto;
    -moz-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
}

.pop-cheng .txt{margin-top: 149px;text-align: center;}
.pop-cheng .ico{width: 120px;display: block;margin: 0 auto 45px;}
.pop-cheng .ico img{width: 100%;display: block;}
.pop-cheng .txt h3{font-size: 36px;font-weight: normal;margin-bottom: 15px;}
.pop-cheng .txt p{font-size: 18px;}