@charset "utf-8";

* { margin:0; padding:0;}
body { background:#f8fafb; font-size:100%; line-height:1em; font-family:tahoma, arial; color:#687f96;}


/*in_line*/
img {border:0; vertical-align:top; text-align:left;}
ul,li,h1,h2 {list-style:none; padding:0px; margin:0px;}

a{color:#fff; text-decoration:none;}
a:hover{color:#c00;}
td{padding:5px;}


.column { float:left;}
.clear { clear:both;}
.blank20{height:20px;}

.padt30{padding-top:50px;}
.pad{padding:20px 0 10px 0; }
.f12g{color:#003;}
.border{border:#eee solid 1px;}
.padl15{padding-left:15px;}
.pad5{padding:5px;}
.pad3{padding:3px 0px;}
.marb10{margin-bottom:10px;}
.marb1{margin-bottom:1px;}
.marr1{margin-right:1px;}

h1{text-indent:-10000px; font-size:0; line-height:0;}
.center{text-align:center}
.center1{width:1000px; margin:0 auto; background:url(../images/banner.jpg); height:158px;}
.center1 .head_l{float:left; width:355px; padding-top:10px; padding-left:130px; text-align:left;}
.center1 .head_r{float:left; width:515px; text-align:left; }
.stw1{width:300px;}
.stw2{width:380px;}
.stw3{width:340px;}
.stvideo{background:url(../images/video.png) no-repeat; padding-left:20px;}
.stvideo span{font-size:12px; line-height:16px;}
.stforum{padding:2px 0px; }

/*header*/
.tall_h_wr_line{ height:55px; background:url(../images/tall_h_wr_line.gif) 0 0 repeat-x;}
.tall_h{width:1000px; margin:0 auto;}
.tall_h .f_l{ width:200px; text-indent:0px; padding-top:10px; padding-right:30px; float:left;}
.tall_h .f_r{ width:563px; padding-top:15px; float:left; font-family:Arial, Helvetica, sans-serif, "宋体";}
.tall_h .f_r input{ margin:1px 14px 0 3px; width:183px; height:17px; color:#a7b3bc; font-family:Tahoma; font-size:11px; border:0; background:none;}
.tall_h .f_r img{ margin:-2px 0 0 0;}
/**/
.tall_wr_logo{ background:#d8dee6; width:100%; height:158px;}
.logo{ width:284px; height:149px; margin:84px 250px 0 0; float:right}
/**/

.f12blue{color:#04659a; text-decoration:none; font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:12px;}
.f12blue:hover{color:#232c36; text-decoration:underline;}

/*footer*/
.tall_footer{ text-align:center; padding:20px 0 20px 0; color:#6f7f94; font-size:12px; background:url(../images/tall_footer.gif) 0 0 repeat-x;}
.tall_footer a{ color:#6f7f94; text-decoration:none}
.tall_footer a:hover{ text-decoration:underline;}


/*content*/
.tall_cont_wr{ background:#fff; width:100%; }
.content{width:1000px; margin:0 auto;}
.title{padding:30px 0 20px 0; clear:both; line-height:28px; font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:14px; color:#232c36;}
.titlel1{clear:both; font-family:"微软雅黑", "黑体", "宋体"; font-size:16px; color:#232c36; font-weight:bold;}
.titlel2{padding:20px 0 10px 0; clear:both; font-family:"微软雅黑", "黑体", "宋体"; font-size:16px; color:#232c36; font-weight:bold; border-bottom:#a6b1be solid 1px;}
.text1{clear:both; line-height:28px; font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:14px; color:#687f96; padding-bottom:20px; padding-top:10px;}
.ind_left{ padding:0 10px 0 0px;}
.position{font-size:12px; color:#687f96; padding-top:10px;}

.application{background:#f5f5f5; padding:20px; border:#dddbdb solid 1px;}
.title3{text-align:center; font-weight:bold; color:#333; font-size:14px; line-height:35px;}
.streport{clear:both;}
.streport ul li{padding:0px; margin:0px;}
.streport li{float:left;}
.streport li.r1{width:180px; margin-right:25px; font-size:12px; line-height:20px;}
.streport li.r2{width:180px; font-size:12px; line-height:20px;}
.streport li.r3{width:150px; font-size:12px; line-height:20px; margin-right:29px;}
.streport li.r4{width:150px; font-size:12px; line-height:20px;}
.eler1{float:right; width:500px; background:url(../images/ele1.jpg) no-repeat; position:relative; height:460px; margin-top:1px;}
.elew1{width:499px;}
.elew2{width:300px; background:url(../images/ele2.jpg) no-repeat; height:230px; position:relative;}
.elew3{width:198px; background:url(../images/ele3.jpg) no-repeat; height:230px; position:relative;}
.elew4{width:198px; background:url(../images/ele4.jpg) no-repeat; height:230px; position:relative;}
.elew5{width:499px; background:url(../images/ele5.jpg) no-repeat; height:230px; position:relative;}
.elew6{width:500px; background:url(../images/ele6.jpg) no-repeat; position:relative; height:460px; margin-right:1px; margin-top:1px;}
.elew7{width:300px; background:url(../images/ele7.jpg) no-repeat; height:230px; position:relative;}
.elew8{width:499px; background:url(../images/ele8.jpg) no-repeat; height:230px; position:relative;}
.eleh1{height:230px;}
.titlebg{background:url(../images/bg.png) repeat-x transparent; height:40px; color:#fff; position:absolute; width:100%; top:420px; line-height:40px; font-weight:bold; font-family:"微软雅黑", "黑体", "宋体"; text-align:center; font-size:18px; }
.titlebg1{background:url(../images/bg.png) repeat-x transparent; height:40px; color:#fff; position:absolute; width:100%; top:190px; line-height:40px; font-weight:bold; font-family:"微软雅黑", "黑体", "宋体"; text-align:center; font-size:18px; }
/*多级菜单*/
.nav { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav ul { list-style-type:none; }
.nav ul li {position:relative; text-align:center; width:100%;}
.nav ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav ul li ul {display: none;}
.nav ul li:hover ul {display: block; position: absolute; top:-118px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 178px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }
.borderleft {border-left: 1px solid #e9e9e9;}
.top { border-top: 1px solid #f2f2f2;}
 /*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul 
li:hover ul li ul {display:none;}
 #nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/
 /* Ignore this last piece of code */

.nav1 { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav1 ul { list-style-type:none; }
.nav1 ul li {position:relative; text-align:center; width:100%;}
.nav1 ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav1 ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav1 ul li ul {display: none;}
.nav1 ul li:hover ul {display: block; position: absolute; top:-185px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav1 ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 280px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav1 ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }

.nav2 { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav2 ul { list-style-type:none; }
.nav2 ul li {position:relative; text-align:center; width:100%;}
.nav2 ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav2 ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav2 ul li ul {display: none;}
.nav2 ul li:hover ul {display: block; position: absolute; top:-143px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav2 ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 178px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav2 ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }

.nav3 { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav3 ul { list-style-type:none; }
.nav3 ul li {position:relative; text-align:center; width:100%;}
.nav3 ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav3 ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav3 ul li ul {display: none;}
.nav3 ul li:hover ul {display: block; position: absolute; top:-145px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav3 ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 480px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav3 ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }

.nav4 { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav4 ul { list-style-type:none; }
.nav4 ul li {position:relative; text-align:center; width:100%;}
.nav4 ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav4 ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav4 ul li ul {display: none;}
.nav4 ul li:hover ul {display: block; position: absolute; top:-92px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav4 ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 280px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav4 ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }

.nav5 { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav5 ul { list-style-type:none; }
.nav5 ul li {position:relative; text-align:center; width:100%;}
.nav5 ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav5 ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav5 ul li ul {display: none;}
.nav5 ul li:hover ul {display: block; position: absolute; top:-93px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav5 ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 480px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav5 ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }

.nav6 { font-family: helvetica; position:relative; width:100%; line-height:40px; z-index:1000;}
.nav6 ul { list-style-type:none; }
.nav6 ul li {position:relative; text-align:center; width:100%;}
.nav6 ul li a { border-right:1px solid #e9e9e9;display:block; text-decoration:none; text-align:center; color:#fff; }
.nav6 ul li a:hover {background: #12aeef url(../images/shadow.png) repeat-x;; 
color:#fff;} 
.nav6 ul li ul {display: none;}
.nav6 ul li:hover ul {display: block; position: absolute; top:-92px; min-width:190px; left:0; font-size:16px; line-height:25px;} 
.nav6 ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 480px; text-align: left; border-bottom: 1px solid #f2f2f2; border-right: none; padding:10px;}
.nav6 ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }

/*多级菜单*/