﻿body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}
em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}
img{-webkit-box-sizing:border-box;box-sizing:border-box;border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;padding: 0;
margin: 0;
width: auto;
height: auto;}input,textarea{border:none;outline: none;}
body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}
input,textarea{resize:none;border:none; outline: none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}
.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }
.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}
.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}
/*项目*/
body { background: #fff; color:#666; /*margin-bottom: 400px;*/}
a { color:#666;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover{color: #284066; }
dt { font-weight: normal; }




/*头部样式*/
.wrapper{ height: auto;width: 100%; position: relative; background: #fff; z-index: auto;overflow: hidden;}
.g-in{ width: 1200px; margin: 0 auto; }
.header{ width: 100%; position: relative; /*z-index: 5;   overflow-x: hidden;*/}
.wrap{width: 1920px; position: relative; margin-left: -960px;left: 50%}

.topArea{ position: relative; width: 1200px;z-index: 9;}
.topArea .logo{line-height: 68px;}
.topArea .logo i{font-size: 12px; font-weight: bold; position: relative;top: 9px;color: #284066;display: none;}

.navs{ width: 580px;padding: 0 20px 0 12px;}
.navs>ul{width:100%;}
.navs>ul>li{ float: left;width:16.666%; text-align: center; position: relative;line-height: 68px;position: static;}
.navs>ul>li>a{ color: #333333; display:block; font-size: 14px; text-align: center;text-align: center;top: 0;position: static;
border-bottom: 2px solid #fff;}
.navs>ul>li:hover>a,
.navs>ul>li.current>a{color: #284066; /* border-bottom: 2px solid #284066;*/}
.navs>ul>li .subNav{ position: absolute; top:68px;left: 0; width: 100%; background:rgba(0,0,0,0.6); overflow: hidden;
z-index: 10; display: none; height: auto;}
.navs>ul>li .subNav dl.dlBig{  float: none; height: auto; overflow: hidden; width: 1180px;position: relative;padding:10px; background: #fff; }
/*.navs>ul>li .subNav dl.dlBig:after{display: block;content: "";clear: both;position: absolute;top: 30px;left: 24.5%; width:1px; height:calc(100% - 60px); 
background: #ccc}*/

.navs>ul>li:nth-of-type(3) .subNav dl.dlBig>dt{width: 19%;}

.navs>ul>li:nth-of-type(4) .subNav dl.dlBig>dt{box-sizing: border-box;width: 20%;}
.navs>ul>li:nth-of-type(6) .subNav dl.dlBig>dt{width: 24%;}

.navs>ul>li:nth-of-type(5) .subNav dl.dlBig>dt{width: 10.5%;padding: 0 2px}
.navs>ul>li:nth-of-type(5) .subNav dl.dlBig dt .titleEr {width: 116px;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(2) .contentEr{padding-left: 20px;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:last-child .contentEr{padding-left: 20px;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(2) .contentEr dl{width: 50%; float: left;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(1) .contentEr dl dt,
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(3) .contentEr dl dt,
/* .navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(4) .contentEr dl dt{display: none;} */
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(1){width: 14%;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(3){width: 18%;margin-left: -18px;margin-right: 18px;}
.navs>ul>li .subNav dl.dlBig>dt{margin-bottom: 16px;float: left;padding: 0 0.3%; width: 16%; height: auto;position: relative;}
.navs>ul>li .subNav dl.dlBig>dt:after{display: block;content: "";clear: both;position: absolute;top: 16px;right: 0; width:1px; height:100%; 
background: #ccc;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(2):after{right: 30px;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(3):after{right: -4px;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(4):after{right: 5px;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt:nth-of-type(2){width: 32%;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig>dt{height: 500px;height: unset;}
.navs>ul>li .subNav dl.dlBig dt:last-child:after{display: none;}
.navs>ul>li .subNav dl.dlBig dt .titleEr{ width: 160px; padding-bottom: 10px;margin: 0 auto 10px;}
.navs>ul>li .subNav dl.dlBig dt .titleEr .title{font-size: 14px; color: #333;text-align: center;line-height: 26px;font-weight: bold;}
.navs>ul>li .subNav dl.dlBig dt .contentEr dl{text-align: center;margin-bottom: 5px;}
/*.navs>ul>li .subNav dl.dlBig dt .contentEr dl:last-child{margin-right: 0;}*/
.navs>ul>li .subNav dl.dlBig dt .contentEr dd{color: #666; line-height: 24px;text-align: left;padding-left: 12px;position: relative;letter-spacing: -.5px;}
.navs>ul>li .subNav dl.dlBig dt .contentEr dd:after{display: block;content: "";clear: both;position: absolute;top: 50%;left: 0; 
width:5px; height:5px;margin-top: -2px; background:rgba(0,0,0,0.2);border-radius: 50%;}
.navs>ul>li:nth-of-type(2) .subNav dl.dlBig dt .contentEr dt{text-align: left;width: 100% !important;}
.navs>ul>li .subNav dl.dlBig dt .contentEr dt{color: #284066;/*font-weight: bold;*/font-size: 14px;line-height: 24px;float: none;}
.navs>ul>li .subNav dl.dlBig dt .contentEr dt a{color: #284066;font-size: 12px;}

.navs>ul>li .subNav dl.dlBig dt a:hover { font-weight:bold; }


.lan { position: relative; float: right; cursor: pointer; padding: 0; z-index: 10;width: 55px;}
.lan .em1{font-size: 14px;color: #999999; text-align: right;text-transform: uppercase; height: 68px; line-height: 68px; 
background: url(diqiu.png) no-repeat left center;display: block; }
.lan .em1:hover{color: #284067}
.lan ul { position: absolute; top: 68px; left: 0; display: none; width: 100%; background: #3c70a3; text-align: center;}
.lan ul li { line-height: 1.5; }
.lan ul li a { display: block; width: 100%; padding: 5px 0; color: #fff; font-size: 12px;}
.lan ul li a:hover,.lan ul li a:active { background: #007876; }

.search{width: 124px;   color: #333;margin-top: 26px;}
.search form{ width: auto; overflow: hidden; }
.search .name input{  padding-left:15px;width: 104px; height: 20px; border:1px solid #999; border-right: none; line-height: 20px; 
box-sizing: border-box; }
.search .logoin input{ width: 20px; height: 20px; background:url(find.png) no-repeat center #284066; line-height: 26px;cursor: pointer;}
/*.search .logoin{    margin-top: 8px;}*/




.banner{ overflow:hidden; width: 1920px; position: relative; margin-left: -960px;left: 50%}
.banner .slideBox,
.ny_banner .slideBox{ width: 1920px;left: 50%; margin-left: -960px;overflow:hidden; position:relative;  }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:24px; z-index:1; width: 100%; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; width: 80px; margin: 0 auto;  }
.banner .slideBox .hd ul li{ float:left; margin: 0 6px;  width:12px; height:12px; line-height:14px; text-align:center;
 background:rgba(255,255,255,0.5); cursor:pointer;  text-indent: -9999px;}
.banner .slideBox .hd ul li.on{  background:rgba(255,255,255,1); color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd ul{padding: 0;}
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:1920px; height:auto; display:block;  }
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:15%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; 
	background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:15%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;}
.banner .slideBox .nextStop{ display:none;}









/*底部样式*/

.footer .NavBottom{background: #284067;padding: 30px 0 30px;}
.footer .NavBottom dl{float: left; width:14%;padding: 0 3%; text-align: left;color: #fff ;line-height: 30px;}
.footer .NavBottom dl dt a{color: #fff}
.footer .NavBottom dl:last-child{width:6%;padding: 0 7%;}
/*.footer .NavBottom dl:first-child{text-align: left;}*/
.footer .NavBottom dl:nth-of-type(4) dd{  width: 33%;display: inline-block; }
.footer .NavBottom dl dd a{font-size: 12px; color: #eee;} 
.footerBox01{padding: 26px 0 ;background: #373737;}
.footerBox01 li{float: left;}
.footerBox01 li.li01{ width: 140px ; margin-right: 207px; font-size: 12px; color: #eeeeee;line-height: 32px;margin-top: 24px;}
.footerBox01 li.li01 .phone{padding-left: 35px;background: url(phone.png) no-repeat left center; background-size: 20px 20px;}
.footerBox01 li.li01 .phone01{padding-left: 40px;}
.footerBox01 li.li02{ width: 400px ;  font-size: 12px; color: #eeeeee;line-height: 32px;margin-top: 24px;}
.footerBox01 li.li02 .mail{padding-left: 35px;background: url(mail.png) no-repeat left center; background-size: 20px 20px;}
.footerBox01 li.li02 .dizhi{padding-left: 35px;background: url(dizhi.png) no-repeat left center; background-size: 20px 20px; }
.footerBox01 li.li03{float: right; width: 316px;}
.footerBox01 li.li03 .logo {text-align: right;}
.footerBox01 li.li03 .logo img{position: relative;left: -31px;width: 140px;height: 24px;}
.footerBox01 li.li03 .search{width: 300px;   color: #333;margin-top: 6px;}
.footerBox01 li.li03 .search form{ width: auto; overflow: hidden; }
.footerBox01 li.li03 .search .name input{  padding-left:20px;width: 238px; height: 30px; background: #e2e2e2 ; 
line-height: 30px; font-size: 12px; color: #777777;}
.footerBox01 li.li03 .search .logoin input{ width: 62px; height: 30px; background: #284067; line-height: 30px;cursor: pointer; font-size: 13px;
 color: #eee;text-align: center;}
.footerBox01 li.li03 .font{padding-left: 20px; color: #c1c1c1;}


.footerBox02{ background: #1e1e1e;height: 42px;line-height: 42px;font-size: 12px; color: #eeeeee; }
.footerBox02 .aList a{ width:20px; height: 20px;margin-left: 50px; display:block;margin-top: 12px;float: left; }
.footerBox02 .aList a.a01{margin-left: 0;background: url(qq.png) no-repeat center;background-size: contain;}
.footerBox02 .aList a.a02{background: url(wx.png) no-repeat center;background-size: contain;position: relative;}
.footerBox02 .aList a.a03{background: url(wb.png) no-repeat center;background-size: contain;}
.footerBox02 .aList a.a02 img{position: absolute;bottom: 42px;left:-50px;display: none;}
/*返回顶部样式*/
.back-to { position:fixed; bottom:110px; right:50%; margin-right:-666px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

.banner img,.g-network img { vertical-align:top; }

.weihu{ width: 100%; height: auto;margin-bottom: 20px; }
.weihu .img{margin-right: 20px; width: 200px;}
.weihu .font{ width: 650px;margin-top: 20px; }
.weihu .title{color: #284067;font-size: 14px;font-weight: bold;}
.weihu .content{color: #666;font-size: 14px;line-height: 24px; height: auto;margin-top: 15px;}



/*点击样式*/
.careboxC{width: 100%; height: 100%; position: relative;display: none;}
.careboxC .onclick{ position: fixed; z-index: 10;background:#fff;padding:30px 180px;
top: 50%;left: 50%;bottom: auto;right: auto;display: block;margin-left: -630px; margin-top: -22%;  background: #fff;}
.careboxC .onclick .title{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #ccc;text-align: center;font-size: 24px;color: #333; }
.careboxC .onclickcenter{ position: relative; width: 900px;}
.careboxC .onclickcenter form{padding: 0 30px;}
.careboxC .onclickcenter .btn01{ position: absolute; right: -18%; top: -24px;  width: 32px;background: url(xx01.png) no-repeat center; height: 32px;}
.careboxC .onclickcenter .btn01 a{ display: block; background: none ; width: 24px;height: 24px;}
.careboxC .onclickcenter .text01{border-radius: 8px;margin: 16px 22px;position: relative;overflow: hidden;float: left;}
.careboxC .onclickcenter .text01 label{font-size: 14px;border-radius: 8px; color: #666666 ;display:block;color: #333;font-weight: bold;margin-bottom: 10px;}
.careboxC .onclickcenter .text01 label i{color: #ff0000;padding-left: 5px;vertical-align: top;}
.careboxC .onclickcenter .text01 input,
.careboxC .onclickcenter .text01 select{width: 360px; padding-left: 10px;color: #999999;height: 36px; border: 1px solid #999;
	border-radius: 8px; line-height: 36px; font-size: 14px; }
.careboxC .onclickcenter .text01 select{width: 372px;}
.careboxC .onclickcenter .text01 {position: relative;}
.careboxC .onclickcenter .text01 span.select{width: 360px;padding-left: 10px;color: #999999;height: 34px;border-radius: 8px;line-height: 36px;
font-size: 14px;display: block;position: absolute;top: 32px;right: 1px;background: url(xiala.png) no-repeat center #fff;width: 30px; }
.careboxC .onclickcenter .text01 select{left:0;top:0;/*opacity:0;filter:alpha(opacity=0);*/ color:#505050;}
.careboxC .onclickcenter .text01:nth-of-type(1) input{background: url(form01ico01.png) no-repeat 5% center;}
.careboxC .onclickcenter .text01:nth-of-type(2) input{background: url(form01ico02.png) no-repeat 5% center;}
.careboxC .onclickcenter .text01:nth-of-type(3) input{background: url(form01ico03.png) no-repeat 5% center;}
.careboxC .onclickcenter .timeWj label{ width: 40%;}
.careboxC .onclickcenter .timeWj input{width: 46%;}
.careboxC .onclickcenter .timeWj::after{background:url(time001.png) no-repeat center;content: "";right: 5px;}
.careboxC .text02 input{ width:160px; height: 51px; background: #284067; line-height: 51px;margin-left:auto;
display: block;text-align: center; font-size: 16px; color: #fff; }
.careboxC .text02 input:hover{ background: #ae0304;}
.careboxC .text02{padding-top: 88px;float: right}
.careboxC .onclickcenter .cenzhao{width: 100%;height: 100%;background-color: #000;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0.7;filter: alpha(opacity=70);display: none;}
.careboxC .onclickcenter .bz{line-height: 30px;font-size: 14px; color: #666; text-align: center;margin-top: 20px;
padding-left: 5px;background: url(form01ico.png)no-repeat left center;}
.careboxC .onclickcenter .bz i{color: red;  }
.cenzhao{width: 100%;height:5000px;background-color: #000;position: absolute;top: 0;left: 0;z-index: 6;opacity: 0.7;
    filter: alpha(opacity=70);display: none;}

.careboxC .onclickcenter .text01:nth-child(6) {left: -416px;top: 90px;}