html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
	font-size:12px;
	-webkit-text-size-adjust:none;/*解决谷歌浏览器字体大小限制12px问题*/
	font-family:Microsoft YaHei, Tahoma, Verdana, Arial, sans-serif;
	background:url("../images/bg.jpg")/*tpa=http://www.jnqxhs.com/images/bg.jpg*/;
	color:#333333;
}
div,ol,ul,li,h1,h2,h3,form,dl,dt,dd,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-size:12px;
}
p{padding:0;margin:0;}
img{border:0;}
ol,ul,li,dl,dt,dd{list-style:none;}
a:link {color:#333333;text-decoration: none;}
a:visited {text-decoration: none;color:#333333;}
a:hover {text-decoration: none;color:#006496;}
a:active {text-decoration: none;color:#333333;}
.clear{	clear:both;}
.clearfloat{clear:both;line-height:0px;height:0px;padding:0;font-size:0;margin:0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;display: inline-block;_height:1px;}

.head_top{ height:30px; background:#0b2a3f; color:#7d9baf;}
.head_top a{color:#7d9baf; margin:0 5px;}
.ht_cont{ width:1200px; margin:0 auto; line-height:30px;}
.ht_left{ float:left;}
.ht_right{ float:right;}

/*headwrap*/
.headwrap {width: 100%;height: 100px;overflow: hidden;position: relative;z-index:1;background:#f5f5f5;}
.head_bg{ background:#f5f5f5; /*padding:20px 0;*/ height:100px;}
.headwrap .leftbg {position: absolute;background:#e62f34;	width:26%;	float: left;height: 76px;z-index: 1;}
.headwrap .rightbg {position: absolute;width:72%;float: right;height: 76px;z-index: 1;right: 0;}
.headwrap .top_cont{width: 1200px;margin: 12px auto;overflow: hidden;height: 76px;background: url("../images/top_bg.jpg")/*tpa=http://www.jnqxhs.com/images/top_bg.jpg*/ no-repeat; position:relative; 
	    
   background-position: center;
      background-size: 114% 94px;}
.headwrap .top_cont .logo{ width:255px; height:50px; display:block; position:absolute; z-index:20;     margin-top: 11px;
    margin-left: 25px; left:0;}
.headwrap .top_cont .logo img{ width: 100%; }
.headwrap .top_cont .logo-adv{ position:absolute; left:380px; color:#535353; font-size:20px; top:9px; line-height:30px;}
.headwrap .top_cont .tel{ width:px; height:px; position:absolute; right:0;}


.toubu{position:fixed;width:100%;height:192px;z-index:10;overflow:hidden;}





.navWrap{ width:auto;height:62px;margin:0 auto; background:#f5f5f5; border-top:solid 1px #dbdbdb;}
.nav{ width:1200px; margin:0 auto;}
.nav ul li{ float:left; width:130px; text-align:center; height:62px; line-height:62px; border-left:solid 1px #dbdbdb; font-size:14px;}
.nav ul a:hover{ width:130px; height:46px; border-top:4px #e41117 solid; display:block; overflow:hidden; color:#e41117; font-weight:bold;}
.nav ul li.nav-line{ width:1px;border-left:solid 1px #dbdbdb;}

.main_banner{width:1200px;height:450px;text-align:center;position:relative;z-index:1;padding-top:192px;}

.keyword{ width:100%; position:relative; z-index:2; height:45px;}
.keyword .leftbg{position: absolute;background:#2e3440;	width:0%;	float: left;height: 45px;z-index: 1;}
.keyword .rightbg {position: absolute;width:100%;float: right; background:#e62f34;height: 45px;z-index: 1;right: 0;}
.keyword .key-cont{width: 1200px;margin: 0 auto;overflow: hidden;height: 45px; position:relative;}
.keyword .key-cont span{ position:absolute; z-index:2; left:0; color:#fff; line-height:45px; margin-left:150px; width:1050px; font-size:14px; font-weight:bold;}
.keyword .key-cont span a{ color:#fff; margin:0 0 0 20px; font-weight:normal;}

.case{ width:100%; margin:50px auto 0 auto; text-align:center;}
.case h1{ font-size:30px; color:#161a26;}
.case h2{ font-size:14px; color:#535353; font-weight:normal;}
.case-1200{ width:1200px; margin:40px auto 0 auto;}
.case-nav{ width:270px; float:left;}
.case-nav .title{ width:270px; height:104px; background: url("../images/case_title.jpg")/*tpa=http://www.jnqxhs.com/images/case_title.jpg*/ no-repeat;}
.navlist{ background: url("../images/nav_list_bg.jpg")/*tpa=http://www.jnqxhs.com/images/nav_list_bg.jpg*/ repeat-y; padding:10px;}
.navlist dt{border-radius:22px; background:#eb595c; width:220px; height:40px; line-height:40px; margin:10px auto 0 auto; text-align:center; color:#fff; font-size:18px; font-weight:bold;letter-spacing:10px}
.navlist dt a,.navlist dd a{ color:#fff;}
.navlist dt a:hover,.navlist dd a:hover{ color:#fffc00;}
.navlist dd{ width:170px; text-align:left; color:#fff; font-size:14px; margin-left:65px; height:40px; line-height:40px;}
.navlist dd img{ margin-right:10px;}
.case-imglist{ float:right;width:900px;}
.case-imglist dd{ float:left; width:280px; margin-left:20px; display:block; height:295px;}
.case-imglist dd img{ width:276px; height:250px; border:2px #fff solid; display:block;}
.case-imglist dd span{width:280px; height:36px; line-height:36px;}
.case-imglist a:hover img{ border:2px #e62f34 solid;}
.case-imglist a:hover span{ background:#e62f34; display:block; color:#fff;}

.plan{ width:1200px; margin:50px auto 0 auto; text-align:center;}
.plan h1{ font-size:30px; color:#161a26;}
.plan h2{ font-size:14px; color:#535353; font-weight:normal;}
.plan-list dd{ width:191px; float:left; margin:40px 24px 0 24px;}
.plan-list dd img{ margin-bottom:10px;}
.plan-list dd span{ line-height:20px;}

.guanggao{ width:1200px; background: url("../images/guanggao.jpg")/*tpa=http://www.jnqxhs.com/images/guanggao.jpg*/ no-repeat; margin:50px auto 0 auto; height:126px;}

.youshi{ width:1200px; margin:50px auto 0 auto; text-align:center;}
.youshi h1{ font-size:30px; color:#161a26;}
.youshi h2{ font-size:14px; color:#535353; font-weight:normal;}
.ys_part1{ margin-top:40px; float:left;}
.ys_part1 .ys-title .ys_leftbg{ width:48%; height:82px; background:#e62f34; float:left; padding-top:38px; padding-left:2%;}
.ys_part1 .ys-title .ys_leftbg i{ width:47px; float:left; margin-right:10px;}
.ys_part1 .ys-title .ys_leftbg .lr{ text-align:left; color:#fff; width:500px; float:left;}
.ys-title .ys_leftbg .lr .zw{ font-size:18px;}
.ys-title .ys_leftbg .lr .en{ font-size:10px;}
.ys_vs .one{ width:505px; float:left;}
.ys_vs .two{ width:182px; float:left; height:153px; overflow:hidden;}
.ys_vs .three{ width:505px; float:right;}
.ys_vs .one img,.ys_vs .three img{ border:2px solid #fff; }
.ys_vs{ margin-top:20px; width:1200px; float:left;}
.ys_vs p{ text-align:left; line-height:22px; font-size:14px; margin-top:10px;}

.ys_part2{ margin-top:40px; float:left;}
.ys_part2 .ys-title .ys_leftbg{ width:50%; height:120px; background:#e5e5e6; float:left;}
.ys_part2 .ys-title .ys_rightbg i{ width:47px; float:left; margin-right:10px;}
.ys_part2 .ys-title .ys_rightbg .lr{ text-align:left; color:#fff; width:500px; float:left;}
.ys_part2 .ys-title .ys_rightbg{  float:right; width:48%; height:82px; background:#2e3440; padding-top:38px; padding-left:2%;}


.ys_part1 .ys-title .ys_rightbg{ width:50%; height:120px; background:#efe5e5; float:right;}

.about{ width:100%; margin:50px auto 0 auto; background:#e62f34;}
.aboutus{ width:1200px; margin:0 auto; height:394px;}
.aboutus .a_left{ width:599px; height:394px; /*background:url("../images/aboutimg.jpg")*//*tpa=http://www.jnqxhs.com/images/aboutimg.jpg*/; float:left;position: relative;}
.aboutus .a_right{ width:601px; float:right;}
.aboutus .a_right h1{ font-size:20px; color:#fff; margin-top:30px; margin-left:20px;}
.aboutus .a_right h2{ font-size:14px; color:#fff;margin-left:20px;}
.aboutus .a_right p{ font-size:14px; color:#fff; line-height:26px; border:6px solid #fff; border-left:none; padding:20px; margin-top:25px;}

.new{ width:1200px; margin:50px auto 0 auto; text-align:center;}
.new h1{ font-size:30px; color:#161a26;}
.new h2{ font-size:14px; color:#535353; font-weight:normal;}
.mar_left_20{ margin-left:40px;}
.new_comp{ width:580px; float:left;}
.new_comp .n_c_title{ height:40px; line-height:40px; background:#e62f34; margin-top:30px; padding:0 20px; color:#fff;}
.new_comp .n_c_title .bt{ float:left; font-size:16px; font-weight:bold;}
.new_comp .n_c_title .more{ float:right;}
.new_comp .n_c_title .more a{ color:#fff;}
.newlist dd{ width:580px; float:left; text-align:left; margin-top:15px; border-bottom:dashed 1px #ddd; padding-bottom:10px;}
.newlist dd h1{ font-size:14px; color:#161a26;}
.newlist dd p{ line-height:24px; color:#555555; font-size:14px;}
.newlist dd p a:hover{ color:#e62f34;}

.fot{ width:100%; background:#3d3d3d; margin-top:50px;}
.foot-c{ width:1200px; margin:0 auto; color:#dedede; line-height:24px; height:316px; position:relative;}
.fot_logo{ background:#e62f34; width:181px; height:107px; padding:24px; position:absolute; top:0; left:0;}
.fot_case{ position:absolute; top:155px; left:0;}
.fot_link{ position:absolute; left:260px; top:50px; color:#fff; z-index:90;}
.fot_link a{ color:#fff; margin:0 10px;}
.bqsy{ position:absolute; left:260px; top:100px; color:#fff;}
.fot_ewm{position:absolute; right:0; top:130px; }



/* cms2.0.map */
.baiduMap { margin:0 auto; background:#FFF; box-shadow:2px 4px 5px rgba(0,0,0,0.1); width:98%; height:300px; line-height:20px; border:15px solid #ddd; margin-top:20px;}
.BMap_bubble_title a { display:inline-block; height:25px; line-height:26px; background:#299ee1; color:#FFF; overflow:hidden; padding:0 10px; border-radius:3px; }
.BMap_bubble_title a:hover { background:#56bdf7; color:#FFF; }
#baiduMap span.BMap_Marker div { _width:19px; _height:25px; _background:url("../images/marker_red_sprite.png")/*tpa=http://www.jnqxhs.com/images/marker_red_sprite.png*/ 0 0 no-repeat; }  /* IE6下显示图标 */

.co-gy{ color:#e62f34;}


.yqlj{ width:1200px; margin:0 auto;}
.yqlj .contTit{}
.yqlj .contTit .titA{background-image:url("../images/yqljtit_ico.png")/*tpa=http://www.jnqxhs.com/images/yqljtit_ico.png*/; color:#fff;}
.yqlj .contTit span{color:#4c4c4c;}
.yqlj p{margin-left:-10px; margin-top:10px; height:34px; line-height:34px; overflow:hidden;}
.yqlj p a{padding:0 10px; color:#9c9c9c;}
.contTit{position:relative; height:44px; line-height:44px; margin-top:20px;}
.contTit .titA{padding-left:22px; font-size:16px; color:#024fa1; background:url("../images/tita_ico.png")/*tpa=http://www.jnqxhs.com/images/tita_ico.png*/ no-repeat left center;}
.contTit span{margin-left:10px; font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#b0b0b0;}
.contTit .titMore{position:absolute; right:0px; top:14px; width:52px; height:16px; background:url("../images/titmore_ico.png")/*tpa=http://www.jnqxhs.com/images/titmore_ico.png*/ no-repeat center;}


.fanye{ margin:0 auto;}
.fanye li {
	float:left;
	line-height:25px;
	margin-right: 1px;
	border: 1px solid #b4b4b4;
	padding: 2px 7px;
	 list-style-type:none; 
}
.fanye li a{ line-height:25px;}





#frame {/*----------图片轮播相框容器----------*/ position: absolute; /*--绝对定位，方便子元素的定位*/ width: 599px; height: 354px; overflow: hidden;/*--相框作用，只显示一个图片---*/ /*border-radius: 5px;*/ top:20px}
#dis {/*--绝对定位方便li图片简介的自动分布定位---*/ position: absolute; left: 0; bottom: 10px; opacity: 0.5; width:100% }
#dis li { display: inline-block; width: 599px; height: 30px; line-height: 30px; float: left; text-align: center; color: #fff;background: #000;    font-size: 16px; }
#dis li a{color: #fff;}
#photos img { float: left; width: 599px; height: 354px; }
#photos {/*---设置总的图片宽度--通过位移来达到轮播效果----*/ position: absolute; z-index: 8;  width: calc(599px * 5);/*---修改图片数量的话需要修改下面的动画参数*/
}
.play { animation: ma 20s ease-out infinite alternate;/**/ }
 @keyframes ma {/*---每图片切换有两个阶段：位移切换和静置。中间的效果可以任意定制----*/  0%, 20% {
margin-left: 0px;
}
 25%, 40% {
margin-left: -599px;
}
 45%, 60% {
margin-left: -1198px;
}
 65%, 80% {
margin-left: -1797px;
}
 85%, 100% {
margin-left: -2396px;
}
}
.num { position: absolute; z-index: 9; display: inline-block; right: 10px; bottom: 13px; border-radius: 100%; background: #f00; width: 25px; height: 25px; line-height: 25px; cursor: pointer; color: #fff; text-align: center; opacity: 0.8; }
.num:hover { background: #d61919; color:#fff }
.num:hover, #photos:hover { animation-play-state: paused; }
.num:nth-child(1) { margin-right: 120px }
.num:nth-child(2) { margin-right: 90px }
.num:nth-child(3) { margin-right: 60px }
.num:nth-child(4) { margin-right: 30px }
.num:nth-child(5) { margin-right: 0px }
#a1:hover ~ #photos { animation: ma1 .5s ease-out forwards; }
#a2:hover ~ #photos { animation: ma2 .5s ease-out forwards; }
#a3:hover ~ #photos { animation: ma3 .5s ease-out forwards; }
#a4:hover ~ #photos { animation: ma4 .5s ease-out forwards; }
#a5:hover ~ #photos { animation: ma5 .5s ease-out forwards; }
 @keyframes ma1 { 0% {
margin-left:-1200px;
}
100% {
margin-left:-0px;
}
}
 @keyframes ma2 { 0% {
margin-left:-1200px;
}
100% {
margin-left:-599px;
}
}
 @keyframes ma3 { 100% {
margin-left:-1198px;
}
}
 @keyframes ma4 { 100% {
margin-left:-1797px;
}
}
 @keyframes ma5 { 100% {
margin-left:-2396px;
}
}