@charset "utf-8";
/* CSS Document */
/* CSS Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,images{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; empty-cells:show; margin:0; padding:0; }
th,td { vertical-align:top; text-align:left; }
fieldset,images{ border:0; }
address,caption,cite,code,dfn,em,th,var,optgroup{ font-style:inherit; font-weight:inherit; }
del,ins{ text-decoration:none; }
ul,li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym{ border:0; font-variant:normal; }
sup{ vertical-align:baseline; }
sub{ vertical-align:baseline; }
legend{color:#000;}
em { font-style:normal;}
input,button,textarea,select,optgroup,option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select{ *font-size:100%; }
input { vertical-align:middle; }
a { text-decoration:none; color:#454545  }
a:hover { color:#0c257e;}
a * { cursor:pointer; }
body { font-family:Microsoft Yahei; font-size:12px; line-height:1.8em;Microsoft Yahei; color:#454545; background:#fff; }
.clearfix { clear: both; }

.myico{height:100px;overflow:hidden;}
.myico .img{position:relative}
.myico .img:hover{ }
.myico .img2{width:200px; text-align:center}
.content .c2 .d1 ul li p:hover{color:#0c257e;}


.clearfix:after { content: ".";display: block;height:0;font-size:0;line-height:0;clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
			/* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */

.wrapper{ width:100%;}
header{width:100%;}
.head_top{ border-bottom:1px solid #ccc; line-height:40px;color:#999;height:40px;}
.head_top>div{overflow:hidden;max-width:1200px;margin:0 auto;}
.head_top .top_left{ float:left; padding-left:30px; background:url(../images/top.jpg) no-repeat left center;}
.head_top .top_right{ float:right;}
.head_top .top_right a{ float:left; color:#999; margin:0 8px;}
.head_top .top_right a:hover{color:#F90;}
.top{overflow:hidden;max-width:1200px;margin:0 auto;}
.top .logo{float:left;    width: 467px;     margin-top: 10px;  padding-left: 5px;}
.top .hottel{float:right; margin-top:20px; margin-right: 37px;}
nav{width:100%; background:#0c257e;}
/*nav start*/
.nav{max-width:1200px;margin:0 auto; color:#fff;}
.nav li{float:left;height:50px;position:relative;}
.nav li a{display:block;padding:0px;overflow:hidden;}
.nav li a span{display:block; margin:5px 13px;line-height:40px;font-size:14px;color:#fff;font-weight:800;cursor:pointer;width:104px;text-align:center; background:url(../images/huabian.png) no-repeat center;background-size:100%;}
.nav li.selected a,.nav li a.selected{text-decoration:none;}
.nav li.selected a span,.nav li a.selected span{color:#ff7e00;}
/*nav over*/
.banner {width:100%;overflow:hidden;position:relative; line-height:0;}
.banner ul { left:0; top:0;width:100%;}
.banner ul li { display:block;width:100%;z-index:100; text-align:center;}
.banner ul li images{width:100%;}
.banner ul li.active{height:0; overflow:hidden;}
.banner .con { position:absolute; left:48%; bottom:8%;z-index:101; }
.banner .con a { float:left; margin-right:10px; display:block; width:10px; height:10px; border-radius:100%; background:#fff;z-index:101;}
.banner .con a.active { background:#0c257e;}
/*main*/
.main{width:100%;}
.main .mainbox{ width:100%;}
.main .mainbox2{ 
	background-color:#ededed;
	background-image:url("../images/news1.jpg"),url("images/news2.jpg");
	background-repeat: no-repeat, no-repeat;  
	background-position: 1% center, 99% center;  
}
.main .mainbox4{
	background-color:#246554;
	background-image:url("../images/news5.jpg");
	background-repeat:no-repeat;  
	background-position:center;
	color:#fff;
}
.main .mainbox>div{ max-width:1200px; overflow:hidden; margin:0 auto; padding:50px 0;}
.mainbox dt.boxtitle{ width:100%; overflow:hidden;}
.mainbox dt.boxtitle h3{ font-size:26px; font-weight:bold; color:#0c257e; padding-left:30px; background:url(../images/boxtitle.png) no-repeat left center; line-height:30px;}
.mainbox dt.boxtitle .dtmemo{ width:100%; overflow:hidden; margin:30px 0 25px;}
.mainbox dt.boxtitle .dtmemo .dtmemoleft{ width:70%; font-size:14px; line-height:25px; color:#4d4d4d;}
.mainbox .dtmore{display:block;line-height:40px;font-size:14px;color:#fff;cursor:pointer;width:160px;text-align:center; background:url(../images/huabian1.png) no-repeat center;background-size:100%;}
.dtmore:hover{ color:#f90;}
.mainbox .leskn>p{ font-size:14px; color:#4d4d4d; line-height:25px; text-align:justify; text-indent:2em; margin:30px 0;}
.mainbox .newscenter .leskn>p{ font-size:12px; margin:0;}
.mainbox .newscenter .leskn>h5{ font-size:12px;}
.mainbox .newscenter .leskn .news3{width: 450px;height: 248px;overflow: hidden;}

.mainbox4 dt.boxtitle h3{ color:#fff; background:url(../images/boxtitle4.png) no-repeat left center;}
.mainbox4 .myyzs{ overflow:hidden; margin-top:30px; text-align:justify;}
.mainbox4 .myyzs a{ display:inline-block; padding-left:75px; background:url(../images/boxtitle5.png) no-repeat 3% 30%;font-size:14px; color:#fff; line-height:25px; vertical-align:top;}
.mainbox4 .myyzs a:hover{ color:#f90;}
.mainbox4 .myyzs a>p{ font-size:12px;text-align:justify; text-indent:2em;}

.procenter{ overflow:hidden;}
.procenter a{ float:left; width:24.5%; margin-right:.5%; color:#fff; overflow:hidden;}
.procenter a>div{ width:100%;padding-bottom: 63.2%;position: relative; margin-bottom:5px;}
.procenter a>div>images{position: absolute;width: 100%; height: 100%; z-index:7;}

.procenter a>div .plogo_bg {
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
	z-index:10;
}
.procenter a:hover .plogo_bg{  transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%);}
.procenter .probox h3 {
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 14px;
    transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
	z-index:10;
}
.procenter a:hover .probox h3{  transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); -webkit-transform:translateX(10px);
}
.procenter .probox .wordBtn {
    position: absolute;
    bottom: 10px;
    left: 14px;
    display: block;
    transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
	z-index:10;
}
.procenter a:hover .probox .wordBtn{ transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); -webkit-transform:translateX(10px);
}
.procenter .probox .wordimages {
    position: absolute;
    right: 25px;
    bottom: 10px;
    display: block;
    transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
	z-index:10;
}
.procenter a:hover .probox .wordimages{ transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); -o-transform:translateX(-10px); -webkit-transform:translateX(-10px);
}
.procenter .probox .ssbtn {position: absolute;bottom: -16px;left: 6%;display: block;z-index:15;}
.procenter .probox .ssbtn2 {position: absolute;top: -19px;left: 6%;display: block;z-index:15;}

.works-item {
    display: inline-block;
    width: 476px;
    /*width: calc(25% - 2em);*/
    margin: 20px 1em 0;
    background: AppWorkspace;
	vertical-align: top;
}
.works-item-t {
    /*padding-bottom: 66.7%;
    position: relative;*/
    float: left;
	background: #fff;
    width: 240px;
    height: 166px;
        display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.works-item-t > images {
    /*position: absolute;*/
    width: 220px; height: 145px;
    border: 1px solid #eee;
    margin-top: 10px;
}
.works-item-b {
    /*margin: .5em .5em 1em;*/
        float: right;
    width: 236px;
    line-height: 16px;
}
.works-item-h {
    display: inline-block;
    margin: 10px 0 0 8px;
    color: CaptionText;
    font-size: 100%;

}


.ico {display: inline-block;overflow: hidden;vertical-align: middle;background: url(../images/ico.png);}
.ico2 {display: inline-block;overflow: hidden;vertical-align: middle;background: url(../images/ico2.png) no-repeat;width: 45px;height: 45px;}
.ico1_2 {background-position: -18px 0;width: 22px;height: 22px;}
.ico1_5 {background-position: -60px 0;width: 26px;height: 13px;}
.ico1_6 {background-position: -60px -13px;width: 26px;height: 13px;}
.ico2_1 {background-position: 0 0;}
.ico2_2 {background-position: -45px 0;}
.ico2_3 {background-position: -90px 0;}
.ico2_4 {background-position: -135px 0;}
.ico2_5 {background-position: -180px 0;}

.left{ float:left;}
.right{ float:right; width:939px;                    }
.width40:hover images{
transform:scale(1.2);
-ms-transform:scale(1.2);   /* IE 9 */
-moz-transform:scale(1.2);  /* Firefox */
-webkit-transform:scale(1.2); /* Safari �?Chrome */
-o-transform:scale(1.2); 
-moz-transition: 1.5s transform; /* Firefox 4 */
-webkit-transition: 1.5s transform; /* Safari �?Chrome */
-o-transition: 1.5s transform;
transition: 1.5s transform;
}
.width16{ width:16%;}
.width35{ width:35%;}
.width40{ width:40%;overflow: hidden;}
.width45{ width:45%;}
.width45:hover images{
transform:scale(1.2);
-ms-transform:scale(1.2);   /* IE 9 */
-moz-transform:scale(1.2);  /* Firefox */
-webkit-transform:scale(1.2); /* Safari �?Chrome */
-o-transform:scale(1.2); 
-moz-transition: 1.5s transform; /* Firefox 4 */
-webkit-transition: 1.5s transform; /* Safari �?Chrome */
-o-transition: 1.5s transform;
transition: 1.5s transform;
}
.width47{ width:47%;}
.width50{ width:50%;}
.width55{ width:55%;}
.width57{ width:57%;}
.width60{ width:60%;}
.width80{ width:80%;}
@media screen and (max-width: 768px) {
    .works-item {
        width: calc(33.3% - 2em);
    }
}
@media screen and (max-width: 580px) {  
    .works-item {
        width: calc(50% - 2em);
    }
}
@media screen and (max-width: 668px) {
.left{float:none !important; width:auto !important;}
.right{float:none !important; width:auto !important;}
.main .mainbox4{ background-image:none;}
.procenter a{ width:49.5%;}
.prolist .promore{ width:45% !important; margin:2%;}
.top .hottel{ display:none;}
}



.friendlink{ text-align:justify; overflow:hidden; line-height:0;}
.friendlink a{ display:inline-block; vertical-align:middle;  width:167px; margin-bottom:20px;}
.justify_fix{display:inline-block; width:100% !important; height:0; overflow:hidden;}/*末行悲剧变喜�?/

.main_neiye{ width:100%;}
.nybox1{ width:100%; background:#fcfcfc;}
.nybox2{ width:100%; background:#f5f5f5;
    background-image: url(../images/pro4.jpg),url(images/pro5.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 0 95%, 100% 95%;}
.nyprobox2{ width:100%; background:#f5f5f5;
	background-image:url("../images/pro4.jpg"),url("images/pro5.jpg");
	background-repeat: no-repeat, no-repeat;  
	background-position: 0 95%, 100% 95%; 
}
.ny_nav{ max-width:1200px; overflow:hidden; line-height:70px; margin:0 auto;}
.ny_nav h1{ float:left; font-size:18px; font-weight:bold; color:#666;}
.ny_nav>div a{ margin:0 5px; padding:0 5px; }
.ny_nav>div a:hover{ color:#f90;}
.ny_content{ max-width:1200px; overflow:hidden; padding:50px 0; margin:0 auto;}
.ny_content .sidebar{ width:100%; overflow:hidden; line-height:35px; text-align:center; color:#808080;}
.ny_content .sidebar a{ float:left; width:135px; background:#ededed; margin-right:3px; margin-bottom:1rem;}
.ny_content .content{ margin-top:50px; min-height:500px;}
.newslist{ border-bottom: 1px solid #ddd; overflow:hidden; padding-bottom:10px; margin-bottom:10px;}
.newslist>a>div h3{ font-size:14px; font-weight:bold; }
.newslist>a>div h3 span{ font-size:12px; color:808080; font-weight:100; margin-left:30px;}
.newslist>a>div p{text-align:justify; text-indent:2em; margin-top:20px;}
.newsfirst>div h3{ font-size:24px; font-weight:bold; line-height:40px;}
.newsfirst>div p{text-align:justify; text-indent:2em; margin:20px 0;}
.ny_content .dtmore{display:block;line-height:40px;font-size:14px;color:#fff;cursor:pointer;width:160px;text-align:center; background:url(../images/huabian1.png) no-repeat center;background-size:100%;}
.prolist{ text-align:justify; overflow:hidden;}
.prolist .promore{display: inline-block;line-height:40px;font-size:14px;color:#fff;cursor:pointer;width:200px;text-align:center; background:url(../images/huabian2.png) no-repeat center;background-size:100%; margin-bottom:40px;}
.fanye{ text-align:center;margin-top: 20px;}
/*main over*/

footer{width:100%; overflow:hidden; background:#0C257E;}
footer .bottombox{ max-width:1200px; color:#fff; text-align:justify; margin:0 auto; margin-bottom:25px; margin-top:25px;}
.bottombox>div{ display:inline-block; vertical-align:middle;}
.bottombox .logo_bt{ margin-left:30px;}
.bottombox .lxfs{ margin-left:30px;}




 
.li{ width:200px;height:100px;overflow:hidden; }


.img :hover{
margin-top:-100px;
 
 
}

#product_scroll  {#overflow:hidden;#height:180px;width:1200px;height:180px;overflow:hidden;}
#product_scroll .tempWrap{overflow:hidden;_height:180px;*height:180px;#height:180px;}

.content .c2 .d1 ul li a{width:200px;height:100px;overflow:hidden;}

#product_scroll ul  {
    float: left;
    height: 180px;
    margin: 0 20px 0 0;
    width: 270px;
}

.top, .main, .bottom, .foot, .zc {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}
.main{ margin:15px auto 15px;}
.mt{ width:100%; overflow:hidden; clear:both; margin:25px 0; height:25px;;PADDING-BOTTOM:25PX;  background:url(../images/boxtitle.png) no-repeat;text-indent: 34px;text-indent:5px;     border-BOTTOM: 1px solid #CCCCCC;}
.mt images{ float:left; overflow:hidden; margin-right:10px;}
.mt h3{ font:16px/20px "微软雅黑"; color:#333; float:left;     font-weight: bold;color: #0c257e;    text-indent: 35px;
    margin-top: 2px;}
.mt h3 em{ margin-left:8px; font:12px/20px "微软雅黑"; color:#999;}
.mt a.more{ width:69px; height:37px; float:right; margin-top:0px; background:url(../images/more.png) no-repeat;background-size: 100%; color:#fff;text-align: center;_background-size: 100%;*background-size: 100%; #background-size: 100%; }
.mt-box,.main-top,.main-bottom,.news-top{ overflow:hidden; clear:both;}

.main-tl{ width:415px; float:left; overflow:hidden; margin-right:25px; height:430px;}
.news-top{ margin-bottom:20px;}
.news-top images{ float:left; margin-right:15px;}
.news-top h3 a{ font-size:12px; color:#333; margin-bottom:5px; display:block;}
.news-top p{ color:#999; line-height:25px; font-size:12px;}
.news ul{ display:block; overflow:hidden; clear:both;}
.news ul li{ overflow:hidden; line-height:32px; font-size:12px;}
.news ul li a{ background:url(../images/jt.png) no-repeat left center; padding-left:15px; color:#333; float:left;}
.news ul li span{ float:right; color:#adadad;}

.main-tr{ float:right; overflow:hidden; width:320px; height:430px;}
#zzsc {width:310px;height:174px;overflow: hidden; border:5px solid #e5e5e5; margin-bottom:15px;}
#zzsc .abgne-controls{position:absolute;right:0;bottom:5px;height:15px;}
#zzsc .abgne-controls li{float:left;width:15px;height:15px;line-height:15px;font-size:12px;text-align:center;cursor:pointer;margin:0 5px;color:#333;background:#ededed;}
#zzsc .abgne-controls li.current{color:#fff;background-color:#0058ac;}
.file p{ font-size:12px; text-indent:0; line-height:28px;}


.product{ height:185px;}
.product a{ width:139px; height:174px; padding:2px 2px 6px; background:url(../images/images-bg.png) no-repeat top center; float:left; text-align:center; margin-right:33px;}
.product a.last{ margin-right:0;}
.product a h3{font:16px/20px "微软雅黑"; color:#333; margin:10px 0 2px;}
.product a span{ display:block; font:12px/20px "微软雅黑"; color:#999; letter-spacing:-1px;}
.product a:hover{ background-image:url(../images/images-bg1.png);}
.product a:hover h3,.product a:hover span{ color:#0058ac;}


.bottom-box{ background:#e4e4e4; padding:30px 0; height:180px;}
.logo-big{ float:left;     padding: 25px 60px 25px 0; border-right:1px solid #fff;}
.xx{ margin-left:80px; float:left; overflow:hidden;}
.xx span{ font-size:14px; color:#666; font-family:"微软雅黑"; display:block; margin-bottom:40px;}
.xx span a{ font-size:14px; color:#666; font-family:"微软雅黑";}
.xx p{ line-height:30px; font-size:12px; color:#666; font-family:"Arial";}
.share{ float:right; width:260px; overflow:hidden;}
.icon{ overflow:hidden; clear:both; height:45px; margin-bottom:20px;}
.icon a{ width:45px; height:45px; float:left; margin-left:20px; border-radius:50%; -moz-border-radius:50%; background-color:#505050;}
.icon a.icon1{ background-image:url(../images/icon1.png);}
.icon a.icon2{ background-image:url(../images/icon2.png);}
.icon a.icon3{ background-image:url(../images/icon3.png);}
.icon a.icon4{ background-image:url(../images/icon4.png);}
.icon a:hover{ background-color:#004080;}
.qrcode{ overflow:hidden; clear:both;}
.qrcode images{ float:left; margin-left:30px; display:block;}



.footer{ background:url(../images/footer-bg.png) repeat-x;background: #004080;background:#0c257e; height:56px; font-size:12px; line-height:56px;}
.foot span{ color:#b8c2d2; float:left;}
.foot a{ float:right; color:#668cb3;}



.main-left{ float:left; width:290px; overflow:hidden; margin-top:30px;}
.main-left .menu{ overflow:hidden; clear:both; border:1px solid #e0e0e0; background:#f9f9f9; padding-bottom:55px;}
.menu h2{ background:url(../images/h2-bg.jpg) no-repeat; width:248px; height:93px; padding:35px 0 0 40px; color:#fff; font-family:"微软雅黑"; font-weight:normal; font-size:24px;}
.menu h2 em{ font-size:18px; font-family:"Arial"; color:#da9e9f; font-family:"微软雅黑"; display:block;}
.menu a{ display:block; background:url(../images/line.png) no-repeat; color:#333; font:16px/66px "微软雅黑"; padding-left:40px;}
.menu a.on,.menu a:hover{ background:url(../images/li-bg.png) no-repeat; color:#fff;}
.video{ overflow:hidden; clear:both; margin-top:20px; border:1px solid #e0e0e0;}
.video a,.case a{ display:block; overflow:hidden; position:relative;}
.video a em,.case a em{ position:absolute; left:50%; top:50%; background:url(../images/video-bg.png) no-repeat; width:77px; height:78px; margin:-39px 0 0 -39px;}

.main-right{ overflow:hidden; background:url(../images/main-right-bg.png) repeat-x center bottom; width:870px; float:right; border:1px solid #e0e0e0; margin-top:30px; padding-bottom:50px; min-height:800px;}
.address{ padding:0 30px; overflow:hidden; height:65px; line-height:65px; border-bottom:2px solid #ba0000;}
.address h2{ font-size:18px; font-weight:normal; font-family:"微软雅黑"; float:left;}
.address h2 i{ color:#da0019; font-size:16px; margin-left:10px; font-family:"微软雅黑";}
.address span{ float:right; font-size:12px; color:#aaa; background:url(../images/home.png) no-repeat left center; padding-left:20px;}
.address span a{ color:#aaa;}
.address span em{ color:#0072c1;}
.content{ padding:30px; overflow:hidden; clear:both;}
.about p,.nr p{ font-size:12px; margin-top:15px; color:#666; line-height:30px; text-indent:2em;}

.news-top{ padding-bottom:20px; border-bottom:1px dotted #c8c8c8;}
.news-top images{ float:left;   display:block; border:1px solid #c8c8c8;}
.news-top h3 a{ display:block; overflow:hidden; line-height:35px; font-size:14px; color:#333;}
.news-top cite,.news-top p{ font-size:12px; color:#999; line-height:26px;}
.news-top p{color:#666;}

.news{ overflow:hidden; display:block; margin:20px 0;}
.news li{ line-height:36px; overflow:hidden; clear:both; font-size:12px;}
.news li a{ float:left; background:url(../images/jt.png) no-repeat -3px center; padding-left:15px; color:#666;font-size: 14px;}
.news li span{ float:right; color:#999;}

.title{ display:block; overflow:hidden; clear:both; margin-bottom:20px;}
.title h3{ font-size:14px; line-height:45px; color:#ba0000;}
.title cite{ font-size:12px; color:#666;}

.nr{ overflow:hidden; clear:both; margin-bottom:30px;}
.gonggao,.gonggao ul,.case-box,.join-nr{ overflow:hidden; clear:both;}
.gg-tt{ background:#f5f5f5; line-height:35px; font-size:14px; color:#ba0000; text-indent:20px; font-weight:bold; margin-bottom:20px;}
.gonggao ul li{ overflow:hidden; clear:both; border-bottom:1px dotted #c8c8c8; font-size:12px; line-height:30px; padding:0 15px;}
.gonggao ul li a{ float:left; color:#ba0000;}
.gonggao ul li span{ float:right; color:#dda1a1;}

.case-box{ width:840px;}
.case{ width:250px; float:left; margin:0 30px 20px 0; height:340px;}
.case a{ margin-bottom:15px;}
.case p,.case span{ line-height:30px; font-size:14px; color:#999;}
.case span{ color:#333;}

.join-tt{ line-height:60px; border-bottom:1px dotted #c8c8c8; overflow:hidden; clear:both; cursor:pointer;}
.join-tt h2{ float:left; font-size:19px; color:#333; font-family:"微软雅黑"; font-weight:normal; width:170px;}
.join-tt h2 i{ font-family:"微软雅黑"; color:#cf2227;}
.join-tt span{ float:left; margin-left:55px; color:#333; font-size:14px; font-family:"微软雅黑";}
.join-nr{ padding:10px 0 20px; border-bottom:1px dotted #c8c8c8; display:none;}

.user-tt{ border-bottom:1px solid #bbb; overflow:hidden; clear:both; line-height:35px;}
.user-tt h3{ font-size:16px; color:#333; float:left;}
.user-tt a{ font-size:12px; color:#666; float:right; margin-left:10px;}

.gonggao ul.download li{ font-size:14px; padding-left:20px; line-height:35px;}
.gonggao ul.download li a{ float:none;}

.login-box{ background:url(../images/login-bg.png) no-repeat center; height:700px; position:relative;}
.login{ position:absolute; left:50%; margin-left:100px; top:200px;}
.login dl,.zc dl{ margin-top:30px; overflow:hidden; clear:both;}
.login dl dt,.zc dl dt{ float:left; font:16px/45px "微软雅黑"; color:#333; text-align:right; width:100px; height:45px;}
.login dl dd,.zc dl dd{ float:left; overflow:hidden;}
.login dl dd i,.zc dl dd i{ color:#da0019; font:14px/45px "微软雅黑"; background:url(../images/cuo.png) no-repeat; padding-left:25px;}
.login dl dd input[type=text],.login dl dd input[type=password],.zc dl dd input[type=text],.zc dl dd input[type=password]{ height:43px; overflow:hidden; border:1px solid #999; float:left; padding:0 10px; width:200px; margin-right:10px; font-size:14px; font-family:"微软雅黑";}
.login dl dd input[type=text].small{ width:150px;}
.login dl dd a,.zc dl dd a{ font:14px/45px "微软雅黑"; color:#0074c2;}
.login dl dd images{ float:left; margin-right:10px;}
.login dl dd input[type=submit],.zc dl dd input[type=submit]{ background:url(../images/submit-bg.jpg) no-repeat; color:#fff; width:273px; height:50px; font-size:18px; font-family:"微软雅黑"; cursor:pointer;}
.login dl dd p,.zc dl dd label{ font-size:14px; color:#333; font-family:"微软雅黑"; display:block;}

.zc-box{ background:url(../images/zc-bg.png) no-repeat center; padding-top:70px; height:645px;}
.zc dl{ margin-left:240px;}
.zc dl dt{ width:180px;}
.zc dl dt i{ color:#fe020d; margin-right:5px;}
.zc dl dd input[type=text],.zc dl dd input[type=password]{ width:300px;}
.zc dl dd input[type=text].small{ width:171px;}
.zc dl dd label input{ display:inline-block; vertical-align:middle; margin-right:5px;}
.zc dl dd a.send{ text-indent:-99999px; background:url(../images/send.jpg) no-repeat; display:block; width:118px; height:45px; float:left;}
.zc dl dd span{ font-size:14px; font-family:"微软雅黑"; color:#333; display:block; overflow:hidden; clear:both; padding-top:5px; margin-left:100px;}





/*分页*/
.page{ padding-top:20px; overflow:hidden; clear:both; text-align:right;}
.page a{ width:29px; height:29px; text-align:center; display:inline-block; background:url(../images/page-bg.png) no-repeat; font:13px/27px "Tahoma"; color:#6b6b6b;}
.page a.on,.page a:hover{ background:url(../images/page-bg1.png) no-repeat; color:#fff;}

 .ghost{
	 display:none;
    width:150px;
    margin:100px auto;
    position: fixed;
    top: 0;
    right: 0;
    animation:ghostUpdown 1.5s infinite alternate;
    -webkit-animation:ghostUpdown 1.5s infinite alternate;
    z-index: 3;
  }
  .ghostBody{
    width:150px;
    height:393px;
    background:url(../images/pf.png);
    
    position:relative;
  }
  .shadow{
    width:110px;
    height:10px;
    margin: 0 auto;
    border-radius:100%;
    background:#061E74;
    opacity:0.3;
    margin-top:70px;
    animation:shadow 1.5s infinite alternate;
    -webkit-animation:shadow 1.5s infinite alternate;
  }
  @keyframes ghostUpdown{
    from{margin-top:100px;}
    to{margin-top:70px;}
  }
  @-webkit-keyframes ghostUpdown{
    from{margin-top:100px;}
    to{margin-top:70px;}
  }
  @keyframes shadow{
    from{margin-top:70px;opacity:0.3;}
    to{margin-top:100px;opacity:0.1;}
  }
  @-webkit-keyframes shadow{
    from{margin-top:70px;opacity:0.3;}
    to{margin-top:100px;opacity:0.1;}
  }
  
  
  *{margin:0;padding:0;list-style-type:none;}
	a,images{border:0;}
	/* flexslider */
	.flexslider{position:relative;height:549px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
	.slides{position:relative;z-index:1;}
	.slides li{height:549px;}
	.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
	.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
	.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
	.flex-control-nav .flex-active{background-position:0 0;}
	.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
	.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
	.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
	.flex-direction-nav li a.flex-next{right:40px;background:url(./images/next.png) center center no-repeat;}
	
	
	
	
	
	
	.b-title-main2 {
    padding: 15px;
    color: #666;
    font-weight: bold;
    overflow: hidden;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-bottom: none;
	    font-size: 14px;
}
	
	
	.col-sm-2{width:224px;float:left;}
	
	
	
.b-title-main {
  padding: 15px;
  background: #C2C2C2;
  font-weight: bold;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
  .b-title-main {
    font-size: 11px;
  }
}

.b-title-main .tit-left {
  display: inline;
  float: left;
}

@media (min-width: 768px) and (max-width: 991px) {
  .b-title-main .tit-left {
    font-size: 11px;
  }
}

.b-title-main .tit-right {
  display: inline;
  float: right;
}

@media (min-width: 768px) and (max-width: 991px) {
  .b-title-main .tit-right {
    font-size: 11px;
  }
}

.b-title-main .tit-right a {
  color: #000;
  font-weight: initial;
}

.b-title-main2 {
  padding: 15px;
  color: #666;
  font-weight: bold;
  overflow: hidden;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-bottom: none;
}

	
	
 /*menu-left*/
.b-title-main .toggle-btn {
  display: none;
}

.nav-side-menu {
  font-size: 12px;
  width: 100%;
}

.nav-side-menu ul li {
  border-bottom: 1px dotted #dedede;
  padding-left: 0px;
}

.nav-side-menu ul li a {
  color: #000;
  padding: 6px 15px;
  display: block;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.nav-side-menu ul li:hover a {
  background-color: #f1f1f1;
}
.nav-side-menu ul li .sub-menu {
  padding: 5px 0px 0px 0px;
}

.nav-side-menu ul li .sub-menu li {
  border-bottom: 1px dotted #dedede;
}

.nav-side-menu ul li .sub-menu li:last-child {
  border-bottom: none;
}

.nav-side-menu ul li .sub-menu li a {
  padding: 6px 0px 6px 20px;
}

.nav-side-menu ul li.active {
  background-color: #d2033b;
}

.nav-side-menu ul li.active a {
  color: #fff;
}

.nav-side-menu ul, .nav-side-menu li {
  list-style: none;
  margin: 0px;
  cursor: pointer;
}

.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
  border: none;
  margin-left: 0px;
}

@media (max-width: 767px) {
  .b-title-main {
    position: relative;
    width: 100%;
  }
  .b-title-main .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 3px;
    z-index: 10 !important;
    padding: 20px 9px;
    color: #000;
    width: 42px;
    height: 42px;
    text-align: center;
    background: transparent;
    -webkit-transition: background 0.35s;
    -o-transition: background 0.35s;
    transition: background 0.35s;
    margin: 0;
    border: 1px solid transparent;
  }
  .b-title-main .toggle-btn .icon-bar {
    background-color: #fff;
    position: relative;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
  .b-title-main .toggle-btn .icon-bar:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -2px 0;
  }
  .b-title-main .toggle-btn .icon-bar:nth-child(2) {
    margin: 0;
    opacity: 0;
  }
  .b-title-main .toggle-btn .icon-bar:last-child {
    margin: -2px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .b-title-main .toggle-btn.collapsed .icon-bar:first-child {
    top: -7px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .b-title-main .toggle-btn.collapsed .icon-bar:nth-child(2) {
    opacity: 1;
  }
  .b-title-main .toggle-btn.collapsed .icon-bar:last-child {
    top: 7px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
.nav-side-menu .menu-list {
  border: 1px solid #eee;
}
@media (min-width: 768px) {
  .nav-side-menu .menu-list {
    padding: 10px;
  }
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}

@media (max-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    border-top: 1px solid #fff;
    padding: 0;
  }
  .nav-side-menu .menu-list .menu-content .collapsed .sub-menu {
    display: none;
  }
}
	.content  .d1 ul li img{width:100px}
	.content .d1  li p {
    padding: 30px 0 0 0;
	font-size:14px;
}
	.content  .d1 ul li {
    width: 16.66666666666667%;
    float: left;
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    text-align: center;
}
	
	.content .c2 .d1 {
  padding: 45px 0;
}
.content .c2 .d1 ul {
  overflow: hidden;
}
.content .c2 .d1 ul li {
  width: 16.66666666666667%;
  float: left;
  font-size: 18px;
  color: #333333;
  line-height: 18px;
  text-align: center;
}
.content .c2 .d1 ul li a {
  color: #333333;
}
.content .c2 .d1 ul li .images images {
  max-width: 100%;
  margin: 0 auto;
}
.content .c2 .d1 ul li p {
  padding: 30px 0 0 0;
}
.content .c2 .d2 {
  padding: 10px 0 0 0;
  border-top: 0px solid #CCCCCC;
}
.content .c2 .d2 .bd ul {
  overflow: hidden;
}
.content .c2 .d2 .bd ul li {
  float: left;
  width: 180px;
  margin: 0 20px 0 0;
  height: 270px;
}
.content .c2 .d2 .bd ul li a {
  display: block;
  height: 100%;
}
.content .c2 .d2 .bd ul li a images {
  width: 100%;
  height: 100%;
}



.content .c2 .d2 .bd ul li {
    float: left;
    height: 180px;
    margin: 0 20px 0 0;
    width: 270px;
}.content .c2 .d2 .bd ul li a img {
    width: 100%;
    height: 100%;
}








.content .c3 .a {
  padding: 60px 0 70px 0;
  overflow: hidden;
}
.content .c3 .a .images {
  width: 47%;
  float: left;
}
.content .c3 .a .images images {
  max-width: 100%;
  border: 1px solid #afafaf;
}
.content .c3 .a .text {
  width: 47%;
  float: right;
  font-size: 14px;
  color: #848484;
  line-height: 30px;
  text-indent: 28px;
}
.content .c3 .a .text h4 {
  font-size: 24px;
  color: #444444;
  font-weight: bold;
  text-indent: 0;
  position: relative;
  margin: 0 0 20px 0;
  padding: 26px 0;
}
.content .c3 .a .text h4:after {
  width: 60px;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #CCCCCC;
}
.content .c4 {
  background-color: #fafafa;
  padding: 0 0 50px 0;
}
.content .c4 .ct {
  overflow: hidden;
  padding: 55px 0 0 0;
}
.content .c4 .ct .map {
  width: 598px;
  float: left;
  /*border: 1px solid #CCCCCC;*/
}
.content .c4 .ct .map images {
  max-width: 100%;
}
.content .c4 .ct .form {
  width: 600px;
  float: left;
  overflow: hidden;
}
.content .c4 .ct .form h4 {
  font-size: 24px;
  line-height: 24px;
  color: #005c31;
  padding: 0 0 40px 0;
  margin: 0 0 0 25px;
  position: relative;
}
.content .c4 .ct .form h4:after {
  width: 100%;
  height: 8px;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
}
.content .c4 .ct .form .ad {
  padding: 20px 50px 0 25px;
  font-size: 14px;
  color: #666666;
  line-height: 36px;
  width: 225px;
  float: left;
}
.content .c4 .ct .form .ad div span {
  display: block;
  float: left;
}
.content .c4 .ct .form .ad div .span {
  width: 180px;
}
.content .c4 .ct .form form {
  width: 300px;
  display: block;
  float: left;
  padding: 20px 0 0 0;
}
.content .c4 .ct .form form input[type=text] {
  width: 90%;
  line-height: 30px;
  border-bottom: 1px solid #cccccc;
  padding: 3px 5% 2px 5%;
  height: 30px;
  margin: 0 0 20px 0;
  background-color: transparent;
}
.content .c4 .ct .form form textarea {
  width: 100%;
  height: 112px;
  border: 1px solid #CCCCCC;
  padding: 4px 5%;
  line-height: 28px;
  background-color: transparent;
  box-sizing: border-box;
}
.content .c4 .ct .form form input[type=submit] {
  width: 300px;
  height: 40px;
  background-color: #6e6e6e;
  font-size: 18px;
  color: #FFFFFF;
  margin: 10px 0 0 0;
}
.content .c5 {
  padding: 0 0 30px 0;
}
.content .c5 .slideBox02 {
  height: 160px;
  padding: 15px 100px;
  width: 1000px;
  position: relative;
}
.content .c5 .slideBox02 .bd ul li {
  overflow: hidden;
}
.content .c5 .slideBox02 .bd ul li a {
  display: block;
  line-height: 160px;
  float: left;
  width: 12.5%;
}
.content .c5 .slideBox02 .bd ul li a images {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.content .c5 .slideBox02 .prev,
.content .c5 .slideBox02 .next {
  display: block;
  top: 50%;
  position: absolute;
  width: 17px;
  height: 32px;
  margin-top: -16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.content .c5 .slideBox02 .prev {
  left: 0;
  background-image: url(../images/left02.png);
}
.content .c5 .slideBox02 .next {
  right: 0;
  background-image: url(../images/right02.png);
}