body{font-size:12px; color:#333; font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
input,textarea,select {font-size:12px; color:#666; outline:none; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:#d6d6d6 1px solid;} 
h1,h2,h3,h4,h5,h6,button {font-weight:bold; outline:none;}
a {color:#333; text-decoration:none;}
a:hover {color:#009ce5;}


.Wrap {width:1080px; margin:auto;}


.TopBar {background:#009ce5; height:30px; width:100%; position:fixed; color:#fff; top:0px; line-height:30px; z-index:10000000;}
.Tel {padding-left:25px; font-family:Helvetica; font-size:14px; float:right;}
.Mail a {padding-left:25px; float:right; color:#fff;}


.Top {background:url(../image/black.png); width:100%; height:90px; position:fixed; top:30px; z-index:10000000;}
.Top h1 a {display:block; background:url(../image/logo.png) no-repeat; width:350px; height:90px; float:left;}
.Top ul {width:655px; float:right;}
.Top li {background:url(../image/nav_line.jpg) no-repeat right center; float:left; font-size:14px; line-height:90px; position:relative;}
.Top li.Last {background:none;}
.Top li a {display:block; padding:0px 31px; color:#fff;}
.Top li a.Last {padding:0px 0px 0px 31px;}


.flexslider {position:relative; height:500px; overflow:hidden; background:#fff url(../image/loading.gif) 50% no-repeat;}
.slides {position:relative; z-index:1;}
.slides li {height:500px;}
.flex-control-nav {position:absolute; bottom:10px; 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;}
.flex-control-nav a {display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#fff; cursor:pointer; border-radius:10px;}
.flex-control-nav .flex-active {background:#e76666;}



.IndexMid {width:1068px; background:url(../image/white.png); position:absolute; left:50%; margin-left:-534px; top:480px; z-index:9; padding:10px 10px 10px 0px;}
.IndexMid li {width:346px; float:left; margin-left:10px;}
.IndexMid img {width:346px; height:130px; display:block;}
.IndexMid h2 {font-size:14px; padding-bottom:5px;}
.IndexMidFrame {padding:10px; color:#fff; background:#009ce5;}


.IndexAbout {background:url(../image/white_arrow.png) no-repeat center top; margin-top:200px; padding:50px 0px;}
.IndexAbout li {width:25%; margin-top:50px; text-align:center; padding-top:170px; float:left; font-size:14px; line-height:20px;}
.IndexAbout li.IA_1 {background:url(../image/index_about.png) no-repeat center top;}
.IndexAbout li.IA_2 {background:url(../image/index_about.png) no-repeat center -250px;}
.IndexAbout li.IA_3 {background:url(../image/index_about.png) no-repeat center -500px;}
.IndexAbout li.IA_4 {background:url(../image/index_about.png) no-repeat center -750px;}
.IndexAbout h4 {font-size:16px; padding-bottom:10px;}

.IndexAbout_1 {width:1080px; margin:auto; line-height:25px; border-top:#009ce5 2px solid; padding:28px 0px 40px 0px;}
.IndexAbout_1 h2 {font-size:16px; color:#009ce5; padding-bottom:10px;}
.IndexAbout_1 a {display:block; border:#009ce5 1px solid; border-radius:20px; width:150px; line-height:33px; color:#009ce5; margin-top:20px; text-align:center; font-size:12px;}
.IndexAbout_1 a:hover {background:#009ce5; color:#fff;}
.IndexAbout_1 img {width:300px;}


.IndexTitle h2 {text-align:center; font-family:impact; font-size:46px; color:#777; text-transform:uppercase;}
.IndexTitle h3 {line-height:30px; font-size:16px; text-align:center; background:url(../image/line.png) no-repeat center center;}


.IndexNews {background:#d9d9d9 url(../image/gray_arrow.png) no-repeat center top; padding:50px 0px;}
.IndexNews li {width:400px; padding:0px 50px 0px 80px; line-height:20px; height:70px; margin-top:30px; float:left}
.IndexNews h4 {font-size:14px; padding-bottom:5px; font-weight:bold;}
.IndexNews img {width:90px; height:70px; float:left; padding-right:20px;}


.Bottom {background:#858585 url(../image/white_arrow.png) no-repeat center top; padding:50px 0px; color:#fff; line-height:25px;}
.Bottom h2 {color:#fff; font-size:16px; padding-bottom:10px;}
.Bottom h3 {margin-top:30px; border-top:#fff 1px solid; padding-top:9px; font-size:12px; font-weight:normal;}




.ProBanner {background:url(../image/pro_banner.jpg) no-repeat center center; height:300px;}
.NewsBg {background:url(../image/news_bg.jpg) no-repeat center center; height:300px;}
.CaseBg {background:url(../image/case_bg.jpg) no-repeat center center; height:300px;}
.AboutBg {background:url(../image/about_bg.jpg) no-repeat center center; height:300px;}
.ContactBg {background:url(../image/contact_bg.jpg) no-repeat center center; height:300px;}




.Path {background:url(../image/path.jpg) repeat-x center bottom; padding:20px 0px;}
.Path h2 a {display:block; background:url(../image/home.png) no-repeat; width:22px; height:22px; float:left;}
.Path h3 a {font-size:12px; font-weight:normal; line-height:22px; background:url(../image/path_arrow.png) no-repeat left center; padding-left:25px; margin-left:20px; display:block; float:left;}


.Frame {border:#eee 1px solid; margin-bottom:50px; background:url(../image/left_bg.jpg) repeat-y left center; padding-left:20px;}

.LeftNav {float:left; width:200px;}
.LeftNav h2 {font-size:16px; background:#009ce5; line-height:50px; font-weight:bold; color:#fff; text-align:center;}
.LeftNav li a {display:block; line-height:50px; text-align:center; font-size:14px;}
.LeftNav li a:hover {background:#f8f8f8;}
.LeftNav li a.Current {background:#fff; color:#009ce5; font-weight:bold;}


.Main {width:800px; float:right; padding:30px 20px 20px 0px;}

.Title {height:50px;}
.Title h2 {font-size:24px; color:#009ce5; float:left;}
.Title h3 {font-size:14px; color:#999; float:left; padding:10px 0px 0px 5px; font-style:italic; font-weight:normal;}


.News li {margin-bottom:20px; padding:0px 0px 19px 15px; border-bottom:#ddd 1px dashed; line-height:20px; background:url(../image/dot.jpg) no-repeat left 6px;}
.News h2 {font-size:14px; padding-bottom:10px;}
.News span {color:#999; font-style:italic;}


.NewsDetail h2 {font-size:16px; text-align:center; border-bottom:#ddd 1px solid; padding-bottom:9px;}
.NewsDetail h3 {font-size:12px; color:#999; text-align:center; line-height:40px; font-size:12px; font-weight:normal;}


.NewsPathAleft{background:url(../image/arrow_left.png) no-repeat left 24px; padding:19px 0px 0px 15px; margin:30px 0px 5px 0px; border-top:#ddd 1px dashed;}
.NewsPathAright{background:url(../image/arrow_right.png) no-repeat left 5px; padding-left:15px; margin-bottom:5px;}
.NewsBack a{display:block;background:url(../image/back.png) no-repeat left center; padding-left:15px;}

#slideshow {position:relative; height:auto; }
#slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:100%; }
#slideshow img.active {z-index:10; opacity:1.0; }
#slideshow img.last-active {z-index:9; }


.ContactFrame {background:url(../image/blank7.png); width:1020px; padding:30px; position:absolute; z-index:20; top:150px; left:50%; margin-left:-540px;}
.ContactFrame h2.C_1 {background:url(../image/c_1.png) no-repeat center top; width:170px; height:60px;}
.ContactFrame h2.C_2 {background:url(../image/c_2.png) no-repeat center top; width:95px; height:60px;}

.Contact {width:500px; margin-bottom:40px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent {width:500px; height:300px;}

.ContactInput {border:#ddd 1px solid; padding:14px; width:470px; margin-top:20px; font-size:14px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
.ContactInput:focus {border:#009ce5 1px solid;}
.ContactTextaera {border:#ddd 1px solid; padding:14px; width:990px; margin-top:20px; font-size:14px; height:100px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
.ContactTextaera:focus {border:#009ce5 1px solid;}
.ContactBtn {border:#009ce5 1px solid; margin-top:20px; width:150px; line-height:40px; text-align:center; color:#009ce5; cursor:pointer; background:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
.ContactBtn:hover {background:#009ce5; color:#fff;}