@charset "utf-8";
/* CSS Document */

body,td,th,input,textarea,select{
	font-size:12px;
	font-family:'微软雅黑', Arial, Tahoma;
	color:#666;
	outline:none;
}
html{-webkit-text-size-adjust:none; min-width:1088px;}
body,form{margin:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
.searHeight{font-style:normal; color:#DA252C;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#333; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#666666; text-decoration:none; outline:none;}
a:hover,a:active{color:#0066CC;}
.aGray{color:#999;}
.aGray:hover,.aGray:active{color:#0066CC;}
.aRed{color:#D90000 !important;}
.aRed:hover,.aRed:active{color:#D90000 !important;}
.aBlue{color:#0066CC;}
.aBlue:hover,.aBlue:active{color:#D90000;}

.con{width:1180px; height:100%; margin:auto; position:relative;}

#top{height:37px; background:url(images/top_bg.png) repeat-x left bottom;}
#top_l{width:300px; float:left; padding-top:9px; color:#999;}
#top_r{width:500px; float:right; text-align:right; font-size:14px; color:#CCC;}
#top_r a{display:inline-block; font-size:12px; padding:9px 20px;}
#top_r a.english{color:#D90000; height:19px; background:url(images/en.gif) no-repeat 18px 12px; padding-left:39px; background-color:#E2E2E2;}
#top_r a.english:hover,#top_r a.english:active{background-color:#CC0000; color:#FFF;}

#head{height:126px;}
#logo{width:366px; float:left; padding-top:30px;}

#tel{position:absolute; left:460px; top:50px; padding-left:50px;}
.con .tel{position:absolute; height:40px; border-radius:3px; left:0; top:0;}
#tel_text{color:#888; font-size:14px; line-height:40px; vertical-align:middle;}
#tel_num{color:#D90000; font-size:26px; line-height:40px; font-weight:bold; vertical-align:middle;}

#search{position:absolute; left:1012px; top:56px;}
#keys{padding:6px; border:0px none; background:#EEE; width:155px; color:#888;}
#search img{position:absolute; right:5px; top:5px; height:18px; cursor:pointer;}

#menu_out{height:47px; background:#0857B3; position:relative; z-index:999;}
#menu{width:1180px; height:100%; margin:auto;}
#menu li{float:left;}
#menu li a{display:block; padding-left:60px; padding-right:60px; color:#FFF; font-size:14px; line-height:45px; height:47px; background:url(images/menu_split.png) repeat-y left top;}
#menu li:first-child a{background:none; padding-left:48px; padding-right:48px;}
#menu li a:hover,#menu li a:active,#menu li a.A{background:#024085;}
#menu li div.menu_bg{position:absolute; left:0; top:47px; width:100%; height:320px; padding-top:30px; display:none;}
#menu li div.menu_bg_bg{position:absolute; left:0; top:0; width:100%; height:320px; z-index:1; background:#FFF; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
#menu li div.menu_con{width:1180px; margin:auto; position:relative; z-index:2;}
#menu li p.menu_list{width:180px; float:left; position:relative; z-index:2;}
#menu li div a{display:block; padding:0; font-size:12px; text-align:center; height:40px; line-height:38px; margin-bottom:1px; background:#AAA; color:#FFF;}
#menu li p.menu_img{margin-top:-1px; width:165px; height:206px; overflow:hidden; margin-left:26px; float:left;}
#menu li p.menu_img img{border-radius:0px 0px 20px 0px;}
#menu li div.menu_txt{width:786px; float:right; color:#0066CC;}
#menu li div.menu_txt p{margin-bottom:12px;}

#banner{width:100%; min-width:1180px; height:600px; position:relative; overflow:hidden;}

.M{width:1180px; margin:auto; padding-top:36px; padding-bottom:36px;}
.M .tit{text-align:center; padding-top:30px;}
.M .brief{text-align:center; padding-top:10px; color:#888; font-size:13px;}

#main1{height:460px; clear:both;}
#main1_l{width:800px; padding-top:25px; float:left;}
#main1_r{width:330px; float:right;}
#main1_l h1{font-size:32px; font-weight:normal;}
#main1_l .h1s{padding-top:5px; color:#999;}
#main1_l .company{font-size:13px; line-height:220%; padding-top:16px; color:#777;}
#main1_r ul{display:block; margin-top:90px;}
#main1_r ul li{display:block; padding-top:12px; padding-bottom:12px; color:#464646; font-size:13px;}
#main1_r ul li .mark{height:22px; margin-right:16px;}

#main2{height:660px; background:url(images/main2_bg.jpg) no-repeat center bottom; background-color:#F2F2F2; clear:both;}
#main2 h1{font-size:20px; text-align:center; padding-top:20px; color:#FFF; padding-bottom:22px; background:url(images/main2_tit_line.png) no-repeat center center; margin-top:10px;}
#main2 .h1s{text-align:center; line-height:220%;}

#pro_con{width:1090px; padding-top:46px; overflow:hidden; margin:auto;}
#main2 ul{padding-left:30px;}
#main2 ul li{float:left; width:250px; margin-right:30px;}
#main2 ul li a{display:block;}
#main2 ul li a span{display:block; background:#024085; height:60px; line-height:56px; color:#FFF; font-size:14px; text-align:center; position:relative;}
#main2 ul li a span img{position:absolute; left:50%; margin-left:-6px; top:-7px;}
#main2 ul li a:hover span,#main2 ul li a:active span{background:#D90000;}

#pro_do_con{width:1180px; background:#CCC; position:relative;}
#pro_l{display:block; width:60px; height:60px; position:absolute; left:-50px; top:-240px; background:url(images/pro_do_l.png) no-repeat left top;}
#pro_l:hover,#pro_l:active{background-position:left bottom;}
#pro_r{display:block; width:60px; height:60px; position:absolute; right:-50px; top:-240px; background:url(images/pro_do_r.png) no-repeat left top;}
#pro_r:hover,#pro_r:active{background-position:left bottom;}

#main3{height:800px; clear:both;}
#main3 h1{font-size:20px; text-align:center; padding-top:20px; color:#FFF; padding-bottom:22px; background:url(images/main2_tit_line.png) no-repeat center center; margin-top:10px;}
#main3 .h1s{text-align:center; line-height:220%;}

.learnmore{display:block; width:180px; height:38px; line-height:36px; font-size:14px; text-align:center; border:1px solid #E6E6E6; border-radius:100px; margin:auto;}
.learnmore:hover,.learnmore:active{background:#CC0000; color:#FFF; border:1px solid #CC0000;}

#foot{background:#003C7E; height:320px;}
#foot_con{width:1180px; height:100%; margin:auto;}
#foot_l{width:900; float:left;}
#foot_r{width:190px; height:100%; float:right; background:#023267;}
#qr{text-align:center; padding-top:30px;}
#foot_r_txt{color:#FFF; text-align:center; padding-top:15px;}
#foot_r_txt2{color:#FFF; text-align:center; padding-top:5px;}

.footList{float:left; padding-right:90px; margin-top:30px;}
.footList li a{display:block; padding-bottom:7px; color:#A3B0C5; font-size:13px;}
.footList li a:hover,.footList li a:active{color:#FFF;}
.footList li a.ftit{color:#FFF; font-size:15px; display:block; padding-top:5px; padding-bottom:15px;}
.footList li a.ftit:hover,.footList li a.ftit:active{color:#FFF;}

#foot_l_txt{width:900px; border-top:1px solid #1A508B; color:#CBD2DE; padding-top:20px;}
#foot_l_txt2{padding-top:7px; color:#CBD2DE;}
#foot_l_txt2 a{color:#CBD2DE;}
#foot_l_txt2 a:hover,#foot_l_txt2 a:active{color:#FFF;}

#bannerM{width:100%; height:320px; position:relative; overflow:hidden; z-index:1;}
#bannerM div{width:2000px; height:100%; position:absolute; left:50%; top:0; margin-left:-1000px;}

#path{width:100%; height:45px; border-bottom:1px solid #E6E6E6;}
#pathC{width:1180px; margin:auto; position:relative; z-index:2;}
#location{width:220px; position:absolute; height:80px; top:-80px; right:0;}
#location .bg{width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; position:absolute; z-index:1;}
#location .txt{position:absolute; z-index:2; color:#FFF; font-size:34px; padding-left:20px; padding-top:26px;}
#locationT{width:200px; height:46px; color:#FFF; color:rgba(255,255,255,0.6); font-size:16px; font-weight:bold; font-family:Arial; padding-left:20px; line-height:44px; position:absolute; background:#003C7E; right:0; top:0;}

#nav a{display:block; float:left; width:160px; height:46px; line-height:42px; font-size:14px; text-align:center; margin-right:-1px; position:relative; overflow:hidden; color:#666 !important;}
#nav a.A{background:#D90000; color:#FFF !important; overflow:visible;}
#nav a.A span{display:block; width:100%; height:6px; background:url(images/arr_down.png) no-repeat center top; position:absolute; bottom:-6px; left:0;}
#nav a p.p1{position:absolute; left:0; top:0px; width:100%; height:100%;}
#nav a p.p2{position:absolute; left:0; top:46px; width:100%; height:100%; background:#999; color:#FFF;}

#main{width:1180px; margin:auto; clear:both; padding-top:40px; overflow:hidden;}
.text{line-height:200%;}
.text p{margin:0; margin-bottom:16px;}

#fClear{height:60px; clear:both;}

.honor{width:1130px; margin-top:20px;}
.honor li{width:530px; height:50px; float:left; margin-right:28px;}
.honor li a{display:block; width:100%; height:50px; border:1px solid #E6E6E6; position:relative;}
.honor li a span.img{width:102px; height:60px; position:absolute; left:10px; bottom:0px; padding-bottom:10px; background:#FFF; text-align:center;}
.honor li a img{height:60px;}
.honor li a span.txt{width:390px; right:10px; padding-right:10px; top:15px; position:absolute;}
.honor li.clear{width:100%; height:38px; clear:both; float:none;}

.collect{width:1260px; margin-top:20px;}
.collect li{width:271px; height:220px; background:#FFF; float:left; margin-right:32px;}
.collect li a{display:block; width:269; height:218px; border:1px solid #E6E6E6; padding:5px;}
.collect li a span.img{width:259px; height:175px;}
.collect li a img{width:259px; height:175px;}
.collect li a span.txt{width:100%; text-align:center; font-size:12px; display:block; padding-top:13px;}
.collect li.clear{width:100%; height:38px; clear:both; float:none;}

.newslist{padding-top:10px;}
.newslist li a{display:block;}
.newslist li a .img{width:220px; height:150px; float:left; background:url(images/newsimg_bg.png) no-repeat center center; position:relative; overflow:hidden;}
.newslist li a .img img{width:220px; height:150px;}
.newslist li a .img p{position:absolute; z-index:1; left:0; top:-150px; width:100%; height:100%; background:#CC0000; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.newslist li a .s1{display:block; position:absolute; z-index:2; left:50%; top:190px; margin-left:-18px;}
.newslist li a .s1 img{width:36px; height:36px;}
.newslist li a .s2{display:block; position:absolute; z-index:2; left:0; top:232px; width:100%; font-size:14px; text-align:center; color:#FFF;}
.newslist li a .con{width:930px; float:right;}
.newslist li.clear{height:36px; float:none; clear:both;}
.newslist li a .tit{font-size:14px; color:#0066CC;}
.newslist li a .time{color:#464646; padding-top:10px;}
.newslist li a .text{color:#999; margin-top:9px; line-height:200%;}

#title{padding:40px; border-bottom:1px dashed #DDD;}
#title h1{width:1180px; margin:auto; color:#464646;}
#info{width:1180px; margin:auto; margin-top:15px;}
#content{width:1180px; line-height:200%; font-size:14px; margin:auto; padding-top:40px;}
#content p{margin:0; padding:0; margin-bottom:18px;}
#operator{height:120px; background:#30303A; clear:both; text-align:right;}
#operator div{width:1180px; margin:auto; position:relative;}
#operator1{display:inline-block; width:60px; height:60px; overflow:hidden; position:absolute; left:0; top:29px;}
#operator2{display:inline-block; width:60px; height:60px; overflow:hidden; margin-top:29px;}
#operator2 img{margin-left:-60px;}
#operator3{display:inline-block; width:60px; height:60px; overflow:hidden; margin-top:29px; margin-left:30px;}
#operator3 img{margin-left:-120px;}

#proCls{width:1180px; margin-top:10px;}
#proCls li{display:block; background:#EEE; margin-bottom:30px; padding:20px;}
.proClsL{width:250px; height:250px; float:left; position:relative;}
.proClsL a{display:block; width:100%; height:100%;}
.proClsL img{width:250px; height:250px; position:absolute; z-index:1;}
.proClsL span.bg{display:block; width:100%; height:40px; background:#0857B3; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; position:absolute; z-index:2; left:0; bottom:0;}
.proClsL span.txt{display:block; width:100%; height:40px; color:#FFF; position:absolute; z-index:3; left:0; bottom:0; line-height:37px; font-size:14px; text-align:center;}
#proCls .clear{clear:both; height:0px; font-size:0px;}
.proClsR{width:850px; float:right; overflow:hidden;}
.proCls_list{width:880px;}
.proCls_list li{width:400px; float:left; margin-right:30px; margin-bottom:0 !important; padding:0 !important; background:none !important;}
.proCls_list li.clear{width:100%; float:none; clear:both; height:10px !important;}
.proCls_list li a{display:block; font-size:12px;}
.proCls_list li a:hover,.proCls_list li a:active{text-decoration:underline;}
.proCls_list li img{width:40px; height:40px; padding:3px; border:1px solid #DDD; margin-right:8px;}

#product_page{width:1180px; margin:auto; background:url(images/product_page_line.gif) repeat-y 240px top;}
#pp_L{width:240px; float:left; padding-top:30px;}
#pp_R{width:940px; float:right;}
#pp_clear{clear:both; height:40px;}

.prolist_side li{border-bottom:1px solid #E6E6E6;}
.prolist_side li a{background:url(images/arr_1.gif) no-repeat 10px 18px !important; padding:12px 20px 12px 20px !important;}
.prolist_side li a:hover,.prolist_side li a:active{background:url(images/arr_1.gif) no-repeat 10px -77px !important;}
.prolist_side_son{padding-bottom:10px !important; padding-top:10px !important; border-top:1px solid #E6E6E6;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:7px 15px 7px 8px !important; border-left:1px solid #E6E6E6 !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:7px 0px 7px 8px !important; border-left: 1px solid #0066CC !important;}
.prolist_side li span.close{background:url(images/plus_minus.gif) no-repeat right 15px !important; right:15px !important;}
.prolist_side li span.open{background:url(images/plus_minus.gif) no-repeat right -177px !important; right:15px !important;}
.prolist_side_son li span.close{background:url(images/plus_minus.gif) no-repeat right 12px !important; right:15px !important;}
.prolist_side_son li span.open{background:url(images/plus_minus.gif) no-repeat right -180px !important; right:15px !important;}
.prolist_side li a.A {color:#D90000 !important;}
.prolist_side_son li a.A {border-left: 1px solid #D90000 !important; background:#F7F7F7 !important;}

#pp_path{color:#999; margin-top:40px; padding-left:40px; border-bottom:1px solid #E6E6E6; padding-bottom:14px;}
#pp_path a{color:#999;}
#pp_path a:hover,#pp_path a:active{color:#0066CC;}

#proList{display:block; overflow:hidden; width:950px;}
#proList li{float:left; width:200px; margin-right:30px; text-align:center;}
#proList li a{display:block;}
#proList li a img{padding:3px; border:1px solid #E6E6E6; width:185px; height:185px;}
#proList li a span{display:block; padding-top:12px; padding-bottom:16px; line-height:145%;}
#proList li a:hover,#proList li a:active{color:#0066CC;}
#proList li a:hover img,#proList li a:active img{border:1px solid #CCC;}
#proList li a:hover span,#proList li a:active span{color:#0066CC;}
#proList li.clear{float:none; clear:both; width:100%; height:22px;}

#pp_info{padding-left:40px; margin-top:33px;}
#pp_split{border-top:1px dashed #DDD; margin-top:22px; position:relative;}
#pro_back{display:block; width:150px; height:36px; font-size:14px; line-height:34px; text-align:center; color:#888; border-radius:50px; border:2px solid #E1F0FF;}
#pro_back:hover,#pro_back:active{border:2px solid #CEE7FF; color:#0066CC; background:#F0F8FF;}

#tagCons{padding-left:40px; width:860px; overflow:hidden;}
#tags_title a{padding:5px 18px 6px 18px !important; background:#EEE !important; border:1px solid #EEE !important;}
#tags_title a:hover,#tags_title a:active{background:#DDD !important; border:1px solid #DDD !important; color:#666 !important;}
#tags_title a.A{background:#D90000 !important; border:1px solid #D90000 !important; color:#FFF !important;}
#tags_title{border-bottom:1px solid #EEE !important;}

#appList{width:1280px; margin-top:10px;}
#appList li{width:564px; float:left; margin-right:52px;}
#appList li a{display:block; width:562px; height:140px; border:1px solid #E6E6E6; border-radius:5px;}
.app_img{width:230px; height:120px; float:left; margin:10px; position:relative; overflow:hidden;}
.app_img img.img{width:230px; height:120px; position:absolute; z-index:1; left:0; top:0;}
.app_img span.bg{display:block; position:absolute; width:100%; height:100%; z-index:2; left:0; top:0; background:#000; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.app_img span.zoom{display:block; position:absolute; width:100%; height:100%; z-index:3; left:50%; margin-left:-20px; top:40px; display:none;}
.app_img span.zoom img{width:40px; height:40px;}
.app_con{width:292px; float:right; padding:5px 13px 5px 0px;}
.app_tit{display:block; font-size:18px; color:#0066CC; padding-bottom:10px; padding-top:12px; font-weight:bold;}
.app_content{display:block; line-height:200%; color:#999;}
#appList li.clear{clear:both; float:none; height:46px;}

.ncity{display:inline-block; padding:4px 15px 5px 15px; border:1px solid #E6E6E6; background:#FFF; margin-top:5px;}
.ncity:hover,.ncity:active{border:1px solid #CCC; background:#EEF6FC; color:#D90000;}

#doubleList{width:1280px; margin-top:10px;}
#doubleList li{width:564px; float:left; margin-right:52px;}
#doubleList li a{display:block; width:562px; height:90px; border:1px solid #E6E6E6; border-radius:5px;}
#doubleList li.clear{clear:both; float:none; height:26px;}
#doubleList li .d_time{width:100px; float:left;}
#doubleList li .d_time1{display:block; width:100px; height:38px; text-align:center; font-size:46px; font-family:Arial; color:#0066CC; padding-top:9px;}
#doubleList li .d_time2{display:block; width:100px; height:22px; text-align:center; color:#999; padding-top:13px;}
#doubleList li .d_con{width:416px; height:80px; padding-left:22px; padding-top:10px; float:right; margin-right:20px; border-left:1px solid #E6E6E6;}
#doubleList li .d_tit{display:block; font-size:14px; color:#464646;}
#doubleList li .d_content{display:block; color:#999; line-height:180%; padding-top:6px;}

#doubleListDown{width:1280px; margin-top:10px;}
#doubleListDown li{width:564px; float:left; margin-right:52px;}
#doubleListDown li a{display:block; width:562px; height:90px; border:1px solid #E6E6E6; border-radius:5px;}
#doubleListDown li.clear{clear:both; float:none; height:26px;}
#doubleListDown li .d_icon{width:100px; float:left; text-align:center;}
#doubleListDown li .d_icon img{width:70px; height:70px; margin-top:10px;}
#doubleListDown li .d_con{width:416px; height:80px; padding-left:22px; padding-top:10px; float:right; margin-right:20px; border-left:1px solid #E6E6E6;}
#doubleListDown li .d_tit{display:block; font-size:14px; color:#464646;}
#doubleListDown li .d_time{display:block; color:#999; line-height:180%; padding-top:6px;}

#files{width:1148px; padding:15px; margin:auto; margin-top:30px; border:1px solid #E6E6E6; background:#F9F9F9;}

.more_btn{display:inline-block; width:74px; height:31px; line-height:29px; background:url(images/more_btn.png) no-repeat center top;}
.more_btn:hover,.more_btn:active{background-position:center bottom;}

#Mcase{width:1090px; margin:auto; height:360px; margin-top:40px;}
#Mcase_l{width:480px; height:400px; overflow:hidden; float:left;}
#Mcase_l div{width:480px; height:400px;}
#Mcase_l div .img,#Mcase_l div .img img{width:480px; height:320px;}
#Mcase_l div .tit{position:relative; padding-top:15px; font-size:16px; text-align:left; color:#0066CC;}
#Mcase_l div .tit span{position:absolute; right:0; top:15px; font-size:13px; color:#999; font-family:Arial;}
#Mcase_l div .con{width:480px; padding-top:8px; color:#999; font-size:13px; line-height:150%;}
#Mcase_r{width:566px; height:402px; float:right;}
#Mcase_r a{display:block; width:100%; height:132px; border-top:1px dashed #DDD; position:relative;}
#Mcase_r a:first-child{border-top:0px none;}
#Mcase_r a .num{width:100px; height:80px; float:left; margin-left:25px; margin-top:25px;}
#Mcase_r a .tit{position:absolute; left:135px; top:20px; padding:0; font-size:20px; color:#0066CC;}
#Mcase_r a .con{position:absolute; left:135px; top:56px; width:406px; padding:0; font-size:13px; color:#999; line-height:180%;}

#links{padding-top:20px; padding-bottom:20px; border-top:1px dotted #DDD; margin-top:10px;}
#linksCon{width:1190px; margin:auto;}
#links strong{color:#464646;}
#links strong img{margin-top:-3px; margin-right:5px; height:18px;}
#links a{color:#999; display:inline-block; margin-right:10px;}
#links a:hover,#links:active{color:#0066CC;}
#links a img{margin-right:5px; margin-top:-2px;}










































