@charset "utf-8";
html{}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt{margin:0;padding:0;border:0; outline:none}
body{background:#ebecf2;color:#626263;font-size:14px; font-family:"Helvetica","΢ÈíÑźÚ",Arial,sans-serif; width:100%; -webkit-text-size-adjust:none; }
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button{vertical-align:middle; font-size:14px; outline:none;font-family:"Helvetica","΢ÈíÑźÚ",Arial,sans-serif;}

a{text-decoration:none; color:#444}
a:hover{color:#0093D0;}
.clearit{clear:both; }

.b{font-weight:bold}
.red{ color:#ff0000 !important}
.orange{ color:#ff6c00}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#00A651}
.green:hover{ color:#ee0000}
.gray{ color:#888}
.font11{ font-size:11px}
.font14{ font-size:14px}

.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml60{ margin-left:56px}

.left{ float:left}
.right{ float:right}



.pageList{ padding-top:20px; padding-bottom:30px; text-align:center; position:relative;}
.pageList ul li{ margin-left:2px; display:inline-block;line-height:35px}
.pageList ul a:hover{ background:#eee;color:#3988e2;}
.pageList ul a.current{ background:#008cd6; color:#fff; border:1px #0073b0 solid; }
.pageList ul li span{ display:inline-block; height:35px;  line-height:35px; padding:0px 15px; font-weight:bold; font-size:14px; color:#888}
.pageList ul a{ display:block; color:#888; width:35px;border:1px #c2c2c2 solid; font-size:14px; line-height:35px; height:35px; float:left; margin:0 2px; background-position: center center !important; background-repeat:no-repeat !important}
.pageList p{ display:none}
.pageList a.prev{ background-image:url(../images/prev2.png) !important}
.pageList a.next{ background-image:url(../images/next2.png) !important}
.pageList a:hover{ background-color:#444}
.pageList ul span{ display:block; color:#888; width:35px;border:1px #e3e3e3 solid; font-size:14px; line-height:28px; height:35px; background-color:#fff;float:left; margin:0 2px; background-position: center center; background-repeat:no-repeat}
.pageList a.goTop{ display:none; width:60px; height:35px; position:absolute; right:0;top:0; line-height:35px; background:#7a7a7a; color:#fff}
.pageList a.goTop:hover{ background:#3988e2}


.wrapper{ width:1120px; margin:0 auto;}
.container{margin: 0 auto; padding: 0; position: relative;width: 960px;}

#goTop{position:fixed;  width:31px; height:31px; bottom:20px; display:none}
#goTop a{ display:block; width:31px; height:31px; background:url(../images/gotop.png) no-repeat; text-indent:-10000px}

#top{background:#3F454A;height: 26px;padding:6px 22px;}
#top .left{ color:#A9B2B4; font-size:12px; padding:6px 0 0 0px}
#top .left a,#top .left span{ color:#B7C0C2; font-size:12px; text-transform:uppercase; margin:0 6px; }
#top .left a:hover {color: #FF932A;}
#top .right{ color:#A9B2B4; font-size:11px; padding:7px 80px 0 0px; position:relative}
#top .right a,#top .right span{ color:#B7C0C2; font-size:12px; text-transform:uppercase; margin:0 3px; }
#top .right a:hover {color: #FF932A;}
#top .right a.en{ display:inline-block; width:16px; height:12px; background:url(../images/en.gif) no-repeat; text-indent:-10000px}
#top .right a.ch{ display:inline-block; width:16px; height:12px; background:url(../images/ch.gif) no-repeat; text-indent:-10000px}
#top .right .share{ position:absolute;top:1px; right:0}
#top .right .share a{ width:20px; padding:3px; display:block; background:#292929;-moz-transition: background 0.31s ease 0s;background: none repeat scroll 0 0 #1D1D1D;border-radius: 4px 4px 4px 4px; float:left}
#top .right .share a:hover{ background:#0093D0}

#header{ padding:25px 0px 17px;background:#fff; border-bottom:1px #ddd solid;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);box-shadow: 0 0 3px rgba(0,0,0,.15);}
#header .tel{ padding-left:40px; height:35px; background:url(../images/tel.gif) no-repeat 0 2px; font-size:16px; font-weight:bold}
#header .tel span{ display:block; font-size:12px; font-weight:normal; color:#1B95CD}
#header form{ display:block; float:right; margin-top:20px; position:relative}
#header form button{ position:absolute; width:35px; height:30px; right:0;top:10px; z-index:2; background:url(../images/blank.gif); border:0; cursor:pointer}
#header form p{ display:block; padding-top:7px; clear:both; color:#aaa; text-align:right}
#header form p a{ margin-left:10px; color:#888}
#header form p a:hover{ color:#0093D0; text-decoration:underline}

input.search[type="text"] { -moz-transition: width 0.22s ease 0s; border-radius: 2px; float: right; margin: 10px 0 0; min-height: 18px; padding: 5px 28px 5px 8px; width: 180px;background: url("../images/search.png") no-repeat scroll right center #FDFDFD; border:1px solid #EEEEEE; box-shadow:0 1px 1px rgba(0, 0, 0, 0.1) inset; color:#888}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #AAAAAA; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); color: #444444;}




#nav p{ float:right; margin-top:24px;}
#nav p a{ margin-left:10px; color:#888}
#nav p a:hover{ color:#0093D0; text-decoration:underline}
#nav{ position:relative;top:-2px}
#nav ul{ width:1120px; float:left;}
#nav ul li{ float:left; position:relative; margin:0 20px; z-index:9999}
#nav ul li a{ display:block; padding:20px 15px; text-transform:uppercase; font-weight:900; font-size:15px; font-family:"΢ÈíÑźÚ";-moz-transition: all 0.15s ease-in-out 0s;border-top:3px solid rgba(255, 255, 255, 0);} 
#nav ul li a.sub{ background:url(../images/icon1.gif) no-repeat right center}
#nav ul li a.current,#nav ul li a:hover{ color:#0093D0; border-top-color:#0093D0;}
#nav ul li dl{ position:absolute;top:61px; left:0; width:140px;background:#444444;border-radius: 0 0 4px 4px; border-top: 3px solid #0093D0;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); padding:10px;display:none}
#nav ul li dl dd{ border-bottom:1px dotted #5C5C5C; }
#nav ul li dl dd a{ display:block;padding:10px 10px; border:0; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none; font-weight:normal}
#nav ul li dl dd a.current{ border:0; color:#999}
#nav ul li dl dd a:hover{ border:0; color:#0093D0}

#index .centers{ width:1120px;margin:0 auto; background:#fff;border:1px #d8d8d8 solid;height:600px;}
#index .centers_1{margin:0 auto ;padding:20px}

.centers_line{background:url('/images/1.gif') no-repeat center;width:100%;height:30px;text-align:center;font-size:16px;line-height:36px}

.centers_linee{background:url('/images/3.gif') no-repeat center;width:100%;height:30px;text-align:center;font-size:16px;line-height:36px}



#index{ width:1120px; margin:0 auto; }
#index .banner{ height:400px; overflow:hidden;position:relative}
#index .banner .pics{ height:400px; position:relative; overflow:hidden; background:#3F454A;}
#index .banner .pics li{ }
#index .banner .pics li .box{ background:#000; width:420px; height:230px; position:absolute;z-index:2;}
#index .banner .pics li .green{ background:#96c801}
#index .banner .pics li strong{ z-index:3; color:#fff; font-size:36px; line-height:36px; position:absolute; display:block; width:360px}
#index .banner .pics li p{ z-index:4; color:#fff; line-height:24px; font-size:15px;position:absolute; display:block; width:360px}

#index .banner .pics li a{ background:url(../images/more-icon.png) no-repeat 95px center; display:block; width:130px; height:35px; border:1px #fff solid;-moz-border-radius:30px;border-radius:30px;line-height:33px; text-indent:24px; font-size:16px; color:#fff;-webkit-transition: border-color .25s, background-color .25s;transition: border-color .25s, background-color .25s;; z-index:3; position:relative}
#index .banner .pics li a:hover{ background-color:#056be8; border-color:#056be8}

#infos a{ float:right;background:url(/public/images/more-icon.png) no-repeat 60px center; display:block; width:84px; height:24px; border:1px #bebfc3 solid;-moz-border-radius:30px;border-radius:30px;line-height:24px; text-indent:28px; font-size:14px; color:#2158bb;-webkit-transition: border-color .25s, background-color .25s;transition: border-color .25s, background-color .25s;; z-index:3; position:relative;}
#infos a:hover{ background-color:#056be8; border-color:#056be8;color:#fff;}


.infoss a{margin-top:20px;float:right;background:#b5e5fb url(/public/images/more-icon.png) no-repeat 200px center; display:block; width:242px; height:49px; border:1px #bebfc3 solid;line-height:45px;-moz-border-radius:4px;border-radius:4px;line-height:49px; text-indent:60px; font-size:14px; color:#2158bb;-webkit-transition: border-color .25s, background-color .25s;transition: border-color .25s, background-color .25s;; z-index:3; position:relative;background-color:b5e5fb;}
.infoss a:hover{ background-color:#056be8; border-color:#056be8;color:#fff;}


#index .left{ width:820px; float:left; margin-top:45px;}
#index .iPro{ width:768px; overflow:hidden; background:#fff;padding:20px 25px;border:1px #d8d8d8 solid;}

#index .iPro h2{ background:url(../images/icon2.gif) repeat-x 0 6px; height:40px;}
#index .iPro h2 span{font-weight:normal; font-size:20px; line-height:20px; padding-right:10px; background:url(../images/t1-icon.gif) no-repeat 0  center #fff; padding-left:20px; position:relative;}
#index .iNews{ margin-top:20px; height:298px; background:#fff; padding:20px 20px; position:relative;border:1px #d8d8d8 solid;;}
#index .iNews h2{font-weight:normal; font-size:20px;background:url(../images/t2-icon.gif) no-repeat; width:124px; height:35px; color:#fff; line-height:35px; text-indent:20px; position:absolute; left:20px;top:-8px;}
#index .iNews ul{ margin-top:15px; }
#index .iNews ul li{ margin-bottom:15px; font-size:14px;}
#index .iNews ul li span{ display:block; color:#aaa; font-size:12px; padding-top:5px}
#index .iNews img{ width:100%}

.news{height:27px}

/*
#index .iNews div h3 a{ font-size:16px;}
#index .iNews div h3 a:hover{ text-decoration:underline}
#index .iNews div h3 span{ color:#999; margin-left:10px; font-weight:normal; font-size:12px;}
#index .iNews div p{ line-height:20px; margin-top:10px;}
#index .iNews div p a{ margin-left:10px; color:#0093D0}
#index .iNews div p a:hover{ text-decoration:underline}
#index .iNews img{ width:200px; height:110px; float:right; border:5px #f2f2f2 solid;}
#index .iNews a:hover img{ border-color:#ddd}
*/









#index .right{ width:280px; float:right;margin-top:16px;}
#index .right .agent{}
#index .right .contactBox{ height:315px; margin-top:15px;  background:url(../images/map.png) no-repeat 60px 50% #fff; padding:15px 20px 10px;border:1px #d8d8d8 solid;}
#index .right .contactBox h2{font-weight:normal; font-size:20px; border-bottom:1px #eee solid; height:35px;}
#index .right .contactBox h3{ font-size:16px; font-weight:normal; margin-top:20px; margin-bottom:20px;}
#index .right .contactBox h3 span{ display:block; padding-top:3px; font-size:13px; line-height:18px; color:#888; font-family:Helvetica, sans-serif}
#index .right .contactBox p{ margin:7px 0px; line-height:19px;}
#index .right .contactBox p strong{ color:#0093D0; font-size:13px; height:20px;}
#index .right .contactBox p b{ margin-right:3px; color:#3F454A}
#index .right .contactBox a.map-btn{width:133px; height:24px; background:url(/images/map-btn-bg.gif) no-repeat; color:#015dbb; line-height:24px; text-indent:26px; margin:15px auto 0}
#index .right .contactBox a.map-btn:hover{ text-decoration:underline}


#footer{background:#202223; height:120px; margin-top:40px; padding-top:30px;}
#footer .copyright{color:#666;line-height:20px; font-size:13px;  text-transform:uppercase;  background:url(../images/footer-logo.png) no-repeat left 2px; padding-left:150px;  height:80px; float:left}
#footer .copyright a{ color:#888}
#footer .copyright a:hover{ text-decoration:underline; color:#0093D0}
#footer .copyright p{ color:#ccc; font-size:14px; height:28px;}
#footer .copyright p span{ margin:0 10px}
#footer .copyright p a{ color:#ccc}
#footer .copyright p a:hover{ text-decoration:underline}
#footer .links{ color:#ccc; float:right; position:relative;top:-6px}
#footer .links a.sina{ background:url(../images/sns-ico.png) no-repeat #4d4e4f; display:inline-block; width: 27px;height: 27px;overflow: hidden; border-radius:4px; position:relative;top:9px;}
#footer .links a.sina:hover{ background-color:#056be8; background-position:0 -27px}
#footer .links a.weixin{ background:url(../images/sns-ico.png) no-repeat -27px 0 #4d4e4f; display:inline-block; width: 27px;height: 27px;overflow: hidden; border-radius:4px; position:relative;top:9px; margin-left:4px;}
#footer .links a.weixin:hover{ background-color:#056be8; background-position: -27px; }
#footer .links a.english{ margin-top:20px; margin-left:55px;  display:block; background:url(../images/english-icon.gif) no-repeat right center; padding-right:10px; width:55px;} 
#footer .links a.english:hover{ text-decoration:underline}

#page{}
.page-main{  margin-top:15px;}
.page-left{ width:250px; float:left; border:1px #d4d4d4 solid; background:#f7f8fc;border:1px #d8d8d8 solid;}
.page-left h2{ background:url(../images/menu-icon.png) no-repeat 30px center #828a99; position:relative; width:132px;top:-1px; left:-1px; padding:14px 60px 15px; color:#fff;font-size:16px;}
.page-left ul{ }
.page-left ul li{border-bottom:1px #dfdfdf solid; position:relative;z-index:1000; }
.page-left ul li strong a{font-size:14px; padding:12px 0px; width:248px; text-indent:60px; display:block; border-left:1px #dfdfdf solid; position:relative; left:-1px; }
.page-left ul li strong{ font-weight:normal}
.page-left ul li.hover strong a{ color:#0093D0; background:#fff; width:245px; z-index:3; text-indent:55px; border-left:6px #6cc439 solid;}
.page-left ul li dl{ padding:11px 20px 10px; width:150px; position:absolute; left:250px; border:1px #dfdfdf solid;top:-2px; z-index:2; background:#fff; display:none}
.page-left ul li:hover dl{ display:block}
.page-left ul li dl dd{}
.page-left ul li dl dd a{font-size:12px;padding:8px 0px; left:0; display:block; text-indent:20px; border:0; background:url(../images/li.gif) no-repeat 10px center}
.page-left ul li dl dd a:hover{ text-indent:20px; text-decoration:underline; border:0; left:0; background:url(../images/li.gif) no-repeat 10px center}
.page-left ul li dl dd.current{background:url(../images/nav.png) no-repeat right center }
.page-left ul li strong a.current{color:#0093D0; background:#fff; width:245px; z-index:3; text-indent:55px; border-left:6px #0093d0 solid;}
.page-left ul li.hover strong a.current{color:#0093D0; background:#fff; width:245px; z-index:3; text-indent:55px; border-left:6px #0093d0 solid;}
.page-left div{ padding:15px 20px 120px;background:url(../images/map.png) no-repeat 20px 90px;}
.page-left div p{ margin:6px 0px; line-height:19px;}
.page-left div p strong{ color:#0093D0; font-size:13px; height:20px;}
.page-left div p b{ margin-right:3px; color:#3F454A}
.page-left div a.map-btn{ width:133px; height:24px; background:url(/images/map-btn-bg.gif) no-repeatcolor:#015dbb; line-height:24px; text-indent:26px; margin:15px auto 0}
.page-left div a.map-btn:hover{ text-decoration:underline}

.page-right{ width:847px; float:right; background:#fff; border:1px #d4d4d4 solid; min-height:500px;_height:500px;border:1px #d8d8d8 solid;}
.page-banner{height:200px;color:#fff;position:relative}
.page-banner img{ position:absolute; left:0;top:0; z-index:1; overflow:hidden}
.page-banner .pageTitle{ width:180px; height:70px; background:#96c801; position:absolute; left:50px;top:45px; z-index:2; color:#fff; padding:20px 35px;}
.page-banner .pageTitle strong{ display:block; height:45px;font-size:32px;}
.page-banner .pageTitle span{ font-size:24px; font-family:"Georgia"}

.location{text-transform:uppercase; padding:16px 40px 16px; background:url(../images/location-icon.gif) no-repeat 20px 19px #f7f7f7;border-bottom:1px #dfdfdf solid; }
.location span{ font-family:sans-serif; color:#888}
.location a{ margin:0 5px;}
.location a:hover{ text-decoration:underline}

.spage{ padding:30px 30px 40px; line-height:200% !important ; font-weight:normal; font-size:14px;}
.spage p{ margin-bottom:15px;}
.spage a{ color:#0093D0;}
.spage a:hover{ text-decoration:underline}

.about img{ float:right; width:350px}
.about p{ width:430px; float:left; font-size:14px; line-height:200%;}


.news-list{ padding:0px 30px 50px}
.news-list ul.list li{ padding:30px 0px; border-bottom:1px #ddd dashed }
.news-list ul.list li h3{ line-height:15px; font-size:15px; height:30px; background:url(../images/icon13.gif) no-repeat 0 3px; padding-left:19px;font-family:"΢ÈíÑźÚ",Helvetica,Arial; }
.news-list ul.list li h3 span{font-family:Helvetica,Arial; font-size:12px; margin-left:10px; color:#999; font-weight:normal; position:relative;top:-1px }
.news-list ul.list li img{ width:166px; height:100px; float:left; position:relative;top:6px;}
.news-list ul.list li p{ width:610px; float:right; line-height:23px; color:#666}
.news-list ul.list li p a{ display:block; width:70px; text-decoration:underline}
.news-list ul.list li p a:hover{ text-decoration:none}

.news-view{ padding:20px 30px 50px;}
.news-view h1{font-size:24px; font-weight:normal; text-align:center; line-height:33px; padding:10px 30px 20px; color:#444;font-family:"΢ÈíÑźÚ",Helvetica,Arial; }
.news-view p.info{padding:12px 0px; text-align:center; border-top:1px #ddd dashed;border-bottom:1px #ddd dashed;color:#888}
.news-view p.info span{ color:#ffc520; margin-right:3px;}
.news-view p.info a{ cursor:pointer}
.news-view p.info a.btn{ display:inline-block; width:74px; line-height:25px; color:#fff; height:25px; background:url(../images/download.gif) no-repeat; padding-left:11px; }
.news-view p.info a.btn:hover{ color:#ffea00}
.news-view .content{margin-top:20px;font-size:13px;line-height:220%;font-family:"΢ÈíÑźÚ",Helvetica,Arial; font-size:14px;}
.news-view .content p{ margin-bottom:15px}
.news-view .content img{ max-width:100%; _width:100%}
.news-view .other{border-top:1px #ddd dashed; padding-top:25px; margin-top:25px;font-family:"΢ÈíÑźÚ",Helvetica,Arial;}
.news-view .other .left{ float:left;color:#777; width:500px;}
.news-view .other .left p{height:25px;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .download{ border-top:1px #ddd dashed; padding-top:20px; margin-top:25px;}
.news-view .download h2{ font-size:15px; color:#3988e2; height:25px;font-family:"΢ÈíÑźÚ",Helvetica,Arial;}
.news-view .download p{ padding:5px 0px; background:url(../images/file.gif) no-repeat 0 center; padding-left:20px;}
.news-view .download p a{ color:#0033FF; text-decoration:underline}
.news-view .download p a:hover{ text-decoration:none; color:#0033FF}

.news-view .pics{ background:#fff;  margin-top:30px; position:relative; overflow:hidden}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:842px; max-height:500px;}
.news-view .pics .list li{ display:none; text-align:center}
.news-view .pics .prev{ width:421px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:421px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.news-view .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:60}


.pro-list{ padding:30px 30px 50px 0}
.pro-list h2{ margin-top:30px; font-size:15px;border-bottom:2px #dfdfdf solid; padding-bottom:14px;}
.pro-list h2 span{ color:#6cc439; margin:0px 5px; }
.pro-list ul.list{ }
.pro-list ul.list li{ position:relative; width:232px; height:230px; float:left; margin-left:36px; display:inline; margin-bottom:30px;}
.pro-list ul.list li .image{position:relative;top:4px; width:230px; height:185px; display:block}
.pro-list ul.list li img{ width:230px; height:160px; border:1px #dfdfdf solid; float:left; z-index:2; position:absolute; left:0;top:0;}
.pro-list ul.list li em{ display:block; width:232px; height:162px; z-index:1; position:absolute; left:4px;top:4px; background:#f5f5f5; }
.pro-list ul.list li h3{ line-height:18px; font-size:15px; height:30px; font-family:"΢ÈíÑźÚ",Helvetica,Arial; text-align:center;font-weight:normal;}
.pro-list ul.list li h3 span{ display:block;font-family:Helvetica,Arial; font-size:12px; margin-left:10px; color:#999;  position:relative;top:-1px; padding-top:6px;}


.pro-main{background:#fff; margin-top:15px;min-height:500px;_height:500px;border:1px #d8d8d8 solid; padding-bottom:30px;}
.pro-main h1{ background:url(../images/icon2.gif) repeat-x 0 6px; height:50px; width:96%; margin:30px auto 0;}
.pro-main h1 span{font-weight:normal; font-size:22px; line-height:20px; padding-right:10px; background:#fff; padding-left:20px; position:relative; display:block; width:200px; margin:0 auto; text-align:center}
.pro-main li{ width:240px; height:215px; background:#d8d8d8; float:left; margin-left:30px; margin-bottom:30px}
.pro-main li img{ width:238px; height:160px; border:1px #d8d8d8 solid}
.pro-main li h2{ text-align:center; font-size:16px; margin-top:15px;}

.pro-view{ padding:30px 30px 50px;}
.pro-view .info{}
.pro-view .info img{ width:300px; height:200px; padding:4px; border:1px #dfdfdf solid;}
.pro-view .info div{ width:400px; float:right; background:#ebecf2; padding:20px 25px; min-height:170px;}
.pro-view .info div h1{font-size:24px; font-weight:normal;line-height:33px;color:#444; }
.pro-view .info div p{ margin-top:12px;}
.pro-view .info div p label{ font-weight:bold}
.pro-view .info div p span{ display:block; margin-top:10px; line-height:16px;background:url(../images/file.gif) no-repeat 0 center; padding-left:20px;}
.pro-view .info div p span a{color:#0033FF; text-decoration:underline;}
.pro-view .info div p span a:hover{ text-decoration:none}
.pro-view .content{margin-top:30px;font-size:13px;line-height:220%;font-family:"΢ÈíÑźÚ",Helvetica,Arial; font-size:14px;}
.pro-view .content h2{ background:url(../images/icon2.gif) repeat-x 0 6px; height:40px;}
.pro-view .content h2 span{font-weight:normal; font-size:20px; line-height:20px; padding-right:10px; background:url(../images/t1-icon.gif) no-repeat 0  center #fff; padding-left:20px; position:relative;}
.pro-view .content p{ margin-bottom:15px}
.pro-view .other{border-top:1px #ddd dashed; padding-top:25px; margin-top:25px;font-family:"΢ÈíÑźÚ",Helvetica,Arial;}
.pro-view .other .left{ float:left;color:#777; width:500px;}
.pro-view .other .left p{height:25px;}
.pro-view .other .left p a{ margin-left:3px;}
.pro-view .other .right{float:right;color:#777}

.contact{ padding-bottom:30px}
.contact .map{ border:1px #dfdfdf solid; padding:5px; background:#fff}
.contact .map div#Gmap{ height:350px; width:100%;}
.contact .content{ margin-top:30px; float:left; font-size:14px; width:850px; background:#fff; border:1px #dfdfdf solid; padding:20px 25px;}
.contact .content h3{ font-size:30px; padding-bottom:5px;}
.contact .content h3 span{ font-size:18px; font-family:"Georgia"; display:block; color:#888; font-weight:normal; margin-top:0px}
.contact .content p{ margin-top:10px;}
.contact .links{ float:right; margin-top:30px;}
.contact .links ul li{ width:180px; height:180px; float:left; margin-left:20px;}
.contact .links ul li img{ height:160px; border:10px #fff solid}
.contact .links ul li a{display:block; text-align:center;width:180px; height:180px; position:relative; color:#fff}
.contact .links ul li a strong{ display:block; text-align:center; font-size:22px; padding-top:33px; padding-bottom:20px; font-weight:normal}
.contact .links ul li a span{ display:block; text-align:center; padding-top:20px; font-size:14px;}
.contact .links ul li a.qq{ background:#008cd6; }
.contact .links ul li a.qq:hover{ background:#0081c5}
.contact .links ul li a.sina{ background:#d72a2c; }
.contact .links ul li a.sina:hover{ background:#b91a1c}
.contact .links ul li a img{ height:30px; border:0;}


#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:"΢ÈíÑźÚ"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc} 
#message .msg a:hover{ color:#b1000; text-decoration:none}


.page1{width:22px;height:22px;border:1px #dddddd solid;float:left;margin-left:5px;margin-right:5px;text-align:center;line-height:22px;}
.page{line-height:22px;width:22px;height:22px;border:1px #dddddd solid;float:left;background-color:#ce0000;color:#ffffff;margin-left:5px;margin-right:5px;text-align:center;}

.page3{line-height:22px;width:80px;height:22px;border:1px #dddddd solid;float:left;margin-left:5px;margin-right:5px;text-align:center;}
.page4{line-height:22px;width:80px;height:22px;border:1px #dddddd solid;float:left;;margin-left:5px;margin-right:5px;text-align:center;}

.ne{width:390px;height:60px;line-height:28px;float:left;font-size:12px;}
.pe{width:390px;height:28px;line-height:28px;float:right;font-size:12px;}


.new_left{float:left;width:186px;height:123px;}
.new_right{float:left; width:600px;margin-left:30px;line-height:24px;}
.new_right h1{font-size:16px;color:color:#0978d4;height:24px;line-height:12px;color:#0978d4;}



#infocontent{float:left;width:480px;}

       #infocontent ul li.first
        {
            border-top: 1px solid #DFDFDF;
        }
       #infocontent ul li.last
        {
            border: none;
        }
      #infocontent  ul p
        {
            float: left;
            margin: 0;
            width: 480px;
        }

       #infocontent ul li
        {
           height:60px;
            width:450px;
            height:50px;
            overflow:hidden;
        }
       #infocontent ul input[type="text"], ul input[type="password"]
        {text-indent:10px;
            width:330px;
            height:30px;
            position:relative;
            border:solid 1px #d5d4d4;
            -moz-border-radius:2px;
            -webkit-border-radius:5px;
            float:right;
        }
       #infocontent ul input.required 
        {
            border: solid 1px #f00;
        }