@charset "utf-8";

/* CSS Document */

*{margin: 0px; padding: 0px;}

img{border: none;}

a{text-decoration: none; font-family: "Alibaba-PuHuiTi-Regular","宋体";}

ul,li{list-style:none; font-family: "Alibaba-PuHuiTi-Regular","宋体";}

input{outline: none; font-family: "Alibaba-PuHuiTi-Regular","宋体"; box-sizing: border-box; border:none;}

i,em{font-style: normal;}

body{font-family: "Alibaba-PuHuiTi-Regular","宋体"; box-sizing: border-box; overflow-x: hidden;
	background: url(../images/index_bg.jpg) center;
    width: 100%;}
    
.left{ display:inline; float:left;}

.right{ display:inline; float:right;}

.clear:after{ content:''; display:block; clear:both;}

.clear{ zoom:1;}

.box{ width:1280px; margin:0 auto;}

.wap{display: none;}



@font-face {

    font-family: "Alibaba-PuHuiTi-Regular";

    src: url("fonts/Alibaba-PuHuiTi-Regular.woff2") format("woff2"),

        url("fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"),

        url("fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),

        url("fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),

        url("fonts/Alibaba-PuHuiTi-Regular.svg") format("svg"),

        url("fonts/Alibaba-PuHuiTi-Regular.otf") format("opentype");

}

@font-face {

    font-family: "Alibaba-PuHuiTi-Light";

    src: url("fonts/Alibaba-PuHuiTi-Light.woff2") format("woff2"),

        url("fonts/Alibaba-PuHuiTi-Light.woff") format("woff"),

        url("fonts/Alibaba-PuHuiTi-Light.ttf") format("truetype"),

        url("fonts/Alibaba-PuHuiTi-Light.eot") format("embedded-opentype"),

        url("fonts/Alibaba-PuHuiTi-Light.svg") format("svg"),

        url("fonts/Alibaba-PuHuiTi-Light.otf") format("opentype");

}

@font-face {

    font-family: "Impact";

    src: url("fonts/Impact.woff2") format("woff2"),

        url("fonts/Impact.woff") format("woff"),

        url("fonts/Impact.ttf") format("truetype"),

        url("fonts/Impact.eot") format("embedded-opentype"),

        url("fonts/Impact.svg") format("svg"),

        url("fonts/Impact.otf") format("opentype");

}

@font-face {

    font-family: "lg";

    src:url("fonts/lg.woff") format("woff"),

        url("fonts/lg.ttf") format("truetype"),

        url("fonts/lg.eot") format("embedded-opentype"),

        url("fonts/lg.svg") format("svg");

}

header{width: 100%; background-color: #fff;}

.head_top{height: 128px;}

.head_top .logo{margin-top: 19px;}

.head_top .search{width: 312px; height: 45px; border:1px solid #e5e5e5; box-sizing: border-box; margin-top: 44px;}

.head_top .search>input{float: left; width: 240px; height: 43px; font-size: 16px; color: #e5e5e5;

    text-indent: 14px;}

.head_top .search>div{float: right; width: 70px; height: 43px; background-color: #e5e5e5; color: #66668f;

    font-size: 16px; line-height: 43px; text-align: center; cursor: pointer; transition: .5s;}

.head_top .search>div:hover{background-color: #0f36b6; color: #fff;}

.head_bot{width: 100%; background-color: #cc101f;}

.nav>li{float:left; position:relative; width: 12.5%; height: 70px; line-height: 70px; text-align: center;

    font-size: 18px; transition: .5s;}

.nav>li>a{display: inline-block; width: 100%; height: 100%; color: #fff;}

.nav>li:hover{background:#0f36b6;}

.nav>li>.ul{position:absolute; z-index: 9; display:none; width: 100%; background-color: #f2f3f3; padding: 10px 0;}

.nav>li>.ul>li{float:none; width: 100%; font-size: 14px; height: auto; line-height: 30px;}

.nav>li>.ul>li>a{color: #999; display: inline-block; width: 100%; height: 100%; transition: .5s;}

.nav>li>.ul>li>a:hover{color: #194199;}

.navbg{background-color: #0f36b6!important;}



.zhici .zc_l{margin-bottom: 30px;}



/*吸顶条*/

.animated{position: absolute; top:0; transition:none;}

.animated.slideDown {top: 0;}

.animated.slideUp {top: 0;}

#tiao{width: 260px; background-color: #fff; z-index: 99;}







.friend{border:1px solid #eeeeee; margin-bottom: 29px;}

.friend .tit{width: 100%; height: 50px; border-bottom: 1px solid #eeeeee;}

.friend .tit .titname{width: 114px; height: 50px; background-color: #163dc2; font-size: 18px;

    color: #fff; text-align: center; line-height: 50px;}

.friend .yqlj{padding: 25px 40px;}

.friend .yqlj a{float: left; font-size: 18px; color: #666666; line-height: 40px; width: 10%; text-align: center;

    transition: .5s;}

.friend .yqlj a:hover{color: #163dc2;}

footer .foot_top{width: 100%; padding: 44px 0 50px; background-color: #0e2886;}

footer .foot_top .foot_top1{width: 380px;}

footer .foot_top .foot_top1 .tit{width: 100%; height: 64px; line-height: 64px; font-size: 18px; color: #fff;

    border-bottom: 1px dashed #515f92;}

footer .foot_top .foot_top1 .nr{font-size: 14px; color: #fff; line-height: 30px; text-align: justify;

    padding-top: 15px;}

footer video{width: 347px; height: 217px; margin: 65px 36px 0;}

footer .foot_top .foot_top2{width: 320px;}

footer .foot_top .foot_top2 .tit{width: 100%; height: 64px; line-height: 64px; font-size: 18px; color: #fff;

    border-bottom: 1px dashed #515f92;}

footer .foot_top .foot_top2 .dizhi{font-size: 14px; color: #fff; line-height: 30px; padding-top: 40px;}

footer .foot_top .ewm1{width: 71px; height: 71px; margin-top: 210px; margin-left: 13px;}

footer .foot_top .ewm2{width: 71px; height: 71px; margin-top: 210px;}

footer .foot_bot{width: 100%; height: 70px; background-color: #434343; font-size: 14px; color: #999;

    line-height: 70px; text-align: center;}



@media screen and (max-width: 1366px){

    .head_top{height: 95px;}

    .head_top .logo{height: 65px; margin-top: 15px;}

    .head_top .search{margin-top: 25px;}

    .nav>li{height: 60px; line-height: 60px;}

}



@media screen and (max-width: 1280px){

    .box{width: 1200px;}  

    footer .foot_top .foot_top1{width: 350px;}  

    footer video{margin: 65px 25px 0;}

    footer .foot_top .ewm1{width: 60px; height: 60px; margin-top: 224px;}

    footer .foot_top .ewm2{width: 60px; height: 60px; margin-top: 224px;}



    /*二级页侧边栏*/

    .zhici .zc_l{width: 200px!important;}

    .zhici .zc_l .title{font-size: 24px!important; height: 60px!important; line-height: 60px!important;}

    .zhici .zc_l .erji_nav>li{font-size: 18px!important; line-height: 50px!important;}

}



@media screen and (max-width: 1200px){

    .box{width: 1000px;}

    .zhici .zc_l{display: none;}

    .zc_r{width: 100%!important;}

    .head_wap{width:100%; height: 50px; background-color: #fff; position: fixed; top:0; left: 0; z-index: 9;}

    .head_wap .logo_wap{height: 40px; margin-top: 5px;}

    /*汉堡菜单*/

    .three{margin-top: 12px;}

    /* ALL */

    .hamburger .line{

      width: 25px;

      height: 3px;

      background-color: #d2d2d2;

      display: block;

      margin: 4px auto;

      -webkit-transition: all 0.3s ease-in-out;

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

    }

    /* SIX */

    #hamburger-6.is-active{

      -webkit-transition: all 0.3s ease-in-out;

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

      -webkit-transition-delay: 0.6s;

      -o-transition-delay: 0.6s;

      transition-delay: 0.6s;

      -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      -o-transform: rotate(45deg);

      transform: rotate(45deg);

    }

    #hamburger-6.is-active .line:nth-child(2){

      width: 0px;

    }

    #hamburger-6.is-active .line:nth-child(1),

    #hamburger-6.is-active .line:nth-child(3){

      -webkit-transition-delay: 0.3s;

      -o-transition-delay: 0.3s;

      transition-delay: 0.3s;

    }

    #hamburger-6.is-active .line:nth-child(1){

      -webkit-transform: translateY(5px);

      -ms-transform: translateY(5px);

      -o-transform: translateY(5px);

      transform: translateY(5px);

    }

    #hamburger-6.is-active .line:nth-child(3){

      -webkit-transform: translateY(-9px) rotate(90deg);

      -ms-transform: translateY(-9px) rotate(90deg);

      -o-transform: translateY(-9px) rotate(90deg);

      transform: translateY(-9px) rotate(90deg);

    }

    .head_wap .nav_wap{width: 100%; height: 100%; background-color: rgba(0,0,0,.9); position: fixed; top:50px; 

        left: 0; z-index: 9; display: none;}

    .head_wap .nav_wap .ul_wap{background-color: #163dc2;}

    .head_wap .nav_wap .ul_wap>li>p{height: 35px; line-height: 35px; border-bottom: 1px solid rgba(255,255,255,.4);

        padding: 0 20px; font-size: 16px; color: #fff;}

    .head_wap .nav_wap .ul_wap>li>p>a{color: #fff; display: block; width: 100%; height: 100%;}

    .head_wap .nav_wap .ul_wap>li>p>img{float: right; margin-top:15px;}

    .head_wap .nav_wap .ul_wap>li:last-child p{border-bottom: none;}

    .head_wap .nav_wap .ul_wap>li .sNav{background-color: #fff; display: none;}

    .head_wap .nav_wap .ul_wap>li .sNav li{line-height: 35px;}

    .head_wap .nav_wap .ul_wap>li .sNav li a{display: block; padding: 0 20px;}

    .head_wap .nav_wap .ul_wap>li .sNav li a img{padding-right: 10px;}



    footer .foot_top .foot_top1{margin-right: 50px; width: 450px;}

    footer video{display: none!important;}

    

}



@media screen and (max-width: 1000px){

    .box{width: auto; padding: 0 15px;}

    .pc{display: none;}

    .wap{display: block!important;}

    footer .foot_bot{width: auto; height: auto; line-height: 18px; font-size: 12px; padding: 5px 15px;}

}