@charset "utf-8";
.wrap_body{width:100%; margin:0 auto; background-color:#fff;}

/* --------------------head-------------------- */
.header_wrap{width:100%;position: absolute; height:100px; background:#FFF; z-index:100;}
.header_frame{width:980px;margin:auto;position:relative;}
.header{
    width:100%;
    position:absolute;
    z-index:999;
    top:0;
    left:0;
    height:100px;border-bottom:thin solid rgba(255, 255, 255, 0.5);

}
.logo{ float:left;
       width:201px;
       height:50px;
       padding-top:16px;
}
/* menu */
#menu { float:right; width:710px;padding-top:55px;}
#menu ul {float:left;position:absolute;z-index:1000; padding-left:30px;}
#menu ul li {float:left; height:33px; line-height:33px; text-align: center; position:relative; z-index:100; font-size:15px;}
#menu ul li a {color:#333;display:block; padding:0 25px;font-weight:bold;}
#menu ul li a:hover{color:#fff; background:rgba(0, 160, 234, 0.8);display:block;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
#menu ul li.hover a { color:#fff;background:#00a0e9;}
#menu ul li.hover ul li a { color:#fff;background:#00a0e9;}

#menu ul li ul { width:200px; background:#00a0e9; position:absolute;top:33px; left:0px; display:none;  padding-top:0px; text-align:left;}
#menu ul li ul li {width:200px;z-index:150; position:relative; line-height:35px; height:35px; color:#FFF; text-align:left; border-bottom:1px solid #1698d3; border-right:none;}
#menu ul li ul li.hasul { background:url(images/icon8.gif) no-repeat 100px center; _background:none;color:#FFF; }
#menu ul li ul li a { color:#fff; font-size:12px;font-weight:bold; line-height:35px; display:block;text-align:left; padding-left:20px; font-family:Arial, Helvetica, sans-serif;}
#menu ul li ul li a:hover { color:#fff; background:#015fba; }
#menu ul li ul li ul { left:10px; top:0px; display:none; position:absolute;}
.language{
    position:absolute;
    right:0;
    top:0;
}
.language a{
    width:30px;
    height:30px;
    color:#FFF;
    float:left;
    text-align:center;
    line-height:30px;
    display:block;
    margin-right:10px;
    margin-top:20px;
    font-size:12px;
    background:rgba(102, 102, 102, 0.5);border-radius:30px;
}
.language a:hover{background:#0859be; color:#FFF;}
.language a.en{background:#0859be; color:#FFF;}
/* banner */
.slides{width:100%;height:auto;position:relative;overflow:hidden;}
.slideInner{height:auto;position:relative;left:0;margin-left:0;}
.slideInner div.banner{display:block;height:761px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slideInner .banner .img1{width:100%;position:absolute;left:0;text-align:center;top:290px;margin-left:0;color:#FFF;font-size:3em;font-weight:bold;text-transform:uppercase;line-height:60px;text-shadow:3px 3px 3px rgba(0,0,0,.3);}
.slideInner .banner .img2{width:100%;position:absolute;top:350px;left:0;text-align:center;margin-left:0;color:#FFF;font-size:2em;text-transform:capitalize;line-height:40px;padding-bottom:10px;text-shadow:2px 2px 2px rgba(0,0,0,.3);font-weight:bold;}
.slideInner .banner .img3{width:100%;text-align:center;position:absolute;top:455px;left:0;text-transform:uppercase;}
.slideInner .banner .img3 span{
    color:#FFF;
    padding:10px 15px;
    font-size:20px;
    border:2px solid #FFF;
    border-radius:3px;
    line-height:30px;
    margin-right:10px;
}
.slideInner .banner .img3 span.action,.slideInner .banner .img3 span:hover{
    background:#00A0EA;
    border:2px solid #00A0EA;
}
.slideInner .banner{z-index:99;}
.slideInner .banner img,.checkImg img{
    /*min-width:1440px;*/
    width:100%;
}
/*.slideInner .slide3 .img2{top:200px;}
.slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}*/
.nav{width:100%;position:absolute;display:none;top:50%;z-index:100;}
.nav a{display:block;width:41px;height:119px;opacity:1;z-index:9;}
.nav a.prev{position:absolute;left:0;background:url(../images/prev.png) no-repeat;display:block;width:80px;height:80px;}
.nav a.next{position:absolute;right:0;background:url(../images/next.png) no-repeat;display:block;width:80px;height:80px;}
.nav a.prev:hover{background:url(../images/prevOn.png) no-repeat;}
.nav a.next:hover{background:url(../images/nextOn.png) no-repeat;}
/*.navListBox{position:absolute;left:50%;top:675px;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #666 inset;}
.navListBox li a.active{background-color:#55ddff;}*/

/* index company */
.iCompany_frame{
    width:980px;
    margin:auto;
    margin-top:35px;
    margin-bottom:130px;
}
.icTitle{width:100%; background:url(../images/xt.jpg) center bottom no-repeat; padding-bottom:1px;margin-bottom:48px;text-align:center;}
.icTitle h2{
    line-height:70px;
    font-size:48px;
    color:#039FE9;
	font-weight:normal;
}
.icTitle p{
    line-height:25px;
    font-size:15px;
    padding-bottom:15px;
}
.icLi,.icLiVideo{float:left;width:489px;height:250px;margin-bottom:2px;text-align:center;position:relative;display:block;margin-right:2px;overflow:hidden;}
.icLi:nth-child(2n){margin-right:0;}
.icList li img{
    max-width:489px;
    max-height:250px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*.icList li.icLi:hover img{-webkit-animation-name: rotateReturnY; animation-name: rotateReturnY;}
.icList li.icLi:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}*/
.icList li.icLiVideo:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}

.icList li.icLiVideo .fancybox{
    top:0;
    left:0;
    width:489px;
    z-index:999;
    height:250px;
    display:block;
    position:absolute;
    background:url('../images/ipIcon.png') no-repeat center center;
}
.icList li.icLiVideo:hover .fancybox{
    opacity:1; background:url('../images/ipIcon2.png') no-repeat center center;
}
.icLi .icLiTitle{
    display:block;
    position:absolute;
    color:#FFF;
    font-size: 29px;
    top: 0;
    left: 0;
    text-align: left;
    line-height: 27px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width:457px;
    height:133px;
    padding-top:117px;
    padding-left:32px;
}
.icLi .icLiTitle span{
    font-size:16px;
}
/*.icList li.icLi:hover .icLiTitle{
    -webkit-animation-name: rotateReturnY; animation-name: rotateReturnY;
}*/
.icList li.icLi:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
/* index product */
.iProduct_wrap{
    height:834px;
    width:100%;
    overflow:hidden;
    background:url('../images/indexProductBg.jpg') no-repeat top center;
}
.iProduct_frame{
    width:980px;
    margin:auto;
}
.ipTitle{width:100%;background:url(../images/xt2.png) center bottom no-repeat; padding-bottom:1px;margin-bottom:48px;margin-top:45px;margin-bottom:55px;text-align:center;}
.ipTitle h2{
    line-height:55px;
    font-size:48px;
    color:#039FE9;
	font-weight:normal;
}
.ipTitle p{
    line-height:25px;
    font-size:15px;
    padding-bottom:15px;
    color:#545B53;
}
.ipList .ipLi{
    width:312px;
    height:502px;
    position:relative;
    margin-right:22px; overflow:hidden;
}
.ipList .ipLi a:hover .ipLiTitle{
    color:#ccc;
}
.ipList .ipLi:nth-child(3n){margin-right:0;}
.ipList .ipLi .ipLiTitle{
    /*    border-top:thin solid rgba(255, 255, 255, 0.3);
        border-bottom:thin solid rgba(255, 255, 255, 0.3);*/
    font-size:24px;
    line-height:75px;
    height:75px;
    width:100%;
    position:absolute;
    bottom:40%;
    left:0;
    color:#FFF;
    text-align:center;
    text-transform:uppercase;
}
.ipList img{
    max-width:312px;
    max-height:502px;
}
.ipList .owl-controls{margin-top:31px;}
.ipList .owl-controls .owl-page span{
    width:15px;
    height:15px;
    background:#FFF;
}
.ipList .owl-controls .owl-page.active span{
    background:#00A0EA;
}

.ipList .ipLi a img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.ipList .ipLi a:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}



/* index news */
.iNews_frame{
    width:980px;
    margin:auto;
    margin-bottom:76px;
    overflow: hidden;
}
.inTitle{
    width:100%;
    margin:75px 0 73px;
    background:url(../images/xt.jpg) center bottom no-repeat; padding-bottom:1px;margin-bottom:48px;
    text-align:center;
}
.inTitle h2{
    line-height:55px;
    font-size:48px;
    color:#039FE9;
	font-weight:100;
}
.inTitle p{
    line-height:25px;
    font-size:15px;
    padding-bottom:15px;
    color:#545B53;
}
.inLiRight{
    float:right;
    width:50%;
    height:367px;
    position:relative;
    text-align:center;
    overflow:hidden;
}
.inLiRight img{
    max-width:490px;
    max-height:367px;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.inLiRight a{
    top:0;
    left:0;
    width:70%;
    color:#FFF;
    height:100%;
    padding:0 15%;
    text-align:center;
    position:absolute;
    background:url('../images/iNewsBg.png') no-repeat top center;
}
.inLiRight:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.inLiRight:hover a{
    opacity:1;
    display:block;
}
.inLiRight a p{
    height:55px;
    color: #FFF;
    font-size:30px;
    line-height:55px;
    overflow: hidden;
    padding-top:118px;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.inLiRight a span{
    color: #FFF;
    display:block;
    font-size:14px;
    line-height:19px;
    padding-bottom:16px;
}
.inLiLeft{
    float:left;
    width:50%;
}
.inLi{
    width:100%;
    height:184px;
}
.inLimg,.inLibox{
    width:50%;
    float:left;
    height:100%;
    overflow:hidden;
    text-align:center;
    position:relative;
    background:#F7FBFE;
    
}
.inLimg img{
    max-width:245px;
    max-height:184px;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.inLimg:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.inLimg span{
    top:40%;
    width:0;
    height:0;
    display:block;
    position:absolute;
    border-top:18px solid transparent;
    border-bottom:18px solid transparent; 
}
.inLimg span.tsright{right:0;border-right:20px solid white;}
.inLimg span.tsleft{left:0;border-left:20px solid white;}
.inLibox span{
    display:block;
    color:#039FE9;
    line-height:15px;
    padding-top:45px;
    padding-bottom:10px;
    font-size:16px;
}
.inLibox p{
    line-height:20px;
    padding:0 30px;
    margin-bottom:10px;
    color:#9EA2A5;
    font-size:15px;
    max-height:60px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.inLibox a{
    color:#039FE9;
    font-size:25px;
    font-family:"微软雅黑";
}
section.panel{
    position:relative;
}
.scroll {
    position:absolute;
    bottom:85px;
    left:48%;
    z-index:100;
    font-size:1.3em;
    /*margin-top:6em;*/
    /*display:none;*/
}
.scroll:hover {
    text-decoration:none;
}

.scroll:after {
    content:'';
    width:20px;
    height:20px;
    position:absolute;
    top:40px;
    margin:auto;
    top:50px;
    right:0;
    bottom:0;
    left:0;
    -webkit-animation:3s arrow infinite ease;
    animation:3s arrow infinite ease;
}

.scroll:after {
    border-right:2px solid #FFF;
    border-bottom:2px solid #FFF;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);

}
/*responsive 1200 == 990*/
@media (min-width:320px) and (max-width:1440px){
    .slideInner .banner img,.checkImg img{
        width:100%;
    }
    .slideInner .banner .img1{top:5em;font-size:3em;}
    .slideInner .banner .img2{top:10em;font-size:2em;}
    .slideInner .banner .img3{top:24em;}
}
@-webkit-keyframes arrow {
    0%,100% {
        top:50px;
    }
    50% {
        top:80px;
    }
}
@keyframes arrow {
    0%,100% {
        top:50px;
    }
    50% {
        top:80px;
    }
}
@media (max-width:960px) {
    .inner {
        width:100%;

    }
    h1,h2,h3,p,pre,dl {
        margin-left:30px;
        margin-right:30px;
    }
}