@charset "utf-8";
/*common css*/
body{ color:#333; font-family:Arial, Helvetica, sans-serif;background:url(images/bg.jpg) repeat-x; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td,div{margin:0;padding:0; list-style:none; line-height:22px;}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#00557c} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1003px; margin:auto;}

/*topbg css*/
.topbg{ background:url(images/bg1.jpg) no-repeat; padding:0 3px; width:1000px; margin-top:25px; padding-top:3px; }
.header{ height:90px; position:relative; z-index:1000}
.header h1{ float:left;}
.header .topright{ float:right; text-align:right; padding-right:25px; padding-top:25px;font-family:Microsoft YaHei; }
.header .right_l{ float:left; margin-right:25px; display:inline}
.header .topright a{  color:#083f88;}
.header .tel{ color:#969696; font-size:14px; margin-top:7px;  }
.header .search{ border:solid 1px #cbcbcb; width:168px; height:20px; line-height:20px; display:inline-block;overflow: hidden;}
.header .search .text{ border:none; background:none; height:20px; width:135px; padding-left:6px; float:left}
.header .search .btn{height:20px; width:24px; float:right; display:block;}
.nav{ position:absolute; top:87px; right:7px; width:703px; height:42px; background:#245685}
.nav ul{ padding:0 9px 0 10px; overflow:hidden}
.nav ul li{ float:left; width:70px; text-align:center; position:relative; overflow:hidden}
.nav ul li.first{ width:50px}
.nav a{ position: relative; z-index:11; display:block; font-size:13px; color:#fff;line-height:42px; transition:all 0.5s ease-in-out; }
.nav a:hover{  font-size:13px; color:#00557c;}
.nav .bg{ background:#fff; position:absolute; top:-42px; width:100%; height:42px; left:0;}

/*container css*/
.container{ position:relative; z-index:1001; background:url(images/container_bg.jpg) no-repeat bottom center;  height:240px;position:relative; z-index:10;}
.container .news{ width:252px; height:240px; overflow:hidden; float:left; margin-right:30px; display:inline }
.container .news h2{ font-size:14px; font-weight:normal;font-family:Microsoft YaHei; height:38px; line-height:38px;background:#fff;position:relative; z-index:10}
.container .news h2 .english{ font-size:12px; color:#00557c; margin-left:5px; font-family:Arial, Helvetica, sans-serif}
.container .news h2 .more{ float:right; margin-top:17px; display:inline}
.container .news .inner{position:relative; z-index:10;overflow:hidden; height:124px;}
.container .news .inner ul{ margin-top:5px; }
.container .news .inner ul li {height:24px; line-height:24px; margin-top:6px;}
.container .news .inner ul li a{ display:block; background:url(images/newslibg.jpg) repeat-x left top; padding-left:5px;  font-family:SimSun; border:solid #e9e9e9 1px; color:#777777;}
.container .news .inner ul li span{ float:right}
.container .news .inner ul li a:hover{ background:#ededed; color:#3c3c3c}

.container .about{ width:280px; float:left; height:240px; overflow:hidden; }
.container .about h2{ font-size:14px; font-weight:normal;font-family:Microsoft YaHei; height:38px; line-height:38px;background:#fff; position:relative; z-index:10}
.container .about h2 .english{ font-size:12px; color:#00557c; margin-left:5px; font-family:Arial, Helvetica, sans-serif; }
.container .about h2 .more{ float:right; margin-top:17px; display:inline}
.container .about .inner{ text-indent:24px; text-align:justify; position:relative; z-index:10; overflow:hidden;height:126px;}

.container .product{ width:408px; float:right;height:240px; overflow:hidden; }
.container .product h2{ font-size:14px; font-weight:normal;font-family:Microsoft YaHei; height:38px; line-height:38px; background:#fff; position:relative; z-index:10}
.container .product h2 .english{ font-size:12px; color:#00557c; margin-left:5px; font-family:Arial, Helvetica, sans-serif}
.container .product h2 .more{ float:right; margin-top:17px; display:inline}
.container .product .inner{position:relative; z-index:10; overflow:hidden; height:126px;}
.container .product .inner tr td{ padding:2px 8px 0;}
.container .product .inner .imgbg{background:url(images/img_bg.png) no-repeat top center;padding:5px; height:114px; width:114px;}
.container .product .inner tr td img{ display:block; margin-bottom:5px;}
.container .product .inner tr td  a{ color:#fff; font-size:12px;}
.container .product .inner tr td a:hover{ color:#00557c}

.container .hover{ position:relative}
.container .hover .bg{ background:#245685; position:absolute; top:0; left:0; width:100%; height:220px; display:none}
.container .hover .inner{transition:all 0.5s ease-in-out;}
.container .hover .color{ color:#fff}

/*footer css*/
.footer{ position:relative; color:#999999;  padding-top:4px;}
.footer .friend{ margin-top:4px;}
.footer a{ color:#999999}
.footer .copyright{ text-align:right; position:absolute; right:0; top:4px;line-height:24px;}

/*sub css*/
#container{background:url(images/container_bg.jpg) no-repeat bottom center; padding-bottom:50px; }
.sidebar{ width:200px; float:left; display:inline; }
.sidebar h2{font-size:14px; font-weight:normal;font-family:Microsoft YaHei; height:38px; line-height:38px;background:#fff; padding-left:20px; border-bottom:solid 1px #ccc}
.sidebar .english{ font-size:12px; color:#00557c; margin-left:5px; font-family:Arial, Helvetica, sans-serif}
.sidebar .position{ float:right; font-size:12px; color:#999; font-weight:normal}

.subnav ul{border-left:solid 1px #d4d4d4; border-right:solid 1px #d4d4d4}
.subnav img{ display:block}
.subnav ul li{ overflow:hidden}
.subnav .sub1{ text-align:left; height:27px; line-height:27px;  width:180px; margin:auto; margin-top:5px;}
.subnav .sub1 a{  width:170px; color:#fff; display:block;background:url(images/newsico2.gif) no-repeat 10px #245685;  padding-left:30px;}
.subnav .sub1 a:after{ float:right; content:""; width:20px; height:27px; color:#fff; display:block;background:url(images/newsico2.gif) no-repeat 10px #468ed1;  }
.subnav .sub1 a:hover{ color:#FFf; }
.subnav .sub2{  text-align:left;  height:23px; line-height:23px; padding-left:20px; width:140px; margin:auto; border-bottom:dashed 1px #ccc}
.subnav .sub2 a{ color:#666; }
.subnav .sub2 a:hover{ color:#00557c}

.contact .inner{border-left:solid 1px #d4d4d4; border-right:solid 1px #d4d4d4; line-height:24px; padding:10px;}

.main{ width:780px; float:right; margin-top:-10px;   display:inline; position:relative; z-index:11; margin-right:1px; min-height:300px;}
.crumb{ height:38px; margin-bottom:15px; line-height:38px; padding:0 20px; font-weight: normal; font-size:14px; text-align:left; color:#fff; font-family:Microsoft YaHei; background:#245685; }
.crumb .english{ font-size:12px;  margin-left:5px; font-family:Arial, Helvetica, sans-serif}
.crumb .position{ float:right; font-size:12px;  font-weight:normal}

.article { padding:0 10px;  line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left;}