@charset "utf-8";
/* CSS Document */


/*
.t{
    width:  100%;
    height: 25px;
    background: #222222;
}
.t p{
    float:  left;
    line-height: 25px;
    color:  white;
    font-size: 13px;
}
.t span{
    float: right;
}
.t span img{
    float:  left;
    width: 20px;
    margin-top: 4px;
}
.t span h5{
    float:  left;
    line-height:  25px;
    color:  white;
    font-size: 13px;
}
.title{
    padding: 10px 0px;
}
.logo{
    float:  left;
}
.logo img{}
.nav{
    float: right;
}
.nav ul{}
.nav ul li{
    float:  left;
    line-height: 82px;
    width: 120px;
}
.nav ul li a{
    text-align:  center;
    display:  block;
    font-weight:  800;
}
.nav ul li:nth-child(1){/* border-bottom: 3px solid #192473; */}
/*.nav ul li:hover{
    border-bottom: 3px solid #192473;
}
.nav ul li a:hover{}
.nav ul li ul{display: none;}
.nav ul li:hover ul{display: block;}
.lul{position: absolute;z-index: 2;background: white;margin-top: 2px;}
.lul li{
    float: none !important;
    height:  40px;
    line-height: 40px !important;
    margin-left: 0 !important;
    border-bottom: none !important;
    font-size: 14px;
    border-top: 1px solid #1a2672;
    background: url(../images/libg.png)left no-repeat;
}
.lul li a{
    text-align:  center;
    color: #182170;
    font-weight: 700;
}
.lul li:hover{
    border-top: 1px solid #858585 !important;
    border-bottom: none !important;
}
.lul li a:hover{}
@-webkit-keyframes menu5 {
        0% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    @keyframes menu5 {
        0% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    .nav__menu:hover>.nav__menu--5-lists li:nth-child(2) {
        opacity: 0;
        -webkit-animation: menu5 ease-in-out forwards;
        animation: menu5 ease-in-out forwards;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -webkit-animation-delay: 125ms;
        animation-delay: 125ms;
    }

    @keyframes menu5 {
        0% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    .nav__menu:hover>.nav__menu--5-lists li:nth-child(3) {
        opacity: 0;
        -webkit-animation: menu5 ease-in-out forwards;
        animation: menu5 ease-in-out forwards;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms;
    }

    @keyframes menu5 {
        0% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    .nav__menu:hover>.nav__menu--5-lists li:nth-child(4) {
        opacity: 0;
        -webkit-animation: menu5 ease-in-out forwards;
        animation: menu5 ease-in-out forwards;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -webkit-animation-delay: 375ms;
        animation-delay: 375ms;
    }

    @keyframes menu5 {
        0% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    .nav__menu:hover>.nav__menu--5-lists li:nth-child(5) {
        opacity: 0;
        -webkit-animation: menu5 ease-in-out forwards;
        animation: menu5 ease-in-out forwards;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -webkit-animation-delay: 500ms;
        animation-delay: 500ms;
    }

    @keyframes menu5 {
        0% {
            opacity: 0;
            -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: rotateY(0);
            transform: rotateY(0);
        }
    }

    .nav__menu-lists {
        -webkit-perspective: 5000px;
        perspective: 5000px;
    }

    .nav__menu-items {
        display: none;
        width: 140px;
        height: 65px;
        background-color: #2c8fb5;
    }

    .nav__menu-items:hover {
        background-color: #226f8c;
    }

    .nav__menu:nth-child(1) {
        border-top-left-radius: 10px;
    }

    .nav__menu:last-child {
        border-top-right-radius: 10px;
    }
.stuff {
        position: absolute;
        bottom: 30px;
        width: 100%;
        text-align: center;
    }

    .stuff .pens {
        margin-right: 20px;
        text-decoration: none;
        font-size: 20px;
        color: #333;
    }

    .stuff .pens:hover {
        text-decoration: underline;
    }

    .stuff .fa-twitter {
        position: relative;
        top: 8px;
        color: #1DA1F2;
        font-size: 50px;
    }
.nav__list {
        display: inline-block;
    }

    .nav__menu {
        float: left;
        width: 140px;
        height: 65px;
        line-height: 65px;
        text-transform: uppercase;
        background-color: #2c8fb5;
        cursor: pointer;
    }

    .nav__menu:hover {
        background-color: #226f8c;
    }

    .nav__menu:hover>.nav__menu-lists li {
        display: block;
    }

    .nav__menu:hover>.nav__menu--1-lists li:nth-child(1) {
        opacity: 0;
        -webkit-animation: menu1 ease-in-out forwards;
        animation: menu1 ease-in-out forwards;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -webkit-animation-delay: 0ms;
        animation-delay: 0ms;
    }
/*banner*/
.banner{
    z-index: 1;
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/**/
#owl-demo{position:relative;width:100%;height: 475px;margin: 0 auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;height: 475px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;/* background-color:#000; */opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{left:0;bottom: 31px;width: 100px;height:22px;text-align:center;margin: 0 auto;position:  relative;background: #ffffff7a;border-radius: 10px;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width: 47px;height:80px;margin-top: -111px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
/**/
/*about*/
.about{}
.tit{
    padding-top: 40px;
}
.tit h2{
    text-align: center;
    font-size: 25px;
    text-transform:  uppercase;
    font-weight:  600;
}
.tit h3{
    text-align: center;
    margin: 0 auto;
    height: 30px;
}
.tit h3 span{
    border: 1px solid #2f3684;
    width: 174px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.tit h3 p{
    width:  100px;
    height: 20px;
    text-align:  center;
    margin: 0 auto;
    margin-top: -15px;
    background: white;
    font-size: 20px;
    font-weight:  bold;
}
.about-a{
    float:  left;
    width:  50%;
}
.about-a h3{
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    color: #18469b;
}
.about-a p{
    text-indent:  2em;
    margin-top: 15px;
    line-height: 29px;
    font-size: 14px;
}
.about-a a{
    display:  block;
    width:  100px;
    height: 30px;
    line-height: 30px;
    font-size:  14px;
    border: 1px solid #143e90;
    text-align: center;
    margin-top: 21px;
    float:  right;
}
.about-b{
    float: right;
}
.about-b img{
    width:  500px;
    /* height: 300px; */
}
/*product*/
.product{
    width:  100%;
    background: #143e90;
    padding-top: 1px;
    margin-top: 30px;
    overflow: hidden;
}
.product-a{}
/* 本例子css */
		.picMarquee-left{width: 1200px;overflow:hidden;position:relative;/* border:1px solid #ccc; *//* height: 260px; */margin-bottom: 15px;}
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{padding:10px;background:  white;}
		.picMarquee-left .bd ul{overflow:hidden;zoom:1;/* height: 260px; */}
		.picMarquee-left .bd ul li{/* margin:0 8px; */float:left;_display:inline;overflow:hidden;text-align:center;/* box-shadow: 2px 2px 8px 1px #b0b0b0b8; */width: 280px !important;}
		.picMarquee-left .bd ul li .pic{text-align:center;}
		.picMarquee-left .bd ul li .pic img{width: 271px;height: 250px;display:block;/* padding:2px; */border:1px solid #ccc;}
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
.lititle{
    background: white;
    height: 30px;
}
.lititle a{
    line-height: 30px;
}
.lititle a:hover{}
.picList{width: 1200px;}
.tit1{
    text-align: center;
    margin-top: 30px;
}
.tit1 h2{
    color: white;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.tit1 h3{
    text-align: center;
    margin: 0 auto;
    height: 30px;
}
.tit1 h3 p{
    width: 100px;
    height: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: -15px;
    background: #143e90;
    font-size: 20px;
    font-weight: bold;
    color:  white;
}
.tit1 h3 span{
    border: 1px solid #ffffff;
    width: 174px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

/*adv*/
.adv{}
.adv-a{
    margin-top: 20px;
}
.adv-a ul{}
.adv-a ul li{
    float:  left;
    width:  20%;
    height: 486px;
}
.adv-a ul li:nth-child(1){background: url(../images/adv-a.png) 0 50px no-repeat;}
.adv-a ul li:nth-child(2){background: url(../images/adv-b.png) 0 50px no-repeat;}
.adv-a ul li:nth-child(3){background: url(../images/adv-c.png) 0 50px no-repeat;}
.adv-a ul li:nth-child(4){background: url(../images/adv-d.png) 0 50px no-repeat;}
.adv-a ul li:nth-child(5){background: url(../images/adv-e.png) 0 50px no-repeat;}

.adv-a ul li i{
    display: block;
    width:  200px;
    height:  200px;
    margin: 0 auto;
    line-height: 200px;
    text-align:  center;
    font-size: 72px;
    border-radius:  50%;
    border: 4px solid;
    background:  white;
    color: #18469b;
}
.adv-a ul li:hover i{
    background: #18469b;
    color:  white;
}
.adv-a ul li h2{
    text-align: center;
    color:  white;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}
.adv-a ul li h2 a{color: white}
.adv-a ul li h2 a:hover{}
.adv-a ul li p{
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color:  white;
    line-height: 23px;
}
/*news*/
#faz{background: #143e92;}
.more{
    display:  block;
    border: 1px solid #a5a5a5;
    width:  200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:  white;
    margin: 5px auto 15px;
}
.more:hover{
    background:  white;
    color: #143e90;
}
.new{
    width: 100%;
    background: url(../images/newsbg.jpg);
    padding-top: 10px;
    margin-top: 20px;
    overflow:  hidden;
}
.news{}
.news-a{
    float:  left;
}
.news-a img{}
.news-b{
    float: right;
    width: 50%;
    margin-top: 30px;
}
.news-b ul{}
.news-b ul li{
    margin-bottom: 40px;
    border-bottom: 1px dashed white;
    padding-bottom: 5px;
    width: 100%;
    height: 100px;
}
.news-b ul li i{
    display: block;
    width:  73px;
    height:  73px;
    float:  left;
}
.news-b ul li:nth-child(1) i{
    background: url(../images/new1.png);
}
.news-b ul li:nth-child(2) i{
    background: url(../images/new2.png);
}
.news-b ul li:nth-child(3) i{
    background: url(../images/new3.png);
}
.news-b ul li a{
    display: block;
    float: right;
    width: 80%;
    color:  white;
}
.news-b ul li a h4{
    font-weight:  700;
}
.news-b ul li a h4:hover{}
.news-b ul li a span{
    font-size: 12px;
    color: #dadada;
}
.news-b ul li a p{
    font-size: 14px;
    line-height: 26px;
}
.news-b ul li a p:hover{}

/**/

/*
.footer{
    background: #222222;
    width: 100%;
    height: 227px;
}
.foot{
    float:  left;
}
.foot-a{}
.foot-a ul{
  
    height:  50px;
}
.foot-a ul li{
    float:  left;
    width: 100px;
    line-height: 50px;
}
.foot-a ul li a{
    color:  white;
    font-size: 14px;
}

.foot-a ul li a:hover{}
.foot-a h3{
    padding-top: 20px;
    color:  white;
    font-weight: 700;
    border-top: 1px solid #7b7b7b;
    width: 960px;
    margin-bottom: 15px;
    font-size: 18px;
}
.foot-a p{
    font-size: 14px;
    color: white;
    line-height: 21px;
}


.footer img{
    float:  right;
    width:  150px;
    height: 150px;
    background: white;
    margin-top: 40px;
}
.foot-b{
    width: 100%;
    height:  50px;
    background: #1c1c1c;
}
.foot-b p{
    line-height: 50px;
    color: #8e8e8e;
    text-align: center;
}
.foot-b p a{
    color: #8e8e8e;
}
.foot-b p a:hover{
    color:  white;
}*/