@charset "utf-8";
body{ margin:0; padding:0; font-family: "微软雅黑"; font-size:14px; color:#666;transition:all 500ms;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}
input,textarea{ outline:none;font-family:"Roboto", Helvetica, Arial, sans-serif; color:#9f9f9f;}

a{ color:#666; text-decoration:none;}
a:hover{ color:#5dc5f9;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}

.bgcolor{ background:#f3f6fa;}
.fl{ float:left;}
.fr{ float:right;}
.bg{background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#D800000,endcolorstr=#D800000); position:fixed; left:0; top:0; z-index:999; display:none; width:100%; height:100%;}

.wrap{ width:1200px; margin:0 auto;}

.header{ position:relative; z-index:100;box-shadow: 0px 0px 8px #555;}
.header .sitetop{ background:#18469b; line-height:36px;height:36px; color:#fff; font-size:12px;box-shadow: 0px 0px 8px #555;}
.header .sitetop .topcontact{ float:left;}
.header .sitetop .topcontact .email{ background:url(../images/icon01.png) no-repeat left center; margin-right:20px; padding-left:16px;}
.header .sitetop .topcontact .tel{ background:url(../images/icon02.png) no-repeat left center; padding-left:16px;}
.header .sitetop .language{ float:right;}
.header .sitetop .language a{ color:#fff;}
.header .sitetop .language .cn{ background:url(../images/icon03.png) no-repeat left center; padding-left:25px; padding-right:12px; border-right:#fff dotted 1px;}
.header .sitetop .language .en{ background:url(../images/icon04.png) no-repeat left center; padding-left:25px; margin-left:12px;}
.header .headcon{ height:105px;}
.header .headcon .logo{ padding-top:17px; float:left;}
.header .nav{float:right}
.header .nav ul li{ float:left; margin-left:35px;font-size:16px; line-height:1;position:relative;}
.header .nav ul li a{line-height:105px; }
.header .nav ul li a:hover,.header .nav ul li.cur a,.header .nav ul li:hover a.tit{ color:#0059a2; font-weight:bold;}
.header .nav ul li .subnav{ display:none; background:#fff; padding:15px 30px; position:absolute; left:-25px; top:105px; z-index:98; box-shadow:0px 2px 3px #ccc inset;}
.header .nav ul li .subnav a{ display:block; line-height:2; white-space:nowrap; width:100%;font-size:14px; color:#333;}
.header .nav ul li .subnav a:hover{color:#18469b; border-bottom:none;}

.header .menu-toggle{ display:none;}
.header .headcon .language{ width:60px; height:60px; background:url(../images/icon08.png) no-repeat center; position:absolute; right:60px; top:0px;border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;display:none; }

.banner{ height: 650px; background-repeat: no-repeat; background-position: center top; padding-top: 1px;}
.banner .bannervideo{width: 107px; height: 107px; margin:185px auto 0; cursor:pointer;}
.banner .bannerpro{ text-align: center;}
.banner .bannerpro img{ margin:120px 35px 0;}

.nei_banner{ height:350px;}

.nei_about { width: 100%;height: 350px;overflow: hidden; position: relative;} 
.nei_about img{position: absolute;left: 50%;margin-left: -960px;animation: aboutUpdown linear 12s infinite alternate;}

.announcement{ overflow:hidden; background:#eeeded; line-height:42px; margin-top:30px; margin-bottom:60px;}
.announcement ol{ float:left; background:url(../images/icon05.png) no-repeat; width:150px; font-size:18px; color:#fff; text-indent:25px;}

.ipro{ padding:45px 0 80px;}
.ipro .tit{ position:relative; text-align:center; margin-bottom:40px;}
.ipro .tit h3{ background:#fff; font-size:34px; color:#303030; width:175px; margin:0 auto; position:relative; z-index:2}
.ipro .tit p{ background:#fff; color:#b7b7b7; width:175px; margin:0 auto;}
.ipro .tit dl{ width:100%; height:1px; background:#dcdcdc; position:absolute; top:30px; z-index:1;}
.ipro .box{overflow: hidden}
.ipro .box ul{width: 1250px;}
.ipro .box ul li{float: left; margin-right: 25px; width: 286px;}
.ipro .box ul li img{display: block; border: #dcdcdc solid 1px; width: 100%; height: auto;}
.ipro .box ul li p{font-size: 16px; text-align:center; margin-top: 5px;}

.ibout{ background:url(../images/aboutBg.jpg) no-repeat center top; padding-top:48px; padding-bottom:40px;}
.ibout .tit{ text-align:center; margin-bottom:30px; color:#fff; line-height:1;}
.ibout .tit h3{ font-size:34px; }
.ibout .tit p{ font-size:18px;}
.ibout .box{ width:960px; margin:0 auto; color:#fff; font-size:12px; line-height:1.8;}
.ibout .box img{ display:block; margin:15px auto 40px;}
.ibout .sbzs{ background:#fff; padding:36px 0;box-shadow: 0px 0px 8px #aaa; overflow:hidden;}
.ibout .sbzs ul{ padding-left:25px;}
.ibout .sbzs ul li{ float:left; margin-right:16px;}
.ibout .sbzs ul li img{ display:block;}

.news_video{ overflow:hidden; margin-bottom:80px;}
.news_video .news{ width:640px; float:left;}
.news_video .news dl{ border-bottom:#efefef solid 1px; margin-bottom:6px; overflow:hidden;}
.news_video .news dl a{ width:135px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; background:#cccccc; display:block; float:left;}
.news_video .news dl a.cur{ background:#18469b;}
.news_video .news .box{ display:none;}
.news_video .news .box.cur{ display:block;}
.news_video .news .box ul li{ padding:14px 0; border-bottom:#c7c7c7 dashed 1px; overflow:hidden;}
.news_video .news .box ul li dt{ float:left; background:url(../images/icon07.png) no-repeat; height:73px; width:74px; padding-right:10px; color:#fff; font-size:16px; font-weight:bold;justify-content:center;display:flex;align-items:center;}
.news_video .news .box ul li ol{ font-size:12px; width:545px; line-height:1.6; float:right;}
.news_video .news .box ul li ol h3{ font-size:13px; margin-bottom:10px; color:#000;}
.news_video .news .box ul li:hover h3,.news_video .news .box ul li:hover a{ color:#18469b;}
.news_video .video{ width:468px; height:340px; padding:10px; border:#efefef solid 1px; float:right;}

.content{ padding:30px 0 90px;}
.content .left{ width:232px;}
.content .left .left_nav{ margin-bottom:10px; border-bottom:#ece4e2 solid 2px;}
.content .left .left_nav dl{ background:#054ca3; color:#fff; height:90px; padding-left:35px; text-transform:uppercase;}
.content .left .left_nav dl h3{ font-size:26px; padding-top:18px;}
.content .left .left_nav ul li{ line-height:60px; border:#ece4e2 solid 1px; border-top:none;}
.content .left .left_nav ul li a{ display:block; padding-left:34px; background:url(../images/icon12.png) no-repeat 196px center;}
.content .left .left_nav ul li a:hover{background:url(../images/icon11.png) no-repeat 196px center; font-weight:bold; color:#054ca3;}
.content .left .left_nav ul li.cur a{background:#dae7f8 url(../images/icon11.png) no-repeat 196px center; font-weight:bold; color:#054ca3;}
.content .left .left_nav ul li .subnav{ padding-bottom:10px;}
.content .left .left_nav ul li .subnav a{ line-height:1; background:none; font-weight: normal; margin-bottom: 15px;font-size: 13px;}
.content .left .left_nav ul li.cur .subnav{ background:#dae7f8;}
.content .left .left_contact{ background:#054ca3;}
.content .left .left_contact dl{ padding:20px; color:#fff; font-size:13px;}
.content .left .left_contact dl h3{ font-size:16px; margin-bottom:10px;}
.content .right{ width:920px;}
.content .right .Breadcrumbs{ border-bottom:#ece4e2 solid 1px; overflow:hidden; padding-bottom:8px; line-height:24px; margin-bottom:30px;}
.content .right .Breadcrumbs h3{ font-size:19px; color:#666; border-left:#054ca3 solid 4px; padding-left:15px; float:left;}
.content .right .Breadcrumbs span{ float:right; color:#999; font-size:12px;}
.content .right .Breadcrumbs span a{ color:#999;}
.content .right .Breadcrumbs span a:hover{ color:#054ca3;}
.content .right .text{font-size:14px; color:#666; line-height:2;}
.content .right .text img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}

.content .right .sbzs{ overflow:hidden;}
.content .right .sbzs ul { overflow:hidden; width:960px;}
.content .right .sbzs ul li{ width:279px; float:left; margin-right:40px; margin-bottom:10px;}
.content .right .sbzs ul li dl{ width:279px; height:197px; line-height:194px; text-align:center; border:#dcdcdc solid 1px; overflow:hidden;}
.content .right .sbzs ul li dl img{ display: inline-block; vertical-align: middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.content .right .sbzs ul li p{ text-align:center; line-height:2;}

.content .right .prolist{ overflow:hidden;}
.content .right .prolist ul { overflow:hidden; width:960px;}
.content .right .prolist ul li{ width:279px; float:left; margin-right:40px; margin-bottom:10px;}
.content .right .prolist ul li dl{ width:279px; height:187px; line-height:184px; text-align:center; border:#dcdcdc solid 1px; overflow:hidden;}
.content .right .prolist ul li dl img{ display: inline-block; vertical-align: middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.content .right .prolist ul li p{ text-align:center; line-height:2;}
.content .right .proview dl{ font-size:17px; text-align:center; margin-bottom:20px;}
.content .right .proview ol{ width:588px; height:372px; line-height:370px; text-align:center;overflow:hidden; margin:0 auto;}
.content .right .proview ol img{display: inline-block; vertical-align: middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.content .right .fanhui{ color:#666; border:#c9c9c9 solid 1px; background:#dcdcdc; border-radius:5px; display:block; width:150px; height:40px; line-height:40px; margin:40px auto 0; font-size:16px; text-align:center;}

.content .right .news ul li{ line-height:35px; overflow:hidden; background:url(../images/icon09.png) no-repeat left center; padding-left:10px; border-bottom:#ccc dashed 1px;}
.content .right .news ul li a{ float:left;}
.content .right .news ul li span{ float:right; font-size:12px; color:#999;}
.content .right .newsview .newstit{ color:#999; text-align:center; border-bottom:#ccc dashed 1px; margin-bottom:20px; padding-bottom:20px;}
.content .right .newsview .newstit h1{ font-size:17px; font-weight:normal; color:#333; margin-bottom:10px;}

.content .right .job ul{ margin-bottom:10px; position:relative;}
.content .right .job ul li{ background:#f3f3f3; overflow:hidden;}
.content .right .job ul .toggle{ width:85px; height:85px; background:#005da3 url(../images/icon14.png) no-repeat center; float:right; cursor:pointer; position:absolute; right:0; top:0;}
.content .right .job ul .toggle.cur{background:#005da3 url(../images/icon13.png) no-repeat center;}
.content .right .job ul li dl{ font-size:12px; padding:20px 40px; float:left;}
.content .right .job ul li dl h3{ font-size:18px; margin-bottom:5px;}
.content .right .job ul ol{ font-size:12px;line-height:2.5; margin-top:10px; display:none; padding:10px 40px;}
.content .right .job ul ol b{ font-weight:bold; display:block;}
.content .right .job ul ol .email{ overflow: hidden;}
.content .right .job ul ol .email h2{ width: 110px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 15px; background:#122a88;border-radius:3px; overflow: hidden;cursor:pointer; float: left;}
.content .right .job ul ol .email p{ color:#ff0000; font-size:14px; font-weight:bold; overflow: hidden; float: right;}

.content .map{ width:100%; height:400px; margin-top:40px;}

.message input[type="text"]{ width:450px; height:36px; border:#aeaeae solid 1px; border-radius:5px; text-indent:10px;}
.message textarea{width:430px; height:160px;border:#aeaeae solid 1px; border-radius:5px; padding:10px;}
.message input[type="submit"],.right .message input[type="reset"]{ width:136px; height:36px; background:#005aab; color:#fff;  border-radius:5px; border:none; margin-right:10px; }
.message input.name{ width:160px;}

.page{margin-top:40px; text-align:center;}
.page a{ color:#666; margin:0 5px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#005aab; border:#0046bb solid 1px;}

.contact ul li{ width: 50%; float: left; margin-bottom: 20px; min-height: 130px;}


.footer{ background:#3c3c3c; color:#b5b5b5; height:100px; font-size:12px; line-height:2;}
.footer a{ color:#b5b5b5;}
.footer dl{ float:left; margin-top:25px;}
.footer ol{ float:right; text-align:right; margin-top:25px;}

.videobox{ position: fixed; z-index: 9999; display: none; width:350px;}
.videobox h3{ text-align: center; color: #000; font-size: 25px; line-height: 2; display:none;}
.videobox .box{ height: 201px; position: relative; background: #000;}
.videobox .box dl{ position: absolute; top: 5px; right: 5px; color: #000; font-size:22px; text-align: center; line-height: 20px; width: 20px; height: 20px; border-radius: 20px; background: #fff; cursor: pointer; z-index: 99999}
.videobox .box video{width: 100%; height: 201px;}

@keyframes aboutUpdown {
    from {
        margin-top: -300px;
    }
    to {
        margin-top: 0px;
    }
}
@keyframes aboutUpdown2 {
    from {
        margin-top:50px;
    }
    to {
        margin-top: 50px;
    }
}

@media all and (min-width: 640px) and (max-width:1024px) {
.banner .swiper-container{ height:320px;}
.banner .swiper-container .swiper-slide{height:320px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.nei_banner{ height:300px;}
.nei_about { width: 100%;height: 300px;overflow: hidden;position: relative;} 
.nei_about img{height: 300px; position: absolute;left: 50%;margin-left: -358px; animation: aboutUpdown2 linear 8s infinite alternate;}
}

@media all and (max-width:640px) {
.banner .swiper-container{ height:200px;}
.banner .swiper-container .swiper-slide{height:200px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.nei_banner{ height:200px;}
.nei_about { width: 100%;height: 200px;overflow: hidden;position: relative;} 
.nei_about img{height:200px; position: absolute;left: 50%;margin-left: -239px; animation: aboutUpdown2 linear 8s infinite alternate;}
}

@media all and (max-width:1024px) {
.wrap{ width:100%;}

.header{ position:fixed; z-index:99999; width:100%;box-shadow: 0px 0px 3px #555; background:#fff;}
.header .sitetop{position:absolute; left:0; top:60px; width:100%; display:none;}
.header .sitetop .topcontact{ display:none;}
.header .sitetop .language{ float:none; margin:0 auto; text-align:center;}
.header .headcon{ height:60px;}
.header .headcon .logo{ padding-top:8px; width:220px; margin-left:15px;}
.header .headcon .logo img{ width:100%; height:auto; display:block;}
.header .nav{ width:100%; height:100vh;background:#fff; position:fixed; left:0; top:60px; z-index:99998; display:none; line-height:40px;}
.header .nav ul li{ float: none; width:auto; text-align:left; border-bottom:#aaa solid 1px; background:#eee; margin:0; position:relative;}
.header .nav ul li:hover{ background:#999;}
.header .nav ul li a{ font-size:15px; color:#000; display:block; text-indent:20px; line-height:50px;}
.header .nav ul li a:hover,.header .nav ul li.cur a,.header .nav ul li:hover a.tit{ color:#fff; background:#285fb9; font-weight:bold;}
.header .nav ul li .subnav{ display:none; background:#fff; padding:10px 20px; position:static; box-shadow: none;}
.header .nav ul li .subnav a{ display:block; line-height:1.8; white-space:nowrap; width:100%;font-size:15px;}
.header .nav ul li .subnav a:hover{ background:none;}

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999; display:block;}
.header .menu-toggle span{ width:35px; height:2px; background:#285fb9;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#285fb9;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#285fb9;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}

.header .headcon .language{ display:block;}

.banner{ height:240px; background-repeat: no-repeat; background-position: center top; background-size:auto 100%; padding-top:60px;}
.banner .bannervideo{width:60px; height:60px; margin:85px auto 0;}
.banner .bannervideo img{ width: 100%; height: auto;}
.banner .bannerpro{ display: none;}

.announcement{ display:none;}

.ipro.wrap{ width:auto; padding:30px 15px 30px;}
.ipro .tit{ position:relative; text-align:center; margin-bottom:20px;}
.ipro .tit h3{font-size:26px;}
.ipro .tit dl{top:25px;}
.ipro .box ul{width: auto;}
.ipro .box ul li{float: none; margin-right: 0; margin-bottom: 10px; width:100%;}
.ipro .box ul li img{display: block; border: #dcdcdc solid 1px; width:calc(100% - 2px); height: auto;}
.ipro .box ul li p{font-size: 16px; text-align:center; margin-top: 5px;}

.ibout{ padding-top:48px; padding-bottom:20px; margin-bottom:-35px;}
.ibout .tit h3{ font-size:26px; }
.ibout .tit p{ font-size:16px;}
.ibout .box{ width:auto; margin:0 auto; padding:0 15px;}
.ibout .sbzs{ display:none;}

.news_video{ overflow:hidden; margin-bottom:20px;}
.news_video .news{ width:auto; float:none; padding:15px;}
.news_video .news .box ul li ol{ line-height:1.6; width:calc(100% - 95px);}
.news_video .news .box ul li ol h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_video .news .box ul li ol dd{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_video .video{ width:auto; height:270px; margin:0 15px; padding:10px; float: none;}
.news_video .video iframe{ width:100%; height:100%;}

.content{ padding:15px 0 50px;}
.content .left{ display:none;}
.content .right{ width: auto; padding:0 15px}
.content .right.fr{ float:none;}
.content .right .Breadcrumbs h3{ font-size:18px; border-left:#054ca3 solid 3px; padding-left:10px;}

.content .right .sbzs ul { width:102%;}
.content .right .sbzs ul li{margin-right:2%; width:48%; float:left;  margin-bottom:10px;}
.content .right .sbzs ul li dl{ width:100%; height:30vw;}
.content .right .sbzs ul li dl img{display:block;width:100%; height:auto;max-height:none;}

.content .right .prolist ul { width:102%;}
.content .right .prolist ul li{margin-right:2%; width:48%; float:left;  margin-bottom:10px;}
.content .right .prolist ul li dl{ width:100%; height:30vw; overflow:hidden;}
.content .right .prolist ul li dl img{display:block;width:100%; height:auto; max-height:none;}

.content .right .proview dl{ font-size:15px; text-align:center; margin-bottom:20px;}
.content .right .proview ol{ width:100%; height:350px; line-height:350px;}
.content .right .proview ol img{display: inline-block; vertical-align: middle;max-width:100%;width: auto;max-height:100%;height: auto;}

.content .right .news ul li a{overflow:hidden; text-overflow:ellipsis;white-space: nowrap; display:block; width:75%;}

.message table{ width:100%;}
.message table tr td{ width: auto; font-size:12px;}
.message table tr td[align="right"]{ width:23%;}
.message input[type="text"]{ width:95%; height:30px; border:#535353 solid 1px; border-radius:5px; text-indent:10px;}
.message textarea{width:95%; height:120px;border:#535353 solid 1px; border-radius:5px; padding:0;}
.message input[type="submit"],.right .message input[type="reset"]{ width:100px; height:36px; background:#434343; color:#fff;  border-radius:5px; border:none; margin-right:10px; cursor:pointer;}
.message input.name{ width:95%;}

.content .right .job ul{ margin-bottom:10px; position:relative;}
.content .right .job ul li{ background:#f3f3f3; overflow:hidden;}
.content .right .job ul .toggle{ width:60px; height:60px;}
.content .right .job ul li dl{ font-size:12px; padding:0px 20px; float:left;}
.content .right .job ul li dl h3{ font-size:16px; margin-bottom:0; line-height:60px;}
.content .right .job ul li dl span{ display:none;}
.content .right .job ul ol{ font-size:12px;line-height:2.5; margin-top:10px; display:none; padding:10px 20px;}
.content .right .job ul ol b{ font-weight:bold; display:block;}
.content .right .job ul ol .email{ color:#ff0000; font-size:14px; font-weight:bold;}

.contact ul li{ width: 100%; float: none; margin-bottom: 20px; min-height:20px;}

.footer{ height:80px;line-height:1.6;}
.footer dl{ display:none}
.footer ol{ float:none; text-align: center; margin-top:0; padding-top:20px;}

.videobox{ position: fixed; z-index: 9999; display: none; width: 100%;}
.videobox h3{ text-align: center; color: #fff; font-size: 25px; line-height: 2;}
.videobox .box{ height: 300px; position: relative; background: #000;}
.videobox .box dl{ position: absolute; top: 10px; right: 10px; color: #000; font-size:22px; text-align: center; line-height: 20px; width: 20px; height: 20px; border-radius: 20px; background: #fff; cursor: pointer; z-index: 99999}
.videobox .box video{width: 100%; height: 300px;}
.bg{background: #000;}
}