@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.clear{clear:both;}
img{max-width:100%;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:"微软雅黑"; font-size:12px; color:#535353; overflow-x:hidden; backgr/ound:#f3eee8}
/*.theme_color{ background:#fff;}
.theme_color1{ background:#ee0062;}
.theme_color2{ background:#222;}*/

/*-----------------  ■ common -------------------*/
.rollover:hover img {opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;/zoom: 1;}
.main{ width:1004px;margin:0 auto; position:relative; over/flow:hidden; z-index:999;}
/*-----------------  ■ header -------------------*/
.header{ width:100%; height:109px;background:url(../images/header01.jpg) repeat; position:relative;}
.logo{ float:left; height:109px; overflow:hidden;}
.header .tel{ float:right;background:url(../images/tel.png) left 0 no-repeat; line-height:22px; padding:0 0 2px 53px; color:#424242; font-size:32px;font-family:Arial, Helvetica, sans-serif; margin-top:32px;}
.header .tel span{ display:block; font-size:14px; font-weight:normal;font-family:'微软雅黑'; color:#606060;}
/*------search-------*/
.isearch{ float:right; width:30px; height:30px; margin:16px 0 0; position:relative;}
.isearch span{ display:block; height:30px;background:url(../images/search.png) center top no-repeat; }



.search01{ dis/play:none; posit/ion:absolute; to/p:30px; ri/ght:290px;  width:242px; height:39px; background:url(../images/ss01.png) repeat; z-index:999;}
.search02{ float:left;}
.search02 input.search03{  background:none;width:135px; padding-left:7px; font-size:13px; font-family:'微软雅黑'; height:25px; line-height:25px; font-size:14px; border:#f09b48 solid 1px; color:#cc8138; background:#fff; margin-top:15px;}
.search02 input.search04{ width:29px; font-size:14px; color:#fff; font-family:'微软雅黑'; height:27px; line-height:27px; border:none; border:0; background:#9c541a; cursor:pointer; font-size:14px; text-align:center; background:url(../images/ss02.jpg) no-repeat center center; margin-top:15px;}
.search05{ float:left; width:93px; padding:15px 0 0 1px;}

.search_btn{ pos/ition:absolute; to/p:30px; rig/ht:250px; cur/sor:pointer;}



.jslct {color:#cc8138;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:14px;position:relative;vertical-align:middle;cursor:default; width:90px; height:25px; line-height:25px; background:#fff url(../images/k1.png) no-repeat 70px center;z-index:0; border:#f09b48 solid 1px;}
.jslct_hover {}
.jslct div.jslct_t {position:relative; padding-left:5px;z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em {font-style:normal;margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}
.jslct dl {background:#fff;position:absolute;top:39px;left:0;cursor:default; width:80px; padding:0 0 0 ; overflow:hidden;z-index:1;display:none; font-size:14px; border:#737373 solid 1px;}
.jslct_hover dl {}
.jslct dl dd { box-sizing:border-box; font-size:12px; text-align:center;line-height:25px; border-/bottom:#ccc solid 1px; white-space:nowrap;cursor:pointer;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.jslct dl dd:hover {color:#737373;background:#e4e4e4;  }
.jslct dl dd.hover {color:#737373;background:#e4e4e4;  }
.jslct .jslcted {}
.jslct dl dd.noborder {}


/*********nav*********/
.g_nav{ posi/tion:absolute; t/op:97px; lef/t:0; wid/th:100%; height:45px; background:#2a2929; z-index:9; bor/der-top:#974305 solid 4px;}
.g_nav01{ width:1004px; margin:0 auto; position:relative;}
.g_nav01 table tr td{ text-align:center; height:45px; line-height:45px; position:relative;}
.g_nav01 a{ height:45px; line-height:45px; display:block; color:#fff; font-size:15px; background:url(../images/nav03.png) top center no-repeat;}
.g_nav01 a:hover{ background:#ff9700; color:#fff; fo/nt-weight:bold;}
.g_nav01 a.cur{background:#ff9700;  color:#fff;}
.g_nav01 a.g_nav01_on{background:#ff9700;  color:#fff; }
.g_nav01 table {}
.g_nav01 table tr td .nav_tan{ display:none; width:100%; position:absolute; left:0; top:45px;background:#210400; border-top:#4d3633 solid 1px; z-index:99999;}
.g_nav01 table tr td .nav_tan a{background:#210400;line-height:38px; height:38px; font-size:14px; color:#fff; display:block; overflow:hidden; border-bottom:#4d3633 solid 1px;}
.g_nav01 table tr td .nav_tan a:hover{ color:#fff;background:#ff9700;}





.index_nav{ display:none; width:150px; padding:10px 0; min-height:457px;_height:457px;background:#333; position:absolute; top:145px; left:50%; margin-left:-550px;}
.index_nav ul li{ position:relative; line-height:42px; height:42px;}
.index_nav ul li a{ display:block; color:#fff; font-size:15px; text-align:center;}

.index_nav a:hover{  background:#4d4d4d; }
.index_nav a.cur{ background:#4d4d4d;}
.index_nav ul li .nav_tan{ display:none; width:100%; position:absolute; left:150px; top:0;background:#333; border-top:#333 solid 1px;}
.index_nav ul li .nav_tan a{line-height:41px; height:41px; font-size:14px; color:#fff; display:block; overflow:hidden; border-bottom:#4d4d4d solid 1px;}




/*********footer*********/
.footer{ height:170px; background:url(../images/f01.jpg) repeat; color:#949494; text-align:center;}


.footer00{ width:1004px; margin:0 auto; position:relative; font-size:14px;}

.footer01{ font-size:13px; padding-top:41px;}
.footer01 a{ color:#989797; margin:0 14px;}
.footer01 a:hover{ color:#989797;}

.footer02{ text-align:center; font-size:12px; color:#767676; padding-top:22px;}
.footer02 a{color:#767676;}
.footer02 a:hover{color:#fff;}

.footer03{ font-size:14px; color:#7d7d7d; padding-top:15px;}
.footer03 span{ display:block; float:left; padding:9px 7px 0 420px;}




.f_link{ height:40px; line-height:40px; background:#1c1c1c; font-size:13px;}
.f_link01{ width:1004px; margin:0 auto;}
.f_link02{ float:left; color:#fff;}
.f_link02 a{ color:#fff; margin-right:32px;}
.f_link02 a:hover{color:#bebebe;}

.f_link03{ float:right; width:166px; color:#989797;}
.f_link03 a{ color:#989797;}
.f_link03 a:hover{ color:#fff;}



.totop{ cursor:pointer;position:fixed;bottom:20%;right:0;}
.gz{
	width:134px;
	height:100px;
	/* position:fixed;
	bottom:42%;
	right:2%; */
	margin-left: -46px;
    margin-bottom: 48px;
}

.gz img{
	width:100px;
	height:100px;
	display:block;
	margin:0 auto;
}
.gz span{
	font-size:16px;
	color:#333;
	line-height:30px;
	text-align:center;
	display:block;
}



.f_bq{ text-align:center; height:46px; line-height:46px; background:#000; color:#666;}
.f_bq a{color:#666;}
.f_bq a:hover{ color:#bebebe;}








::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #cc8138;
}
:-moz-placeholder { /* Mozilla Firefox 4-18 */
   color: #cc8138;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #cc8138;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #cc8138;
}




.gz{
	width:134px;
	height:100px;
	/* position:fixed;
	bottom:42%;
	right:2%; */
}

.gz img{
	width:100px;
	height:100px;
	display:block;
	margin:0 auto;
}
.gz span{
	font-size:16px;
	color:#333;
	line-height:30px;
	text-align:center;
	display:block;
}


.header2{
    display:none;
}
.pr1{
	float:left; width:320px;
}

.addWrap{
	display:none;
}
.slideBox{
    display:block;
}
.foot-fix{
	display:none;
}
#ban{
	display:none;
}
.map{
	margin-top:40px;
}

.nav-bar{
   display:none;
}
.index_pic2{
		display:none;
	}

.sys{
	display:none;
}


@media (max-width: 640px){
    .g_nav,.header{
	   display:none;
	}
    .header2{position:relative;height:50px;background:#fff;display:block;width:100%;}
	.header2 .logo{display:block;/* width:66%; */height:auto;padding:0 0 0 10px;}
	.header2 .logo img{display:block;width:auto;height:50px;}
	.header2 .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
	.header2 .search:hover{background-color:#fff;}
	.header2 .search span{display:none;}
	.header2 .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
	.header2 .user-icon span{display:none;}
	.header2 .user-icon:hover{background-color:#fff;}
	.header2 .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
    .index_pro00{
		height:auto !important;
		margin-bottom:30px;
		padding:0 10px;
	}
	.index_pro01{
		width:100% !important;
	}
	.index_pro02{
		display:none;
	}
	.index_pro03{
		width:100% !important;
		float:none !important;
	}
	.index_pro04{
		width:50% !important;
		height:140px !important;
	}
	.index_pro04 img{
		height:100%;
		width:100%;
	}
	.index_pro06{
		padding-top:23px !important;
	}
	.index_pro08{
		width:33.33% !important;
		height:100px !important;
	}
	.index_pro08 img{
		height:100%;
		width:100%;
	}
	.index_gg01{
		width:100% !important;
		padding-top:68px !important;
	}
	.index_gg02{
		width:100% !important;
		border:0 !important;
	}
	.index_news01{
		width:100% !important;
	}
	.index_news{
		padding-top:0 !important;
		height:auto !important;
		margin-bottom:30px !important;
	}
	.index_news03{
		width:100% !important;
	}
	.index_news03 dl{
		width:94% !important;
		height:128px !important;
		margin:0 auto !important;
		background:none !important;
		float:none !important;
	}
	.index_news03 dl dd{
		width:54% !important;
		padding:0 !important;
	}
	.index_news03 dd span{
	    text-overflow: ellipsis;
		display: -webkit-box !important; 
		-webkit-box-orient: vertical; 
		-webkit-line-clamp: 3; 
		overflow: hidden
	}
	.index_news03 dl dd h4{
		padding-top:0 !important;
	}
	.index_news03 dl dt{
	    width:42% !important;
	}
	.index_case02{
		width:100% !important;
	}
    .pr1{
		float:none !important;;
		margin:0 auto !important;
	}
    .index_case09{
		width:320px !important;
		height:340px !important;
		margin:0 auto !important;
		float:none !important;
	}
	.index_case09 img{
		width:100% !important;
		height:100% !important;
	}
    .pr2{
	    float:none !important;;
		margin:0 auto !important;
	}
    .index_case01{
		height:auto !important;
		padding-bottom:30px !important;
	}
	.index_about02{
		width:92% !important;
		margin:0 auto;
		height:auto !important;
		padding-bottom:20px;
	}
	.index_about03{
		width:auto !important;
		margin:15px !important;
		float:left !important;
		padding:0 !important;
	}
	.index_about04{
		width:94% !important;
		margin:0 auto !important;
		float:none !important;
		height:auto !important;
	}
    .index_about{
		height:auto !important;
		background-repeat: repeat-y !important;
        padding-bottom:30px !important;
	}
    .index_about05{
		width:100% !important;
		margin:40px auto 0 auto!important;
		float:none !important;
		text-align:center !important;
	}
    .index_contact04{
		width:100% !important;
	}
    .index_contact04 dl{
		width:70% !important;
		margin:0 auto !important;
		float:none !important;
		padding:20px 0 !important;
	}	
    .index_contact{
		height:auto !important;
		padding-bottom:80px;
	}
    .f_link{
		display:none;
	}
    .footer00{
		width:100%;
	}
	.footer01{
		padding-top:22px !important;
	}
    .footer01 a{
		margin: 0 14px 10px !important;
        display: inline-block !important;
	}
	.footer02 {
		padding-top: 10px !important;
	}
    .footer03{
		display:none;
	}
    .footer{
		height:auto !important;
		padding-bottom:22px;
		display:none;
	}
    .index_gg{
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		margin-bottom:30px;
	}

    .addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;display:block;}
	.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
	.addWrap .swipe-wrap{overflow:hidden;position:relative;}
	.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
	#position{ position:absolute; bottom:0; right:0; /* padding-right:8px; */ margin:0;/*  background:#000; */  width:100%; text-align:center}
	#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
	#position li.cur{background-color:#FF9700;}
	.img-responsive { display: block; max-width:100%;height: auto;}
    .slideBox{
		display:none;
	}
	.foot-fix{
		width:100%;
		display:block;
		position:fixed;
		bottom:0;
		background:rgba(0,0,0,0.6);
	}
    .foot-fix ul li{
		display: block;
		width: 25%;
		float: left;
		padding:10px 0;

	}
	.foot-fix ul li img{
	     width:auto;
		 height:25px;
		 display:block;
		 margin:0 auto 8px auto;

	}
    .foot-fix ul li a{
		color:#fff;
		font-size:14px;
		text-align:center;
		display:block;
		margin:0 auto;
	}
    #ban{
		display:block !important;
		width:100% !important;
	}
	#ban img{
		width:100%;
	}
	.sub_banner{
		display:none;
	}
    .sub_pro01{
		display:none !important;
	}
	.product{
		background:none !important;
		width:100% !important;
		margin-top:15px !important;
		padding-bottom:100px !important;
	}
    .product02{
		float:none !important;
		width:94% !important;
		padding:0 !important;
		margin:0 auto !important;

	}
    .product3 li{
	    width:47% !important;
	}
    .product02 .product3 li img{
		height:130px !important;
	}
    .page{
		margin-left:0 !important;
	}
    .back{
		margin-bottom:20px !important;
	}
    .map{
		margin-top:40px;
		height:200px !important;
	}
    .nav-bar{
		display:block !important;
	}
	.nav-bar ul li{
		width:100%;
	}
    .nav-bar ul li a{
		display:block;
		width:31.33%;
		float:left;
		background:#fff;
		text-align:center;
		padding:10px 0;
		margin:0 1%;
		color:#333;
		font-size:13px;
	}
    .nav-bar ul li a:hover{
		background:#FF9700;
		color:#fff;
	}
	.nav-bar ul li a.cu{
		background:#FF9700;
		color:#fff;
	}
	.index_pro11{
		margin-top:10px !important;
		display:none !important;
	}
    .index_pro10{
		padding-top:44px !important;
	}
    .index_pro05{
		display:block !important;
		background:none !important;
	}
    .index_pro09{
		display:block !important;
		background:none !important;
	}
	.index_pro07{
		display:none;
	}
    .index_pro06{
		padding-top:80px !important;
	}
	.index_pic{
		display:none;
	}
	.index_pic2{
		display:block;
	}
    .sys{
		display:block;
		margin:0 auto 30px auto !important;
		padding-bottom:40px !important;
	}
    .sys img{
		width:100% !important;
		height:auto !important;
	}










}
@media (max-width: 375px){
    .search05{
		display:none;
	}
	.index_news03 dl{
		width:94% !important;
		height:105px !important;
		margin:0 auto 10px auto !important;
		background:none !important;
		float:none !important;
	}
	.index_news03 dl dt img{
		height:105px;
		width:100%;
	}
	.index_news03 dd span{
	    text-overflow: ellipsis;
		display: -webkit-box !important; 
		-webkit-box-orient: vertical; 
		-webkit-line-clamp: 2; 
		overflow: hidden
	}
	.product02 .product3 li img{
		height:99px !important;
	}
}