/***20141008*****/
body{ background-color:#FFF;}
*{font-family: "Microsoft YaHei" !important; }
a{ text-decoration:none;}
p{ line-height:140%;}
* .des{ color:#999; line-height:150%; height:55px; overflow:hidden;}
ul{ margin:0px; padding:0px; list-style:none;}
#logo_top{ text-align:left;}
#header .fr .block_top_menu .current{ display:none;}
.com-content{color:#333; line-height:150%; font-size:14px;}
.com_line_Sblue{border-top:2px solid #435871; clear:both;}
.com_line_gray{border-top:1px solid #dee2e6; clear:both;}
.com_line_grayDotted{border-top:1px dotted #dee2e6; clear:both;}
.com-des{line-height:150%; font-size:14px;}
.com_sys_construction{ padding:30px; text-align:center;}
.com_sys_construction span{ font-size:18px;}

.layout4_6{}
.layout4_6 .divLeft{ width:380px; float:left;}
.layout4_6 .divRight{ width:590px; float:right;}
.layout6_4{}
.layout6_4 .divLeft{ width:590px; float:left;}
.layout6_4 .divRight{ width:380px; float:right;}
.layout7_3{}
.layout7_3 .divLeft{ width:670px; float:left;}
.layout7_3 .divRight{ width:300px; float:right;}
.layout5_5{}
.layout5_5 .divLeft{ width:495px; float:left;}
.layout5_5 .divRight{ width:495px; float:right;}

.layout3_3_3{}
.layout3_3_3 .divLeft{ width:316px; float:left;}
.layout3_3_3 .divMiddle{ width:316px; float:left; margin-left:25px;}
.layout3_3_3 .divRight{ width:316px; float:right;}

.layout2_8 .divLeft{ width:200px; float:left;}
.layout2_8 .divRight{ width:760px; float:right;}

#header .header_top{ background-image:url(images/header_top.jpg); background-position:left bottom; background-repeat:repeat-x;}
#header .header_top .top-nav{ overflow:hidden;}
#header .header_top .top-nav .t{ width:49%; float:left;padding:10px 0;}
#header .header_top .top-nav .t i{ width:32px; height:20px;}
#header .header_top .top-nav .t i img{ vertical-align:middle;}
#header .header_top .top-nav .b{ width:49%; float:right; text-align:right; padding:10px 0;}
.header_logo .logo{ height:90px; width:300px; float:left;}
.header_logo .section_main_menu{width:680px; float:right;}
#header .section_main_menu {background:url(none) repeat-x; margin-top:25px;}

nav.main_menu {padding-right:2px;}
nav.main_menu > ul > li {height:43px; padding-left:0px;display:block; float:left; position:relative;  z-index:1;}
nav.main_menu > ul > li > a {height:43px; line-height:43px; padding:0px 13px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; font-weight:bold;}
nav.main_menu > ul > li > a:hover {text-decoration:none;padding:0px 13px;}
nav.main_menu > ul > li:hover,
nav.main_menu > ul > li.hover {z-index:99;}
nav.main_menu > ul > li:hover > a,
nav.main_menu > ul > li.hover > a {margin-left:-1px; margin-top:-2px; padding-left:10px; padding-top:2px; background:url(images/bg_main_menu_hover2.jpg) repeat-x;color:#a40000;}
nav.main_menu > ul > li.current_page_item {z-index:100;}
nav.main_menu > ul > li.current_page_item > a {margin-left:-2px; margin-right:-2px; margin-top:-2px; padding-left:25px; padding-right:25px; padding-top:2px; background:url(none) repeat-x; color:#a40000;}

 /* 本例子css */
.home_fullSlide{ width:100%;  position:relative;  height:320px; background:#000;  }
.home_fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.home_fullSlide .bd ul{ width:100% !important;  }
.home_fullSlide .bd li{ width:100% !important;  height:320px; overflow:hidden; text-align:center;  }
.home_fullSlide .bd li a{ display:block; height:320px; }

.home_fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;
	 _background:#000; _filter:alpha(opacity=60); 
}
.home_fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.home_fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/tg_flash_p.png) -18px 0; overflow:hidden; 
	line-height:9999px; 
}

.thee_box .box{ background-color:#f9fafc; border:1px solid #e5e5e5;}
.thee_box .box div{ padding:20px 10px;}
.thee_box .box h1{ text-align:center;}
.thee_box .box p{ line-height:140%; font-size:14px;padding:0px 10px;}
.thee_box .box .link{ text-align:center;}
.thee_box .box .link a{ display:inline-block; padding:10px 15px; background-color:#21c2f8; color:#FFF;
 	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
	}

.interlayerTop{clear:both; margin-top:20px; overflow:hidden;}
.position{ padding:10px 0; border-bottom:1px solid #E5E5E5;}
.sortname_title{ padding:10px 0; font-size:24px; color:#333;}
.sortname_content{padding:10px 0 30px 0; font-size:14px; line-height:150%;}
.div_bg_C{
	padding:30px 0;
	overflow:hidden;
	}
.div_bg_D{
	background-color:#eff4f7;
	border-top:1px solid #e5e9ea;
	border-bottom:1px solid #e5e9ea;
	padding:30px 0;
	overflow:hidden;
	}
.theePic_box .title{ font-size:22px;}
.theePic_box .des{color:#999;}
.theePic_box .pic{margin-bottom:30px; background-color:#FFF;}
.theePic_box .pic img{border:1px solid #CCC;}
.theePic_box .picBottom{ margin-bottom:0px;}
.theePic_box .box .link{ text-align:right;}
.theePic_box .box .link a{ 
	display:inline-block; padding:10px 20px; background-color:#21c2f8; color:#FFF; font-size:14px;
 	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
	}
.news_box .news_title{ font-size:22px; color:#000; padding-bottom:10px;}
.news_box ul .dateTime{ margin-bottom:5px;}
.news_box ul .dateTime span{ font-size:18px; color:#C30;}
.news_box ul li{ border-bottom:1px solid #EEE; padding:10px}
.news_box ul p{display:inline-block;}
.news_box ul a{ font-size:14px;}
.news_box ul .more{ text-align:right; margin-top:20px;}
.news_box ul .more a{ color:#09F; font-size:14px;}

.news_hy .pic img{ width:300px; height:auto;}
.news_hy .title{ font-size:18px; color:#09F; padding:10px 0;}
.news_hy p{ line-height:160%; font-size:14px;}

.foot-nav{ padding:30px 0px 10px 0; color:#E5E5E5}
.foot-nav a{ font-size:14px; color:#09F; display:inline-block; padding:0 5px;}
.foot-contact{ border-top:1px solid #E6E6E6; padding-top:10px; line-height:160%;}
.copyright{ padding:10px; text-align:center; color:#FFF; background-color:#21262a;}
.foot-wx-title{ font-size:16px; padding:20px 0; color:#333; text-align:center}
.foot-wx-pic img{ width:150px; height:auto;}


/*******/
.leftNav-wrap{
	background-color:#eeeded; 
           /*border:1px solid #cdcdcd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	box-shadow: 0 0 3px #cdcdcd;*/
}
.leftNav-title{ 
	height:38px; line-height:38px; 
	text-indent:25px; color:#FFFFFF; 
	font-size:18px;
	/*background-color:#063;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
	background-color:#069;
}
.leftNav-listOne, .leftNav-listOne-choose{ padding:0px;}
.leftNav-listOne a, .leftNav-listOne a:hover{ text-decoration:none;}
.leftNav-listOne a span{display:block; padding:8px;text-indent:20px; color:#000;}
.leftNav-listOne a:hover span{display:block; padding:8px; background-color:#CCC; text-indent:20px; color:#063; }

.leftNav-listOne-choose a,.leftNav-listOne-choose a:hover{ text-decoration:none;}
.leftNav-listOne-choose a span{display:block; padding:8px;text-indent:20px;background-color:#999; color:#FFF; font-weight:bold;}
.leftNav-listOne-choose a:hover span{display:block; padding:8px; background-color:#999; text-indent:20px; color:#FFF; font-weight:bold;}
.leftNav-listOne span,.leftNav-listOne-choose span{ color:#069;}
.leftNav-divNull{ height:3px;}

.met_flash{ height:150px; background-repeat:no-repeat; background-position:center top;}


.news_list{ margin:10px 0px;}
.news_list .title{ padding-bottom:10px; display:block;}
.news_list .title a{ font-size:18px; color:#000;}
.news_list .title a:hover{color:#069;}
.news_list img{float:left; margin-right:20px; width:180px; height:120px;}
.news_list .des{ height:auto;}

.line_gray{border-top:1px solid #dee2e6; clear:both;}
.metlist li{ padding:10px 0;}
.metlist .title{ padding-bottom:10px;}
.metlist .title a{ font-size:18px; color:#069;}
.metlist .title a:hover{color:#069;}

.metpager{ padding:20px 0; text-align:center; font-size:14px; }
.metpager span{ display:inline-block; padding:0 5px;}

.news_title{ padding:20px 10px;text-align:center; font-size:24px;}
.news_info{ text-align:center; padding:20px 5px;}
.news_content{ line-height:150%; font-size:14px;}
.news_content img { max-width:680px; height:auto;}

.product_list .list{ width:310px; height:300px; float:left; margin:10px; overflow:hidden; border:1px solid #ECECEC;}
.product_list .main{ padding:5px;}
.product_list .title{ padding:10px 0;}
.product_list .title a{ font-size:18px; color:#09C}
.product_list .list img{width:310px; height:auto;}
.cgal_list .list{height:260px;}
.cgal_list .title{ font-size:14px;}

.product_title{ font-size:24px;text-align:center;padding:20px 10px;}
/* Responsive styles */
@media (max-width: 949px) {
	
	.layout4_6{}
	.layout4_6 .divLeft{ width:350px; float:left;}
	.layout4_6 .divRight{ width:380px; float:right;}
	
	.layout6_4{}
	.layout6_4 .divLeft{ width:380px; float:left;}
	.layout6_4 .divRight{ width:350px; float:right;}
	
	.layout7_3 .divLeft{ width:490px; float:left;}
	.layout7_3 .divRight{ width:250px; float:right;}
	
	.layout5_5 .divLeft{ width:370px; float:left;}
	.layout5_5 .divRight{ width:370px; float:right;}
	
	.layout3_3_3{}
	.layout3_3_3 .divLeft{ width:236px; float:left;}
	.layout3_3_3 .divMiddle{ width:236px; float:left; margin-left:20px;}
	.layout3_3_3 .divRight{ width:236px; float:right;}
	
	.layout2_8 .divLeft{ width:200px; float:left;}
	.layout2_8 .divRight{ width:510px; float:right;}
	
	.qunar { width: 470px;}
	.qunar .e_pic_wrap {width: 470px; height: 305px; }
	.qunar .e_pic_wrap li {width: 470px; height: 305px; }
	.qunar .e_pic_wrap li img{width: 470px; height: 305px;}
	.qunar .e_bg_flt {width: 470px; height: 90px; }
	.qunar .e_flt_inf { width: 430px;}
	.qunar .prev { top: 105px;}
	.qunar .next { top: 105px;}
	
	.home_fullSlide{ width:100%;height:250px;}
	.home_fullSlide .bd li{ width:100% !important; height:250px;}
	.home_fullSlide .bd li a{height:350px; }
	
	.com-670box-3g .sbox{ width:152px; height:223px;}
	.com-670box-3g .sbox img{ width:152px;height:100px;}
	
	.com-img300 img {width:250px; height:auto;}
	.com-670box-3g .l3{margin-right:7px;}
	
	.com-bmcx-wrap a{width:70px;}
	
	.com_pictxt300 { height:65px; margin-bottom:10px;}
	.com_pictxt300 .pic{ width:100px; float:left;}
	.com_pictxt300 .pic img{ width:100px; height:65px;}
	.com_pictxt300 .txt{ width:145px; float:right; line-height:150%;}
	
	.com_pictxt_v_300 .pic img{ width:250px; height:167px;}
	
	.com_1000box_4g .sbox{ width:182px; height:200px; border:0px solid #CCC; float:left; margin-right:5px;}
	.com_1000box_4g .sbox img{ width:182px;height:120px;}
	.com_1000box_4g .sbox .txt{ line-height:150%;}
	.com_comm_viewbox .content img{max-width:480px; height:auto;}
	
	
	.header_logo .inner{ width:auto;}
	.header_logo .logo{ height:90px; width:auto; float:none; text-align:center;}
	.header_logo .section_main_menu{width:auto; float:none;}
	.header_logo .section_main_menu .inner{ width:750px;}
	#header .section_main_menu {background-color:#969696;}
	nav.main_menu {float:left;}
	

	nav.main_menu > ul > li > a {color:#FFF;}
	nav.main_menu > ul > li.hover > a{background:url(images/bg_main_menu_hover.jpg) repeat-x; border:0px solid #CCC;}
	nav.main_menu > ul > li.current_page_item > a{background:url(images/bg_main_menu_current.jpg) repeat-x; color:#FFF;}
	

	.theePic_box .pic img{ width:234px; height:auto;}
	
	.news_hy .pic img{ width:250px; height:auto;}
	.news_content img { max-width:500px; height:auto;}
	
	.product_list .list{ width:225px; height:350px; float:left; margin:10px; overflow:hidden; border:1px solid #ECECEC;}
	.product_list .list img{width:225px; height:auto;}
	
	.product_info img{width:750px; height:auto;}
}
@media (max-width: 767px) {
	.inner{ width:410px;}
	#header .fr .block_top_menu .current{ display:block;}
	#logo_top{ text-align: center;padding-top:20px;float:none; width:410px;}
	#header .bottom .inner {background-position:center center;}
	.layout4_6{}
	.layout4_6 .divLeft{width:auto; float:none;}
	.layout4_6 .divRight{width:auto; float:none;}
	.layout6_4{}
	.layout6_4 .divLeft{width:auto; float:none;}
	.layout6_4 .divRight{width:auto; float:none;}
	.layout7_3 .divLeft{ width:auto; float:none;}
	.layout7_3 .divRight{ width:auto; float:none;}
	.layout5_5 .divLeft{ width:auto; float:none;}
	.layout5_5 .divRight{ width:auto; float:none;}
	
	.layout3_3_3 .divLeft{ width:auto; float:none;}
	.layout3_3_3 .divMiddle{ width:auto; float:none; margin-left:auto; margin:20px 0;}
	.layout3_3_3 .divRight{ width:auto; float:none;}
	
	.layout2_8 .divLeft{ display:none;}
	.layout2_8 .divRight{ width:auto; float:none;}
	
	.qunar { width: 410px;}
	.qunar .e_pic_wrap {width: 410px; height: 267px; }
	.qunar .e_pic_wrap li {width: 410px; height: 267px; }
	.qunar .e_pic_wrap li img{width: 410px; height: 267px;}
	.qunar .e_bg_flt {width: 410px; height: 90px; }
	.qunar .e_flt_inf { width: 370px;}
	.qunar .prev { top: 95px;}
	.qunar .next { top: 95px;}
	
	.home_fullSlide{ width:100%;height:180px;}
	.home_fullSlide .bd li{ width:100% !important; height:180px;}
	.home_fullSlide .bd li a{height:180px; }
	
	.com-670box-3g .sbox{ width:152px; height:223px;}
	.com-670box-3g .sbox img{ width:152px;height:100px;}
	
	#home_slider .slides img{ width:410px; height:267px;}
	
	.com-670box-3g .sbox{ width:133px; height:223px;}
	.com-670box-3g .sbox img{ width:133px;height:89px;}
	
	.com-img300 img {width:300px; height:auto;}
	
	.com-bmcx-wrap a{width:60px;padding:8px 12px; margin:5px; margin-left:10px;}
	
	.com_pictxt300 { height:85px; margin-bottom:10px;}
	.com_pictxt300 .pic{ width:120px; float:left;}
	.com_pictxt300 .pic img{ width:120px; height:85px;}
	.com_pictxt300 .txt{ width:270px; float:right; line-height:150%;}
	
	.com_pictxt_v_300 .pic img{ width:410px; height:273px;}
	
	.com_comm_viewbox .handle .context{float:none;width:410px; overflow:hidden;}
	.com_comm_viewbox .handle .actbox{ float:none;width:410px; overflow:hidden; text-align:left;}
	
	.com_1000box_4g .sbox{ width:410px; height:120px; border:0px solid #CCC; float:left; margin-right:0px; margin-bottom:10px;}
	.com_1000box_4g .sbox img{ width:182px;height:120px; float:left;}
	.com_1000box_4g .sbox .txt{width:200px; height:120px; line-height:150%;float:right; }
	
	.com_comm_viewbox .content img{max-width:390px;}
	
	#header .header_top .top-nav .t{}
	#header .header_top .top-nav .t span{ display:none;}
	.header_logo .inner{ width:auto;}
	.header_logo .logo{ height:90px; width:auto; float:none; text-align:center;}
	.header_logo .section_main_menu{width:auto; float:none;}
	.header_logo .section_main_menu .inner{ width:410px;}
	
	.theePic_box .pic img{ width:410px; height:auto;}
	.news_hy .pic img{ width:410px; height:auto;}
	
	.news_box ul{ margin-bottom:30px;}
	.news_content img { max-width:410px; height:auto;}
	
	.product_list .list{ width:410px; height:auto; float:none; margin:10px 0; border:1px solid #ECECEC;}
	.product_list .list img{width:410px; height:auto;}
	
	.product_info img{width:410px; height:auto;}
}
@media (max-width: 479px) {
	.inner{ width:300px;}
	#header .fr .block_top_menu .current{ display:block;}
	#logo_top{ text-align: center;padding-top:20px;float:none; width:300px;}
	#header .bottom .inner {background-position:center center;}
	.layout4_6{}
	.layout4_6 .divLeft{width:auto; float:none;}
	.layout4_6 .divRight{width:auto; float:none;}
	.layout6_4{}
	.layout6_4 .divLeft{width:auto; float:none;}
	.layout6_4 .divRight{width:auto; float:none;}
	.layout7_3 .divLeft{ width:auto; float:none;}
	.layout7_3 .divRight{ width:auto; float:none;}
	.layout5_5 .divLeft{ width:auto; float:none;}
	.layout5_5 .divRight{ width:auto; float:none;}
	
	.layout3_3_3 .divLeft{ width:auto; float:none;}
	.layout3_3_3 .divMiddle{ width:auto; float:none; margin-left:auto; margin:20px 0;}
	.layout3_3_3 .divRight{ width:auto; float:none;}
	
	.layout2_8 .divLeft{ display:none;}
	.layout2_8 .divRight{ width:auto; float:none;}
	
	.qunar { width: 300px;}
	.qunar .e_pic_wrap {width: 300px; height: 195px; }
	.qunar .e_pic_wrap li {width: 300px; height: 195px; }
	.qunar .e_pic_wrap li img{width: 300px; height: 195px;}
	.qunar .e_bg_flt {width: 300px; height: 90px; }
	.qunar .e_flt_inf { width: 260px;}
	.qunar .prev { top: 40px;}
	.qunar .next { top: 40px;}
	
	.home_fullSlide{ width:100%;height:150px;}
	.home_fullSlide .bd li{ width:100% !important; height:150px;}
	.home_fullSlide .bd li a{height:150px; }
	
	#home_slider .slides img{ width:410px; height:267px;}
	.com-670box-3g .sbox{ width:300px;height:78px;}
	.com-670box-3g .sbox img{ width:120px;height:78px; float:left;}
	.com-670box-3g .g2{margin-left:0px;}
	.com-670box-3g .g3{float:left;}
	.com-670box-3g .sbox .txt{ width:163px;height:78px; float:right;}
	.com-670box-3g .com_line_1{ width:300px;float:left; display:block;}
	
	.com-img300 img {width:300px; height:auto;}
	.com-670box-3g .l3{margin-right:0px;margin:4px 0px;}
	.com-670box-3g .l3 .title{ text-align:left;}
	
	.com-bmcx-wrap a{width:100px;padding:8px 12px; margin:5px; margin-left:10px;}
	
	.com_pictxt300 { height:80px; margin-bottom:10px;}
	.com_pictxt300 .pic{ width:120px; float:left;}
	.com_pictxt300 .pic img{ width:120px;}
	.com_pictxt300 .txt{ width:165px; float:right; line-height:150%;}
	
	.com_pictxt_v_300 .pic img{ width:300px; height:200px;}
	
	.com_comm_viewbox .newdigg{ width:300px; height:auto;}
	.com_comm_viewbox .diggbox{ float:none;}
	.com_comm_viewbox .handle .context{float:none;width:300px; overflow:hidden;}
	.com_comm_viewbox .handle .actbox{ float:none;width:300px; overflow:hidden; text-align:left;}
	
	.com_1000box_4g .sbox{ width:300px; height:80px; border:0px solid #CCC; float:left; margin-right:0px; margin-bottom:10px;}
	.com_1000box_4g .sbox img{ width:120px;height:80px; float:left;}
	.com_1000box_4g .sbox .txt{width:170px; height:80px; line-height:150%;float:right; }
	.com_comm_viewbox .content img{max-width:290px;}
	
	#header .header_top .top-nav .t{ width:142px;}
	#header .header_top .top-nav .b{ width:142px;}
	#header .header_top .top-nav .t span{ display:none;}
	.header_logo .inner{ width:auto;}
	.header_logo .logo{ height:90px; width:auto; float:none; text-align:center;}
	.header_logo .section_main_menu{width:100%; float:none;}
	.header_logo .section_main_menu .inner{ width:300px;}
	
	.theePic_box .pic img{ width:300px; height:auto;}
	.news_hy .pic img{ width:300px; height:auto;}
	.news_box ul{ margin-bottom:30px;}
	
	.news_content img { max-width:300px; height:auto;}
	
	.product_list .list{ max-width:300px; height:auto; margin:10px 0; float:none; border:1px solid #ECECEC;}
	.product_list .list img{max-width:300px; height:auto;}
	.product_info img{width:300px; height:auto;}
}