/* CSS Document Reset begin*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,li,legend,input,textarea,select{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
body{font:12px "Tahoma, Geneva, sans-serif",HELVETICA; background:#fff;-webkit-text-size-adjust:100%;}
input,button,select,textarea,area{outline:none}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline; color:#c9040b;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
/* CSS Document Reset over*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear{clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/******************Global CLASS begin************/
.fl{ float:left;}
.fr{ float:right;}
.fr2{ float:right; margin-right:20px;}
.huanying{width:100%; height:29px;background:url(../images/top_bj.gif) repeat-x; min-width:1200px;}
.huanying .info{width:1200px; margin:0 auto;}
.huanying p{width:900px; height:29px; line-height:29px; float:left;}
.huanying span{float:right; width:200px; text-align:right; height:29px; line-height:29px;}
.huanying span a{padding-left:10px; padding-right:10px;}
#top div.fr2{ width:346px; height:80px; background:url(../images/dianhua.jpg) no-repeat;}
#top div.fr2 dl{ padding-left:60px;}
#top div.fr2 p{ text-align:right; height:27px; line-height:27px; position:absolute; left:50px; }
#top div.fr2 p .red{ font-size:20px;}
#top div.fr2 form{ display:block; height:20px; padding:1px;}
#top div.fr2 form input{ display:block;}
#top div.fr2 form .fl{ width:290px; height:20px; line-height:20px; border:none; border:0px\9;}
#top div.fr2 form .fr{ border:none; width:47px; height:20px; background:url(../images/serch-btn.gif);}
#top div.fr2 img{ padding-left:60px;}

.clear{float:none; clear:both; display:block; height:0px; font-size:0px;}
.red{ color:#c9040b;}
.bor{ border:#dddddd solid 1px;}
.borbottom{ border-bottom:#9f9f9f dashed 1px;}
.imgbor{padding:1px; border:#CCC solid 1px;}
.imgbor2{padding:2px; border:#CCC solid 1px;}
.yahei{ font-family:'微软雅黑';}
.center{ display:block; margin:0px auto;}
.block{ display:block;}
.none{ display:none;}
.w705{ width:705px;}
.blank10{ height:10px;}
.blank20{ height:20px;}
.blank30{ height:30px;}



#top{ width:1200px; padding:20px 0px 20px;}
#top a.logo{ display:inline-block; width:430px;}
#top div.fr{ width:346px;}
#top div.fr p{ text-align:right; height:27px; line-height:27px;}
#top div.fr p .red{ font-size:20px;}
#top div.fr form{ display:block; height:20px; padding:1px;}
#top div.fr form input{ display:block;}
#top div.fr form .fl{ width:290px; height:20px; line-height:20px; border:none; border:0px\9;}
#top div.fr form .fr{ border:none; width:47px; height:20px; background:url(../images/serch-btn.gif);}
#top div.fr img{ padding-left:60px; margin-top:-20px;}


/*#nav{height:40px; line-height:40px; text-align:center; background-color:#014582; }
#nav .nav{ width:1198px; height:40px; margin:0px auto; position:relative; z-index:999; background:url(../images/menu-split.gif) left no-repeat; padding-left:2px;}
#nav .nav a.type{ display:inline-block; width:171px; height:40px; font-size:14px; float:left; color:#fff; background:url(../images/menu-split.gif) right no-repeat;}
#nav .nav a.type:hover{ text-decoration:none; background-color:#033562;}
#nav .nav a.this{ font-weight:bold; background-color:#033562;}
#nav .pros{ width:1027px; height:258px; top:40px; left:88px; display:none; background:rgba(255, 255, 255, 0.8); background:#fff\9; position:absolute; z-index:999; overflow:hidden;}
#nav .pros div{height:258px; float:left; border-left:#fff solid 1px; border-right:#d6d6d6 solid 1px;}
#nav .pros div p{ border-bottom:#d6d6d6 solid 1px; height:34px; line-height:34px; text-align:left; font-size:14px; font-weight:bold; background:rgba(255, 255, 255, 0.5);}
#nav .pros div p a{padding-left:20px; margin-left:30px; background:url(../images/ico2.gif) left center no-repeat;}
#nav .pros div p a:hover{ text-decoration:underline; color:#c9040b;}
#nav .pros div ul{border-top:#fff solid 1px; padding-top:10px;}
#nav .pros div ul li{ width:166px; height:30px; height:20px\9; float:left; }
#nav .pros div ul li a{ display:inline-block; width:126px; height:23px; text-align:left; padding-left:10px; line-height:23px; background:url(../images/ico3.gif) left center no-repeat;}
#nav .pros div ul li a:hover{ background:url(../images/hover.gif) no-repeat; color:#fff;}
#nav .pros .psj{width:198px; border-left:none;}
#nav .pros .mfj{ width:198px;}
#nav .pros .sfpt{ width:198px;}
#nav .pros .ctscx{ width:221px; border-right:none;}*/




/*导航*/
.nav{height:40px; line-height:40px; text-align:center; background-color:#014582; width:100%; min-width:1200px;}
#nav { width:1198px; height:40px; margin:0px auto; position:relative; z-index:999; background:url(../images/menu-split.gif) left no-repeat; padding-left:2px; }	
#nav li.nav_m { width:146px; height:40px; font-size:14px; float:left; color:#fff; background:url(../images/menu-split.gif) right no-repeat; }
#nav li.nav_index {  width: 133px; background-position: 131px -35px;; }
#nav li.nav_m a.nav_m_link  { color: #fff; display:block; text-align:center; _font-weight:bold; font-weight:bold; }
#nav li.nav_m a.nav_m_link:hover {text-decoration:none; background-color:#001346; width:144px; }
#nav li.nav_index a.nav_m_link:hover { background: url(../images/nav_bg.gif) no-repeat bottom left; }
#nav li.nav_m a.nav_m_link.cur {text-decoration:none; background-color:#001346; width:144px; }
#nav li.sfhover a.nav_m_link { background: url(../images/bg/nav_bg.gif) no-repeat 0 0; }
.nav_sub_main {position: relative; top:0px; left:-9999px;  width: 146px; z-index:100; }
#nav li.sfhover .nav_sub_main { left: 0; display:block; }
#nav li.nav_m:hover .nav_sub_main { left: 0; display:block;  }
.nav_sub_main li { height: 27px; line-height: 26px; width: 146px; text-align:center; font-size: 12px; background:#1D46AF; border-bottom:1px dashed #FFF;}
.nav_sub_main li a { display: block; width: 146px; height: 27px; color:#fff;}
.nav_sub_main li a:hover { color: #fff; text-decoration:none; background-color:#001346; display:block;  }
/*产品导航*/
.main_menu { display:none; position: relative; left:-400px; top:0px; background:#f2f2f2 url(../images/nav_sub.gif) 0 -120px repeat-x; width:960px; overflow:hidden; _zoom:1; z-index:100; height:340px; font-size: 12px; font-family: SimSun;  }
#nav li.sfhover .main_menu{ display:block; }
#nav li.nav_m:hover .main_menu{ display:block; }
.navpro { overflow:hidden;  width: 884px; margin: 0 auto; }
.navpro dl{ overflow:hidden; float:left; height:340px;  margin-right: 20px; background: url(../images/nav_sub_r.gif) no-repeat right bottom;}
.navpro  dl dt{ overflow:hidden;  height: 37px; margin-bottom: 5px; line-height: 37px;  font-weight:bold; font-family:"Microsoft YaHei", SimSun;  background: url(../images/nav_sub.gif) 0 0 no-repeat; text-indent: 20px;}
.navpro  dl dt.pro_mobile{ background-position:0 -37px; margin-bottom:0; }
.navpro  dl dt a{color:#000;  }
.navpro  dl dt a strong{ color:#c00;  }
.navpro  dl dd { overflow:hidden; height: 30px; text-indent: 12px; background: url(../images/ico.gif) no-repeat 0 -46px;}
.navpro  dl dd.imp { background-position:0 -149px; }
.navpro  dl dd a { display:block; }
.navpro  dl dd.imp a { color:#c00c00; }
.navpro  dl dd a:hover { background: url(../images/nav_sub.gif) no-repeat 0 -80px; color:#fff; }
.navpro  dl.navpro_1 { width:140px; }
.navpro  dl.navpro_2 { width:123px; }
.navpro  dl.navpro_2  dd{ width:110px; }
.navpro  dl.navpro_3 { width:115px; }
.navpro  dl.navpro_3  dd{ width:103px; }
.navpro_r { width: 160px; height:340px;}
.navpro_r dl { float:none; height: auto; margin-right:0; background:none;}








#banner{ text-align:center; margin-top:1px; }
#hot-bar{line-height:35px; background:url(../images/bar-bg.gif);}
#hot-bar .hot-bar{ height:35px; width:1200px; margin:0px auto;}
#hot-bar p.hot{ width:900px; height:35px; background:url(../images/bar-tit-bg.gif) left center no-repeat; overflow:hidden;}
#hot-bar p.hot span{ width:92px; display:inline-block; text-align:center; color:#fff; padding-left:5px; vertical-align:top;}
#hot-bar p.link{ width:300px; height:35px; overflow:hidden; text-align:right; background:url(../images/hot-link-bg.gif) left center no-repeat;}
#hot-bar p.link a{ margin-right:64px; margin-right:60px\9; display:inline-block; color:#666666;}#hot-bar p.link a.last{ margin-right:0px;}
#hot-bar p.link a:hover{ color:#c9040b;}



#footer{ text-align:center; background:url(../images/footer-bg.gif) top repeat-x; margin-top:40px; padding-bottom:3px; width:100%; min-width:1200px;}
#footer .link{ height:38px; line-height:38px; width:1200px; margin:0 auto;}
#footer .powerby{ height:35px; line-height:30px; }
#footer .flink{ height:25px; line-height:25px; text-align:left; width:1200px; margin:0 auto;}


.pagelink{ float:right; height:26px; line-height:26px; background-color:#DCD9D4; margin:20px 0 0 0; padding:0 10px;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}


.plist {
	width:826px;
	text-align:left;
	margin:0;
	padding:0;
}
.plist ul{
	float:left;
	width:866px;
	list-style:none;
	padding:0;
	margin:0;
}
.plist ul li{
	float:left;
	text-align:center;
	padding-top:8px;
	padding-right:11px;
	padding-bottom:5px;
	padding-left:11px;
}

.plist ul li img{
padding: 2px;
      border: 1px solid #CCC;
	width:180px;
	height:134px;
}

.plist span a{
	padding-top:8px;
	display:block;
	height:23px;
	width:180px;
	color:#000;
font-weight:bold
}
.plist span a:hover{
color:#333366;
}

/* CSS Document */
#main{ width:1200px; margin:0px auto;}
#main .height3{ height:310px; margin-top:30px; overflow:hidden;}
#main .news{ width:300px; _width:302px;}
#main .news p.new,#main .service p.new{ height:60px; line-height:20px; margin-bottom:20px; overflow:hidden;}
#main .news p.new img,#main .service p.new img{ margin-right:8px;}
#main .news p.new a,#main .service p.new a{ color:#014582;}
#main .news .u1{ color:#014582; margin-bottom:24px;}
#main .news .u1 li{ width:100%; height:30px; line-height:30px; overflow:hidden;}
#main .news .u1 li span{float:right;}
#main .news b{ font-size:14px;}
#main .news div{ margin-top:10px;}
#main .news div a{ width:73px; height:50px; display:inline-block; margin-left:1px; float:left;}
#main .news div a.first{ margin-left:2px;}

#main .pros{ width:503px; height:280px; margin-top:53px; border:#c0c0c0 solid 1px; margin-left:48px; position:relative;}
#main .pros #slider{ width:475px; height:28px; margin:20px auto 0px; background:url(../images/slider-line.gif) 0px 23px repeat-x;}
#main .pros #slider li{ width:95px; height:28px; line-height:23px; text-align:center; float:left; cursor:pointer;}
#main .pros #slider li.active{ background:url(../images/slider-bg.gif); color:#fff; cursor:default;}
#main .pros #obj{ width:475px; height:153px; overflow:hidden; margin:15px auto 22px; display:block;}
#main .pros #obj img.fl{ margin-right:10px;}
#main .pros #obj h3{ font-size:14px; font-weight:bold; margin-bottom:10px;}
#main .pros #obj p{ line-height:23px;}
#main .pros #obj a.a1{ display:inline-block; width:62px; height:19px; text-align:center; line-height:19px; border:#c0c0c0 1px solid;}
#main .pros #obj a.a2{ display:inline-block; width:80px; height:21px; padding-left:15px; font-weight:bold; background:url(../images/ico1.gif) left center no-repeat;}
.desc{width:219px; height:130px; overflow:hidden;}

#main .pros ul.ul{ width:471px; height:28px; border:#c1c1c1 solid 1px; overflow:hidden; margin:0px auto; background:url(../images/prosbg.gif);}
#main .pros ul.ul li{ width:92px; height:28px; line-height:28px; text-align:center; float:left;}

.none{display:block;}



#main .service{ width:295px; overflow:visible;}
#main p.tit{ height:23px; line-height:23px; border-bottom:#000 dotted 1px; margin-bottom:10px; font-family:'微软雅黑'; font-size:16px; font-weight:bold;}
#main .pros img.tit{ position:absolute; left:82px; top:-20px;}
#selects #select{ display:none;}
#main .service #select{position:relative; width:100%; height:23px; margin:10px auto; _z-index:2;}
#main .service #select .select{ display:block; color:#000; width:293px; position:absolute; top:0px; left:0px; height:23px; line-height:23px; cursor:pointer; border:#bebebe solid 1px; background:url(../images/select-bg.gif) right no-repeat;}
#main .service #select .sub{ display:block; width:293px; position:absolute; z-index:2000; top:24px; color:#000; background:#fff;border:1px solid #bebebe; display:none;}
#main .service #select .sub li{height:25px; line-height:25px; cursor:pointer; padding-left:10px;}
#main .service #select .sub li:hover{background:#3879d9;  color:#FFF;}
#main .service #select a:hover{ text-decoration:none;}
#main .service .online{ margin-top:40px;}
#main .service .online img{ float:left; margin-right:50px;}



.banner_div{height:350px;margin:1px auto 0px auto;overflow:hidden;position:relative; width:100%; min-width:1200px;}

#flash { width:100%; height:350px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;}
#flash a {width:100%; height:350px; display:none;}
#flash img {/*width:100%; height:407px; display:none;*/}
.flash_bar { width:180px; z-index:3; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; padding-left:60px; bottom:55px;text-align:center;margin:0 auto;position:relative; }
.flash_bar .dq { display:inline-block; float:left; width:10px; height:10px; margin:5px 5px; cursor:pointer;
background:url(../images/btn_main_img.png) no-repeat -12px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templets/v4/images/banner/tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:inline-block; float:left; display:inline\9; width:10px; height:10px; margin:5px 5px; cursor:pointer;
background:url(../images/btn_main_img.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templets/v4/images/banner/tg_flash_p2.png" ,sizingMethod="crop"); }
#flashBg { height:350px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {height:350px; width:100%; clear:both;}




.aimg { padding-top:50px; width:460px; height:180px; margin:auto;}
.aimg ul {height:180px; overflow:hidden;display:inline;}
.aimg ul li { float:left; width:420px; height:144px; display:inline; overflow:hidden;}
.aimg ul li dl{float:left; width:182px; height:142px;  margin-right:10px;}
.aimg ul li img { width:180px; height:140px; padding:1px; border:1px solid #cacaca; float:left;}
.aimg ul li a:hover img { border:1px solid #98CAEF;}
.a01 { padding-top:60px;}
.fl { float:left;}
.fr { float:right;}


.aimg ul li h3{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.aimg ul li p{ line-height:23px;}
.aimg ul li a.a1{ display:inline-block; width:62px; height:19px; text-align:center; line-height:19px; border:#c0c0c0 1px solid;}
.aimg ul li a.a2{ display:inline-block; width:80px; height:21px; padding-left:15px; font-weight:bold; background:url(../images/ico1.gif) left center no-repeat;}
.desc{width:219px; height:130px; overflow:hidden;}
.pro{width:281px; height:66px; margin-top:6px;}
.indexcontact{width:170px; line-height:22px;float:right;}
.lianxi{padding-bottom:8px; 
/*background:url(../images/kefu.jpg) left top no-repeat; */
height:135px;}



#demo {background: #FFF;overflow: hidden;width: 320px;height: 155px;}
#demo img {border: 3px solid #F2F2F2;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo li { float:left; width:120px; height:100px; margin-right:10px; display:inline;}
#demo li a:hover img { border:1px solid #62A802;}
#demo li img { width:118px; height:98px; border:1px solid #c4c4c4;}
#demo li span { text-align:center; display:block; overflow:hidden; height:32px; line-height:32px;}


