@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
.c{ clear:both;}
.box{ width:1000px; margin:0 auto;}
body{ font-family:Arial; }
a{font-family:"Arial"; color:#333;}
/*----------专题------------*/

/*鼠标一上去图片变亮*/
a img{transition:box-shadow .2s ease,-webkit-filter .2s ease-out;-webkit-filter:brightness(1)}
a img:hover{-webkit-filter:brightness(1.3)}

.banner{ height:440px; background:url(../images/banner.jpg) no-repeat center 0; position:relative;}

.Chinese{ background:url(../images/Chinese.png) no-repeat; position:absolute; width:66px; height:35px; right:17%;}

.banner img{ display:none;}
.event{background-color:#eef2f5; overflow: hidden; }
.mainbox{ width:1100px; margin:0 auto; color:#333; line-height:28px; font-size:14px;}
.mainbox p{ margin-top:15px;}
.indu{ padding-top:30px;}
.whititle{ text-align:center; font:bold 38px/42px "Arial"; color:#232440;}
.whititle span{ display:block; margin-top:7px; height:7px; }
.need{ background:#ebebeb; padding-top:40px; padding-bottom:40px;}
.need table{ background:#d0d2d6; font:14px/24px "Arial"; color:#666; margin-top:40px;}
.need table tr td{ background:#fff;}
.need table tr th{background:#d0d2d6; line-height:50px; height:50px; font-size:16px; font-weight:normal;}
.need table tr td{ padding:5px 10px;}
.need table tr th.s{ width:120px;}
.need table tr td.s{ text-align:center; font-size:15px;}
.graytitle{ text-align:center; font:bold 38px/42px "Arial"; color:#333;}
.graytitle span{ display:block; margin-top:10px; height:7px;}

.department{ width:856px; margin:60px auto;}
.department ul{ overflow:hidden;}
.department ul li.involved{ background:#252d5d; width:49.8%; float:left; margin-right:0.4%;}
.department ul li.areas{ background:#254473; width:49.8%; float:left;}
.department ul li dl{ padding:30px 50px; overflow:hidden;}
.department ul li dl dt{ float:left; width:20%;}
.department ul li dl dt img{ padding-top:15px;}
.department ul li dl dd{ float:left; width:75%; padding-left:5%;}
.department ul li dl dd h4{font-size:18px; color:#ffffff; margin-bottom:15px;}
.department ul li dl dd p{ font-size:14px; color:#ffffff; margin-top:0px; line-height:20px;}

.benefits{ width:100%; margin-top:60px;}
.benefits ul.bene{ width:940px; overflow:hidden; margin:0 auto; margin-top:30px; padding-bottom:10px; }
.benefits ul.bene li{ width:177px; height:244px; border-radius:8px; box-shadow:0 0 30px #f6f6fa; float:left; padding:25px; font-size:16px; color:#484848; margin-right:40px;margin-top:40px; margin-left:40px; line-height:28px; }
.benefits ul.bene li span.icon01{ background:url(../images/icon01.png) no-repeat 0px 10px; width:85px; height:115px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon02{ background:url(../images/icon02.png) no-repeat 0px 10px; width:85px; height:115px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon03{ background:url(../images/icon03.png) no-repeat 0px 10px; width:85px; height:115px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon04{ background:url(../images/icon04.png) no-repeat 0px 10px; width:85px; height:115px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon05{ background:url(../images/icon05.png) no-repeat 0px 10px; width:85px; height:115px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon06{ background:url(../images/icon06.png) no-repeat 0px 10px; width:85px; height:115px; display:block; margin:0 auto; }
.benefits .plan{ width:1000px; background:url(../images/plan.jpg) no-repeat center top; height:500px; margin:0 auto; margin-top:60px; position:relative;}
.benefits .plan h4{width:270px; margin-bottom:20px; font-size:15px; color:#333; text-align:center;}
.benefits .plan p{width:280px; color:#565656; line-height:24px; font-size:14px; padding-left:0px;}
.benefits .plan .one{ display:none;}
.benefits .plan .project{ position:absolute;  left:0px; top:133px;}
.benefits .plan .supplier{position:absolute;  left:20px; top:130px;}
.benefits .plan .material{position:absolute;  left:350px; top:190px;}
.benefits .plan .day{position:absolute;  left:750px; top:153px;}

.agenda{ background:#37417c; width:100%; padding:50px 0px;}
.agenda .graytitle{ color:#fff;}
.agenda .theme{ width:1100px; margin:0 auto;}
.agenda .theme .tab{ color:#fff; font-size:14px; margin-top:60px;}
.agenda .theme .tab th{ font-size:22px;}
.agenda .theme p{ color:#b1baef; font-size:14px; line-height:26px; margin-top:20px;}

.agenda .theme p.case{ color:#fff;}
.agenda .review ul { width:1200px; overflow: hidden; margin-top:45px;}
.agenda .review ul li{ float:left; background:#fff; border-radius:5px; width:466px; height:170px; padding:30px; margin-right:50px; margin-bottom:20px;} 
.agenda .review ul li h4{ font-size:20px;}
.agenda .review ul li p{ color:#666666; font-size:14px; margin-top:10px;  line-height:22px;}


.floatNavigation{ position:fixed; font-size:12px; right:0px; bottom:180px; color:#878787; width:103px; background: url(../images/tu.png) no-repeat 0px 5px; padding-left:25px;  z-index:90;}
.floatNavigation ul li{ height:37px; }
.floatNavigation ul li a{ color:#878787;}
.floatNavigation ul li span{ width:7px; height:7px; background:#c4c4c4; display:inline-block; border-radius:20px; margin-right:10px;}
.floatNavigation ul li span.select{ width:11px; height:11px; border:2px solid #c4c4c4; background:#fff;}
.floatNavigation ul li a:hover{ background:#252d5d; border-radius:50px; color:#fff; text-decoration:none; padding:0px 3px;}
.floatNavigation ul li a.choice{background:#252d5d; border-radius:50px; color:#fff; text-decoration:none; padding:0px 3px;}
.floatNavigation .applyA{ width:100px; height:70px; background:url(../images/apply.png) no-repeat 0PX 0PX; display:block;}


/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:50px;/*left:89.5%;*/ right:45px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop)); z-index:90;}
.Backtop img{ width:100%;}
.characterA{ display:none;}
.fixedbut{ position:fixed; right:0px;  bottom:130px; right:30px;  z-index:90;}
.hvr-float-shadow {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none;position: absolute;  z-index: -1;  content: '';  top: 100%;  left: 5%;  height: 10px;  width: 90%;  opacity: 0;  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); 
  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;  transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {  -webkit-transform: translateY(-5px);  transform: translateY(-5px);  }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {  opacity: 1;  -webkit-transform: translateY(5px);  transform: translateY(5px); }
.sign{ display:none;}

@media screen and ( max-width:600px){
body{ background:#ffffff;}
.mainbox{ width:100%; margin:0 auto;}
.bannerbog{ width:100%;  background:#ebebeb;height:auto;}
.banner{ width:100%;background:none;height:auto;}
.banner img{ display: block;}
.Chinese{ background:url(../images/Chinese.png) no-repeat; position:absolute; width:66px; height:35px; right:5px;}

.indu{  padding:15px;padding-top:20px;}
.whititle{ text-align:center; font:bold 19px/30px "Arial"; }
.whititle span{ display:block; margin-top:5px; height:3px; background:#0068b0; width:30%; margin:5px auto 0;}
.whititle span img{ display:block; width:60%;  margin:0 auto;display:none;}

.need{ padding:5px;}
.need table tr th{ font-size:15px;}
.needs dl{ padding:0 10px; margin-top:20px;}
.needs dl dt{    color: #00a1e4; background:url(../images/dot.gif) no-repeat left center; padding-left:30px;}
.needs dl dd{ margin-top:10px;}
.needs dl dd ul li{ font:13px/20px "Arial"; color:#666; margin-top:10px; background:url(../images/dd.gif) no-repeat left 8px; padding-left:10px;}
.needs dl dd ul li p{ color:#75a4d9; margin-top:5px;}
.graytitle{ text-align:center; font:bold 26px/30px "Arial"; color:#333; padding-top:15px;}
.graytitle span{ display:block; margin-top:10px; height:7px;}
.graytitle span img{ display:block; width:60%;  margin:0 auto;}


.department{ width:100%; margin:10px auto;}
.department ul{ overflow:hidden; padding:15px;}
.department ul li.involved{ background:#252d5d; width:100%; float: none; margin-right:0%; margin-bottom:3px;}
.department ul li.areas{ background:#254473; width:100%; float:none;}
.department ul li dl{ padding:20px ; overflow:hidden;}
.department ul li dl dt{ float:left; width:20%;}
.department ul li dl dt img{ padding-top:15px;}
.department ul li dl dd{ float:left; width:75%; padding-left:5%;}
.department ul li dl dd h4{font-size:18px; color:#ffffff; margin-bottom:10px;}
.department ul li dl dd p{ font-size:14px; color:#ffffff; margin-top:0px; line-height:20px;}

.benefits{ width:100%; margin-top:30px;}
.benefits ul.bene{ width:100%; overflow:hidden; margin:0 auto; margin-top:30px; padding-bottom:10px; }
.benefits ul.bene li{ width:40%; height:244px; border-radius:8px; box-shadow:0 0 30px #f6f6fa; float:left; padding:1%  2.5%; font-size:14px; color:#484848; margin-right:2.5%;margin-top:20px; margin-left:2.5%; line-height:26px; }
.benefits ul.bene li span.icon01{ background:url(../images/icon01.png) no-repeat 0px 10px; background-size:60px; width:85px; height:90px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon02{ background:url(../images/icon02.png) no-repeat 0px 10px; background-size:70px;  width:85px; height:90px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon03{ background:url(../images/icon03.png) no-repeat 0px 10px;background-size:70px;  width:85px; height:90px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon04{ background:url(../images/icon04.png) no-repeat 0px 10px;background-size:70px;  width:85px; height:90px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon05{ background:url(../images/icon05.png) no-repeat 0px 10px; background-size:70px; width:85px; height:90px; display:block; margin:0 auto; }
.benefits ul.bene li span.icon06{ background:url(../images/icon06.png) no-repeat 0px 10px;background-size:70px;  width:85px; height:90px; display:block; margin:0 auto; }
.benefits .plan{ width:79%; background: none; background-size:24px; margin-left:11%; padding-left:10%; height: auto; margin:0 auto; margin-top:30px; position:relative; border-left:1px solid #37417c;}
.benefits .plan h4{width:90%; margin-bottom:10px; font-size:15px; color:#333; text-align: left;}
.benefits .plan p{width:90%; color:#565656; line-height:24px; font-size:14px; padding-left:0px;}
.benefits .plan div{ margin-bottom:30px;}
.benefits .plan .project{ position: relative;  left:auto; top: auto;}
.benefits .plan .one{ display:block; width:32px; height:32px; background:#37417c; position:absolute; border-radius:50px; color:#fff; font-size:22px; font-weight:bold; text-align:center; line-height:32px; position:absolute; top:0px; left:-19%;}
.benefits .plan .supplier{position: relative;  left:auto; top: auto;}
.benefits .plan .material{position: relative;  left:auto; top: auto;}
.benefits .plan .day{position: relative;  left:auto; top: auto;}

.agenda{ background:#37417c; width:100%; padding:20px 0px;}
.agenda .graytitle{ color:#fff;}
.agenda .theme{ width:95%; margin:0 auto;}
.agenda .theme .tab{ color:#fff; font-size:12px; margin-top:30px;}
.agenda .theme .tab th{ font-size:16px;}
.agenda .theme .tab td{ height:70px;}
.agenda .theme p{ color:#b1baef; font-size:12px; line-height:22px; margin-top:20px;}

.agenda .theme p.case{ color:#fff;}
.agenda .review ul { width:100%; overflow: hidden; margin-top:25px;}
.agenda .review ul li{ float:left; background:#fff; border-radius:5px; width:90%; height: auto; padding:5%; margin-right:50px; margin-bottom:20px;} 
.agenda .review ul li h4{ font-size:20px;}
.agenda .review ul li p{ color:#666666; font-size:14px; margin-top:10px;  line-height:22px;}
.agenda .review ul li p img{ width:100%;}


.fixedbut{ display:none;}
/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:9%;/*left:89.5%;*/ right:20px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.Backtop img{ width:100%;}
.sign{ display:block;width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:20%;/*left:89.5%;*/ right:20px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.sign img{ width:100%;}
.floatNavigation{ display:none;}

	
	}