@charset "utf-8";
/* CSS Document */
html,body{ margin:0px; padding:0px; background:#fff; font-size:14px}
ul,li{ margin:0px; padding:0px; list-style-type:none}
a,a:hover{ text-decoration:none}


.toper{width:100%; height:96px; background:#0d76b3;}
.toper .top{ width:1200px; height:96px;margin-left:auto; margin-right:auto;}
.toper .top .logo{width:272px; height:73px; color:#fff; float:left; margin-top:13px;}
.toper .top .logo img{ width:267px; height:73px;}
.toper .top .navs{ width:800px; height:96px;float:left; margin-left:128px;}
.toper .top .navs .home{ text-align:right; height:30px; line-height:30px;margin-right:20px;}
.toper .top .navs .home a{ color:#fff; font-size:12px}
.toper .top .navs ul{ width:100%; height:30px; margin-top:20px;}
.toper .top .navs ul li{ width:100px; height:34px; line-height:34px; text-align:center; float:left; color:#fff; font-size:16px; cursor:pointer}
.toper .top .navs ul li a,a:hover{ color:#fff;}
.toper .top .navs ul .on{ border-bottom:2px solid #fff;}

.banner{ width:100%; min-height:50px; margin-left:auto; margin-right:auto; overflow:hidden;}
.banner img{ width:100%; min-height:50px;}



.about{ width:100%; height:420px; background:url(../images/bg.png) repeat; overflow:hidden}
.about .main{ width:1200px; height:420px; margin-left:auto; margin-right:auto;}
.about .main .m1{ width:580px; height:380px; float:left; margin-top:20px; }
.about .main .m2{ width:600px; height:380px; float:left; margin-top:20px; margin-left:20px;}
.about .main .m2 h3{ font-size:24px; margin:0px; padding:0px; color:#0d76b3}
.about .main .m2 p{ font-size:16px; line-height:30px; color:#000}


.about .main .m2 .nav{ width:100%; height:40px; margin-top:15px; overflow:hidden}
.about .main .m2 .nav a{ width:100px; height:34px; line-height:34px; display:block; float:left; text-align:center; border:1px solid #0d76b3; color:#0d76b3; margin-right:20px;}
.about .main .m2 .nav .on{ background:#0d76b3; color:#fff;}
.about .main .m2 ul{ width:100%; margin-top:20px;}
.about .main .m2 ul a{ color:#000}
.about .main .m2 ul a:hover{ color:#0d76b3}
.about .main .m2 ul li{ height:34px; line-height:34px; font-size:16px; border-bottom:1px dotted #0d76b3;}
.about .main .m2 ul li span{ float:right}





.business{ width:100%; height:400px; overflow:hidden}
.business .main{ width:1200px; height:420px; margin-left:auto; margin-right:auto;}
.business .main .title{ width:100%; height:30px; line-height:30px; margin-top:20px; font-size:24px; color:#0d76b3}
.business .main .title i{ color:#999; font-size:16px}
.business .main .title span{ float:right;}
.business .main .title span a{ font-size:14px; color:#0d76b3; display:block; float:left; width:80px; height:30px; text-align:center}
.business .main .title span .on{ color:#fff; background:#0d76b3}
.business .main .project{  margin-top:30px;}


.dh{ width:100%; height:100px; background:#fff; margin-top:20px;}
.dh .title{ width:1200px; height:100px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative}
.dh .title .d1{ margin:15px; height:70px; width:14px; background:#0d76b3; float:left}
.dh .title .d2{ margin:15px; height:70px; width:800px; font-size:22px;color:#0d76b3; line-height:30px; float:left}
.dh .title .d2 i{ color:#999; font-size:16px}
.dh .title .d2 span{ font-size:14px}
.dh .title .d3{ margin:15px; height:70px; width:100px; font-size:18px;color:#666; line-height:70px; float:left}


.dh .title .path{ min-height:40px;  color:#666;  position:absolute; right:10px; top:60px;}
.dh .title .path a{ color:#666;}
.dh .title .path a:hover{ color:#0d76b3;}


.main{ width:1200px; min-height:500px; margin-left:auto; margin-right:auto; overflow:hidden; margin-top:20px;}
.main .navs{ width:180px; min-height:100px; float:left;}
.main .navs .nav{ width:100%; height:50px; line-height:50px; text-align:center; background:#fff; margin-bottom:5px; border:1px solid #0d76b3; color:#0d76b3;cursor:pointer}
.main .navs .on{ background:#0d76b3; color:#fff; cursor:pointer}
.main .content{ width:920px; margin-left:40px; min-height:600px; float:left; overflow:hidden; font-size:16px; line-height:22px; background:#fff; padding:30px;}
.main .content .title{ color:#0d76b3; font-weight:bold; font-size:24px; margin-bottom:20px;}
.main .content p{ margin:0px; padding:0px; line-height:24px; color:#333; font-size:16px}
.main .content p img{width:100%; min-height:50px;}
.main .foots{ width:980px; margin-left:220px; float:left; min-height:60px; margin-top:0px;}
.main .foots img{ width:100%; min-height:50px;}

.main .news{ width:920px; margin-left:40px; min-height:500px; float:left; overflow:hidden; font-size:18px; line-height:24px; background:#fff; padding:30px;}
.main .news .page{ width:100%; height:100px; border-bottom:1px dotted #0d76b3; margin-bottom:15px;}
.main .news .page .title{  width:100%; height:30px; line-height:30px;}
.main .news .page .title a{font-size:18px; color:#0d76b3; font-weight:bold}
.main .news .page .title a:hover{font-size:18px; color:#0d76b3; font-weight:bold; text-decoration:underline}
.main .news .page .title span{ float:right; margin-right:10px; font-weight:normal}
.main .news .page .desc{ margin-left:15px; margin-right:15px; height:45px; font-size:14px; color:#666; margin-top:5px; overflow:hidden}

.footer{ width:100%; height:150px; background:#30333a;}
.footer .foot{width:1200px; margin-left:auto; margin-right:auto; color:#fff; text-align:center; padding-top:20px; line-height:28px;}



.main .business{ width:373px; height:250px; background:#ccc; margin-right:26px; float:left; margin-bottom:30px;}

.main .news .project{width:280px; height:340px; float:left; margin-left:13px; margin-right:13px; margin-bottom:25px;}
.main .news .project img{ width:260px; height:260px; padding:10px; border:1px solid #999;}
.main .news .project .name{ width:100%; height:40px; text-align:center; line-height:40px; color:#0d76b3;}



.main .news .caseTitle{ margin:0px; height:40px; line-height:40px; text-indent:20px; background:#0d76b3; color:#fff;}
.main .news .caseTitle span{ float:right; font-size:12px; margin-right:10px;}
.main .news .caseTitle span a{ color:#fff;}
.main .news .cases{ width:100%; min-height:500px;}
.main .news .cases img{ width:100%; min-height:100px;}
.main .news .cases p img{ width:100%; min-height:100px;}





.main .news .honer{width:280px; height:220px; float:left; margin-left:13px; margin-right:13px; margin-bottom:25px;}
.main .news .honer img{ width:260px; height:176px; padding:10px; border:1px solid #999;}
.main .news .honer .name{ width:100%; height:40px; text-align:center; line-height:40px; color:#0d76b3;}






.cxscroll{}
.cxscroll .box{overflow:hidden;width:100%;}
.cxscroll .list{overflow:hidden;width:9999px;}
.cxscroll .list li{float:left;width:200px;height:100px;}
.cxscroll .list .pro{ float:left; width:225px; height:225px; margin-left:13px; position:relative}
.cxscroll .list .pro img{ width:225px; height:225px;}

.cxscroll .list .honor{ float:left; width:300px; height:211px; margin-right:20px;}
.cxscroll .list .honor img{ width:300px; height:211px;}

.cxscroll .list .company{ float:left; width:240px; height:173px; margin-right:20px;}
.cxscroll .list .company img{ width:240px; height:173px;}

.cxscroll .prev{}
.cxscroll .next{}




.theme-default #slider{margin:0px;width:550px;height:350px;}
.theme-default .nivoSlider{background:url("../images/loading.gif") no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:384px;width:193px;height:38px;bottom:-14px;padding-top:14px;padding-left:50px;position:absolute;z-index:9;background-image:url("../images/bullets-bg.png");background-repeat:no-repeat;}
.theme-default .nivo-controlNav a{background:url("../images/bullets.png") no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url("../images/arrows.png") no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:151px;right:30px;}
.theme-default a.nivo-prevNav{left:30px;top:151px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:151px;right:30px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:30px;top:151px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}