﻿@charset "utf-8";

body{font-size:14px; color:#333; margin:0; padding:0; background:#f7f7f7 }
p,img,h1,h2,h3,h4,h5,h6,input,dl,dt,dd,span.em,b,tr,td,table,ul,ol,li{margin:0; padding:0; }
ol,ul,li{list-style:none}
img{ border:none; display:block}
.clear{ clear:both;}
a{ color:#444; text-decoration:none}
a:hover{ text-decoration:none}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu,video{display:block}





.projext_wrap{font-family:"Microsoft YaHei","Arial";}
.h_banner{ background:url(../imgHome/banner.jpg) no-repeat center top; height:800px; color:#fff}
.h_banner p{ display:block; font-size:42px; line-height:42px;}
.h_banner h1{ font-size:30px; font-weight:normal; line-height:30px; margin-top:3px;}
.h_banner img{ float:left; padding-right:20px; padding-top:5px;}
.h_banner span{ font-weight:normal; text-align:center; font-size:14px; line-height:24px; margin-top:50px; display:block}

.project_wrap{ width:1200px; margin:auto;}
.h_banner_text{ width:346px; margin:auto; padding-top:300px; overflow:hidden}

.h_icon{ background:#f7f7f7; padding-top:100px;}
p.h_title{ font-size:40px; text-align:center; background:url(../imgHome/bg1.png) bottom center no-repeat; padding-bottom:30px;}
.h_icon ul{ overflow:hidden; width:1200px; margin:auto; padding-top:80px;  padding-bottom:100px;}
.h_icon ul li{ float:left; width:240px;}
.h_icon ul li img{ margin:auto; }
.h_icon ul li span{ display:block; text-align:center; font-size:16px; line-height:24px; margin-top:20px;}

.function{ padding-top:100px; background:#fff; padding-bottom:60px;}
.functionCon{ width:1350px; background:url(../imgHome/funcbg.jpg) no-repeat top center; height:850px; margin:30px auto 0; position:relative}
.pro_more{ text-align:center; display:block; padding-top:10px; cursor:pointer}

.funItem{ width:228px; cursor:pointer}
.funItem p{ font-size:18px; font-weight:bold; padding-bottom:10px;}
.funItem span{ font-size:14px; line-height:22px; display:none;}
.left{ text-align:right}
.right{ text-align:left;}

.funItem1{ position:absolute; left:0; top:48px;}
.funItem2{position:absolute; left:0; top:190px;}
.funItem3{position:absolute; left:0; top:350px;}
.funItem4{position:absolute; left:0; top:522px;}

.funItem5{ position:absolute; right:0; top:90px;}
.funItem6{position:absolute; right:0; top:226px;}
.funItem7{position:absolute; right:0; top:372px;}
.funItem8{position:absolute; right:0; top:520px;}

.funItem9{position:absolute; left:0px; top:658px; }
.funItem10{position:absolute; right:0px;top:670px;}

.sence{ width:100%; position:relative; overflow:hidden}
.s_div{ width:100%;position: absolute;top: 0;opacity: 0;filter: alpha(opacity=0);z-index: 2}
.s_curr {position: fixed;top: 0;left: 0}
.s_div_con{ width:1200px; margin:auto}

.sence .fl{ width:600px; float:left}
.sence .fr{ width:560px; float:right}

p.p_time{ font-size:26px; line-height:26px; color:#ffcc00; margin-bottom:1.2rem;}
p.p_title{ font-size:26px; line-height:26px; margin-bottom:1.2rem;}
p.p_line{ height:2px; background:#ffcc00; width:50px;  margin-bottom:1.2rem;}
p.p_text{ font-size:14px; line-height:28px; width:500px; margin-bottom:3.2rem; text-align:justify}

.s_one{ background:url(../imgHome/s_bg1.jpg) no-repeat center center;opacity: 1;
	filter: "alpha(opacity=100)";
	}
.s_two{ background:url(../imgHome/s_bg2.jpg) no-repeat center center;}
.s_three{ background:url(../imgHome/s_bg3.jpg) no-repeat center center; color:#fff}
.s_four{ background:url(../imgHome/s_bg4.jpg) no-repeat center center; color:#fff}
.s_five{ background:url(../imgHome/s_bg5.jpg) no-repeat center center; color:#fff}
.s_six{ background:url(../imgHome/s_bg7.jpg) no-repeat center center; color:#fff}
.s_seven{ background:url(../imgHome/s_bg6.jpg) no-repeat center center; color:#fff}
.s_eight{ background:url(../imgHome/s_bg8.jpg) no-repeat center center; color:#fff}


.application{ background:#f7f7f7; padding:100px 0 80px 0}
.appTitle{ margin-bottom:20px;}
.appTitle img{ margin:auto}
.appTitle p{ font-size:16px; font-weight:bold; color:#ffcc00; padding-top:8px; text-align:center}
.appText{ font-size:16px; line-height:28px; text-align:center; margin-top:20px; margin-bottom:60px;}
.appimg img{ margin:auto}


.case{ background:#fff; padding-top:60px; padding-bottom: 70px;}
.case ul{ width:1200px; margin:auto; overflow:hidden;}
.case ul li{ float:left; display:block; margin:28px 5px 0 5px; width:228px; border:1px solid #ececec; padding-bottom:20px; background:#f8f8f8}
.case ul li img{ width:100%}
.case ul li .libott{ padding:0 20px;}
.case ul li p.p1{ text-align:center; height:24px; line-height:24px; margin:25px 0 5px 0;font-size:16px;}
.case ul li span.span1{ display:block; text-align:center; height:24px; line-height:24px; color:#999; font-size:14px;}



/*****************************************************************jm_top*****************************************************************/
.jm_top{ position:fixed; right:10px; top:50%; height:162px; margin-top:-81px; z-index:9}
.jm_top ul li{ margin-bottom:4px; background:#c8c8c8; cursor:pointer;}
.jm_top ul li:hover{ background:#ffcc00}
.jm_top ul li#scrollTop{ display:none}

















