@charset "utf-8";
v\:* {BEHAVIOR: url(#default#VML);}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;/*border:0;*/}
body{color:#121314; font-size:14px;font-family:"Microsoft YaHei";}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:14px;}
a{ text-decoration:none; color:#000;}
a:hover{color:#3f75d1; text-decoration:none;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.body-bg{background-color: #f3f3f3;}
img{object-fit:cover;}

@media (max-width: 1420px) {
    .my-main{margin-left: 5%; width: 90%;}
}

@media (max-width: 1020px) {
    .my-main{margin-left:calc(50% - 450px); width: 900px;}
}

@media (max-width: 900px) {
    .my-main{margin-left:0; width: 900px;}
}

@media (min-width: 1421px) {
    .my-main{margin-left: calc(50% - 639px); width: 1278px;}
}

/*@media (max-width: 900px) {
    .my-main{margin-left:0; width: 900px;}
}

@media (min-width: 901px) {
    .my-main{margin-left: calc(50% - 450px);}
}*/

.my-animated {
    transition: all 0.2s;
    -moz-transition: all 0.2s; /* Firefox 4 */
    -webkit-transition: all 0.2s; /* Safari and Chrome */
    -o-transition: all 0.2s; /* Opera */
}

.my-full{
    width: 100%;
    min-width: 900px;
    overflow: hidden;
}

.my-main{
    /*width: 900px;*/
    overflow: hidden;
}

.my-top {
    background-color: #fff;
    height: 80px;
}

.my-top .my-main{
    height: 80px;

    /*background-color: #ff0;*/
}

.my-top .top-logo{
    max-width: 210px;
    height: 80px;
    margin-right: 20px;
    padding-top: 15px;
    overflow: hidden;
    float: left;
}

.my-top .top-nav {
    width: 600px;
    height: 80px;
    overflow: hidden;
    font-size: 15px;
    padding-top: 28px;
    float: left;
}

.my-top .top-nav li{
    float: left;
    letter-spacing: 2px;
    margin-right: 20px;
}

.my-top .top-nav li a{
    transition: all 0.2s;
    -moz-transition: all 0.2s; /* Firefox 4 */
    -webkit-transition: all 0.2s; /* Safari and Chrome */
    -o-transition: all 0.2s; /* Opera */
}

.my-top .top-nav .active{
    color:#3f75d1;
}

.my-top .top-nav .active a:link,
.my-top .top-nav .active a:visited {
    color:#3f75d1;
}

.my-top .top-nav .active-border {
    position: absolute;
    top: 60px;
    z-index: 50;
    width: 0;
    height: 2px;
    background: #3f75d1;

    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;

    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}

.my-top .top-down{
    float: right;
    /*margin-right: 20px;*/
    height: 40px;
    color: #3f75d1;
    border-radius: 20px;
    border: 2px solid #3f75d1;
    margin-top: 20px;
    background-color: #fff;
}

.my-top .top-down:hover,
.my-top .top-down:active{
    color: #fff;
    background-color: #3f75d1;
}

.my-top .top-right-link {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
    cursor: pointer;
}

.my-top .top-right-link:active, .my-top .top-right-link:hover {
    color: #3f75d1;
}

.my-bottom {
    background-color: #051525;
    height: 246px;
}

.my-bottom .bottom-connection {
    width: 700px;
    overflow: hidden;
}

.my-bottom .bottom-connection .title{
    font-size: 16px;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 20px;
}

.my-bottom .bottom-connection .content{
    color: #828a92;
    line-height: 30px;
}

.my-bottom .bottom-qrcode {
    width: 110px;
    overflow: hidden;
    margin-right: 30px;
    padding-top: 40px;
}

.my-bottom .bottom-qrcode .img {
    width: 110px;
    height: 110px;
    overflow: hidden;
    background-color: #fff;
}

.my-bottom .bottom-qrcode .img img {
    width: 100px;
    height: 100px;
    margin: 5px;
}

.my-bottom .bottom-qrcode .text {
    margin-top: 15px;
    text-align: center;
    color: #828a92;
}

.my-copyright {
    background-color: #051525;
    height: 54px;
    border-top: 1px solid #828a92;
}

.my-copyright .copyright{
    text-align: center;
    padding-top: 15px;
    color: #828a92;
}

.my-copyright .copyright a:link,
.my-copyright .copyright a:visited {
    color:#828a92;
}

.my-copyright .copyright .copyright-row {
    overflow: hidden;
    display:inline-block;
    *display:inline;
    *zoom:1;
}

.my-copyright .copyright .copyright-row-beian {
    width: 270px;
    margin-top: -20px;
    margin-left: -20px;
}



.my-img {
    transition: all 1.2s;
    -moz-transition: all 1.2s; /* Firefox 4 */
    -webkit-transition: all 1.2s; /* Safari and Chrome */
    -o-transition: all 1.2s; /* Opera */
}
.my-img:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}