@charset "utf-8";

/*关于哲商*/
.container { padding:40px 0}
.container .about-us{ width:1002px;margin:0 auto}
.container .about-us .aboutzi{ width:550px}
.container .about-us .aboutzi h3{ font-size: 16px;font-weight: bold;margin-bottom:10px}
.container .about-us .aboutzi p{ font-size:14px;line-height:34px}

.ab_3 { margin:20px 0}
.ab_3t { font-family: 微软雅黑; text-align: center; padding-bottom: 30px; }
.ab_3t span { display: block; font-size: 28px; color: #333; font-weight: bold;line-height:34px}
.ab_3t span b { color: #01ac01; }
.ab_3t p { font-size: 20px; color: #999; padding: 10px 0; }
.ab_odd { width: 1100px; height: 400px; padding: 20px 0; overflow: hidden; position: relative; margin: 0 auto; background: url(../images/d1.gif) center repeat-y; }
.ab_odd em { display: inline-block; width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.ab_odd li { font-family: 微软雅黑; min-height: 80px; width: 580px; position: absolute; z-index: 10; text-align: right; }
.ab_odd li p { display: block; width: 500px; min-height: 80px; }
.ab_odd b { display: block; font-size: 20px; color: #555; padding-bottom: 5px; }
.ab_odd strong { color: #01ac01; }
.ab_odd span { display: block; line-height: 20px; font-size: 14px; color: #999; }
.ab_odd1 { top: 0; right: 0; }
.ab_odd3 p, .ab_odd1 p, .ab_odd5 p, .ab_odd2 em, .ab_odd4 em { float: right; text-align: left; }
.ab_odd3 em, .ab_odd1 em, .ab_odd5 em, .ab_odd2 p, .ab_odd4 p { float: left; }
.ab_odd1 em { background: url(../images/zs/min3.png) center 0 #282828 no-repeat; }
.ab_odd2 em { background: url(../images/zs/min3.png) center -60px #282828 no-repeat; }
.ab_odd3 em { background: url(../images/zs/min3.png) center -120px #282828 no-repeat; }
.ab_odd4 em { background: url(../images/zs/min3.png) center -180px #282828 no-repeat; }
.ab_odd5 em { background: url(../images/zs/min3.png) center -240px #282828 no-repeat; }
.ab_odd li:hover em { background-color: #01ac01; }
.ab_odd2 { top: 80px; left: 0; }
.ab_odd3 { top: 160px; right: 0; }
.ab_odd4 { top: 240px; left: 0; }
.ab_odd5 { top: 320px; right: 0; }

/*常见问题*/
.content{
width: 960px;
margin: 0 auto;
overflow: hidden;
}

.leftbot {
background: url(http://img.nsw88.com/Skins/Default/Img/left_bot_img.gif) no-repeat;
height: 3px;
font-size: 0;
overflow: hidden;
margin-bottom: 10px;
}

.left {
width: 201px;
float: left;
overflow: hidden;
}
.fen h3 {/* background-position:-71px -375px;*/ background:url("../images/zs/aa3_1.jpg") no-repeat scroll 0 0px transparent; color:#fff; line-height:35px; text-indent:28px; width:201px; height:35px; font-size:14px; white-space:nowrap; overflow:hidden;}
.fen h3 a { color:#fff; } /*左边导航大标题块连接色*/
.fen h3 a:hover { color:#fff;}
.fen h4 {/* background-position:-71px -375px;*/ background:url("../images/zs/aa2_1.jpg") no-repeat scroll 0 0px transparent; color:#fff; line-height:35px; text-indent:28px; width:201px; height:35px; font-size:14px; white-space:nowrap; overflow:hidden;}
.fen h4 a { color:#fff; } /*左边导航大标题块连接色*/
.fen h4 a:hover { color:#fff;}

.lnav { width:199px; border:solid 1px #d5d5d5; overflow:hidden; border-top:0; border-bottom:0; padding-bottom:15px;} 
.lnav ul { width:180px; margin:0px auto 0px auto;}
.lnav ul li { background:url(../images/zs/t05li2.gif) no-repeat bottom;height:30px;  line-height:30px; width:100%; white-space:nowrap; overflow: hidden; margin-bottom:3px;}
.lnav ul li a { padding-left:20px;display:block;}
.lnav ul li a:hover, .lnav ul .cur a{ background:url(../images/zs/ico7.gif) no-repeat 10px 13px; color:#ff7300; font-weight:bold; text-decoration:none;}
.jointel { margin:10px auto 0; text-align:center; background-position:-66px -579px; width:189px; height:100px; padding-bottom:10px; overflow:hidden; }/*加盟热线*/
.teltxt { font-weight:bold; font-family: Tahoma; font-size:18px; padding:35px 0 0; }
.telQQ { padding:5px 0 0; }

.lnav .nr {border-width:0 1px; padding:5px 8px 0;}
.lnav .nr h5 { height:24px; font-size:13px; line-height:24px; overflow:hidden; color:#ff6b01;}
.lnav .nr p { line-height:22px; color:#555555}
.lnav p a { text-decoration:underline; color:#14226f}
.dianh { background:url(../images/zs/Teln.gif) no-repeat 0 10px; padding:10px 0 10px 55px; color:#666666; line-height:10px}
.dianh span { display:block; font:20px "Impact";}

.right {
width: 754px;
float: left;
display: inline;
margin-left: 5px;
overflow: hidden;
}
.righttop {
background: url(../images/zs/right_top_img.gif) no-repeat;
height: 3px;
font-size: 0;
overflow: hidden;
}
.right_main {
width: 752px;
min-height: 458px;
border: solid 1px #d5d5d5;
border-top: 0;
border-bottom: 0;
padding-bottom: 15px;
overflow: hidden;
}
.plc { /*background-position:-66px -1034px;*/ background:#86c43d; color:#fff;  height:30px; line-height:30px; padding:0 10px; font-size:12px; overflow:hidden;  margin-bottom:10px;} /*面包屑导航,文字色彩可自行修改,现在为灰色*/
.plc a{ color:#fff;}
.plc a:hover{ text-decoration:underline}

/*---资讯中心---*/
.news_con { width:730px; margin:0 auto; padding-top:15px;}  /*资讯中心大框架*/

dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}
dl.news_dl a{ color:#000; }
dl.news_dl dt { margin-bottom:3px; margin-top:5px;height:25px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px; background:url(../images/zs/ico10.gif) no-repeat 0 9px;  padding-left:10px; display:block; color:#f42c22; font-weight:bold; float:left; font-size:14px; width:530px; }
dl.news_dl .dt_1:hover {background:url(../images/zs/ico7.gif) no-repeat 0 9px;text-decoration:underline}/*资讯首页内容,点击时的图片*/
dl.news_dl .dt_2 { font-family:"宋体"; }
dl.news_dl dd { font-size:12px; padding-left:10px; height:65px; overflow:hidden; margin-bottom:10px;}

/*资讯中心列表页面（图片列表）--dl_2*/
dl.dl_2 { width:150px; padding:10px 15px; float:left; display:inline-block;}
dl.dl_2 dt { width:150px; height:110px; overflow:hidden; } /*图片边框*/
dl.dl_2 dt a { width:145px; height:105px;  padding:1px; border:1px solid #ccc; display:block;}
dl.dl_2 dt a:hover {border:1px solid #FF7300;}/*图片边框,点击时的状态*/
dl.dl_2 img { display:block;  width:145px; height:105px; }
dl.dl_2 dd {margin:2px 0 0 0; width:150px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-align:center;}

dl.dl_2r { width:155px; padding:10px 10px; float:left; display:inline-block;}
dl.dl_2r dt { width:155px; height:115px; overflow:hidden; } /*图片边框*/
dl.dl_2r dt a { width:150px; height:110px;  padding:1px; border:1px solid #ccc; display:block;}
dl.dl_2r dt a:hover {border:1px solid #FF7300;}/*图片边框,点击时的状态*/
dl.dl_2r img { display:block; height:110px;width:150px;  }
dl.dl_2r dd {margin:2px 0 0 0; width:150px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-align:center;}

dl.dl_2a { width:340px; padding:10px 10px; float:left; display:inline-block;}
dl.dl_2a dt { width:340px; height:195px; overflow:hidden; } /*图片边框*/
dl.dl_2a dt a { width:330px; height:187px;  padding:1px; border:1px solid #ccc; display:block;}
dl.dl_2a dt a:hover {border:1px solid #FF7300;}/*图片边框,点击时的状态*/
dl.dl_2a img { display:block; height:187px;width:330px;width: 250px;margin: 0 auto;}
dl.dl_2a dd {margin:2px 0 0 0; width:330px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-align:center;}


dl.dl_2h { width:182px; padding:10px 30px; float:left; display:inline-block;}
dl.dl_2h dt { width:179px; height:115px; overflow:hidden; } /*图片边框*/
dl.dl_2h dt a { width:174px; height:111px;  padding:1px; border:1px solid #ccc; display:block;}
dl.dl_2h dt a:hover {border:1px solid #FF7300;}/*图片边框,点击时的状态*/
dl.dl_2h img { display:block;width:174px;height:111px;  }
dl.dl_2h dd {margin:2px 0 0 0; width:179px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-align:center;}

.apage {height: 25px;line-height: 25px;background: #F9F9F9;padding: 0 5px;border: solid 1px #ccc;text-align: right;margin-top: 10px;}
.anlipage{ background: none;border:none}
.rightbot {background: url(../images/zs/right_bot_img.gif) no-repeat;height: 3px;font-size: 0;overflow: hidden;margin-bottom: 10px;}

/*资讯详情页*/
.nw_art_body { padding-top:50px; background-color: #e6e6e6; }
.nw_art_bd { width: 940px; min-height: 700px; background-color: #fff; border: 1px #ddd solid; padding: 50px 40px; margin: 0 auto; text-align: left; }
.nw_art_link { padding: 50px 0; text-align: center; }
.nw_art_link a, .nw_art_link span { display: inline-block; margin: 0 5px; height: 35px; line-height: 35px; font-size: 16px; text-align: center; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; }
.nw_art_link a { padding: 0 30px; background-color: #86c540; color: #fff; }
.nw_art_link span { padding: 0 20px; background-color: #9ed658;cursor: pointer; }
.nw_art_link a:hover { background-color: #ccc; color: #222; }
.nw_art_hd { display: none; height: 60px; width: 1020px; overflow: hidden; margin: 0 auto; padding-bottom: 20px; font-family: 微软雅黑; }
.nw_art_hd .fl { width: 850px; height: 60px; overflow: hidden; }
.nw_art_hd h1 { display: block; height: 35px; line-height: 33px; overflow: hidden; font-size: 24px; color: #222; }
.nw_art_hd p { display: block; height: 20px; line-height: 20px; overflow: hidden; padding-top: 6px; }
.nw_art_hd .fr { width: 100px; height: 60px; overflow: hidden; text-align: center; }
.nw_art_hd .fr span, .nw_art_hd .fr b { display: block; height: 29px; line-height: 29px; color: #fff; font-size: 14px; overflow: hidden; margin-bottom: 2px; }
.nw_art_hd .fr span { background-color: #048304; }
.nw_art_hd .fr b { background-color: #5dbc29; }
.nw_art_text { width: 100%; overflow: hidden; font-size: 16px; line-height: 1.9; }
.nw_art_text p { padding-bottom: 10px; }
.nw_art_text img { max-width: 800px; }
.nw_art_title { margin-bottom: 20px;text-align: center;border-bottom: 1px dotted #01ac01;padding-bottom: 10px;}
.nw_art_title h1 { font-size: 30px; color: #333; }
.nw_art_title p { padding-top: 20px; color: #555; }
.nw_art_title span { padding: 0 10px; }
.nw_art_title a { color: #01ac01; }

/*案例展示*/
.ce_hd { padding: 50px 0; background-color: #f5f5f5; text-align: center; font: 12px/1.5 "microsoft yahei",Arial; }
.ce_hd b { font-size: 34px; color: #333; font-weight: 700; }
.ce_hd span { display: block; font-size: 22px; color: #999; padding-top: 10px; }
.ce_hd p { padding-top: 50px; font-size: 16px; font-weight: 300; }
.ce_hd p a { display: inline-block; height: 30px; line-height: 30px; padding: 0 20px; color: #666; margin: 0 5px; }
.ce_hd p a.hover {  background-color: #01ac01;color: #fff; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.ce_hd p a:hover, .ce_hd p a._on { color: #fff; background-color: #01ac01; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.ce_box { width: 100%; padding-bottom: 50px; background-color: #f5f5f5; }
.ce_dz { background-color: #282828; padding: 50px 0; text-align: center; background: url(../images/zs/images/bg1.gif) repeat; }
.ce_dz a { display: inline-block; height: 35px; line-height: 35px; font-size: 16px; text-align: center; padding: 0 60px; background-color: #01ac01; color: #fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; }
.ce_dz a:hover { background-color: #ccc; color: #222; }
.ce_dz p { padding: 0 0 30px 0; line-height: 25px; font-size: 25px; color: #fff; }

.case { width: 1100px; overflow: hidden; margin: 0 auto; }
.case ul { width: 110%; }
.case li { float: left;position: relative; display: inline; margin:10px 15px;text-align:center}
.case li .anli{ position: relative; width: 330px; height: 220px; overflow: hidden;}
.case li img.computer{ width: 330px; height: 220px; }
.case li h4{ margin-top:10px}
.case p { display: none; position: absolute; z-index: 200; left: 0; top: 0; text-align: center; padding:40px; overflow: hidden; width: 270px; height:140px; background: url(../images/zs/k_bg3.png) repeat; color: #fff; }
.case p b { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: normal; }
.case p span { display: block; padding-top: 2px; height: 54px; margin-bottom: 10px; line-height: 18px; color: #ccc; overflow: hidden; font: 12px/18px "宋体","微软雅黑","黑体",Arial,sans-serif,tahoma,Hiragino Sans G; }
.case p a { display: block; border-top: 1px #666 dotted; padding-top: 5px; line-height: 20px; color: #fff; }
.case p a:hover { color: #01ac01; }
.case li:hover p { display: block; }

/*手机展示*/
.case li.shouji{ width:210px;height:407px;background:url(../images/zs/shouji.png) no-repeat;padding:58px 15px 0;margin:10px 20px}

.case li .sjanli{ width:209px;height:340px}
.case li .sjanli p{ width:209px;height:280px;padding:60px 0 0 0}

.case li .sjanli p b{ height:60px;}


/*联系我们*/
.wrap {
width: 1200px;
margin: 0 auto;
}
.business-ul{overflow:hidden;}
.business-ul li{float:left;width:390px;margin-right:10px;*margin-right:8px;_margin-right:8px;margin-bottom: 30px;
				-webkit-border-radius:3px;
					-moz-border-radius:3px;
						-o-border-radius:3px;
							border-radius:3px;
				 box-sizing:border-box;
}

.business-ul li.contact{width:780px;height:330px;}
/*.business-ul li.first a{float:none;border:none}*/
.business-a{position:relative;display:block;height:300px;border:1px solid #ccc;overflow:hidden;transition:all 1s;border-radius:3px;}

.business-a .title01{position:absolute;margin-bottom:20px;font-size:12px;color:#999;text-align:center;font-weight:normal;}
.business-a .title01 em{font-size:18px;color:#333;font-weight:bold;margin-left:5px;}
.business-a .img01{position:absolute;text-align:center;}
.business-a .title02 em{color:#fff;}
.business-a .title01{left:20px;bottom:0px;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;opacity:1;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;		
}

.business-a .img01{right:23px;top:20px;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;opacity:1;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;
	}
.metro{font-size: 18px;color: #9ac047;margin-left:60px}
.metro dt{margin-left: -50px;}
.metro .icon{display: inline-block;width: 34px;height: 34px;background: url("../images/sprite2.png") -66px -90px;vertical-align: middle;margin-right: 16px;}


.metro dl{float:left;width:318px;margin:40px 90px 0 0px;}

.metro dd{font-size: 16px;color: #333;line-height: 50px;}
.contact_int{width: 1200px;
margin: 30px auto 0;
height: 130px;
padding-top: 30px;
background: url(../images/zs/contact_int_bg.jpg) no-repeat;}
.contact_int_le {
width: 1000px;
padding-left: 30px;
}
.contact_int_title {
font-family: "微软雅黑";
font-size: 16px;
margin-bottom: 20px;
font-weight: bold;
}
.contact_int_title span {
color: #f42c22;
}
.contact_top p{padding: 20px 0;
font-size: 16px;
line-height: 30px;}


#contactForm .text-danger{color: #ff3333;}
.contact_top{margin-right: 0;margin-left: 0;margin-bottom: 2em;border-bottom: 2px solid #fff;}
.contact_details{width: 33.33%;text-align: center;}
.contact_details i{color: #88c543;}
.contact_details p{padding: 20px 0;}
.form-group label{font-weight: 500;font-size: 14px;}
textarea#message{resize: none;padding: 10px;height: 185px;}
.center{text-align: center;padding-bottom: 10px;}
.center h2{font-size: 26px;margin-top: 0;margin-bottom: 20px;}
.center h3{font-size: 22px;margin-top: 0;margin-bottom: 20px;}
.lead{font-size: 14px;line-height: 24px;font-weight: 400;margin: 0px;}
label{display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.form-group{margin-bottom: 15px;}
.form-control{display: block;width: 100%;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;
background-image: none;border: 1px solid #ccc;border-radius: 4px;}
.container form .row{width:500px;margin:0 auto}
.container form .row .col-sm-5{width:45%;}
.container form .row .ml{margin-left:5%}
.btn-primary{padding: 8px 20px;background: #f39c12;color: #fff;border-radius: 4px;border: none;margin-top: 10px;font-size: 18px;
cursor: pointer;}

/*品牌展播*/
#inner-page {background: #f8f8f8;padding-bottom: 0;}
.lead {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	margin: 0px;
}
.se_item { padding: 50px 0; text-align: center; font-family: 微软雅黑; border-top: 1px #eed4ab solid; }
.se_item samp { display: block; font-size: 38px; font-family: 微软雅黑;overflow: hidden;line-height: 38px;}
.se_item b { color: #01ac01; }
.se_item span { display: block; font-size: 20px;color: #666;margin-top: 10px;}
.sew_ul { width: 800px; padding: 40px 0; font-size: 18px; overflow: hidden; margin: 0 auto; }
.sew_ul ul { width: 120%; }
.sew_ul li { float: left; display: inline; width: 350px; text-align: left; height: 30px; line-height: 30px; float: left; margin-right: 100px; }
.se_item p {padding-top: 40px;height: 35px;text-align: center;}
.se_item p a { display: inline-block; height: 35px; line-height: 33px; font-size: 16px; text-align: center; padding: 0 60px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; }
.se_item a { background-color: #86c540; color: #fff; }
.se_item a:hover { background-color: #9ed658;}

.product{ width:100%;background:url(../images/zs/probg.jpg) no-repeat;background-size:100%;overflow:hidden;text-align:center;}
.product .prolist{ display:inline-block; *display:inline; *zoom:1;margin-top:55px;}

.product .prolist .product1 .p1,.product .prolist .product2 .p2,.product .prolist .product3 .p3{ display:block;width:108px;height:104px;background:url(../images/zs/product1.png) no-repeat;margin:0 120px;}
.product .prolist .product2 .p2{ background:url(../images/zs/product2.png) no-repeat;}
.product .prolist .product3 .p3{ background:url(../images/zs/product3.png) no-repeat;}



.product .prolist li a:hover{ background-position:-108px 0}

.product .prolist h3{ color:#a7a7a7;font-size:18px;line-height: 26px;margin-top: 20px;margin-bottom: 10px;cursor:pointer}
.product .prolist h4{ border:1px solid #a7a7a7;color:#a7a7a7;font-size:16px;width:120px;line-height:34px;margin:0 auto;cursor:pointer}
.product .prolist li:hover h3,.product .prolist li:hover h4{ color:#01ac01;border-color:#01ac01}

.product .prolist li:hover a.p1,.product .prolist li:hover a.p2,.product .prolist li:hover a.p3{ background-position:-108px 0}

.product .prolist li{ position:relative;padding-bottom:100px}
.product .prolist li .yewu{display:none;position:absolute;width:940px;top:240px;background:#fff;padding:30px 20px} 
.product .prolist li span{ line-height:0;border:30px solid transparent; border-bottom-color:#fff;border-top:0;position:absolute;bottom:0px;left:50%;margin-left:-30px;display:none;top:210px}

.product .prolist li.product1:hover{ padding-bottom:240px}
.product .prolist li.product2:hover{ padding-bottom:250px}
.product .prolist li.product3:hover{ padding-bottom:490px}
/*.product .prolist li.product1:hover span{ top:-230px}
.product .prolist li.product2:hover span{ top:-230px}
.product .prolist li.product3:hover span{ top:-230px}*/


.product .prolist li:hover .yewu,.product .prolist li:hover span{ display:block}
.product .prolist li:hover .yewu p{ font-size:14px;text-align:left;line-height:26px}

.product .prolist li .yewu .tuiguang{ border-bottom:1px dashed #444444;overflow:hidden;padding-bottom:15px;margin-bottom:15px}
.product .prolist li .yewu .tuiguang p{text-indent:24px;line-height:20px;font-size:12px}

.area{ width:1080px;margin:0 auto;height:50px;line-height:50px}
.area .formselect{ margin-left:80px}
.area h4{ background:url(../images/mark11.jpg) left center no-repeat;padding-left:15px;font-size:14px;font-weight:bold;color:#666;}
.area form select{ margin-left:20px;width:300px;height:40px;line-height:20px;border: 1px solid #c4c4c4;background:url(../images/on_1.png) 280px center no-repeat;-webkit-appearance: none;text-align:center;padding-left:10px;font-size:13px;font-family:微软雅黑;cursor:pointer;margin-top:5px;padding:0px\0;}
.area form select:focus{
    outline:none;
}


#mycarousel{ width:1100px !important;overflow:hidden}
.jcarousel-skin-tango li{ float:left;margin:13px;text-align:center;line-height:28px;position:relative}
.jcarousel-skin-tango li a{display: block;border:1px solid #dcdedd}
.jcarousel-skin-tango li:hover a{ border-color:#52ac10}
.jcarousel-skin-tango img{width:220px;height:295px; cursor: pointer;padding:5px}