body{ padding:0px; margin:0px; color:#333; font-size:12px;  font-family:Microsoft Yahei;}
html{ overflow-y:scroll}
*{ padding:0px; margin:0px; list-style: none}
a{ color:#333; text-decoration: none}
a:hover{ color:#3272b0; text-decoration:underline}


div#head{ width:100%; clear:both; border-top:1px solid #f00; height:106px;}
div#head .top{ width:1002px; margin:0px auto; height:106px;}
div#head .logo{ float:left;}
div#head .search{ float:left; padding-left:25px; padding-top:45px;}
.soso{ width:240px; float:left; height:28px; border:1px solid #ddd; line-height:28px; margin-right:15px; padding-left:10px; color:#999;}
div#head .tel{ width:310px; float:right; height:106px; background:url(../images/index-2.jpg) no-repeat right bottom; text-align:right; line-height:30px;}

#nav{width:100%; clear:both; background:url(../images/index-5.png) repeat-x left top; height:50px; position:relative; z-index:1000 ; font-family:Microsoft Yahei}
#nav ul#menu{ width:1002px; margin:0px auto; height:50px;}
#nav ul#menu li{float:left; display:block; width:120px;height:50px;text-align:center; }
#nav ul#menu li a{color:#fff; text-decoration:none; line-height:40px; height:50px; text-align:center; display:block;width:120px; font-size:14px; font-weight:bold}
#nav ul#menu li a:hover,.red{color:#fff; text-decoration:none;  background:url(../images/index-4.png) no-repeat; text-decoration:none;line-height:40px; height:50px; display:block; z-index:1200; position:relative}

#nav ul#menu li ul{width:120px; display:none;background:#b00; position:relative;  left:0; top:-10px; padding-top:15px;}
#nav ul#menu li ul li{width:120px;height:30px;line-height:30px;float:left;}
#nav ul#menu li ul li a{width:100px;background:#b00; height:30px;line-height:30px; font-weight:normal; text-align:left; padding-left:20px; font-size:12px;}
#nav ul#menu li ul li a:hover{color:#fff; background:#900;  width:100px;height:30px;line-height:30px; padding-left:20px;}

.activity{ color:#fff; text-decoration:none;  background:url(../images/index-4.png) no-repeat; text-decoration:none;line-height:40px; height:50px; display:block; z-index:1200; position:relative}

div#bottom{ width:100%; clear:both; background:#70a5cc; color:#fff; height:100px;}
div#bottom .foot{ width:1002px; margin:0px auto;}
div#bottom .logo{ float:left;}
div#bottom .Copyright{ float:right; padding-top:10px; line-height:30px;}



#full-screen-slider { width:100%; height:378px; float:left; position:relative; margin-top:-10px; z-index:100; clear:both}
#slides { display:block; width:100%; height:396px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

#Tab1{width:680px; float:left; background:url(../images/index-9.jpg) no-repeat left bottom; padding-bottom:16px;}
.Menubox {width:100%;background:url(../images/index-8.jpg) repeat-x left bottom;height:34px;line-height:34px;}
.Menubox ul{margin:0px;padding:0px;list-style:none;}
.Menubox a:link{color:#00F;text-decoration:none;}
.Menubox a:hover {color: #c00;text-decoration:underline;}
.Menubox li{float:left;display:block;cursor:pointer;width:80px;text-align:center;color:#949694;font-weight:bold;}
.Menubox li.hover{padding:0px;width:80px;background:url(../images/index-7.jpg) no-repeat;color:#3272b0;font-weight:bold;height:34px;line-height:34px;}
.Contentbox{clear:both;margin-top:0px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:url(../images/index-12.jpg) repeat-x left bottom;height:158px;padding-top:8px; width:658px; padding:10px;}
.Contentbox .newspic{ width:253px; float:left; padding-right:15px; height:158px;}
.Contentbox .newspic img{ width:253px; float:left; height:158px;}
.Contentbox ul{ padding:0px; float:left !important0px;}
.Contentbox ul li{ width:375px; float:left; height:29px; line-height:29px; border-bottom:1px dashed #ddd;}
.Contentbox ul li span{ float:right;}


#dow{ width:300px; float:right; background:url(../images/index-10.jpg) no-repeat left bottom; padding-bottom:11px;}
#dow .clear{ width:300px; float:left; background:url(../images/index-11.jpg) no-repeat left top; height:7px;}
#dow .dowcont{ width:278px; float:left; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:10px; background:url(../images/index-12.jpg) repeat-x left bottom; height:190px;}
#dow .dowcont ul{ padding:0px; margin:0px; float:left;}
#dow .dowcont ul li { width:129px; float:left; height:30px; line-height:30px;}
#dow .dowcont .cont{ width:278px; float:left; line-height:25px; padding:5px 0px; }
#dow .dowcont .cont img{width:120px; height:95px; float:left; margin-right:15px;}
#dow .column{ width:278px; float:left; text-align:right; padding-bottom:5px;}
#dow .column span{ float:left; font-size:13px; font-weight:bold;color:#949694;}

#pro{ width:1002px; float:left; background:url(../images/index-14.jpg) no-repeat left  bottom; padding-bottom:21px;}
#pro  .clear{ width:1002px; float:left; background:url(../images/index-13.jpg) no-repeat; height:7px;}
#pro .procont{ width:980px; float:left;border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:10px;background:url(../images/index-12.jpg) repeat-x left bottom;  }
#pro .column{ width:980px; float:left; text-align:right; padding-bottom:5px; }
#pro .column span{ float:left; font-size:13px; font-weight:bold;color:#949694;}



.middle_coop {clear:both;width:980px; float:left; height:160px; }
.middle_coop .middle_coop2 {height:250px;width:978px;padding-top:10px; }
.middle_coop .middle_coop2 .coop_left {float:left;width:24px; margin-top:50px;}
.middle_coop .middle_coop2 .coop_right {float:right;width:24px;margin-top:50px;}
.middle_coop .middle_coop2 .coop_logo {margin:0 0 3px;width:915px;__width:905px;}

.middle_coop1 a{color: #000099;text-decoration: none;}
.middle_coop1 a:hover { color: #FF9900;text-decoration: underline;}
.middle_coop span{ background:url(../images/index-17.jpg) no-repeat left center; height:30px; line-height:30px; padding-left:10px; margin-left:2px;}



#banner{ width:1005; clear:both; height:196px; margin-top:-10px; position:relative; z-index:-100}
div#main{ width:1002px; margin:0px auto; padding:15px 0px; overflow:auto}
#left{ width:210px; float:left;}
#left .column{ width:180px; float:left; background:url(../images/index-20.jpg) no-repeat left top; height:29px; padding-left:30px; line-height:30px;font-size:15px;  font-weight:bold; color:#008edc}
#left .nav{ width:210px; float:left; padding-bottom:10px;}
#left .nav ul{ padding:0px; margin:0px; float:left;}
#left .nav ul li{ width:210px; float:left; height:30px; background:url(../images/index-21.jpg) repeat-x left top; line-height:30px;}
#left .nav ul li:hover{ background:#3272b0;}
#left .nav ul li a{ width:170px; float:left; height:30px; line-height:30px; background:url(../images/index-22.gif) no-repeat 30px center; padding-left:40px;}
#left .nav ul li a:hover{ color:#fff; text-decoration:none}


#left .pronav{ width:210px; float:left; padding-bottom:10px;}
#left .pronav ul{ padding:0px; margin:0px; float:left;}
#left .pronav ul li{ width:210px; float:left;}
#left .pronav ul li span{ width:210px; float:left; height:30px; background:url(../images/index-21.jpg) repeat-x left top; line-height:30px;}
#left .pronav ul li span:hover{ background:#3272b0;}
#left .pronav ul li span a{ width:170px; float:left; height:30px; line-height:30px; background:url(../images/index-22.gif) no-repeat 30px center; padding-left:40px;}
#left .pronav ul li span a:hover{ color:#fff; text-decoration:none}
#left dl{ width:190px; float:left; background:#eee; padding:10px; margin:0px; display:none;}
#left dl dt{ border-bottom:1px dashed #fefefe; height:25px; line-height:25px; padding-left:30px; width:160px;}
#left .cont{ width:200px; float:left; background:#eee; padding:5px; line-height:25px;}

#right { width:780px; float:right; border:1px solid #ddd;}
#right .column{ width:780px; float:left; height:40px; background:url(../images/index-19.jpg) repeat-x left top; line-height:30px;}
#right .column span{ float:left; padding:0px 15px; font-size:15px;  font-weight:bold; color:#008edc}
#right .column span a{ color:#008edc}
#right .content{ width:760px; float:left; padding:10px; line-height:25px;}
#right .content td{ padding:5px 0px;}

#Tab2{width:780px; float:left;  }
.Contentbox2{ width:760px; float:left; padding:10px; line-height:25px;}
.Contentbox2 td{ padding:0px 15px;}

.Menubox2 {width:770px; padding-left:10px;background:url(../images/index-8.jpg) repeat-x left bottom;height:34px;line-height:34px;}
.Menubox2 ul{margin:0px;padding:0px;list-style:none;}
.Menubox2 a:link{color:#00F;text-decoration:none;}
.Menubox2 a:hover {color: #c00;text-decoration:underline;}
.Menubox2 li{float:left;display:block;cursor:pointer;width:80px;text-align:center;color:#949694;font-weight:bold;}
.Menubox2 li.hover{padding:0px;width:80px;background:url(../images/index-7.jpg) no-repeat;color:#3272b0;font-weight:bold;height:34px;line-height:34px;}

#right .News-list{ width:760px; float:left; padding:10px;}
#right .News-list ul{ padding:0px; margin:0px; float:left;}
#right .News-list ul li{ width:750px; float:left; border-bottom:1px dashed #ddd; height:30px; line-height:30px;background:url(../images/index-22.gif) no-repeat left center; padding-left:10px;}
#right .News-list ul li span{ float:right}

#right .page{ width:100%; clear:both; float:left; padding:15px 0px;}
#right .newstitle{ width:780px; float:left ;  font-size:20px; font-weight:bold; text-align:center; padding:15px 0px;}
#right .newsdate{ width:780px; float:left; text-align:center; height:30px; line-height:30px;border-bottom:1px dashed #ddd;}

#right .video{ width:760px; float:left; padding:10px;}
#right .video ul{ padding:0px; margin:0px; float:left;}
#right .video ul li{ float:left; width:760px; border-bottom:1px solid #ddd; padding:15px 0px; position:relative}
#right .video ul li img{ width:350px; float:left; height:170px;}
#right .video ul li span{ width:370px; height:30px; line-height:30px;  display:block; background:#eee; float:right; padding:0px 15px;}
#right .video ul li span a{ color:#b00; font-weight:bold}

#right .video ul li p a{ width:350px; display:block; position:absolute; left:0px; top:15px; height:170px; text-indent:-9999px; background:url(../images/video-1.png) no-repeat; }
#right .video ul li p a:hover{ width:350px; display:block; position:absolute; left:0px; top:15px; background:url(../images/video.png) no-repeat; height:170px;}
#right .video ul li .cont{ width:370px; float:right; padding:5px 15px; line-height:25px; color:#666;}

#right .prolist{ width:760px; float:left; padding:10px;}
#right .prolist ul { padding:0px; margin:0px; float:left;}
#right .prolist ul li{ float:left; width:203px; float:left; padding: 10px 25px;}
#right .prolist ul li img{ width:201px; float:left; height:137px; border:1px solid #ddd;}
#right .prolist ul li img:hover{ width:201px; float:left; height:137px; border:1px solid #3272b0}
#right .prolist ul li span{ width:203px; float:left; text-align:center; height:30px; line-height:30px;}

#right .pro_class{ width:760px; float:left; padding:10px;}
#right .pro_class ul{ width:760px; float:left;}
#right .pro_class ul li{ width:760px; float:left; border-bottom:1px solid #ddd; padding:15px 0px;}
#right .pro_class ul li img{ width:189px; height:125px; float:left; margin-right:15px; border:1px solid #ddd; padding:5px;}
#right .pro_class ul li span{  font-weight:bold; color:#b00; float:left; width:520px;display:block; background:#eee; height:30px; line-height:30px; padding:0px 10px;}
#right .pro_class ul li span a{ color:#b00;}
#right .pro_class ul li p{ float:left; padding:5px 0px; width:520px; display:block; padding:0px 10px;}
#right .pro_class ul li p a{ color:#333; line-height:25px; text-decoration:none}

#right .pic{ width:230px; padding:15px; float:left;}
#right .pic img{ padding:10px;}
#right .Memo{ width:450px; float:left; padding:15px;}
#right .Memo span{ width:450px; float:left;  border-bottom:1px dashed #ddd; font-size:15px; font-weight:bold; padding-bottom:5px;}
#right .Memo p{ padding:15px 0px; line-height:25px;}


.zoom-section{clear:both;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:200px;margin-bottom:20px;}
.zoom-small-image{border:4px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}
.cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}