*{ list-style:none; text-decoration:none}
body{
	background:white;
	}
	.nav ul li a{
	font-size:15px;
	padding:17px 17px;
	color:#4B494C;
	font-weight:bold;
	}
img{
	border:none;
	}

.nav .logo{
	margin-top:12px;
	}
.header{
	border-bottom:3px solid #0B4DA1;
	height:98px;
	}
.nav{
	position:relative;
	}
.nav ul{
	position:absolute;
	bottom:0;
	right:0;
	}
.nav ul li{
	margin-left:0;

	}
.nav ul li.active, .nav ul li:hover{
	border:none;
	background:#0B4DA1;
	}

.nav ul li.active { background:none}
.nav ul li.active a, .nav ul li:hover a{
	color:white;
	}
.nav ul li.active a{color:#0B4DA1;}
/*.hd{
	width:100px;
	float:right;
	}	
.hd .hd_dian{
	display:inline-block;
	width:10px;
	height:14px;
	float:left;
	}
.hd .next{
	background:url(../images/s2.png) no-repeat;
	}
.hd .next{
	background:url(../images/s3.png) no-repeat;
	}
.hd ul{
	float:left;
	}
.hd ul li{
	border:none;
	}*/		
	
.header .search{
  position:absolute;
  right:10px;
  top:10px;
  }
.search_form{
	border:1px solid #ddd;
	overflow:hidden;
	float:left;
	}
.search_form input[type=text]{
	height:27px;
	border:none;
	float:left;
    outline:none;
	font-family:fantasy;
	padding-left:5px;
	}
	
.search_form input[type=submit]{
	float:left;
	border:none;
	outline:none;
	width:28px;
	height:21px;
	background:url(../image/search.png) no-repeat;
	margin-top:3px;
	margin-right:5px;
	}	
	.share{
		float:right;
		}
.nav ul li .menu{
	height:42px;
	width:752px;	position:absolute;
	bottom:-42px;
	right:0;
	display:none;
	z-index:2; background:url(../image/bgbg.png);
	}	
.nav ul li .menu a{
	float:left;
	line-height:42px;
	padding:0 20px;
	font-size:12px; color:#F5F5F5; font-weight:100;
	
	}
.nav ul li .menu a:hover{
 font-weight:bold; color:#FFF; font-weight:bold
	}
.nav ul li:hover .menu{
	display:block;
	}
#ban{
	height:455px;
	overflow:hidden;
	position:relative;
	}
#ban ul li{
	float:left;
	height:455px; width:100%;
	list-style:none; position:relative; border:1px solid #F00;
	}
#ban ul li img{
	width:1920px;  height:455px;
	}

.ban_next{
	width:100%;
	height:94px;
	position:absolute;
	background:url(../image/next.png) no-repeat center top;
	bottom:0;
	margin-left:0px; position:absolute; top:100%; margin-top:-94px; left:0px; z-index:100;
	
	}
.ban_next_main{ width:974px;
	 margin:0 auto; padding-left:225px; background:url(../image/next2.png) no-repeat right -6px
	}
.ban_next_main a{}
.ban_next_main strong{
	line-height:20px;
	color:white;
	font-size:15px;
	margin-top:37px;
	display:block;
	letter-spacing:1px;
	}
.ban_next_main p{
	font-size:12px;
	color:#D0D0D0;
	line-height:30px;
	}
.ban_next .next2{
	display:block;
	width:56px;
	height:54px;
	position:absolute;
	right:20px;
	top:10px;
	background:url(../image/next2.png) no-repeat;
	cursor:pointer;
	}
.fooder .fb{
	background:#0B4DA1;
	}
.in_new_main{
	width:1200px;
	min-height:400px;
	margin:20px auto;
	}




.in_new_main .main_tem{
	height:230px;
	margin-bottom:20px;
	}
.in_new_main .main_tem .main_tem_left{
	width:342px;
	float:left;
	height:230px;
	position:relative;
	overflow:hidden;
	}
.main_tem_left_main{
	overflow:hidden;
	}	
.main_tem_left_main ul{
	overflow:hidden;
	}
.main_tem_left_main li{
	float:left;
	width:100%;
	height:230px;
	overflow:hidden;
	list-style:none;
	position:relative;
	}
.main_tem_left_main li img{
	width:100%;
	min-height:100%;
	}
.main_tem_left_bb{
	position:absolute;
	bottom:0;
	left:0;
	height:43px;
	line-height:43px;
	padding-left:15px;
	background:rgba(11,77,155,0.9);
	color:white;
	width:327px;
	}
.main_tem_left_bb a{ color:#FFF}
.main_tem_left_bb p{
	font-size:13px;
	}
.main_tem_left_bb .next2{
	width:25px;
	height:23px;
	background:url(../image/next3.png) no-repeat;
	position:absolute;
	right:15px;
	top:10px;
	}
.main_tem_left .btn{
	width:33px;
	height:60px;
	display:block;
	position:absolute;
	top:68px;
	z-index:9;
	}
.main_tem_left .btn:hover{
	background-color:#0B4DA1;
	}
.main_tem_left .prev{
	background:url(../image/next4.png) 9px no-repeat;
		background-color:rgba(0,0,0,0.6);
	right:0;
	}
.main_tem_left .next{
	background:url(../image/next5.png) 9px no-repeat;
		background-color:rgba(0,0,0,0.6);
	left:0;
	}	
	
.main_tem_mid{
	width:558px;
	height:230px;
	margin: 0 20px;
	float:left;
}	
	
.main_tem_mid .title{
	overflow:hidden;
	position:relative;
	}
.main_tem_mid .title .more{
	font-size:12px;
	color:#666;
	text-decoration:none;
	position:absolute;
	right:10px;
	top:9px;
	}
.main_tem_mid .title .more i{
	display:inline-block;
	width:10px;
	height:11px;
	background:url(../image/s.png) no-repeat;
	marign-left:15px;
	}
.main_tem_mid .title ul{
	list-style:none;
	line-height:41px;
	}	
.main_tem_mid .title ul li{
	border:1px solid #ddd;
	margin-left:-1px;
	float:left;
	font-size:16px;
	padding:0 20px;
	cursor:pointer;
	}
.main_tem_mid .title ul li.active,.main_tem_mid .title ul li:hover{
	background:#0B4DA1;
	color:white;
	}
.main_tem_mid .mid_tab{
	clear:both;
	height:189px;
	overflow:hidden;
	margin-top:-1px;
	}
.main_tem_mid .dt_main{
    float:left;
	padding:10px;
	height:167px;
	border:1px solid #e8e8e8;

	display:none;
	}
.main_tem_mid .dt_main.active{
	display:block;
	}
.main_tem_mid .hot{
	overflow:hidden;
	}
.main_tem_mid .hot .picimg{
	width:114px;
	height:70px;
	overflow:hidden;
	float:left;
	margin-right:15px;
	}
.main_tem_mid .hot .picimg img{
    max-width:100%;
	} 
.main_tem_mid .hot .pic_title{
	float:left;
	width:398px;
	height:70px;
	border-bottom:1px solid #e8e8e8;
	}
.main_tem_mid .hot .pic_title strong{
	font-size:13px;
	display:block;
    color: #515050;
    width:320px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; position:relative; padding-right:30px;
	}
.main_tem_mid .hot .pic_title .pi_hot{
	display:inline-block;
	width:29px;
	height:16px;
	background:url(../image/hot.png) no-repeat;
	margin-left:2px; position:absolute; left:100%;  margin-left: -31px;
	}
.main_tem_mid .hot .pic_title p{
	font-size:12px;
	color:#666;
	line-height:25px;
	}
.main_tem_mid .main_tem_mid_item{
	clear:both;
	overflow:hidden;
	margin-top:13px;
	}
.main_tem_mid .main_tem_mid_item li{
	color:#0B4DA1;
	float:left;
	width:248px;
	margin-left:0px;
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
     width: 228px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;	
	list-style:square; background:url(../image/rw.jpg) no-repeat left center; padding-left:10px; padding-right:30px; line-height:18px;
	}	
.main_tem_mid .main_tem_mid_item li a{
	text-decoration:none;
	color:#666;
	}
.main_tem_mid .main_tem_mid_item li a:hover{ color:#0B4DA1}
.main_tem_right{
	float:right;
	width:258px;
	height:230px;
	border:1px solid #e8e8e8;
	position:relative;
	}
.main_tem_right .bg{
	width:258px;
	height:230px;
	position:absolute;
	z-index:-1;
	}
.main_tem_right .bg img{
	width:100%;
	height:100%;
	}
.main_tem_right_main{
	padding:15px 10px;
	}
.main_tem_right_main .title{
	line-height:30px;
	overflow:hidden;
	}
.main_tem_right_main .title h3{
	font-size:23px;
	font-weight:100;
	color:#0B4DA1;
	float:left;
	display:inline;
	}
.main_tem_right_main .title .more{
	display:inline-block;
	width:25px;
	height:23px;
	background:url(../image/next3.png) no-repeat;
	float:right;
	margin-top:6px;
	}
.ma_t_list{
	margin:20px -2px;
	clear:both;
	overflow:hidden;

	}
.ma_t_list a{
	display:inline-block;
	padding:5px 10px;
	background:white;
	color:black;
	font-size:13px;
	text-decoration:none;
	margin:10px 10px;
	border-radius:20px;
	}
.ma_t_list a i{
	display:inline-block;
	width:18px;
	height:15px;
	background:url(../image/d1.png) no-repeat;
	float:left;
	margin-right:5px;
	}
.tem_video{
	position:relative;
	}	
.tem_video .bg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	}
.tem_video .bg img{
	width:100%;
	max-height:100%;
	}
.tem_video .play_logo{
	text-align:center;
	margin-top:65px;
	}
.tem_video .play_logo .play{
	display:block;
	margin:20px auto;
	width:54px;
	height:51px;
	background:url(../image/play.png) no-repeat;
	}




.in_new_main .main_tem2{
	height:274px;
	}
.in_new_main .main_tem2 .main_tem_left{
	height:274px;
	}
.in_new_main .main_tem2 .mid2{
	height:274px;
	}
.mid2 .mid_tab{
	height:274px;
	}
.mid2 .dt_main{
	height:211px;
	}
.main_tem2 .main_tem_right{
	height:274px;
	}
.mid2 .title{
	background:#0B4DA1;
	}
.mid2 .title ul li{
	margin-left:0;
	border:none;
	border-left:1px solid #e8e8e8;
	margin-top:2px;
	}
.mid2 .title ul li.active{
	background:white;
	color:black;
	}
.mid2 .title .more{
	color:white;
	background:none;font-family: "宋体","Microsoft YaHei";
	}
.mid2 .fc{
	overflow:hidden;
	margin:0 -6px;
	}
.mid2 .fc ul{
	overflow:hidden;
	}


.mid2 .fc li{
	float:left;
	margin:0 8px;

	float:left;
	width:100%;
	height:140px;
	overflow:hidden;
	list-style:none;
	position:relative; width:166px;
	}
.mid2 .fc li a{ color:#525252}
.mid2 .fc li a:hover{color:#0B4DA1}
.mid2 .fc li .picimg{
	width:166px;
	height:109px;
	}
.mid2 .fc li .picimg img{
	width:100%;
	max-height:109px;
	}	
.mid2 .fc li .fc_jj{
	font-size:13px;
	line-height:30px;
	background:#F0F0F0;
	padding-left:10px; height:30px; overflow:hidden;
	}	

.mid2 { position:relative;}
.mid2 .hd{overflow: hidden;
    background:none; position:absolute; height:20px; top:13px; left:404px;}

.mid2 .hd .prev, .mid2 .hd .next {
    display: block;
    width: 5px;
    height: 9px;
    line-height: 10px;
    float: right;
    margin-right: 10px;
    margin-top:3px;
    overflow: hidden;
    cursor: pointer;
    background: url("../image/icoLeft.gif") no-repeat;
}
.mid2 .hd .next {
    background: url("../image/icoRight.gif") no-repeat;
} 
.mid2 .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top:0px; height:20px;
}

.mid2 .hd ul li {
    position: relative;
    _display: inline;
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background: #ccc;
    margin-right: 10px;
    text-indent: -999px;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; padding:0px;
}
.mid2 .hd ul .on{ background:#FFF;}
.mid2 .hd ul li:hover{ background:#FFF;}


.tem_ri .title2{
	padding:10px;
	}
.tem_ri .title2 span{
	 line-height:30px;
	 font-size:15px;
	 color:black;
	 margin-left:10px;
	}
.tem_ri .title2 .more{
	padding:0px 7px;
	background:#0B4DA1;
	color:white;
	float:right;
	font-size:12px;
	border-radius:20px;
	margin-top:3px;
	text-decoration:none; font-family: "宋体","Microsoft YaHei";
	}
.tem_ri .tab{
	padding:0 10px;
	margin-top:16px;
	}
.tem_ri .tab ul{
	list-style:none;
	text-align:center;
	overflow:hidden;
	height:121px;
	}
.tem_ri .tab ul li{
	float:left;
	width:100%;
    height:121px;
	}
.tem_ri .tab ul li img{
	max-width:100%;
	max-height:100%;
	}
.tem_ri .btn{
	width:33px;
	height:60px;
	display:block;
	position:absolute;
	top:96px;
	z-index:9;
	}
.tem_ri .btn:hover{
	background-color:#0B4DA1;
	}
.tem_ri .prev{
	background:url(../image/next4.png) 9px no-repeat;
	background-color:rgba(0,0,0,0.6);
	right:10px;
	}
.tem_ri .next{
	background:url(../image/next5.png) 9px no-repeat;
		background-color:rgba(0,0,0,0.6);
	left:10px;
	}	
	
.tem_ri_list{
	color:#0B4DA1;
	
	}
.tem_ri_list li{
	margin-left:30px;
	list-style:square;
	}
.tem_ri_list li a{
	font-size:14px;
	color:#666;
	text-decoration:none;
	line-height:25px;
	}
.tem_ri_list li a:hover{ color:#0B4DA1}	
.in_new_main .main_tem3{
	height:218px;
	}	
.in_new_main .main_tem3 .mid3{
	margin:0;
	width:921px;
	height:222px;
	}
.mid3 .mid_tab{
	height:189px;
	}
.mid3 .dt_main{
	height:154px;
	width:899px;
	}
.mid3 .fc{
	margin-top:11px;
	margin:0 -3px;
	}
.mid3 .fc li{
	margin:0 10px;
	width:206px;
	list-style:none;
	margin-top:10px;
	}
.mid3 .fc li a{ color:#525252}
.mid3 .fc li a:hover{ color:#0B4DA1}
.mid3 .fc li .picimg{
	width:206px;
	}
	
.main_tem3 .main_tem_right{
	height:216px;
	}
	
.tem_ri3 .title{
	background:#0B4DA1;
	height:43px;
	}
.tem_ri3 .title ul{
	list-style:none;
	}
.tem_ri3 .tem_ri_list{
	clear:both;
	margin-top:13px;
	}
.tem_ri3 .title ul li{
	float:left;
	background:white;
	margin-top:2px;
	padding:0 20px;
	}
.tem_ri3 .title ul li span{
	line-height:43px;
	}
.tem_ri3 .title .more{
	float:right;
	font-size:12px;
	color:white;
	text-decoration:none;
	line-height:43px;
	margin-right:10px; font-family: "宋体","Microsoft YaHei";
	}
.tem_ri3  .tem_ri_list li{
	line-height:26px; height:26px;
	}
	
.midapp,.showpicapp,.navapp{ display:none}
.midpc,.showpicpc{ display: block;}	
.gotoindex{ display:none}
@media screen and (max-width:800px) {
	
	body{ width:100%; overflow-x:hidden}

     .header{ width:100%; min-width:100%;
   		height:40px;
		border:none; padding-top:10px;
	}

	.nav{ width:320px; height:40px; position:relative}
	.nav .logo{ margin-top:0px;}
	.nav .logo img{ margin-top:6px; height:30px; width:auto}
	.nav ul{ display:none;}
	.nav .search{ display:none}

	.navapp{ display:block; height:88px; background:#FFF}
	.navapp .navapp_1{ width:320px; margin:0 auto; padding-top:8px; overflow:hidden}
	.navapp .navapp_1 ul li{ float:left; text-align:left; width:80px; margin-top:2px;}
	.navapp .navapp_1 ul li a{ font-size:14px; color:#3E3E3E}
	.navapp .navapp_1 ul li:nth-child(1){ text-align:left; text-indent:0px;}
	.navapp .navapp_1 ul li:nth-child(4){ text-align:right; text-indent:0px;}
	.navapp .navapp_1 ul li:nth-child(5){ text-align:left; text-indent:0px;}
	.navapp .navapp_1 ul li:nth-child(8){ text-align:right; text-indent:0px;}
	.navapp .navapp_1 ul li:nth-child(12){ text-align:right; text-indent:0px;}
	.navapp .navapp_1 ul li:nth-child(2){text-indent:10px;}
	.navapp .navapp_1 ul li:nth-child(3){text-indent:16px;}
	.navapp .navapp_1 ul li:nth-child(6){text-indent:10px;}
	.navapp .navapp_1 ul li:nth-child(7){text-indent:16px;}
	.navapp .navapp_1 ul li:nth-child(10){text-indent:10px;}
	.navapp .navapp_1 ul li:nth-child(11){text-indent:16px;}



	.gotoindex{ display:block; background:url(../image/product-list-index.png) no-repeat; width:25px; height:25px; position:absolute; left:100%; margin-left:-25px; overflow:hidden; margin-top:8px;}
	.gotoindex a{ display:block; width:100%; height:100%; text-indent:-100px}

	.in_new_main{ width:320px; margin-top:10px;}
	.in_new_main .main_tem .main_tem_left{ width:320px; height:200px; position:relative}
	.main_tem_left_bb{width: 310px; position:absolute; left:0px; top:160px;}
	.in_new_main .main_tem{ margin-bottom:0px;}
	.main_tem_mid{ width:320px; margin-left:0px; margin-top:10px; height:258px; overflow:hidden}
	.main_tem_mid .mid_tab{ height:220px;}
	.main_tem_mid .dt_main{ height:195px;}
	.main_tem_mid .hot{ margin-bottom:15px;}
	.main_tem_mid .title .more{ display:none;}

	.main_tem_mid .hot .pic_title{ width:166px; border:none}
	.main_tem_mid .hot .picimg{ margin-right:10px;}
	.main_tem_mid .hot .pic_title p{ line-height:14px; margin-top:6px;}
	#title_tab .title ul li{ width:65px; border-bottom:none; overflow:hidden; margin-left:0px;}
	#title_tab .title ul li.active{ width:66px;}
	.main_tem_mid .title ul li:nth-child(1){ border-left:1px solid #ddd;}
	.main_tem_mid .title ul li:nth-child(2){ border-left:none}
	.main_tem_mid .title ul li:nth-child(3){ border-left:none}
	.inabout,.tem_video{ display:none;}
	.midapp .hd{ left:214px}
	.midapp{ display: block;}
	.midpc{ display:none;}
	.midapp { height:296px;}
	.midapp .fc li .picimg{ width:138px; height:92px; overflow:hidden}
	.midapp .fc li{ width:138px; height:129px;}
	.dt_main .main_tem_mid .main_tem_mid_item{ margin-top:0px;} 
	.main_tem_mid .main_tem_mid_item li { line-height:19px;}
	.main_tem_mid .main_tem_mid_item{ margin-top:0px;}
	.midapp .dt_main{ height:210px}
		.midapp .dt_main{height: 209px;}
	.midapp  .mid_tab{height: 233px;}

	.tem_ri{ float:left; width:318px; margin-top:9px;}
	.in_new_main{ height:1471px;}
	.in_new_main .main_tem2{ height:839px;}
	.in_new_main .main_tem3{ height:405px}
	.in_new_main .main_tem3 .mid3{ width:320px; margin-top:10px;}
	.showpicapp .dt_main{ width:298px;}

	.in_new_main .main_tem3 .showpicapp{ display:block; height: 165px;}


	.showpicpc{ display:none;}
	.showpicapp .fc li .picimg{ width:138px; height:69px; overflow:hidden}
	.showpicapp .fc li{ width:138px; margin: 0 9px; height:100px;}
	#showpictwo{ height: 100px;}
	.showpicapp .mid_tab{ height:153px;}
	.showpicapp .hd { left:100px;}
}