/******页面顶部开始****/
@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;
}
body{
    margin-top: 56px;
    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;
}
.top{
    background: #fff;
    height: 56px;
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    right:0;
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.45);
    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 {
    position: absolute;
    top: 111px;
    z-index: 2;
    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;
    /*overflow: hidden;!*必须用overflow,不然内容会挤出去，就算设置高度为零也没意义*!*/
    /*height:0;*/
    /*transition: 1s;*/
}
.nav:hover>.menu ul{
    display: block;
}
.menu li:hover > ul {
    visibility: visible;
    transition: all 1s;
    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 {
    after: “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 {
    after: “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;
    position: relative;
    z-index: 10;
    behavior: url(../js/ie-css3.htc);
    border-radius: 2px 2px 2px 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;
    transition:all .5s ;
}
/**注册试用***/

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



/*************Banner****************/
.banner{
    width: 100%;
    height: 480px;
    position: relative;
    z-index: 1;
}
.banner-bg{
    background:url(../images/home_bg.png) no-repeat ;
    width: 1349px;
    height: 480px;
    margin: 0 auto;
    position: relative;
}
/****背景上信息***/
.banner-introduce{
    width: 700px;
    height: 150px;
    position: absolute;
    top: 192px;
    left: 27px ;
}
.banner-introduce ul li{
    display: block;
    padding:5px  91px ;
}
.banner-introduce .banner-service{
    font-size: 38px;
    font-weight: bold;
    font-family:"microsoft yahei";
    color: #fff;
}
.banner-introduce .banner-information{
    font:20px "microsoft yahei";
    color: #fff;
}
.banner-link {
    display: block;
    width: 200px;
    height: 40px;
    position: absolute;
    top: 312px;
    left: 118px;
}
.banner-link a{
    font:15px Helvetica, Arial, sans-serif;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.banner-link a:hover{
    background: #1279C4;
}
/*************Banner****************/

/**********页面主体Main**************/
.main{
    width: 100%;
    height: 900px;
    display: block;
    margin-top: 55px;
}
.main-bg{
    background:url(../images/bg2.png) no-repeat;
    width: 1349px;
    height: 100%;
    margin: 0 auto;
}
/******Img效果*******/
.img-scroll {
    margin: 0 auto;
    text-align: center;
    width:880px;
    height: 190px;
    position: relative;
}
.img-scroll .prev{
    cursor: pointer;
    float: left;
    border-right: 4px solid #666;
    border-bottom: 4px solid #666;
    width: 25px;
    height: 25px;
    -o-tranform:rotate(138deg);
    -webkit-transform:rotate(138deg);
    -moz-transform:rotate(138deg);
    transform: rotate(138deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
    M11=-0.7431448254773942,
    M12=-0.6691306063588582,
    M21= 0.6691306063588582,
    M22= -0.7431448254773942);
    position: absolute;
    top: 45px;
}
.img-scroll .next {
    cursor: pointer;
    border-left: 4px solid #666;
    border-bottom: 4px solid #666;
    width: 25px;
    height: 25px;
    -o-tranform:rotate(-138deg);
    -webkit-transform:rotate(-138deg);
    -moz-transform:rotate(-138deg);
    transform: rotate(-138deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
    M11=-0.7431448254773936,
    M12=0.6691306063588588,
    M21=-0.6691306063588588,
    M22=-0.7431448254773936
    );
    position: absolute;
    top: 45px;
}
.img-scroll .prev:hover{
    border-right: 4px solid #1579C2;
    border-bottom: 4px solid #1579C2;
}
.img-scroll .next:hover{
    border-left: 4px solid #1579C2;
    border-bottom: 4px solid #1579C2;
}
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.img-list {
    width:778px;
    height:160px;
    margin-left:52px;
    overflow:hidden;
}
.img-list ul { width:1360px;}
.img-list li {
    float:left;
    display:inline;
    width:252px;
    /*width: 360px;*/
    height: 130px;
    /*height: 186px;*/
    line-height: 130px;
    margin-right:10px;
    background-color:#BDBDDF;
}
/******Img效果结束*******/


/****我们的服务****/
.main-shell{
    width: 1355px;
    height: 80px;
    margin: 0 auto;
}
.main-font {
    width: 180px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
}
.main-font  .main-service{
    font:25px "microsoft yahei";
    font-weight: 600;
    color: #333;
}
.main-font .service{
    font: 16px unset;
    color: #92969E;
    padding-top: 15px;
}
/***我们的服务结束****/


/*********图文混排**********/
.main-list{
    width: 812px;
    height: 380px;
    position: relative;
    margin: 0 auto;
}
.main-list ul{
    position: absolute;
    left: 4px;
    top: 57%;
    top:32px\9;
    transform:translate(0,-50%);
}
.main-list ul li{
    width: 270px;
    height: 230px;
    float: left;
}

.main-list .list-within{
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
.main-list .list-abroad{
    border-bottom: 1px solid #ededed;
}
.main-list>ul li:hover{
    /*box-shadow: 0 0 8px  rgba(0, 204, 204, .5);*/
    box-shadow: 0 0 8px 2px rgba(0,0,0,.06);
    transform: scale(1.01);
}
.main-list ul li a {
    display: block;
    text-align: center;
}
.main-list ul li a span{
     display: inline-block;
     font:15px Helvetica, Arial, sans-serif;
     height: 20px;
     color:#666;
 }
.main-list ul li a strong{
    font:18px "microsoft yahei";
    color: #0e1021;
}
.main-list ul li a,strong{
    display: block;
    padding: 20px 0 17px 0;
}
.main-list a:hover{
    width: 100%;
    height: 100%;
}
/********图文混排结束**********/

/******我们不一样*******/
.main-down-shell{
    display: block;
    width: 1355px;
    height: 80px;
    margin: 0 auto;
}
.main-down-font {
    display: block;
    width: 180px;
    height: 80px;
    text-align: center;
    margin: 130px auto;
}
.main-down-font .dissimilarity{
    font: 25px "microsoft yahei";
    font-weight: 600;
    color: #333;
}
.main-down-font .difference{
    font: 16px unset;
    color: #92969E;
    padding-top: 15px;
}

/******我们不一样结束*******/



/**********页面主体Main**************/
/*************信息*******************/
.siteinfo{
    width: 100%;
    height: 518px;
}
.siteinfo-bg{
    background: url("../images/1360/im_bg.png") no-repeat center;
    width: 1349px;
    height: 519px;
    margin: 0 auto;
    position: relative;
}
.introduce{
    width: 700px;
    height: 300px;
    position:absolute;
    left:0;
    top: 0;
    bottom: 70px;
    right: 0;
    margin: auto;
    color: white;
}
.introduce-a{
    font-family: "microsoft yahei";
    font-size: 43px;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: 2px solid #9d9d9d;
}
.introduce-b{
    font: 20px "microsoft yahei";
    text-align: center;
    padding-top: 12px;
}
.introduce-c{
    font: 20px "microsoft yahei";
    text-align: center;
    padding-top: 2px;
}
/*************信息*******************/

/*****************container**************/
.container{
    background-color: #fff;
    width: 1349px;
    height: 750px;
    margin: 0 auto;
}
.container-top{
    width: 1349px;
    height: 335px;
}
/******他们选择了乾璟通*******/
.container-shell{
    width: 1355px;
    height: 160px;
    margin: 0 auto;
}
.container-font {
    width: 100%;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    padding-top: 47px;
}
.container-font  .choice{
    font: 25px "microsoft yahei";
    font-weight: 600;
    color: #333;
}
.container-font .cooperation{
    font: 16px unset;
    color: #92969E;
    padding-top: 15px;
}
.container-font b{
    display: inline-block;
    border:1px solid dodgerblue;
    height: 0;
    width: 20px;
}
/******他们选择了乾璟通*******/

.container-lower{
    width: 1349px;
    height: 433px;
}
.lower-reason{
    width: 827px;
    height: 433px;
    margin:0 auto;
}
.lower-reason>.column{
    position: relative;
    top: 31px;
    left: 0;
    display: block;
    text-align: center;
    margin: 0 0;
}
.column .column-z{
    font: 25px "microsoft yahei";
    font-weight: 600;
    color: #333;
    height: 32px;
}
.column .column-c{
    font: 16px unset;
    color: #92969E;
    padding-top: 15px;
}
.column li{
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

#icon{
    width: 850px;
    display: block;
}
#icon li{
    display: inline;
    float: left;
    margin-top: 60px;
}
.lower-reason>#icon>li:nth-child(1):hover{
    display: block;
    /*background-image: url("../images/1360/icon_1-1.png");*/
    width: 168px;
    height: 231px;
}
/*****************container**************/

/*****合作伙伴结束****/

/*******图片滚动*******/
.Box {
    position: relative;
}
.Box .content{
    width: 823px;
    margin: 0 auto;
}
.Box .Box_con {
    position: relative;
}
.Box .Box_con .conbox {
    position: relative;
    overflow: hidden;
}
.Box .Box_con .conbox ul {
    position: relative;
    list-style: none;
}
.Box .Box_con .conbox ul li {
    float: left;
    width: 85px;
    height: 119px;
    margin-left: 20px;
    overflow: hidden;
}
.Box .Box_con .conbox ul li:first-child {
    margin-left: 0;
}
.Box .Box_con .conbox ul li img {
    display: block;
    width: 85px;
    height: 119px;
    transition: all 0.5s;
}
.Box .Box_con .conbox ul li:hover img {
    transform: scale(1.05);
}

/*******图片滚动*******/

/*右侧菜单*/
.right-menu{
    /*border: red solid 1px;*/
    height:199.2px ;
    width: 47.4px;
    position: fixed;
    top: 380px;
    right:10px;
    z-index: 2;
}
.rightmenu{
    /*border: red solid 1px;*/
    width: 47.4px;
    height: 66.6px;
    cursor: pointer;
    padding-top: 0;
}
#menuqq{
    margin-top:-5px;
}
#menutop{
    margin-top:-5px;
    display: none;
}



/***********页脚***********/
/*****版权信息****/
.footer{
    background: #000;
    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;
    height: 100px;
    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 .center-g{
    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;
}

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


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