@charset "utf-8";
* {margin:0;padding:0;}
html{-webkit-text-size-adjust:none;}
body {font-family:arial,'Microsoft YaHei';color:#000; line-height:25px;font-size:16px;margin:0 auto; background:#000}
A {font-size:16px;color:#000; font-family:arial,'Microsoft YaHei';TEXT-DECORATION:none;outline:none;}
A:hover {font-family:arial,'Microsoft YaHei';outline:none;color:#000; text-decoration:none}
img {border:0px;max-width:100%; height:auto}
form,input,select,textarea {list-style:none;font-size:16px;font-family:arial,'Microsoft YaHei';outline:none;color:#000}
button {list-style:none;font-size:16px;font-family:arial,'Microsoft YaHei';}
.bem {line-height:1px;font-size:1px;font-family:arial,'Microsoft YaHei';}
ul,li,dl,dt,dd { list-style:none;}
h1,h2,h3,h4,h5 { font-weight:normal}
.clear { clear:both;}

/*总容器样式*/  
.page_wrap {width:100%;padding:20px 0 0 0; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center; font-size:16px; }   
.pager a { margin: 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center;}   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3}   
.pager select {margin: 0px 2px -2px 2px; font-size:16px;}
.pager input {margin: 0px 2px -2px 2px;   padding:2px; text-align:center;font-size:16px;} 
.pager a,.pager span.disabled {background:#eeeeee; font-size:16px;}  
.pager a:hover,.pager span.current { background:#d8281c;border:1px solid #000}   
.pager a,.pager span.disabled {color:#000;border:1px solid #d3d3d3;}
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #d8281c;}  
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:20px;margin-bottom:5px;margin-top:5px}
.picright {margin-left:20px;margin-bottom:5px;}
/* 基本CSS设置，建议不删除--结束 */
.main .page2 { background:#000;padding:2.4% 0 0 2.4%;}
.main .page5 {margin-top:2.4%}
.leftmenu {width:150px; position:fixed; z-index:99999;left:0;top:0; background:#000; height:100%;color:#ccc; text-align:center;font-size:16px;padding-top:2.4%}
.leftmenu li {}
.leftmenu li a {font-size:16px;color:#ccc;font-family:'Microsoft YaHei',arial; display:block; height:50px; line-height:50px}
.leftmenu li a:Hover,.leftmenu li.check a {background:#fff;color:#000;font-weight:Bold;}
.leftmenu li p { background:url(../images/1.gif); height:1px; width:9px;margin:20px auto 20px auto}
.leftmenu ul.chen { position:absolute; z-index:100;bottom:10%;left:54px;}
.leftmenu ul.chen li p {margin:20px auto}
.leftmenu ul.chen li a {padding:2px 5px; height:22px; line-height:22px; display:inline}
.leftmenu ul.chen li a:hover,.leftmenu ul.chen li.check a { background:#fff;color:#000; font-weight:normal}

.mainmbg {position:absolute; z-index:1;background:url(../images/bg.png);width:894px; height:468px;left:50%;margin-left:-432px;top:50%;margin-top:-284px;padding:50px 60px; overflow:hidden}
.mainmbg .picleft {margin-right:30px}
.indabout { height:400px; overflow:hidden}
.indcontactmore,.indcontactmore:hover {display:block; background:#000;color:#fff;width:180px;margin:0 auto;margin-top:35px; text-align:center; height:40px; line-height:40px;font-family:'Microsoft YaHei',arial}

.indpro {height:100%;margin-left:150px;}
.indpro1 {float:left;width:36.7%; height:89%;margin:0 1.8% 0 0;}
.indpro2 {float:left;width:56.4%; height:27.1%;margin:0 0 1.8% 0}
.indpro3 {float:left;width:36.7%; height:58.1%;margin:0 1.8% 0 0}
.indpro4 {float:left;width:17.9%; height:58.1%;}
.indpro .a1 {width:100%;height:65%;margin-bottom:5%;}
.indpro .a6 {width:100%;height:31.5%;}
.indpro .a2 {float:left; width:31.9%; height:100%;margin-right:3%;}
.indpro .a3 {float:left; width:65.1%;height:100%;}
.indpro .a4 {float:left;width:100%;height:47.5%;margin-bottom:5%;}
.indpro .a7 {float:left;width:47.7%;height:47.5%;margin-right:4.6%}
.indpro .a8 {float:left;width:47.7%;height:47.5%;}
.indpro .a5 {width:100%;height:100%;}
.indpro a { display:block;width:100%; height:100%; position:relative; overflow:hidden}
.indpro p { position:absolute; background:url(../images/bg1.png);width:90%; height:120%;text-align:center;padding:0 5%;color:#fff;font-weight:Bold;margin-top:-100%;opacity:0;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;margin-left:0;}
.indpro a:hover p {margin-top:0;opacity:1}
.indpro p span { display:block; position:absolute;top:50%;margin-top:-15px;height:30px; line-height:30px;width:90%;}

.indnews { height:212px;margin-bottom:40px;}
.indnewsno {margin-bottom:0}
.indnews .pic {float:left;width:263px; height:212px;}
.indnews .pic img:Hover {opacity:0.8}
.indnews .cons {float:right;width:590px;}
.indnews .cons .upcons { height:170px; overflow:hidden}
.indnews .cons .title {margin-top:-5px}
.indnews .cons .title a{font-size:20px;font-weight:Bold; line-height:30px;font-family:'Microsoft YaHei',arial}
.indnews .cons .addtime {color:#f2395b;padding:5px 0 10px 0}
.indnews .cons .content { height:80px; overflow:hidden}
.indnews .cons .more { text-align:right;margin-top:18px}
.indnews .cons .more a {font-size:13px;}
.indnews .cons .more a:Hover { text-decoration:underline}

.footcontact { position:absolute;z-index:1;bottom:0;  background:#000;width:100%;padding:30px 0 180px 75px;color:#fff;font-size:14px}
.footcontact a {color:#fff;font-size:14px}
.footcontact ul {width:1014px;margin:0 auto; }
.footcontact ul li {float:left; text-align:center;width:250px;}
.footcontact ul li.a2 {padding:0 132px}
.footcontact ul li u {color:#ccc}

.projectsmenu {width:150px; position:fixed; z-index:99999;left:150px;top:0; background:#fff;border-left:1px solid #fff;height:100%;color:#000; text-align:center;font-size:16px;padding-top:2%;}
.projectsmenu dl.time { position:absolute;bottom:7.5%;width:100%}
.projectsmenu dd { text-align:center;margin:15px 0;padding:0 20px 0 15px; overflow:hidden; line-height:22px}
.projectsmenu dd a {font-family:'Microsoft YaHei',arial;}
.projectsmenu dd a:Hover,.projectsmenu dd.check a {border-bottom:1px solid #000}
.projectsmenu dl.cate dd {margin:20px 0; line-height:25px}
.projectsmenu dl.cate dd span {color:#fff; font-family:宋体}
.projectsmenu dl.cate dd a:Hover,.projectsmenu dl.cate dd.check a {font-weight:Bold;border:0}
.projectsmenu dl.cate dd a:Hover span,.projectsmenu dl.cate dd.check a span {color:#000}


.projects {margin-left:301px;}
.projects_show {margin-left:150px; height:100%; position:relative}
/* flexslider */
.flexslider{position:relative; height:100%;overflow:hidden;width:100%; height:100%;}
.slides{position:relative;z-index:1;width:100%; height:100%;}
.slides li{ width:100%;height:100%;}
.flex-control-nav{position:absolute;bottom:50px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1; display:none;}

.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:url(../images/bg.png);border:1px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;cursor:pointer;}
.flex-control-nav .flex-active{ background:none;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:80px;height:80px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/left.png) no-repeat;}
.flex-direction-nav li a:hover.flex-prev{}
.flex-direction-nav li a.flex-next{right:2%;background:url(../images/right.png) no-repeat;}
.flex-direction-nav li a:hover.flex-next{}

.projects_show_cons {position:absolute; z-index:1;background:url(../images/bg.png);width:984px; height:538px;left:50%;margin-left:-507px;top:50%;margin-top:-284px;padding:15px; overflow:hidden; display:none}
.projects_show_cons .back { text-align:right}
.projects_show_cons .back a {margin-left:10px}
.projects_show_cons .title {font-weight:bold;font-size:26px;font-family:'Microsoft YaHei',arial;padding:20px 60px 30px 60px}
.projects_show_cons .cons {padding:0 60px 0 60px; height:380px; overflow:auto}

.projects_show_icon { position:absolute; z-index:2;bottom:7px;left:15px;}

.about {position:absolute;background:url(../images/bg.png);width:894px;margin-left:-432px;left:50%;top:15%;padding:50px 60px;}
.newsin {padding-bottom:0}

.newsshow {padding-top:15px;padding-right:15px;width:939px;}
.newsshow .close { text-align:right}
.newsshow .title {padding:10px 45px 0 0;font-weight:Bold;font-size:26px;font-family:'Microsoft YaHei',arial; line-height:35px}
.newsshow .addtime {color:#f2395b;padding:5px 0 50px 0}
.newsshow .cons {padding-right:45px}

.projects { text-align:center;padding:1.5% 0 0% 1.5%}
.projects ul {width:85.5%; height:100%; position:fixed;}
.projects ul li { display:inline-block;*display:inline; zoom:1;width:12.2857%;margin:0.8% 1% 0.8% 1%; height:16.6%;position:relative; overflow:hidden;}
@media only screen and (max-width:1920px) {.projects ul{width:81.4%} .projects ul li {height:15.4%;}}
@media only screen and (max-width:1680px) {.projects ul{width:78.4%}}
@media only screen and (max-width:1440px) {.projects ul{width:76.0%}.projects ul li {height:15.8%;}}
@media only screen and (max-width:1366px) {.projects ul{width:75.0%}.projects ul li {height:15.2%;}}
@media only screen and (max-width:1280px) {.projects ul{width:73.8%}.projects ul li {height:15.8%;}}
@media only screen and (max-width:1024px) {.projects ul{width:67.6%}.projects ul li {height:16.1%;}}
.projects ul li a { display:block;width:100%; height:100%; position:relative; overflow:hidden;font-size:12px;}
.projects ul li p { position:absolute; background:rgba(0,0,0,0.8);width:100%; height:100%; text-align:center;color:#fff;font-weight:Bold;margin-top:-100%;opacity:0;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;margin-left:0;}
.projects ul li a:hover p {margin-top:0;opacity:1}
.projects ul li p span { display:block; position:absolute;top:52%;margin-top:-15px;line-height:16px;width:90%;padding:0 5%;}


.projects ul li {-webkit-animation: popOut 600ms ease 200ms both;
-moz-animation: popOut 600ms ease 200ms both;
-ms-animation: popOut 600ms ease 200ms both;
-o-animation: popOut 600ms ease 200ms both;
animation: popOut 600ms ease 200ms both;}


.about .map { background:url(../images/map.jpg);width:894px; height:431px;margin-top:30px; position:relative;}
.about .map a { position:absolute; z-index:1;left:345px;top:155px; display:block;width:24px; height:40px}
.about .map #cons { position:absolute; z-index:2;left:380px;top:100px;width:400px; display:none}
.about .map #cons .icon { background:url(../images/2.png) no-repeat;width:18px; height:23px; position:absolute; z-index:5;left:0px;top:50px}
.about .map #cons .mconts { background:#000; border-radius:10px;-webket-border-radius:10px;-moz-border-radius:10px;padding:20px;width:350px; position:absolute; z-index:3;left:17px;color:#fff;}
.about .map #cons .mcons a {color:#fff;}

.scrolldown { position:absolute; z-index:9999;left:51.5%;bottom:10px;width:84px; height:83px; background:url(../images/down.png) no-repeat}
.scrollup { position:absolute; z-index:9999;left:51.5%;bottom:7%;width:80px; height:81px;}
.scrollup a { display:block;width:80px; height:81px; background:url(../images/up.png) no-repeat}