/* CSS Document */
html{ height:100%; border:none;}
body{ height:100%; border:none; padding:0; margin:0; text-align:left; font-size:12px; color:#333333; font-family:Arial; background:url(../images/bg.jpg) repeat-x top center #FFFFFF;}
div,ul,li,img,dl,dd,dt{ padding:0; margin:0; border:none;}
ul,dl{list-style-type:none;}
em,i{font-style:normal;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#FF0000; text-decoration:none;}
.clear{ clear:both;}

.header{ width:100%; height:189px; overflow:hidden; }

.logo{  width:1000px; height:143px; margin:0 auto; color:#9a9fac; overflow:hidden;}
.logo .left{ float:left; display:inline;}
.logo .tel{ float:left; display:inline; margin-left:90px; margin-top:60px; background:url(../images/ico01.png) no-repeat left center; padding-left:20px; line-height:16px;}
.logo .right{ float:right; display:inline; width:105px; margin-top:62px;}
.logo .right img{ margin-left:13px;}
.logo .left img{ margin-top:20px;}

.nav{ width:1000px;height:46px;line-height:46px; margin:0 auto;}
.nav ul li{ font-size:14px; float:left; display:inline; height:46px; text-align:center; font-weight:bold;}
.nav ul li.line{ background:url(../images/navline.jpg) no-repeat bottom center; width:1px; height:46px;}
.nav ul li a{ padding:0 25px; height:46px; display:block; color:#FFF;}
.nav ul li a:hover,.nav ul li a.hover{ height:46px; display:block; color:#FF0000; }

.dropMenu { position:absolute; top: 0; z-index:100; width:150px; visibility: hidden;margin-top: -1px;background:url(../images/white.png) repeat;}
.dropMenu li{ text-align:center; line-height:35px; border-top:1px solid #D5D1CE; font-size:14px;}
.dropMenu a { width:auto; display:block; color:#333333;}
* html .dropMenu a {width: 100%;}
.dropMenu a:hover {color:#FFFFFF;text-decoration: none; background:#4C8DC5;}

#dropmenu1{ width:160px;}
#dropmenu2{ width:370px;}
#dropmenu3{ width:270px;}
#dropmenu7{ width:300px;}
 
.banner{ width:100%; height:450px;  position:relative; z-index:9}
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:48%;  bottom:22px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:14px;  width:15px; height:15px; cursor:pointer; background:#4c8dc4; }
.banner .hd ul li.on{ background:#da251d; }
.banner .bd{ position:relative; height:100%; z-index:0; }
.banner .bd li{ zoom:1; vertical-align:middle; width:100%; height:450px; display:block;} 

.mainbg{ width:100%; height:290px; background:url(../images/mainbg.png) no-repeat top center; position:relative; top:-68px; z-index:999;}
.main{ width:1030px; height:290px;  margin:0 auto; overflow:hidden; padding-top:15px;}
.main .left{ float:left; display:inline; width:311px; height:auto; margin-left:22px;}
.main .center{ float:left; display:inline; width:311px; height:auto; margin-left:36px;}
.main .right{ float:right;  display:inline; width:311px; height:auto; margin-right:8px; }
.main .left .title,.main .center .title,.main .right .title{ line-height:41px; font-size:18px; color:#FFF; height:41px; overflow:hidden;}
.main .left .title span,.main .center .title span,.main .right .title span{ float:left;}
.main .left .title em,.main .center .title em,.main .right .title em{ float:right; padding-right:25px; padding-top:17px;}
.main .left dl{ padding:18px 0; height:auto; overflow:hidden; border-bottom:1px solid #ebebeb; width:295px;}
.main .left dl dt{ float:left; width:55px; text-align:center; color:#999999; padding-top:15px;}
.main .left dl dt span{ font-size:16px;}
.main .left dl dd{ float:left; width:225px; margin-left:10px; line-height:18px;}
.main .left dl dd h2{ font-size:12px; margin:0;}
.main .left dl dd h2 a{ color:#000;}
.main .left dl dd h2 a:hover{ color:#FF0000;}
.main .left dl dd p{ margin:0; color:#727272;}

.main .center ul li{ line-height:20px;border-bottom:1px solid #ebebeb; width:295px; padding:11px 0; height:auto; overflow:hidden; font-weight:bold;}
.main .center ul li i{ padding:0 8px; display:block; float:left; height:auto; overflow:hidden;}
.main .center ul li span{ float:left; width:270px; height:auto;}
.main .center ul li a{ color:#000;}
.main .center ul li a:hover{ color:#FF0000;}

.main .right ul li{ line-height:20px; height:auto;padding:5px 0 0;  overflow:hidden; font-weight:bold;}
.main .right ul li i{ padding:0 8px; display:block; float:left; height:auto; overflow:hidden;}
.main .right ul li span{ float:left; width:270px; height:auto;}
.main .right ul li a{ color:#000;}
.main .right ul li a:hover{ color:#FF0000;}

.product{ width:1000px; height:auto; overflow:hidden; margin:0 auto; position:relative; top:-28px; z-index:999;}
.product .title{ background:url(../images/ico02.jpg) repeat-x center center; height:30px; overflow:hidden;}
.product .title span{ float:left; width:110px; font-size:26px; background:#FFF; line-height:30px;}
.product .title em{ float:right; width:50px; background:#FFF; height:30px; display:block; text-align:right; padding-top:8px;}
.pro{ height:252px; padding:30px 0 0; overflow:hidden; clear:both;   }
.pro ul{ overflow:hidden; zoom:1; }
.pro ul li{ width:231px; float:left; margin:0 11px;  display:inline; text-align:center;}
.pro ul li a{ width:231px; height:252px; display:block; background:url(../images/probg.jpg) no-repeat top center; color:#333333}
.pro ul li a:hover{ width:231px; height:252px;  display:block; background:url(../images/probghover.jpg) no-repeat top center; color:#FF0000}
.pro ul li img{ width:218px; height:170px; margin-top:6px;}
.pro ul li p{ width:221px; margin:0; line-height:20px;font-size:14px; padding:15px 10px 0; text-align:left;}

.aboutbg{ background:#eaeaea; height:366px; overflow:hidden; margin-top:30px;}
.about{ width:1000px; height:366px; margin:0 auto;}
.about .title{ font-size:26px; color:#3f3f3f; margin-top:55px; width:1000px;}
.about .left{ float:left; width:230px; height:auto; display:inline;}
.about .right{ float:right;  width:715px; height:auto; display:inline; background:url(../images/ico03.jpg) no-repeat left top; color:#999999;}
.about .left ul li{ float:left; display:inline; margin-top:12px;}
.about .left ul li img{ width:94px; height:95px; border:4px solid #b4b4b4; margin-right:8px;}
.about .right h2{ color:#a5a5a5; padding-left:60px; font-size:26px; margin:0; font-weight:normal; line-height:55px;}
.about .right p{ margin:0; line-height:30px; font-size:14px;}
.more { width:162px; height:35px; line-height:35px; text-align:center; font-size:14px; margin-top:10px;}
.more a{ width:162px; height:35px; background:#0e68b4; display:block; color:#FFF;}
.more a:hover{ width:162px; height:35px; background:#FF0000; display:block; color:#FFF;}

.apps{ width:1000px; height:auto; overflow:hidden; margin:55px auto 0; }
.apps .title{ background:url(../images/ico02.jpg) repeat-x center center; height:30px; overflow:hidden;}
.apps .title span{ float:left; width:110px; font-size:26px; background:#FFF; line-height:30px;}
.apps .title em{ float:right; width:50px; background:#FFF; height:30px; display:block; text-align:right; padding-top:8px;}
.app{ height:230px; padding:30px 0 0; overflow:hidden; clear:both;   }
.app ul{ overflow:hidden; zoom:1; }
.app ul li{ width:231px; float:left; margin:0 11px;  display:inline; text-align:center;}
.app ul li a{ width:231px; height:210px; display:block;  color:#333333; overflow:hidden;}
.app ul li a:hover{ width:231px; height:210px;  display:block;  color:#FF0000;overflow:hidden;}
.app ul li img{ width:227px; height:156px; margin-top:6px; border:1px solid #ccc;}
.app ul li p{ width:221px; margin:0; line-height:20px;font-size:14px; padding:10px 0 0; }

.foot{ width:100%; line-height:46px; background:#0e68b4; text-align:center; color:#FFF;}

#share {position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:0px;left:92%;width:53px;zoom:1; z-index:999999;}
#share a{ display:block; width:53px; height:56px; margin-bottom:5px; overflow:hidden; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

#share .home { position:absolute; bottom:32px;  background:url(../images/pico01.jpg) no-repeat; width:53px; height:55px; display:block; bottom:307px;}
#share a.home:hover { background:url(../images/pico01h.jpg) no-repeat; width:53px; height:55px; display:block;}
#share .mail { position:absolute; bottom:32px;  background:url(../images/pico02.jpg) no-repeat; width:53px; height:55px; display:block; bottom:246px;}
#share a.mail:hover { background:url(../images/pico02h.jpg) no-repeat; width:53px; height:55px; display:block;}
#share .sky { position:absolute; bottom:32px;  background:url(../images/pico03.jpg) no-repeat; width:53px; height:55px; display:block;bottom:185px;}
#share a.sky:hover { background:url(../images/pico03h.jpg) no-repeat; width:53px; height:55px; display:block;}
#share .gbook { position:absolute; bottom:32px;  background:url(../images/pico04.jpg) no-repeat; width:53px; height:55px; display:block;bottom:124px;}
#share a.gbook:hover { background:url(../images/pico04h.jpg) no-repeat; width:53px; height:55px; display:block;}

#share a#totop{position:absolute;bottom:64px;cursor:pointer; background:url(../images/pico05.jpg) no-repeat; width:53px; height:55px; display:block;}
#share a#totop:hover{  background:url(../images/pico05h.jpg) no-repeat; width:53px; height:55px; display:block;}


.pages{ width:100%; height:auto; overflow:hidden; text-align:center; padding:10px 0;}
.pages a,.pages span{ margin-right:8px;}


#about{ width:1000px; height:auto; overflow:hidden; margin:20px auto 20px;border:1px solid #EAEAEA;}
#about .left{ float:left; width:224px; height:auto; text-align:center;}
#about .right{ float:right; width:774px; height:auto; border-left:1px solid #EAEAEA; min-height:500px;}

.menuleft{width:224px;text-align:center; margin:8px auto; height:57px; background:url(../images/title01.jpg) no-repeat center center; line-height:50px;font-size:16px; color:#FFF;}
.menuleft span{ font-size:14px; }
#about .left ul{  height:auto; }
#about .left ul li{ line-height:15px;  text-align:left; width:200px; margin-left:12px;font-size:12px; font-weight:bold; }
#about .left ul li a{  width:190px; display:block; padding:8px 0 8px 10px; color:#4c8dc4; background:url(../images/icoa.png) no-repeat 0px 12px; border-bottom:1px dashed #747474;}
#about .left ul li a:hover,#about .left ul li a.hover{ color:#FF0000; display:block; padding:8px 0 8px 10px; width:190px; border-bottom:1px dashed #747474;}
#about .left ul li ul li a{ width:170px; background:url(../images/icob.png) no-repeat 0px 12px;}
#about .left ul li ul li a:hover,#about .left ul li ul li a.hover{ width:170px;}
#about .left .contact{ height:auto; border-top:1px solid #EAEAEA; padding-top:10px; margin-top:10px;}
#about .left .contact p{ text-align:left; color:#4B4B4B; line-height:30px; margin-left:16px;}

.menuright{ text-align:right; height:41px; line-height:41px; font-size:12px; width:95%; border-bottom:1px dashed #C5C5C5; margin:0 auto;}
#about .right .content{ text-align:left; width:730px;  font-size:12px; margin:0 auto; line-height:30px;}
#about .right .content h1{ text-align:center; margin:0; padding:0; padding-top:15px;font-size:16px;}
#about .right .content h6{ margin:0; padding:0;  text-align:center; color:#cccccc; padding-top:20px; font-size:14px;}
#about .right .content .info{ line-height:25px; padding:0px 15px 0 ;}

.joblist{ width:700x; font-size:12px; height:auto;  padding:8px 0; overflow:hidden;}
.joblist dl{ padding:17px 0 17px 0px; height:auto; width:600x; border-bottom:1px dashed #cccccc; margin-left:15px;overflow:hidden;}
.joblist dl dd{ height:auto; width:600x; overflow:hidden; }
.joblist dl dd h2{ font-size:14px; font-weight:bold; margin:0; line-height:25px;}
.joblist dl dd p{ line-height:20px; color:#888888;  }

.back { width:100px; height:35px; line-height:35px; text-align:center; font-size:14px; margin:0px auto 10px;}
.back a{ width:100px; height:35px; background:#0e68b4; display:block; color:#FFF;}
.back a:hover{ width:100px; height:35px; background:#FF0000; display:block; color:#FFF;}

.page{ line-height:25px; margin-top:0px; padding:0px 15px 0;}

.newslist{ width:750x;  font-size:12px; padding:8px 0;}
.newslist ul li{ line-height:35px; height:35px; border-bottom:1px dashed #747474;width:700px; margin-left:23px; text-align:left; }
.newslist ul li span{ float:right; margin-top:0px; *margin-top:-30px; color:#626262; padding-right:15px;}

.newslist1{ width:755px;  font-size:12px; height:auto; overflow:hidden;}
.newslist1 dl{ margin-top:25px; height:auto; overflow:hidden;}
.newslist1 dl dt{ float:left;  width:217px; height:auto; margin-left:12px; margin-right:15px;}
.newslist1 dl dt img{ width:217px; height:134px;}
.newslist1 dl dd{ float:left; width:500px; }
.newslist1 dl dd h2{ font-size:14px; margin:0; line-height:22px; font-weight:normal;}
.newslist1 dl dd p{ margin:0; line-height:18px; color:#999;}

.piclist{ width:750px;  font-size:12px; padding:8px 0; overflow:hidden;}
.piclist ul{ padding-left:0px; padding-top:15px;}
.piclist ul li{ float:left; margin-left:18px; text-align:center;}
.piclist ul li img{ width:225px; height:156px; border:1px solid #ccc;}

.piclist1{ width:750px;  font-size:12px; padding:8px 0; overflow:hidden;}
.piclist1 ul li{ width:231px; float:left; margin-left:19px; margin-bottom:20px;  display:inline; text-align:center;}
.piclist1 ul li a{ width:231px; height:252px; display:block; background:url(../images/probg.jpg) no-repeat top center; color:#333333}
.piclist1 ul li a:hover{ width:231px; height:252px;  display:block; background:url(../images/probghover.jpg) no-repeat top center; color:#FF0000}
.piclist1 ul li img{ width:218px; height:170px; margin-top:6px;}
.piclist1 ul li p{ width:221px; margin:0; line-height:20px;font-size:14px; padding:15px 10px 0; text-align:left;}

.lxccv{margin-top:20px; margin-left:100px;}
.lxc1{float:left;width:490px}
.lxc2{float:right;width:420px}

.webkk{width:445px;height:32px;line-height:34px;padding-left:45px;border:0px;background:url(../images/cc1.jpg);color:#888}
.cc2{background:url(../images/cc2.jpg)}
.cc3{background:url(../images/cc3.jpg)}
.webkkuu{width:470px;padding:10px;border:1px solid #aaa;height:250px;color:#888}
.subcc{background:#FFA510;width:160px;height:38px;color:#fff;border:0px;border-radius:5px;font-size:16px;cursor:pointer;background:#0C4DA2}

.lxax li{height:37px;line-height:37px;border-bottom:1px solid #ddd;}
.lxax span{color:#888}
.lxtit{font-size:20px;margin-bottom:5px;color:#000;}