﻿ @charset "utf-8";

html{font-size:100%;}
body{
	/*margin-bottom:40px !important;*/
}
ol,ul,li{
	list-style:none;
}
*{margin:0;padding:0;font-family:"微软雅黑";text-decoration:none;}
img{
	border:0;
	display:block;
	vertical-align:middle;
}
.main{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
	max-width:640px;
	overflow:hidden;
	background-color:#fff;
	font-family:Microsoft YaHei;
}
a{
	text-decoration:none;
	color:#666;
}
.header{
	max-height:160px;
	overflow:hidden;
}
.header .logoImg img{
	float:left;
	margin-bottom: 2.5%;
	margin-top:2.5%;
	margin-right: 0;
	margin-left: 0%;
	width: 47%;
}
.header .hdTxt{
	float:right;
	margin-top:3%;
	margin-right:0%;
	width:44%;
}
.header .hdTxt img{
	width: 95%;
}
.header .hdTxt h2{
	color:#333;
	font-weight:normal;
	font-size:1.2em;
	margin-top: 6px;
}
.header .hdTxt a{
	/*margin-left:1em;*/
	/*padding-left: 1em;*/
color: #1d2087;
font-size: 24px;
background-size: 0.976em;
font-family: arial;
/*background-image: url(../images/index_06.jpg);*/
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
}

.nav{
	/*background-color: #269bdc;*/
	margin-top: 10px;
}
.nav ul{
	overflow:hidden;
	margin-bottom: 3px;
}
.nav li{
	float:left;
	width:33%;
	text-align:center;
}
.nav li a{
	display: block;
padding: 14px 0;
font-size: 1.167em;
margin-top: 0.1em;
position: relative;
margin: 0.1em;
border: 1px solid #919cc4;
color: #636363;
}
.nav li a:after{
	content:'';
	position:absolute;
	top:0;
	right:-2px;
	z-index:9;
	height:100%;
	width:0px;
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #269bdc;
	border-left-color: #269bdc;*/
}
.bannerBox img{
	width:100%;
}
.focus{
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.focus .hd{
	height:5px;
	position:absolute;
	z-index:1;
	bottom:0;
	text-align:center;
}
.focus .hd ul{
	overflow:hidden;
	display:-moz-box;
	display:-webkit-box;
	display:box;
	height:5px;
	background-color:rgba(51,51,51,0.5);
}
.focus .hd ul li{
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	font-size:0;
}
.focus .hd ul .on{
	background-color: #1474bc;
}
.focus .bd{
	position:relative;
	z-index:0;
}
.focus .bd li img{
	width:100%;
}
.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

.cpfl{
	margin:0 auto;
	margin-top:1em;
	overflow:hidden;
}
.cpfl ul li{
	float:left;
	width:29.3%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:3%;
}
.cpfl ul li a{
	display:block;
	width:100%;
	text-align:center;
	background-color:#1474bc;
	color:#fff;
	font-size:1.5em;
	padding-top:15%;
	padding-bottom:15%;
}



.cpBox{
	/*margin-top:1em;*/
	background: #f5f5f5;
}
.cpBox .cpCont{
	overflow:hidden;
	padding-top:1em;
}
.cpBox .cpCont li{
	float:left;
	margin-bottom:2em;
	width:50%;
	text-align:center;
	overflow:hidden;
}
.cpBox .cpCont li img{
	margin-left:5%;
	width:90%;
	/*width:12em;
	height:12em;*/
	border:1px solid #dedede;
	margin: 0 auto;
}
.cpBox .cpCont li h5{
	margin-top:0.5em;
	font-weight:normal;
	/*font-size:1em;*/
	font-size:0.8em;
}
.cpBox .cpCont li h5 a{
	color:#333;
}
.cpBox .cpConts{
	padding-top:1em;
}
.cpBox .cpConts li{
	float:left;
	width:50%;
	margin-bottom:1.583em;
	text-align:center;
}
.cpBox .cpConts li img{
	width:12em;
	margin-left:5%;
	height:9em;
	margin:0 auto;
	border:1px solid #dedede;
}
.cpBox .cpConts li h5{
	margin-top:0.5em;
	font-weight:normal;
	font-size:1.083em;
}
.cpBox .cpConts li h5 a{
	color:#333;
}



.tabTitEr{
	overflow:hidden;
	background-color:#dedede;
}
.tabTitEr li{
	float:left;
	width:50%;
	text-align:center;
	font-size:1.167em;
	background-color:#f1f3f3;
	padding-top: 1.2em;
	padding-right: 0;
	padding-bottom: 1.2em;
	padding-left: 0%;
	color: #1474bc;
}
.tabTitEr li.on{
	background-color:#1474bc;
	color: #FFF;
	background-image: url(../images/t1.png);
	background-repeat: no-repeat;
	background-position: 80% center;
	background-size:1.2em;
}
.more-box{
	display:block;
	margin-top:0.5em;
	position:relative;
	background-color:#fafafa;
	background-image:-moz-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-webkit-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-o-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-ms-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:linear-gradient(top , #fafafa , #d5d4d4);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	display: block;
	text-align: center;
	width: 60%;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-left: auto;
	padding-top: 2.5%;
	padding-right: 0px;
	padding-bottom: 2.5%;
	padding-left: 0px;
	border:1px solid #dedede;
	-webkit-border-radius:0.375em 0.375em 0.375em 0.375em;
	-moz-border-radius:0.375em 0.375em 0.375em 0.375em;
	border-radius:0.375em 0.375em 0.375em 0.375em;
}


.phones-box{
	display:block;
	margin-top:0.06px;
	position:relative;
	background-color:#d5242e;
	padding-right: 0px;
	padding-left: 0px;
}
.youshi{width:100%; overflow:hidden;}
.youshi ul{width:100%; overflow:hidden;}
.youshi ul li{
	width:100%;
	color:#444;
	font-size:1em;
	line-height:200%;
	padding-left:6%;
	margin-left:8%;
	background-size:3%;
	background-image:url(../images/index_33.jpg);
	background-position:1% center;
	background-repeat:no-repeat;
	overflow:hidden;
}

.youshi_zx{
	width:100%;
	height:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.youshi_zx_img img{
	display:block;
	width:100%;
	overflow:hidden;
}
.youshi_zx_2{
	position:absolute;
	top:15%;
	left:26%;
} 
.youshi_zx_3{
	position:absolute;
	top:15%;
	left:75%;
} 
.youshi_zx dl dt{
	font-size:1.5em;
	color:#000;
	padding-bottom:0.2em;
}
.youshi_zx dl dd{
	font-size:0.65em;
	color:#323232;
	line-height:1.6em;
}
.youshi_zx dl a{
	display:block;
	width:75%;
	height:2.4em;
	font-size:0.7em;
	color:#fff;
	background-color:#0093e3;
	line-height:2.4em;
	text-align:center;
	margin-top:10px;
}

.lunbo{
	margin-top:1em;
}
.lunbo_box{
	background-color:#f1f3f3;
	border:solid 1px #d9d9d9;
	width:95%;
	margin:0 auto;
	height:10em;
}
.kunbo_kh{
	display:block;
	width:32%;
	text-align:center;
	margin-left:33%;
	margin-top:-1px;
	color:#fff;
	font-size:1em;
	background-color:#147bca;
	padding-bottom:0.5em;
	margin-bottom:1.5em;
}
.mains{width:95%; height:6em;margin:0 auto;}
.g2{width:100%;  height:5.05em;float:left;}
.g2 li{width:8em;  height:5em;margin-left:0.5em;margin-right:0.5em; float:left;}
.g2 li img{border:solid 1px #CCC;
	width:8em;
	height:5em;
}
.anli{
	margin-top:1.5em;
	margin-bottom:1em;
	overflow:hidden;
	background-color:#1474bc;
}
.anli_1{
	float:left;
	color:#fff;
	font-size:1.5em;
	line-height:3em;
	margin-left:5%;
}
.anli_2{
	float:right;
	color:#fff;
	font-size:1em;
	line-height:4.5em;
	margin-right:5%;
}
.anli_box{
	overflow:hidden;
}
.anli_box ul li{
	width:95%;
	margin:0 auto;
	overflow:hidden;
	display:block;
	border:solid 1px #ccc;
	margin-bottom:1em;
}
.anli_box ul li img{
	padding:3%;
	float:left;
	width:7em;
	height:7em;
}
.anli_box ul li dl{
	float:left;
	width:62%;
	padding:0.8em 0  0 0;
}
.anli_box ul li dl dt{
	font-size:1em;
	color:#323232;
	margin-bottom:0.6em;
}
.anli_box ul li dl dd{
	font-size:0.9em;
	color:#666;
	line-height:1.7em;
}

.phones{
	display:block;
	margin-top:1px;
	position:relative;
	background-image: url(../images/index_33.jpg);
	background-repeat: no-repeat;
	background-position: 8% center;
	background-size:2.8em;
	font-family:arial;
	color: #FFF;
	padding-top: 5%;
	padding-right: 0px;
	padding-bottom: 5%;
	padding-left: 0px;
}
.phones span{
	font-size:1.2em;
	position: relative;
	top:-0.2em;
	padding-left: 20%;
	color: #FFF;
}
.phones em{
	font-size:1.5em;
	font-family:"LiHei Pro", arial;
	color: #FFF;
}



.cpBox3 .cpCont{
	overflow:hidden;
}
.tabTitEr3{
	overflow:hidden;
}
.tabTitEr3 li{
	float:left;
	width:33.333%;
	text-align:center;
	font-size:1.167em;
	background-color:#f4f4f4;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0%;
	color: #137ac6;
}
.tabTitEr3 li.on{
	background-color:#137ac6;
	color: #FFF;
	background-image: url(../images/t1.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size:1em;

}
.End-box{
	display:block;
	position:relative;
	background-color:#333333;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 1em;
}
.End-box .phones{
	display:block;
	margin-top:1px;
	position:relative;
	background-image: url(../images/index2.png);
	background-repeat: no-repeat;
	background-position: 15% center;
	background-size:4em;
	font-family:arial;
	color: #FFF;
	padding-top: 5%;
	padding-right: 0px;
	padding-bottom: 5%;
	padding-left: 0px;
}

.cpBox3 .cpCont li{
	width:100%;
	background-color:#fafafa;
	background-image:-moz-linear-gradient(top , #fafafa , #f6f6f6);
	background-image:-webkit-linear-gradient(top , #fafafa , #f6f6f6);
	background-image:-o-linear-gradient(top , #fafafa , #f6f6f6);
	background-image:-ms-linear-gradient(top , #fafafa , #f6f6f6);
	background-image:linear-gradient(top , #fafafa , #f6f6f6);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	overflow: hidden;
	text-indent: 13%;
}
.cpBox3 .cpCont li h5{margin-top:1em; font-weight:normal; font-size:1.083em;}
.cpBox3 .cpCont li a{
	background-image: url(../images/index_56.jpg);
	background-repeat: no-repeat;
	background-position: 8% center;
	background-size:1em;
	display: block;
	width: 100%;
	padding-top: 4%;
	padding-bottom: 4%;
	background-size:0.5em;
}

.End-box .phones span{
	font-size:1.5em;
	position: relative;
	top:-0.2em;
	padding-left: 30%;
	color: #FFF;
}
.End-box .phones em{
	font-size:2em;
	font-family:"LiHei Pro", arial;
	color: #FFF;
	padding-left: 30%;
}
.back-box1 a{
	background-color: #333333;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	text-align: center;
	font-size: 2em;
	background-image: url(../images/index_64.jpg);
	background-repeat: no-repeat;
	background-position: 30% center;
	background-size:1em;
}.foot-Copyright {
	font-size: 1.2em;
	line-height: 3em;
	color: #FFF;
	text-align: center;
	height: 3em;
	background-color: #333;
	padding-top: 1em;
	padding-bottom: 1em;
}
.top_bar {
	position:fixed;
	z-index:900;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-family:Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
}
.top_menu {
    display: -webkit-box;
    display: block;
    width: 100%;
    background: #0f67b0;
    height: 65px;
    display: -webkit-box;
    display: box;
    margin: 0;
    padding: 0;
}

.top_bar .top_menu>li {
	-webkit-box-flex:1;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15))); 
	 -webkit-background-size:1px 100%, 1px 100%;
	 background-size:1px 100%, 1px 100%;
	 background-position: 1px center, 2px center;
	 background-repeat: no-repeat;
	 position:relative;
	 text-align:center;
}
.top_menu li:first-child {
	background:none;
}
.top_bar .top_menu li a {
	line-height:40px;
	display:block;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	-webkit-box-flex:1;
}
.top_bar .top_menu li a label{
	padding:3px 0 0 3px;
	font-size:12px;
	overflow:hidden;
}
.top_bar .top_menu>li>a img{
	display:inline-block;
	height:70px;
	width:70px;
	/*margin-top:-2px;*/
	color:#fff;
	line-height:40px;
	vertical-align:middle;
}
.top_bar li:first-child a{
	display: block;
}
.menu_font {
	position:absolute;
	right:10px;
	z-index:500;
	background: -webkit-gradient(linear, 0 0, 0 100%, to(#1281d2), color-stop(50%, #1470b5));
	border-radius: 5px;
	width: 100px;
	margin-top: 10px;
	padding: 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	text-align: left;
	z-index:99;
}
.menu_font.hidden{
	display:none;
}
.menu_font{
	top:inherit !important;
	bottom:55px;
}
.menu_font li a{
	text-align: left;
}
.top_menu li:last-of-type a{
	background:none;
}
.menu_font:after {
	top: inherit!important;
	bottom: -6px;
	border-color: #1281d2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-width: 6px 6px 0;
	position: absolute;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	left: 70%;
}
.menu_font li{
	border-top:1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.menu_font li:first-of-type{
	border-top:0;
}
.menu_font li:last-of-type{
	border-bottom:0;
}
.menu_font li a {
	height: 40px;
	line-height: 40px !important;
	position: relative;
	color: #fff;
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
}
.menu_font li a img {
	width:20px;
	height:20px;
	display:inline-block;
	margin-top:-2px;
	color:#fff;
	line-height:40px;
	vertical-align:middle;
}
#menu_list0 {
	right:0;
	left:10px;
}
#menu_list0:after{
	left:20%;
}
#sharemcover{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	background:rgba(0, 0, 0, 0.7);
	display:none;
	z-index:20000;
}
#sharemcover img{
	position:fixed;
	right:18px;
	top:5px;
	width:260px;
	height:180px;
	z-index:20001;
	border:0;
}
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active{
	/*background-color:#f79e0e;*/
}
.menu_font li a:hover, .menu_font li a:active{
	background-color:#f79e0e;
 }
.menu_font li:first-of-type a{
	border-radius:5px 5px 0 0;
}
.menu_font li:last-of-type a {
	border-radius:0 0 5px 5px;
}
#plug-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0);
	z-index:800;
}
#cate18 .device{
	bottom:49px;
}
#cate18 #indicator{
	bottom:240px;
}
#cate19 .device{
	bottom:49px;
}
#cate19 #indicator{
	bottom:330px;
}
#cate19 .pagination{
	bottom:60px;
}




.main_bnr{ overflow:hidden;margin-bottom: 0;}
.main_bnr li{float:left; width:100%;margin: 5px;background: white;}
.main_bnr li img{width:40%; float:left;}
.main_bnr li p{width:60%; float:right;padding: 5px 10px;font-weight: bold;line-height: 25px;
color: black;
font-size: 12px;}
.main_bnr li p em{color: #1d2087;font-weight: bold;padding-left: 5px;border-left: 4px solid #1d2087;font-size: 16px;}
.main_bnr li a{ color:#747474;font-weight: bold;padding: 0 10px;font-size: 16px;}

.ad-box {
    padding: 0;
    margin: 0;
}
.ad-box dl {
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
}
.ad-box dl dt {
    display: block;
    width: 100%;
    overflow: hidden;
    text-indent: 4em;
    border-bottom: solid 1px #ccc;
    padding-bottom: 0.6em;
}
.ad-box dl dt p {
    font-size: 0.9em;
    color: #333;
    margin-top: 1em;
}
.ad-box dl dt b {
    font-size: 1.4em;
    color: #0077cb;
}
.ad-box dl dd {
    margin-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.ad-box dl dd ul li {
    display: block;
    font-size: 0.85em;
    line-height: 2em;
    background: url(../images/m_06.jpg) left 0.4em no-repeat;
    background-size: 1em;
    padding-left: 1.5em;
    color: #444;
}

.nc{ overflow:hidden;}
.nc li{float: left;
width: 33%;
text-align: center;}
.nc li a{display: block;
padding: 5% 0;
font-size: 1.167em;
color: white;
margin-top: 0.1em;
position: relative;
margin: 0.1em;
background:#e4e4e4;}

.xw{ overflow:hidden;}
.xw li{ width:45%; background: white;padding: 5px;float: left;
margin: 0.4rem; height:17rem;}
.xw li h1{font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: black;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.xw li p{font-size: 12px;line-height: 25px;}
.xw li img{float: right;}









.tit-box {
    font-weight: normal;
    color: #1d2087;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    margin-bottom: 5%;
    width: 90%;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
}
.f_col .atc_box .tit-box h2 {
    color: #0e3092;
    font-size: 16px;
    line-height: 1.8em;
}
.productLayout {
    background: #f5f5f5;
}
.productLayout dl {
    padding: 0px 0;
    float: left;
    width: 46%;
    margin: 4px 2%;
    text-align: center;
    background-color: #f9f9f9;
    overflow: hidden;
}
.productLayout dl dt img {
    width: 100%;
    height: 11em;
}
.productLayout dd h5 a {
    display: block;
    width: 100%;
    background-color: #1d2087;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}





