/*页面通用样式*/
@font-face {
    font-family: "pfzt";
    src: url('../font/PingFang Regular.ttf');
    src:
    url('../font/PingFang Regular.eot?#font-spider') format('embedded-opentype'),
    url('../font/PingFang Regular.woff') format('woff'),
    url('../font/PingFang Regular.ttf') format('truetype'),
    url('../font/PingFang Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
header,footer{
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
ul,ol,li{
    list-style:none;
}
em,i{
    font-style: normal;
}
img{
    vertical-align:bottom;
    border: 0;
}
a{
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.lf{  float:left; }
.rt{ float:right; }
.clearfix::after{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.clearfix{
    zoom: 1;
}


/******页面顶部开始****/
.top{
    background: #fff;
    height: 56px;
    width: 100%;
    position: fixed;
    top: 0;
    left:0;
    z-index: 2;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.45);
}
.top-box{
    width: 1300px;
    height: 56px;
    margin: 0 auto;
}
.kfline{
    cursor: pointer;
}

/*****LOGO*******/
.nav-logo{
    float: left;
    padding: 68px 0 0 100px;
}

/******LOGO******/


/********下拉菜单********/
.nav{
    height: 56px;
    display: block;
    line-height: 56px;
}
a{
    outline: none;
}
.menu {
    margin: -55px 0 0 345px;
    width: 600px;
}
.menu>li {
    position: relative;
    display: inline-block;
    height: 56px;
    line-height:50px;
    text-align:center;
    padding-top: 55px;
}
/* 修饰菜单选项 */
.menu>li>a {
    display: block;
    padding: 0 26px;
    letter-spacing: 2px;
    margin: 14px 0;
    line-height: 28px;
    font-size: 14px;
    font-family: "microsoft yahei";
    color: #000;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu li:hover > a { color: #0387B1; }
/* 子菜单选项  */
.menu .drop-down {

    z-index: 2;
    position: absolute;
    top: 111px;
    display: none;
    left: -3px;
    opacity: 0;
filter:alpha(opacity=0);
    background: #fff;
    border-top: 3px solid #207AFA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-transition: opacity .55s ease .1s;
    -moz-transition: opacity .55s ease .1s;
    -o-transition: opacity .55s ease .1s;
    transition: opacity .55s ease .1s;
}
.nav:hover>.menu ul{
    display: block;
}
.menu li:hover > ul { opacity: 1;filter:alpha(opacity=100); }
.menu ul li {
    /*overflow: hidden;*/
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
/* 设置子菜单 */
.drop-down>li{
    height: 45px;
}
.menu li:nth-child(2)>.drop-down li:nth-child(1){
    border-top: 2px solid #012f58;
}
.drop-down li>a {
    display: block;
    padding: 0 31px;
    width: 70px;
    line-height: 40px;
    margin: 0 auto;
    border: none;
    text-align:center;
    color: #333;
    font-family: "microsoft yahei";
    font-size: 15px;
}
.drop-down li:hover a{
    color: #3A7EE6;
}
.drop-down li:last-child a { border: none; }

/*********下拉菜单*********/


/******下划线*******/
.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #0087ca;
}
.hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0087ca;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
/******下划线*******/

/*****箭头******/
.drop-down span{
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #207AFA;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}
.drop-down span em{
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #207AFA transparent #207AFA;
    position: absolute;
    top: 0;
    left: -10px;
}
/*****箭头******/


/**注册试用***/
.nav-ot{
    float: right;
    width: 100px;
    height: 30px;
    margin: 12px 0;
    border: 1px solid #156EF2;
    border-radius: 2px;
    background: #1279C4;
}
.nav-ot>a{
    float: right;
    display: block;
    font: 16px pingfang;
    color: white;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.nav-ot>a:hover{
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    color: #136BF0;
}
/**注册试用***/

/***********页面顶部结束*************/




/***********页脚***********/
/*****版权信息****/
.footer{
    background-color: #000000;
    width: 1355px;
    height: 227px;
    background-size: 100% 100%;
    margin: 0 auto;
}
.foot-box{
    width: 1346px;
    height: 182px;
    margin: 0 auto;
}

/***左边区域****/
.foot-list{
    width: 905px;
    height: 182px;
    margin:  0 auto;
    overflow: hidden;
}
.foot-title{
    color: #BDBDC2;
    font:15px "microsoft yahei";
    padding-top: 28px;
}
.list-left{
    display: block;
    float: left;
    margin-top: 5px;
}
.list-left>li{
    width: 100%;
    display: block;
    line-height: 20px;
}
.list-left>li>a{
    font:14px "microsoft yahei";
    color: #676E7E;
    display: inline-block;
    padding: 5px 20px 3px 0;
}
.list-left>li>a:hover{
    color: #207AFA;
}
/***左边区域结束****/

/****中间区域****/
.foot-tenter{
    float: left;
}
.center-title{
    color: #BDBDC2;
    font:15px "microsoft yahei";
    margin-bottom: 5px;
    padding-left: 8px;
}
.center-left{
    display: block;
    width: 150px;
    float: left;
    text-align: center;
    margin: -21px 0 0 9px;
    padding: 0  5px 5px 9px;
    border-right: 1px solid #464D5D;
    border-left: 1px solid #464D5D;
    overflow:hidden;
    zoom:1;
}
.center-left li:nth-child(1){
    width: 78px;
}
.center-left li{
    float: left;
    display: block;
    width: 73px;
    height: 25px;
}
.center-right{
    width: 100px;
    display: block;
    float: right;
    margin: -21px 0 0 20px;
    border-right: 1px solid #464D5D;
}
.center-right li{
    display: block;
    float: left;
    width: 80px;
}
.center-left>li>a,.center-right>li>a{
    font:14px "microsoft yahei";
    color: #676E7E;
    display:block;
    float: left;
    padding: 5px 3px 2px 13px;
}
.center-left>li>a:hover,.center-right>li>a:hover{
    color: #207AFA;
}
/****中间区域结束****/


/*****友情链接*****/
.foot-link{
    float: left;
    margin: -22px 0 0 29px;
}
.foot-link>h3{
    font: 15px "microsoft yahei";
    color: #BDBDC2;
    padding-bottom: 12px;
}
.foot-link>p{
    font: 14px "microsoft yahei";
    color: #676E7E;
    padding-top: 7px;
}
.foot-link>a{
    display: inline-block;
    width: 80px;
    height: 40px;
}
.foot-link>a>img{
    width: 80px;
    height: 40px;
}
/*****友情链接*****/


/***右边区域****/
.foot-right{
    float: left;
}
.right-title{
    color: #BDBDC2;
    font:15px "microsoft yahei";
    margin-bottom: 5px;
}
.foot-rg li{
    display: block;
}
.foot-rg{
    display: block;
    float: left;
    margin: -25px 0 0 0;
}
.foot-rg>li{
    font:13px "microsoft yahei";
    color: #676E7E;
    display:block;
    padding-top: 5px;
}
.foot-rg>li>a{
    font:13px "microsoft yahei";
    color: #676E7E;
    display:block;
    padding-top: 5px;
}
/***右边区域结束****/

/****微信****/
.foot-icon{
    float: right;
    margin: -18px 0 0 12px ;
}
.foot-img{
    width: 100px;
    height: 100px;
    background: url("../images/1360/qrcode.jpg") no-repeat 0 center;
}
#right-a{
    padding-left: 0;
}
.foot-icon .foot-font{
    float: left;
    font:14px "microsoft yahei";
    color: #fff;
    padding: 3px 0 0 21px;
}
/****微信结束****/

/****版权信息*****/
.partner{
    width: 1355px;
    overflow: hidden;
    margin: 0 auto;
}
.partner p{
    border-top: 1px solid #96969C;
    text-align: center;
    font: 13px "microsoft yahei";
    color: #97979D;
    line-height: 40px;
    height: 40px;
}
.partner p a{
    text-align: center;
    font: 13px "microsoft yahei";
    color: #97979D;
    line-height: 40px;
    height: 40px;
}


/****版权信息结束*****/


/***********页脚***********/