/*reset*/
html,body{width:100%;min-height: 100%;}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color:inherit;}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}
img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
.sjdbh{display: none;}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'myfont';
    src: url('../fonts/affogato-bold.woff.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('../fonts/affogato-bold.woff.woff') format('woff'),
    url('../fonts/affogato-bold.woff.ttf') format('truetype'),
    url('../fonts/affogato-bold.woff.svg') format('svg');
}

/*头部*/
.header{position: fixed;top:0;left: 0;width:100%;z-index: 999;background-color:#fff}
.header.act{background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.1)}
.header.phonebg{background: #fff;}
.header .header-cont{padding:0 60px;box-sizing: border-box;position: relative;z-index: 2}
.header .header-l{float: left;padding:20px 0;position: relative;z-index: 3}
.header .header-l a{display: block}
.header .header-l img{height: 40px;display: block}
.header .header-r{float: right;}
.header .header-r .header-list{float: left;position: relative;z-index: 3}
.header .header-r .header-list li{float: left;line-height: 80px;font-size: 15px;color: #363636}
.header .header-r .header-list .cpjjjfa{font-weight: bold}
.header .header-r .header-list li>a{display: block;padding:0 20px;}
.header .header-r .header-list li>a>i{display: inline-block;vertical-align: middle;position: relative;transition: .3s;}
.header .header-r .header-list li>a>i:after{content: "";position: absolute;top:65%;left: 50%;width: 0;height: 2px;background:#0052d9;transition: .3s;}

.header .header-r .header-list li>a:hover>i{color: #0052d9}
.header .header-r .header-list li>a:hover>i:after{width: 100%;left: 0}
.header .header-r .header-list li>a>span{display: inline-block;vertical-align: middle;width: 3px;height: 3px;border: 2px solid #363636;border-radius: 50%;margin-left: 40px;}
.header .header-r .header-phone{float: left;line-height: 80px;}
.header .header-r .header-phone img{}
.header .header-r .search{float: left;width:40px;height: 40px;background:url("../images/search.png") no-repeat center;cursor: pointer;margin-top: 42px;margin-left: 20px;}

/*头部导航*/
.header .header-navs{display: none;position: fixed;top:80px;left: 0;width: 100%;padding: 60px 100px 70px;box-sizing: border-box;background: #fff;max-height: 100%;overflow-y: auto;overflow-x: hidden;line-height: normal;font-weight: normal}
.header .header-navs div{float: left;}
.header .header-navs div h3{font-size: 22px;color: #181818;font-weight: normal;padding-bottom: 30px;}
.header .header-navs div dl{position: relative}
.header .header-navs div dl:before{content: "";display: block;;width: 1px;height: 100%;background: #eeeeee;position:absolute;top:0;right: 0}
.header .header-navs div dl dd{font-size: 16px;color: #363636;margin-bottom: 30px;transition: .3s}
.header .header-navs div dl dd a{display: block;padding:5px 0;position: relative}
.header .header-navs div dl dd:hover{color: #0052d9}




.header .header-navs .header-navs-jjfa{width: 40%;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-jjfa dl dd{float: left;width: 45%;}
.header .header-navs .header-navs-jjfa dl dd a{padding-left: 20px;}
.header .header-navs .header-navs-jjfa dl dd a:before{content: "";width: 3px;height: 3px;border-radius: 50%;border: 2px solid #363636;position: absolute;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
.header .header-navs .header-navs-jjfa dl dd:hover a:before{border-color: #0052d9}
.header .header-navs .header-navs-jjfa dl dd a span{position: relative;}
.header .header-navs .header-navs-jjfa dl dd a span:after{content: "";width: 0;height: 2px;background: #0052d9;position: absolute;bottom:-10px;left: 50%;transition: .3s;}
.header .header-navs .header-navs-jjfa dl dd:hover a span:after{width: 100%;left: 0}


.header .header-navs .header-navs-cp{width: 25%;padding-left: 120px;box-sizing: border-box;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-cp dl dd a{}
.header .header-navs .header-navs-cp dl dd a span{padding-left: 40px;}
.header .header-navs .header-navs-cp dl dd a i{position: absolute;font-size: 24px;color: #363636;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
.header .header-navs .header-navs-cp dl dd a:hover i{color: #0052d9}

.header .header-navs .header-navs-al{width: 22%;padding-left: 120px;box-sizing: border-box;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-al dl:before{display: none}
.header .header-navs .header-navs-al dl dd a{padding-left: 20px;}
.header .header-navs .header-navs-al dl dd a:before{content: "";width: 3px;height: 3px;border-radius: 50%;border: 2px solid #363636;position: absolute;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
.header .header-navs .header-navs-al dl dd a span{position: relative;}
.header .header-navs .header-navs-al dl dd a span:after{content: "";width: 0;height: 2px;background: #0052d9;position: absolute;bottom:-10px;left: 50%;transition: .3s;}
.header .header-navs .header-navs-al dl dd:hover a:before{border-color: #0052d9}
.header .header-navs .header-navs-al dl dd:hover a span:after{width: 100%;left: 0}


.header .header-navs .header-navs-dh{width: 13%;padding-left: 70px;box-sizing: border-box;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-dh img{display: block;margin-bottom: 25px;}
.header .header-navs .header-navs-dh h5{font-size: 22px;color: #181818;font-family: 'myfont';line-height: 0.9}

.header .header-navs.act .header-navs-jjfa{opacity: 1;transform: translateX(0);transition: .6s;transition-delay: 0.2s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.header .header-navs.act .header-navs-cp{opacity: 1;transform: translateX(0);transition: .6s;transition-delay: 0.3s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.header .header-navs.act .header-navs-al{opacity: 1;transform: translateX(0);transition: .6s;transition-delay: 0.4s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.header .header-navs.act .header-navs-dh{opacity: 1;transform: translateX(0);transition: .6s;transition-delay: 0.5s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}


.header .phone-btn{display: none}
.phone-nav{display: none}
@media screen and (max-width: 1880px) {
    /*头部*/
    .header .header-navs .header-navs-cp{padding-left: 80px;}
    .header .header-navs .header-navs-al{padding-left: 80px;}
    .header .header-navs .header-navs-dh{padding-left: 55px;}
}


@media screen and (max-width: 1570px){
    /*头部*/
    .header .header-cont{padding:0 40px;}
    .header .header-navs{padding:50px 90px 50px;}
    .header .header-navs .header-navs-cp{padding-left: 70px;}
    .header .header-navs .header-navs-al{padding-left:70px;}
    .banner .banner-news{left: 40px;}
}

@media screen and (max-width: 1400px){
    /*头部*/
    .header .header-l{padding:25px 0;}
    .header .header-r .header-list li{line-height: 90px;}
    .header .header-r .header-phone{line-height: 90px;}
    .header .header-r .search{margin-top: 28px;}
    .header .header-navs{top:91px;}

}

@media screen and (max-width: 1270px){
    /*头部*/
    .header .header-l{padding:15px 0;}
    .header .header-r{display: none}
    .header .header-navs{display: none !important;}
    .header .phone-btn{display: block;margin-top: 22px;float: right;height: 25px;width:30px;position: relative;}
    .header .phone-btn span{width:100%;height: 2px;position: absolute;top:0;left:0;background: #363636;transition: .3s;}
    .header .phone-btn span:nth-child(2){top:50%;}
    .header .phone-btn span:nth-child(3){top:100%;}

    .header .phone-btn.act span:nth-child(1){transform: rotate(-45deg);top:50%}
    .header .phone-btn.act span:nth-child(2){opacity: 0}
    .header .phone-btn.act span:nth-child(3){transform: rotate(45deg);top:50%}

    .phone-nav{display: block;position: fixed;top: 0;left: 0;z-index: 888;width: 100%;}
    .mobile-inner-nav{background-color: rgba(255,255,255,1);width: 100%;position: fixed;top: 0;left: 0px;padding: 70px 40px;display: none;height: 100%; box-sizing: border-box;overflow-y: auto;z-index: 999;}
    .mobile-inner-nav ul{overflow-y: auto;}
    .mobile-inner-nav li{font-size: 20px;padding: 20px 20px;box-sizing: border-box;position: relative;color: #363636;border-bottom: solid 1px rgba(0,0,0,0.1);transition: all 0.5s;font-weight: bold}
    .mobile-inner-nav li a{color: #363636;display: inline-block;min-width: 200px;}
    .mobile-inner-nav li span{position: absolute;width: 32px;height: 32px;top: 20px;right: 20px;line-height: 32px;text-align: center}
    .mobile-inner-nav li span img{width: 50%;transition: .5s;}
    .mobile-inner-nav li .subnav-ani img{transform: rotate(180deg);}
    .mobile-inner-nav li dl{padding-top: 10px;display: none;}
    .mobile-inner-nav li dd{line-height: 30px;font-size: 14px;text-indent: 20px;}
    .mobile-inner-nav li dd a{font-weight: normal;padding-left: 20px;position: relative}
    .mobile-inner-nav li dd a:before{content: "";position: absolute;width: 3px;height: 3px;border: 2px solid #0052d9;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%}
}


@media screen and (max-width: 767px){
    /*头部*/
    .header .header-cont{padding:0 20px;}
    .header .header-l{padding:5px 0;}
    .header .header-l img{height: 30px;}
    .header .phone-btn{margin-top: 12px;height: 15px;width: 20px;}

    .mobile-inner-nav{padding: 50px 20px;}
    .mobile-inner-nav li{font-size: 16px;}
}