@charset "utf-8";

/**
 * 全局定义 - 初始化默认样式
 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:"Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; color:#333; background:#EEEEEE;}
body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\5b8b\4f53,sans-serif; color:#666;}
button,input,select,textarea{font-size:100%}
h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}
ul,ol,li{list-style:none;}a:link,a:visited{color:#0c8ac9;text-decoration:none;}a:hover,a:active{color:#f60;text-decoration: underline;}
img {border: 0;}
.l{float:left;}
.r{float:right;}

.QQbox {z-index: 9999; right: 0px; width: 150px; /*height:445px;*/position:fixed; _position: absolute; top:180px; right:0px;  background:url(../images/qq.jpg) no-repeat #015DB2;}
.close{width:20px; height:20px; margin-left:128px; cursor:pointer;}
.qq_list{margin-top:180px;}
.qq_list .qq_li{width:129px; height:28px; line-height:28px; background:url(../images/qq_li.jpg) no-repeat; margin:auto;margin-top:3px; }
.qq_list .qq_li a{display:block; text-indent:40px; font-weight:bold; }
.qq_bb{background:url(../images/qqkf.jpg) no-repeat center; height:100px;}

.top_main{height:80px; background:#fff; width:100%;-webkit-box-shadow: 5px 5px 5px; -moz-box-shadow: 5px 5px 5px;  box-shadow: 5px 5px 5px; box-shadow:#FF0000; position:fixed; z-index:99;}
	.top_box{max-width:1220px;width:100%; height:80px; line-height:80px; margin:auto;}
	.top_box .logo{width:320px; height:80px; float:left;}
	
	.top_box .nav{height:80px; float: right;}
	.nav ul#topnav{list-style:none; margin:auto;}
	.nav ul#topnav li{float:left;margin:0;padding:0;position:relative; height:80px; line-height:80px; background:#FFF;}
	.nav ul#topnav li a{float:left;height:80px; padding:0px 20px 0px 20px; line-height:80px; text-align:center; font-size:16px;}
	.nav ul#topnav li:hover a, ul#topnav li a:hover{ background:#dd2027; color:#fff; text-decoration:none; font-size:16px;}
	.nav ul#topnav a.home{background:#dd2027;height:80px; color:#fff; text-align:center;}
	/*ul#topnav a.products{width:117px;}
	ul#topnav a.sale{width:124px;}
	ul#topnav a.community{width:124px;}
	ul#topnav a.store{width:141px;}*/
	.nav ul#topnav li .sub{
		display:none;position:absolute;top:80px;left:0;background:#dd2027;padding:10px 20px 20px;float:left;
		/*--Bottom right rounded corner--*
		-moz-border-radius-bottomright:5px;
		-khtml-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		/*--Bottom left rounded corner--*/
		-moz-border-radius-bottomleft:5px;
		-khtml-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		z-index:9999;
	}
	.nav ul#topnav li .row{clear:both;float:left;width:100%;margin-bottom:10px;}
	.nav ul#topnav li .sub ul{list-style:none;margin:0;padding:0;width:560px;float:left;background:#dd2027}
	.nav ul#topnav .sub ul li{width:140px; height:35px; line-height:35px;color:#fff; text-align:left; float:left; background:none;}
	.nav ul#topnav .sub ul li a{display:block; height:35px; text-align:left; line-height:35px;background:url(../images/nli.jpg) no-repeat 0px 15px; text-indent:15px;text-decoration:none;color:#fff; font-size:14px;}
	.nav ul#topnav .sub ul li a:hover{color:#FFF;}

	/*content strat*/
	.content{/*background:#f8f8f8;*/ width:100%; margin-bottom:50px; }
	.prcture_box{ width:1220px; margin:auto; padding-top:110px; overflow:hidden;}
		.prcture_box ul li{ width:290px; height:240px; float:left; margin-left:9px; margin-top:15px; border:3PX solid #fff; background:#FFF;}
		.prcture_box ul li span.pimg{ display:block;width:290px; height:192px; text-align:center;}
		.prcture_box ul li div{width:288px; border:1px solid #FFF; height:40px; background:#FFF;}
		 .prcture_box ul li div a{display:inline-block; width:200px; height:18px; line-height:18px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:13px 0 0 14px;  text-decoration: none; font-weight:bold;}
		.prcture_box ul li div a:hover{color:#f25618;}
		.prcture_box ul li div a:hover{color: #f25618}
		.prcture_box ul li div em{ height:18px; line-height:18px; margin:14px 15px 0 0; float:right; display:inline; color:#999;}
	/*content end*/


	img { border:none; }
	.wrapper { max-width:1220px; width:100%;margin:0 auto;overflow:hidden; padding-top:100px; height:100%; min-height:700PX;}
	.wrapper h3{color:#3366cc;font-size:16px;height:35px;line-height:1.9;text-align:center;border-bottom:1px solid #E5E5E5;margin:0 0 10px 0;}
	#con1_1 { position:relative; }
	#con1_1 .product_list { position:absolute; left:0px; top:0px; padding:10px; background:#eee; box-shadow: rgb(188, 188, 188) 0px 0px 10px; padding: 8px; margin: 0px 13px 10px; background: rgb(255, 255, 255); border-radius: 3px; overflow: hidden;border-width: 1px;  border-style: solid; border-color: rgb(188, 188, 188); border-image: initial;}
	.product_list img { width:260px;}
	.product_list p { padding:5px 0px; height:35px; line-height:35px; font-size:14px; text-align:center; color:#333;  white-space:normal; width:260px;}
	.product_list a{cursor:pointer;}
	.weizhi{width:1220px; height:40px; background:#fff; border:1px solid #EAEAEA; margin:auto; line-height:40px; text-indent:15px; margin-bottom:30PX; box-shadow:5px;}
	
	.nomsg{background:#FFF; margin:auto; height:250PX; text-align:center; line-height:250PX; font-size:26px; color:#FF0000;}
	
	/****foot ***/
#foot{ width:100%; background:#4f6e96;overflow:hidden; line-height:25PX;}
	.foot_text{width:1190px; margin:auto; text-align:center; color:#FFF; padding-top:15PX;}
	.foot_text p{display:block; background:none; color:#fff;}
a:link{font-size:12px; color:#333;text-decoration:none;}
a:visited{font-size:12px; color:#333;text-decoration:none;}
a:hover{font-size:12px; color:#FF0000;text-decoration:underline;}
a:active{font-size:12px; color:#333;}

.product_list a:link{font-size:14px; color:#333;text-decoration:none;}
.product_list a:visited{font-size:14px; color:#333;text-decoration:none;}
.product_list a:hover{font-size:14px; color:#FF0000;text-decoration:underline;}
.product_list a:active{font-size:14px; color:#333;}

#footer{width:100%;background:#101010;}
#footer *{background:#101010;}
#footer .footer_mid{height:auto;width:100%;max-width:1190px;margin:0 auto;overflow:hidden;padding-top:20px;color:#999;}
.foot_nav{color:#62a3f4;margin-top:20px;}
.foot_nav a,.copy a{color:#fff;margin:0 10px;}
#footer .footer_mid .ewm{float:right;margin-bottom:12px;width:150px;}
#footer .footer_mid dl{}
#footer .footer_mid dl dt{color:#fff;font-size:18px;line-height:30px;margin:20px 0;border-bottom: 1px #424242 solid;
    width: 150px;    padding-bottom: 10px;}
#footer .footer_mid dl dd{font-size:14px;font-weight:400;line-height:30px;}
#footer .footer_mid dl dd a{color:#999;}
#footer .footer_mid dl dd p{margin:0;color:#fff;}
#footer .footer_mid dl dd p span{color:#ccc;}
#footer .footer_mid dl dd b{color:#fff;}

#footer .footer_mid dl dd p.tel_title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
#footer .footer_mid dl dd p.share{width:auto;height:auto;background:none;}
#footer .footer_mid dl dd p.share a{display:inline;}
.share span{font-weight:700;display:inline-block;margin-right:5px;}
.share img.sewm{width:100px;height:100px;display:none;position:absolute;margin-top:-105px;margin-left:-73px;}
.foot_nav li{width:50%;float:left;line-height:40px;}
.foot_nav li a{color:#fff;}
.copyright{width:100%;height:auto;padding:10px 0;display:none;background:#cf1513;color:#fff;text-align:center;}
#menubtn{display:none;}
.social_nav5{display:none;}
	#divQQbox{display:none;}

@media screen and (max-width:768px) {
	#divQQbox{display:none;}
	#con1_1 .product_list{width:46%;box-sizing:border-box;margin:0 2% 10px;}
	.product_list a{display:block;}
	.product_list p{width:auto;}
	.product_list img{width:100%;}
	#menubtn{    display: block;    width: 40px;    background: #dd2027;
    padding: 5px;    position: absolute;    right: 10px;    top: 20px;}
    #menubtn img{width:30px;}
	.nav{    position: absolute; height:auto;   top: 70px;display:none;z-index:999;}
	.nav ul#topnav li{width:100%; height:auto;line-height:40px;   border-bottom: 1px #ccc solid;background:#dd2027;}
	.nav ul#topnav li.search{  width: 100%;    padding: 5px 0;}
	li.search form{width:200px;margin:0 auto;}
	.nav ul#topnav a.home{width:100%;background:#000;}
	.nav ul#topnav li a{height:40px;line-height:40px;    padding: 0;
    width: 100%;    color: #fff;}
	.nav ul#topnav li .sub{display:block; width:100%;   position: relative; top:auto;padding:0;border-top:1px #ccc dotted;}
	.nav ul#topnav .sub ul li{border:0;width:50%;padding:0 10px;box-sizing:border-box;}
	.nav ul#topnav li .sub ul{width:100%;}
}


@media screen and (max-width:640px) {
	#footer .footer_mid .ewm{display:none;}
	#footer .footer_mid dl dd{text-align:center;}
	#footer .footer_mid dl dd p.share{display:none;}
	#footer .footer_mid dl dt{width:100%;text-align:center;}
#footer{margin-bottom:5.85rem;}
	
.social_nav5{ height:5.85rem;display:block; position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;z-index:999; background: #333; }
.social_nav5 li{ width:25%; float:left; position:relative; background:#333;height:5.8rem; font:1.2rem/1.8rem "Microsoft Yahei"; text-align:center; color:#fff;  position:relative; border-left: 1px solid #454545; border-right: 1px solid #252525; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav5 li:nth-child(1){ border-left: 0; background: #e7260d;}
.social_nav5 li:nth-child(4){ border-right:0;}
.social_nav5 li em{ width:3rem; height:3rem; display:block; margin:0.45rem auto 0; }
.social_nav5 li img{ width:3rem;}
.social_nav5 li a{ color:#fff; font-family: "Microsoft Yahei";}

}

@media screen and (max-width:400px) {
	.top_box .logo img{width:100%;margin: 14px 10px;}
}