@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
html{ float:none; line-height:18px; font-size:14px; color:#666; font-family:arial,"Microsoft Yahei"; min-width: 1300px;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-weight: normal;font-style: normal;}
ol,ul,li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
q:before,q:after {content:”;}
abbr,acronym { border: 0;}
a,a:hover{text-decoration:none; color: #656565; cursor: pointer;}


.trans02s{
	transition: all .2s;
	-moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.trans05s{
	transition: all .5s;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.trans08s{
	transition: all .8s;
	-moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}
.trans20s{
	transition: all 2s;
	-moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
}


.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.boxinline-2box{
    width: 49.5%;
    margin-right: 1%;
    float: left;
}

.boxinline-2box-mini{
    width: 48%;
    margin-right:4%;
    float: left;
}
.boxinline-2box-mini-0{
    margin-right: 0;
}

.boxinline-2box-0{
    margin-right: 0;
}

.boxinline-3box{
    width: 32%;
    margin-right: 2%;
    float: left;
}
.boxinline-3box-nowhite{
    width: 33.333%;
    float: left;
}
.boxinline-3box-0{
    margin-right: 0;
}

.boxinline-4box{
    width: 23.875%;
    margin-right: 1.5%;
    float: left;
}
.boxinline-4box-0{
    margin-right: 0;
}
.boxinline-4box-nowhite{
    width: 25%;
    float: left;
}

.boxinline-3box-mini{
    width: 33%;
    margin-right: .5%;
    float: left;
}

.boxinline-3box-mini-0{
    margin-right: 0;
}
.boxinline-w30{
    width: 30%;
    margin-right: 5%;
    float: left;
}
.boxinline-w70{
    width: 65%;
    margin-right: 5%;
    float: left;
}
.boxinline-w75{
    width: 66%;
    margin-right: 4%;
    float: left;
}

.boxinline-w40{
    width: 40%;
    margin-right: 5%;
    float: left;
}
.boxinline-w60{
    width: 55%;
    margin-right: 5%;
    float: left;
}

.boxinline-w20{
    width: 20%;
    margin-right: 4.5%;
    float: left;
}
.boxinline-w80{
    width: 75.5%;
    margin-right: 4.5%;
    float: left;
}

.right-no{
    margin-right: 0 !important ;
}
.boxinline-center{
    float: none !important;
    margin: 0 auto;
}

.MainContainer{
	width: 1280px;
	margin: 0 auto;
}
.img-outline:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.img-outline img{
    width: 100%;
    height: auto;
    float: left;
}
.scal1-1 .img-outline{
    overflow: hidden;
}
.scal1-1:hover img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);

}
.Page-Text{
	width: 100%;
    height: auto;
    line-height: 2.5em;
}
.Page-Text:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Page-Text img , .Page-Text table{
	max-width: 100%;
}






.HEADER{
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}

.TopBar{
	width:100%;
	background:#333;
	height:40px;
	line-height:40px;
	color:#fff;
}
.TopBar .Left{
	float:left;
}
.TopBar .Right{
	float:right;
}
.TopBar i{
	margin-right:10px;
}

.TopBar .Right a{
	color:#fff;
	padding-left:30px;
}


.NavBar{
	width:100%;
	z-index:99;
}
.NavBar .NavBar-Bg{
    height: 80px;
}
.NavBar.is_stuck .NavBar-Bg{
    background: #fff;
    border-top: 2px solid #07c;
    box-shadow: 0 0 15px #999;
}
.NavBar .Main{
	position:relative;
	z-index:10;
}
.Logo{
	margin-top: 20px;
	float:left;
	position: relative;
	z-index: 10;
}
.NavBar.is_stuck .Logo{
    margin-top: 10px;
}
.Logo img{
    position: absolute;
    left: 0;
    top: 0;
}
.Logo .Logo-white{
    z-index: 0;
}
.Logo .Logo-blue{
    z-index: 5;
    opacity: 0;
}
.NavBar.is_stuck .Logo .Logo-blue{
    opacity: 1;
}
.TopNav{
	height:80px;
	float:right;
	margin-top:20px;
}
.NavBar.is_stuck .TopNav{
    margin-top: 10px;
}
.TopNav ul{
	text-align:right;
	float: right;
}
.TopNav ul li , .TopNav ul a{
	display:inline-block;
	height:60px;
	line-height:60px;
	position:relative;
}
.TopNav ul a {
	padding:0 25px;
	font-size:15px;
	color:#fff;
}
.NavBar.is_stuck a{
    color: #333;
}
.TopNav ul a i{
	font-size:12px;
	padding-left:5px;
}
.TopNav .isStick  a{
	color: #666;
}
.TopNav .isStick  a:hover , .TopNav .isStick.sfHover a , .TopNav .isStick.active  a{
	color: #111;
}
.TopNav a.active{
	color: #07c;
	font-weight: bold;
}

.TopNav ul ul{
	position:absolute;
	left:0;
	width:200px;
}
.TopNav .sfHover ul a , .TopNav ul ul li , .TopNav ul ul a {
	width:100%;
	display:block;
	text-align:left;
	height:48px;
	line-height:48px;
	font-weight:normal;
}
.TopNav ul ul li{
	margin-bottom:1px;
}
.TopNav ul ul a{
	background:#07c;
	color:#fff !important;
	text-indent: 1em;
}
.TopNav ul ul a:hover{
	color:#fff !important;
	text-indent:2em;
	background: #e05800 !important;
}

.BannerBg{
    position: relative;
    z-index: 0;
}
.BannerTextBg{
    width: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}
.BannerTextBg p{
    float: left;
    padding-left: 350px;
    padding-top:300px ;
}
.BannerTextBg .px-box{
    position: absolute;
    z-index: 10;
}


.BannerTextBg .px-box a{
    display: block;
    border-radius:50%;
    -moz-border-radius:50%;
    -o-radius:50%;
    position: relative;
    z-index: 0;
    text-align: center;
    background: rgba(255,255,255,.5);
    box-shadow:5px 5px 10px #111;
}
.BannerTextBg .px-box a:hover{
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    background: rgba(255,255,255,0);
}
.BannerTextBg .px-box h3{
    line-height: 30px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50px
}
.BannerTextBg .px-box p{
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 20px ;
    font-weight: bold;
}
.BannerTextBg .px-box img{
    width: 90%;
    margin-top:10%;
}
.BannerTextBg  .px1{
    left: 600px;
    top: 160px;
}
.BannerTextBg  .px1 a{
    width:50px;
    height: 50px;
    padding: 10px;
}
.BannerTextBg  .px2{
    left: 710px;
    top: 200px;
}
.BannerTextBg  .px2 a{
    width:65px;
    height: 65px;
    padding: 10px;
}

.BannerTextBg  .px3{
    left: 770px;
    top:300px;
}
.BannerTextBg  .px3 a{
    width:80px;
    height: 80px;
    padding: 10px;
}
.BannerTextBg  .px4{
    left: 670px;
    top: 400px;
}
.BannerTextBg  .px4 a{
    width:95px;
    height: 95px;
    padding: 10px;
}

.BannerTextBg  .px5{
    left:520px;
    top: 460px;
}
.BannerTextBg  .px5 a{
    width:105px;
    height: 105px;
    padding: 15px;
}

.BannerTextBg  .px6{
    left: 320px;
    top: 430px;
}
.BannerTextBg  .px6 a{
    width:120px;
    height: 120px;
    padding: 20px;
}

.BannerTextBg ul{
    float: right;
    margin-top:150px;
    margin-right: 10%;
}

.Stars-Bg{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 720px;
    z-index: 2;
}
.Stars-Bg .SkyBg{
    animation:imageAnimation 8s infinite linear 0s alternate;
    -webkit-animation:imageAnimation 8s infinite linear 0s alternate;
    position: relative;
    z-index: 0;
}
.Stars-Bg .people{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 200;
}
.Stars-Bg .imageAnimation {
    -webkit-animation-name: imageAnimation;
    animation-name:imageAnimation;
}

@keyframes imageAnimation {
    0% {
        transform: scale(1.1);
        animation-timing-function: ease-in;
    }
    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
@-webkit-keyframes imageAnimation {
    0% {
        transform: scale(1.1);
        animation-timing-function: ease-in;
    }
    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}


@keyframes rotate {
0% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
}
100% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
}
}

.Stars-Bg .stars {
    transform: perspective(500px);
    transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
    perspective-origin: 50% 100%;
    left: 50%;
    animation: rotate 90s infinite linear;
}
.Stars-Bg .star {
    width: 2px;
    height: 2px;
    background: #F7F7B6;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0 -300px;
    transform: translate3d(0, 0, -300px);
    backface-visibility: hidden;
}


.Stars-Bg .meteor-list{ 
    height: 0; 
    width: 100%; 
    position: absolute;
    left: 0;
    top: 10%;
    z-index: 100;
}
.Stars-Bg .meteor-item {
    width: 156px;
    height: 103px; display:inline-block;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    background: url(../uploadfile/liux.png) top no-repeat;
    -webkit-animation: meteoFlush 2.4s .12s linear infinite;
    animation: meteoFlush 2.4s .12s linear infinite;
    opacity:0;
}
.Stars-Bg .meteor-list .item--1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; left:23%;
}
.Stars-Bg .meteor-list .item--11 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;   left:0;
    position: absolute;
}

.Stars-Bg .meteor-list .item--2 {

    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s; left:50%;
}
.Stars-Bg .meteor-list .item--22 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 2.3s;  left:70%;
    position: absolute;
    opacity:0;

}
.Stars-Bg .meteor-list .item--3 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;  left:55%;
}

.Stars-Bg .meteor-list .item--33 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; right: -100px;
    position: absolute;
    opacity:0;
}

/*滑动流星*/

@-webkit-keyframes meteoFlush {
    0% {
        opacity:0;
        transform:scale(2) translate(160px, -105px)
    }
    25% {
        opacity:1
    }
    50%, 100% {
        opacity:0;
        transform:scale(0.5) translate(-160px, 105px)
    }
}
@keyframes meteoFlush {
    0% {
        opacity:0;
        transform:scale(2) translate(160px, -105px)
    }
    25% {
        opacity:1
    }
    50%, 100% {
        opacity:0;
        transform:scale(0.5) translate(-160px, 105px)
    }
}
@media screen and (max-width:767px){
    .meteor-item {
        width: 60px;
        height: 40px;
    }
}

.TitleH1{
    height: 60px;
}
.TitleH1 h1{
    font-size: 32px;
    font-weight: bold;
    color: #0073bc;
}
.TitleH1 h1 span{
    color: #999;
    font-weight:normal;
    font-size:20px;
    padding-left: 10px;
}

.IxProduct{
    padding: 50px 0;
    background: #f9f9f9;
}
.IxProduct-box{
    position: relative;
    background: #fff;
    display: block;
    border-right: 8px solid #f9f9f9;
    border-top: 8px solid #f9f9f9;
    padding-top: 100px;
}
.boxinline-3box-nowhite-0 .IxProduct-box{
    border-right:none;
}
.IxProduct-box .img-outline{
    position: relative;
    z-index: 0;
    width: 70% !important;
    padding: 0 15% !important;
}
.IxProduct-box .text{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 90%;
    padding: 15px 5%;
}
.IxProduct-box .text h3{
    font-size: 15px;
    color: #07c;
    font-weight: bold;
    line-height: 40px;
}
.IxProduct-box .text p{
    color: #333;
}

.IxProduct-box .img-outline img{
    margin-top: -20px;
}
.IxProduct-box .Gallery{
    position: relative;
    z-index: 1;
    width: 90%;
    padding: 20px 5%;
    height: 60px;
}
.IxProduct-box .Gallery span{
    display:inline-block;
    width: 60px;
    border: 1px solid #ccc;
    margin-right: 5px;
    height: 55px;
    overflow: hidden;
}
.IxProduct-box .Gallery  img{
    width: 60px;
}
.IxProduct-box.scal1-1:hover .Gallery img{
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.IxContact{
    padding: 50px 0;
}

.FOOTER{
    padding: 30px 0;
    background: #d2d2d2;
}
.FOOTER ul{
    height: 20px;
    line-height: 20px;
    padding-bottom: 10px;
}
.FOOTER ul li{
    float: left;
    margin-right: 10px;
}
.FOOTER ul li a{
    padding-right: 10px;
    color: #364e63;
}
.FOOTER ul li a:hover{
    text-decoration: underline;
}
.FOOTER ul li span{
    color: #333;
}
.FOOTER p{
    line-height: 40px;
    color: #111;
    text-align: right;
}
.FOOTER p span{
    float: left;
}
.FOOTER i{
    margin-right: 5px;
}

.Banner-PageHead{
    position: relative;
    z-index: 0;
}

.PageMain{
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}

.PageLeft{
    width: 20%;
    float: left;
    margin-right: 3%;
}

.PageRight{
    width: 77%;
    float: left;
}
.PageNav-Title{
    padding:30px 20px;
    background: #134aa8;
    margin-top: -90px;
}
.PageNav-Title h2{
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #597bc8;
}
.PageNav-Title  h3{
    line-height: 40px;
    font-size: 16px;
    text-align: right;
    color: #fff;
}
.LeftNav-Main{
    padding: 30px 10px;
    background: #305dc3;
}
.LeftNav-Main ul{
    border-top: 1px solid #597bc8;
}
.LeftNav-Main li{
    border-bottom: 1px solid #597bc8;
}
.LeftNav-Main a{
    display: block;
    line-height: 46px;
    color: #fff;
    text-indent: 1rem;
}
.LeftNav-Main a:hover , .LeftNav-Main .sfHover{
    background: #134aa8;
    text-indent: 2rem;
}
.LeftNav-Main .active a{
    background: #ef8200;
}
.LeftNav-Main .Catalog_ct_1 li{
    position: relative;
}
.LeftNav-Main .Catalog_ct_2{
    position: absolute;
    left: 250px;
    top: 0;
    background: #134aa8;
    width: 200px;
}
.LeftNav-Main .Catalog_ct_2 a{
    background: none !important;
}
.LeftNav-Main .Catalog_ct_2 .active a{
    background: #ef8200 !important;
}


.Location{
    height: 60px;
    text-align: right;
}
.Location h1{
    line-height: 60px;
    font-size: 30px;
    color: #0073bc;
    padding-right: 30px;
    float: left;
}
.Location ul{
    padding-left: 30px;
    background: url(../images/Locationg.bg.png) left top;
    height: 60px;
    text-decoration: right;
    margin-left: 30%;
}
.Location ul li{
    display: inline-block;
    line-height: 50px;
    padding-top: 10px;
    margin-right: 10px;
}
.Location a ,.Location i , .Location  span{
    color: #333;
}
.Location i{
    margin-right: 5px;
}
.Location a:hover{
    text-decoration: underline;
}


.Page-Title{
	width:100%;
	height:106px;
}
.Page-Title h1{
    color: #444;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}
.Page-Title h1 span{
	color:#004b99;
}
.Page-Title p{
    color: #999;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}


.Page-Pager{
    width: 100%;
    margin-top: 50px;
}
.Page-Pager .PageInfo{
	display: none;
}
.Page-Pager .PageBtn{
	width: 100%;
	text-align: center;
}
.Page-Pager li{
	display: inline;
	padding: 0 5px;
}
.Page-Pager li a{
	height: 36px;
	line-height: 36px;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 0 20px;
	color: #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.Page-Pager li a:hover{
	color: #004b99;
	border: 1px solid  #004b99;
}
.Page-Pager li.active a{
	border: 1px solid #0073bc;
	background: #0073bc;
	color: #fff;
}


.NewsShow-top{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 40px;
}
.NewsShow-top h1{
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 20px;
	color: #333;
}
.NewsShow-top p{
	line-height: 30px;
	color: #333;
}
.NewsShow-top p span{
	padding-right: 30px;
}


.Gallery2 .img{
    width: 48%;
}
.Gallery2 .text{
    width: 47%;
    padding-top: 20px;
}
.Gallery2 .text h3{
    color: #333;
    font-weight: bold;
    line-height: 40px;
}
.Gallery2 .text p{
    margin-bottom: 15px;
    line-height: 22px;
    text-indent: 2em;
}
.Gallery2 li{
    margin-top: 30px;
}
.Gallery2-box-1 .img{
    float: left;
}
.Gallery2-box-1 .text{
    float: right;
}
.Gallery2-box-0 .img{
    float: right;
}
.Gallery2-box-0 .text{
    float: left;
}


.IxNews-box {
	padding: 30px 0;
	display: block;
	padding-left: 0;
}

.IxNews-box  .img {
	width: 35%;
	padding: 0 3%;
	float: left;
	max-height: 135px;
	overflow: hidden;
}

.IxNews-box  .text {
	width: 50%;
	float: left;
	padding-left: 5%;
}

.IxNews-box  .text h3 {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	text-align: left
}

.IxNews-box  .text  p {
	line-height: 24px;
	margin-top: 10px;
	color: #999;
	text-align: left
}

.IxNews-box  .text  p span {
	color: #666;
	padding-top: 5px;
	font-size: 14px;
	display: inline-block;
}

.IxNews-box:hover {
	background: #f1f1f1;
}

.JobList{
	width: 100%;
}
.JobList li{
	margin-bottom: 10px;
	cursor:pointer;
	margin-top: 30px;
}
.JobList li .JOB-box{
	padding: 0 20px;
}
.JobList .JobTitle{
	width: 100%;
	text-align: left;
	color:#1166b1;
	font-weight: bold;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #ccc;
}
.JobList .JobTitle span{
	color: #333;
	font-weight: normal;
	float: left;
	line-height: 40px;
	margin-right: 10px;
}
.JobList .JobTitle p{
	line-height: 40px;
	float: right;
	font-weight: normal;
}
.JobList .JobBody {
	padding: 20px;
	background: #f1f1f1;
	display: none;
}

.Product-box{
    padding: 20px;
    background: #f1f1f1;
    display: block;
    margin-bottom: 20px;
}
.Product-box h3{
    color: #0073bc;
    font-weight: bold;
    padding: 5px 0;
    line-height: 20px;
    height: 45px;
}
.Product-box .img-outline{
    background: #fff;
}
.Product-box:hover{
    background: #0073bc;
}
.Product-box:hover h3{
    color: #fff;
}


.Product-top{
	border-bottom: 1px solid #ccc;
	line-height: 40px;
	color: #035cac;
	text-align: center;
	padding: 30px 0;
}

.Product-img{
	padding: 50px 0;
	text-align: center;
}
.Product-img img{
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	max-width: 95%;
}


.Product-Top{
    margin-bottom: 30px;
    margin-top: 50px;
}
.Product-Top .left{
	width: 50%;
	float: left;
	margin-right: 5%;
}
.Product-Title{
    height: 50px;
}
.Product-Title h3{
    color: #0073bc;
	font-weight: bold;
	line-height: 24px;
}
.Product-Top .right{
	width: 45%;
	float: left;
}
.Product-Top .right img{
	width: 100%;
	height: auto;
	max-height: 420px;
	overflow: hidden;
}

.Product-Name{
	border-bottom: 1px solid #ccc;
}
.Product-Name h2{
	font-size: 20px;
	color: #111;
	line-height: 24px;
	padding: 10px 50px 10px 0;
	font-weight: bold;
}
.Product-Name h2 i{
	font-size: 15px;
	color: #0073bc;
	padding-right: 10px;
}
.Product-Remark{
	line-height: 30px;
	color: #666;
	padding: 20px 0;
}
.Product-Gallery-selecter{
	padding: 20px 0;
}
.Product-Gallery-selecter li{
	width: 18%;
	padding: 0 1%;
    float: left;
    height: 96px;
}
.Product-Gallery-selecter li img{
	width: 100%;
    height: auto;
    height: 96px;
	border:1px solid #f1f1f1;
}
.Product-Gallery-selecter li:hover img{
	border:1px solid #ddd;
}