@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑";}
img{ border:none}
body{ font-family:"微软雅黑"; overflow-x:hidden}
#top{ width:1100px; height:120px; margin:auto}
#top .top_right{ width:720px; height:130px;float:right}
#top .top_right .phone{ width:100%; height:50px}
#top #nav{ width:100%; height:30px; margin-top:33px}
#top #nav ul li{ list-style:none; float:left; width:75px; height:20px; line-height:19px; color:#262626; font-size:14px; text-indent:4px; margin-left:15px}
#top #nav ul li.first{ color:#fff; background:url(../images/nav_bg.png) no-repeat}
#top #nav ul li.first a{ color:#fff}
#top #nav ul li a{ color:#262626; text-decoration:none; font-size:14px}
/*banner*/
#logo img{ width:250px; margin-top:10px}
.flickerplate{ position:relative; width:100%; height:500px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks{ width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li{ float:left; width:1%; height:100%; background-position:center; background-size:cover; display:table}
.flickerplate .arrow-navigation{ position:absolute; height:80%; width:10%; top:10%; z-index:100; overflow:hidden}
.flickerplate .arrow-navigation .arrow{ display:block; height:100%; width:90%; -webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out}
.flickerplate .arrow-navigation.left{ left:0%}
.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0px 0px 0px 50%;background-image:url("../images/arrow-left-light.png");
background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right .arrow { opacity:0; margin:0px 0px 0px -50%; background-image:url("../images/arrow-right-light.png");
background-repeat:no-repeat; background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow { opacity:1; margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow { opacity:1; margin:0px 0px 0px -20%}
.flickerplate .dot-navigation{ position:absolute; bottom:15px; width:100%; text-align:center; z-index:100}
.flickerplate .dot-navigation ul{ text-align:center; list-style:none; padding:0px 15px}
.flickerplate .dot-navigation ul li{ display:inline-block; float:none}
.flickerplate .dot-navigation .dot{ width:14px; height:14px; margin:0px 6px; background-color:rgba(255, 255, 255, 0.3); border-radius:50%;
-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color 0.2s ease-out;
-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255, 255, 255, 0.6)}
.flickerplate .dot-navigation .dot.active{background-color:#fff}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url("../images/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url("../images/arrow-right-dark.png")}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);
-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;
-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}


#content{ width:100%; height:400px; margin:50px auto; position:relative}
#content .solid{ width:100%; height:2px; background:#E2E2E2; position:absolute; top:267px}
#content .content{ width:1100px; height:100%; margin:auto}
#content .content ul{ position:absolute}
#content .content ul li{ list-style:none; float:left; width:160px; height:238px; margin-right:25px}
#content .content ul li.last{ margin-right:0px}
#content .content ul li span{ position:absolute; margin-left:-125px; opacity:0}
#content .content ul li:hover span{ opacity:1}


#case{ width:100%; height:670px;}
#case .case{ width:100%; height:480px; background:#eee}
#case .case .dsj{ width:80px; height:15px; margin:auto; }
#case .case .title{ width:200px; height:80px; margin:40px auto;padding-top:40px}
#case .case .case_nav{ width:475px; height:40px; margin:auto} 
#case .case .case_nav ul li{ list-style:none; float:left; width:56px; height:30px; text-align:center; color:#a2a2a2; margin-left:50px; font-size:14px; line-height:30px; cursor:pointer}
#case .case .case_nav ul li.first{ border-top:2px solid #ff6100; line-height:26px}
#case .case .case_pic{ width:1100px; height:420px; margin:auto; overflow:hidden; position:relative}
#case .case .hide{ width:1100px; height:420px; margin:30px auto; overflow:hidden; position:absolute; left:50%; margin-left:-550px}
#case .case .hide .yc{ position:absolute}


#case .case .case_pic ul li{ list-style:none; float:left; width:366px; height:210px; }
#case .case .case_pic ul li span{ width:366px; height:100%; background:rgba(0,0,0,.7); display:block; position:relative; display:none}
#case .case .case_pic ul li:hover span{ margin-top:-215px; display:block}
#case .more{ width:135px; height:35px; border-radius:5px; background:#ff6100; text-align:center; line-height:35px; color:#fff; margin:auto;
 margin-top:480px; transition:all linear 100ms; -webkit-transition:all linear 100ms;}
#case .more:hover{ background:#00A2E9; cursor:pointer}


#new{ width:1200px; height:450px;margin-top:100px; position:relative; left:50%; margin-left:-550px}
#new .title{ width:270px; height:85px; margin-left:412px}
#new ul{ width:1101px; height:310px; margin-top:50px}
#new ul li{ width:500px; height:90px; border:1px solid #ccc; list-style:none; float:left; margin-right:96px; margin-bottom:10px}
#new ul li:hover{ border:1px solid #ff6100}
#new ul li:nth-child(2n){ margin-right:0px}
#new ul li .title{ width:480px; height:22px; margin:10px auto; line-height:22px}
#new ul li .title h5{ color:#666; font-size:15px; float:left; }
#new ul li .title h5 a{ color:#666}
#new ul li .title .time{ float:right; font-size:11px; color:#666; font-family:"Courier New", Courier, monospace} 
#new ul li p{ width:480px; height:35px; margin:auto; color:#666; font-size:13px; line-height:20px}

#about{ width:100%; height:570px; background:#eee; margin-top:110px}
#about .dsj{ width:80px; height:15px; margin:auto}
#about .title{ width:170px; height:80px; margin:50px auto; padding-top:40px}
#about p{ width:1100px; margin:auto;  font-size:14px; line-height:30px; color:#666; text-align:center}

#hz_logo{ width:1100px; height:80px; margin:260px auto; margin-bottom:0px; position:relative; overflow:hidden}

#hz_logo ul li{ list-style:none; float:left; margin-left:35px}
#hz_logo ul{width:2000px; height:80px; position:absolute; }


#foot{ width:100%; height:500px; background:#313131; margin-top:60px; margin-bottom:0px; overflow:hidden}
#foot .dsj{ width:80px; height:15px; margin:auto}
#foot .foot{ width:1100px; height:450px; margin:auto}
.copyright{ width:100%; height:70px; background:#202020; position:relative; margin-top:-10px}
.copyright p{ width:100%; text-align:center; font-size:12px; color:#fff; text-align:center; margin:auto; margin-top:11px; float:left}
#foot .left{ width:400px; height:250px; float:left; margin-top:60px; color:#fff}
#foot .left h3{ margin-bottom:20px; letter-spacing:1px}
#foot .left p{ font-size:14px; margin-bottom:10px}
#foot .left ul li{ list-style:none; float:left; margin-top:20px; margin-right:15px}
#foot .right{ width:320px; height:250px;float:right; margin-top:60px}
.floatLabel{ background:#313131; width:320px; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #fff; margin-bottom:15px; height:25px; color:#fff}
.comments{ height:220px}

.khal{ width:1100px; margin:auto; min-height:850px; overflow:hidden; margin-bottom:15px; position:relative}
.caseTitle{ width:100%; height:60px;  background: #202020; margin-top:-4px; overflow:hidden}
.caseTitle ul{display: table; table-layout: fixed; width:600px; margin:auto; overflow:hidden}
.caseTitle ul li{ list-style:none; width:100%; height:60px; display: table-cell; text-align:center; font-size:14px; 
line-height:60px; color:#a1abaf; overflow:hidden}
.caseTitle ul li a{ color:#fff}
.caseTitle ul li.on{ color:#00a2e9; }
.caseTitle ul li.on a{ color:#00a2e9}


.khal .title ul li .right{  height:70px; float:left; font-size:12px; color:#666}
.case_p{ margin-top:20px}
.case_p ul{ width:100%; min-height:100px; overflow:hidden}
.case_p ul li{ width:360px; height:200px; float:left; margin-right:10px; list-style:none; margin-bottom:10px; position:relative;} 
.case_p ul li img{ width:360px; height:200px}




.case_p ul li span{ width:360px; height:100%; background:rgba(0,0,0,.5); display:block; 
position:absolute; margin-top:-205px}
.case_p ul li span h4{ text-align:center; color:#fff; margin-top:23px; font-size:18px}
.case_p ul li span p{ text-align:center; color:#fff; font-size:14px; line-height:20px}
.case_p ul li span .p1{ margin-top:20px; font-size:14px}
.case_p ul li span .more{ text-align:center; font-size:14px; color:#fff; margin-top:30px}
a{ text-decoration:none}
.case_p ul li:nth-child(3n){ margin-right:0px}

.service ul li{ width:100%}
.service ul li img{ width:100%}

#contact{ width:1100px; margin:30px auto}
#contact .contact_con{ width:1060px; height:320px; margin:50px auto}
#contact .contact_con .p1{ margin-top:20px; font-size:18px}
#contact .contact_con .p2{ font-size:13px; color:#333; margin-top:3px}
#contact .contact_con .left{ float:left}
#contact .contact_con .right{ float:right; width:584px; height:100%}
#contact .contact_con .right .txt{ width:280px; height:40px; float:left; margin-left:10px; margin-bottom:10px; 
border:1px solid #ccc; border-radius:5px; text-indent:10px}
#contact .contact_con .right .btn{ width:220px; height:40px; background:#2a2a2a; border-radius:5px; text-align:center; line-height:40px; font-size:18px; color:#fff; border:none; float:right; margin-top:10px}
#contact .contact_con .right .sr{ width:572px; margin-left:10px; border-radius:5px; border:1px solid #ccc; font-size:13px; text-indent:10px; padding-top:10px; color:#333} 


#news{ width:1100px; min-height:800px; margin:30px auto; margin-bottom:120px}
#news .nn li{ width:1100px; height:240px; list-style:none; background:#f9f9f9}
#news .nn li .left{ width:330px; height:240px; float:left}
#news .nn li .left div{ width:330px; height:240px; background:rgba(0,0,0,.3); position:relative; margin-top:-245px; }
#news .nn li:hover div{ display:block}
#news .nn li:hover .right p a{ color:#ff6100}
#news .nn li .right p{ transition:all linear 100ms}
#news .nn li .right h2 a{ color:#000; text-decoration:none}
#news .nn li .right p a{ color:#666; text-decoration:none}
#news .nn li .left div .time .p1{ color:#fff; text-align:center; font-size:60px; padding-top:60px}
#news .nn li .left div .time .p2{ color:#fff; text-align:center; font-size:30px; margin-top:45px }
#news .nn li .right{ width:660px; height:180px; margin-right:55px; margin-top:40px; float:right}
#news .nn li .right p{ font-size:14px; color:#666; margin-top:15px; line-height:22px}
#news .nn li:nth-child(2n){ background:#eee}


.about{ width:1200px; min-height:800px; margin:30px auto; overflow:hidden; margin-top:0}
.about .left{ float:left}
.about .right{ float:right; width:680px; height:630px;}



.new_page{ width:1100px; min-height:900px; margin:30px auto; border-bottom:2px solid #000}
.new_page .page_title{ width:680px; height:120px;}
.new_page .page_title p{ width:470px; height:25px; background:#ededed; float:right; margin-top:8px}
.new_page .page_title p span{ font-size:14px; line-height:25px; color:#666; margin-left:4px; margin-right:20px}
.new_page .page_content{ width:100%; min-height:600px; margin-top:30px; border-top:2px solid #000; line-height:26px}


.case_page{ width:1100px; min-height:1000px; margin:20px auto}
.case_page .title{ width:100%; height:70px; background:url(../images/double.png) no-repeat 0 100%}
.case_page .title .left span{ display:block; float:left}
.case_page .title .left .span1{ font-size:24px; line-height:60px; margin-right:10px}
.case_page .title .left .span2{ font-size:12px; color:#666}
.case_page .font{ width:1100px; height:160px; background:url(../images/double.png) no-repeat 0 100%}
.case_page .font .time{ width:170px; height:145px; float:left}
.case_page .font .time p{ text-align:center}
.case_page .font .time .p1{ font-size:42px; margin-top:25px; margin-bottom:20px}
.case_page .font .time .p2{ font-size:18px}
.case_page .font .txt{ width:928px; height:100%; float:right}
.case_page .font .txt h3{ margin-top:20px; margin-bottom:10px; font-size:18px}
.case_page .font .txt p{ font-size:14px; color:#666; line-height:20px}


.pages{height:35px; margin:40px auto; float:left; margin-bottom:10px; }
.current{color:#fff}
.pages span{ display:block; border:1px solid #ccc; background:#fff; color:#262626; line-height:30px; text-align:center; font-size:14px; float:left; margin-right:5px;width:60px; height:30px; border-radius:3px}
.pages ul li{list-style: none;float: left;
    margin-left: 5px;}
.pages .current a {
    border: 1px solid #ccc;
    background: #2a2a2a;
    color: #fff;}
.pages li a {
    display: block;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    color: #666;
	
	font-size:14px}
	
#kefu{ height:250px; position:fixed; right:0px; top:200px; z-index:999; } 
#kefu span{ display:block; width:80px; height:70px; background:#00a2e9; border-radius:5px; margin-top:4px;}
#kefu span p{ display:none}
#kefu:hover span{ width:255px; background:#ff6100}
#kefu:hover p{ display:block}

#kefu .span1 div{ background:url(../images/iconfont-qq.png) no-repeat; width:55px; height:55px; position:fixed; right:12px; margin-top:8px}
#kefu .span2 div{ background:url(../images/iconfont-dianhua.png) no-repeat; width:55px; height:55px; position:fixed; right:12px; margin-top:8px}
#kefu .span3 div{ background:url(../images/iconfont-weixin.png) no-repeat; width:55px; height:55px; position:fixed; right:12px; margin-top:8px}


.link{ width:100%; height:30px; float:left; line-height:40px; font-size:12px; color:#fff;  overflow:hidden}
.link span{margin-right:13px; margin-left:3px}
.link span a{ color:#fff}



#seo_new{ width:100%; height:600px; background:#f9f9f9}
#seo_new .seo_new{ width:1100px; height:600px;margin:auto}
#seo_new .seo_new .title{ width:100%; height:45px; background:url(../images/seo_new_title.png) no-repeat}
#seo_new .seo_new .left{ width:500px; height:450px; float:left;}
#seo_new .seo_new .left ul li{ list-style:none; width:100%; height:90px; border-bottom:1px dashed #ccc; margin-top:20px;}
#seo_new .seo_new .center{ width:10px; height:321px; background:url(../images/yy.png) no-repeat; float:left; margin-left:40px; margin-top:100px}
#seo_new .seo_new .right{ width:500px; height:450px; float:right; }
#seo_new .seo_new .right ul li{ list-style:none; width:100%; height:90px; border-bottom:1px dashed #ccc; margin-top:20px;}
#seo_new a:hover{ color:#FF6100}