@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ text-decoration:none; }
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans2
{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}


/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/*图片放大*/
.ypicA
{ position:relative;}
.ypic img 
{ transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.ypic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.yuzz
{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; 
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5); 
	transform: rotateX(180deg) scale(0.2, 0.2); 
	transition: all ease-out .5s;
}
.yuzz .yuzz1
{ display: block; width: 38px;  height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; position: absolute;  left: 50%;  top: 50%; margin-left: -21px; margin-top: -21px;
}
.yuzz .yuzz2 
{ display: block; width: 38px; height: 38px; background-image: url(../images/yp1.png); background-repeat: no-repeat;    background-position: center center; }

.ypic:hover .yuzz
{ opacity: 1;
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ padding:0 0 20px; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:14px; color:#666; line-height:34px;}
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a:hover
{ text-decoration:underline;}

/* 文章类别上下页 */
.page
{ overflow:hidden; margin-bottom:40px;}
.pagelink
{ text-align:center;}
.pagelink span,.pagelink a
{ display:inline-block; line-height:30px; height:30px; text-align:center; font-size:12px; padding:0 12px; border:solid 1px #dcdcdc; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#87010a; color:#fff; border:solid 1px #87010a;}
.pagelink span.current{background:#87010a; color:#fff; border:solid 1px #87010a;margin: 0 5px}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }
.fl{float: left}
.fr{float: right}




/*========================================= 首页 =====================================*/


.w
{ width:1200px; overflow:hidden; margin:0 auto;}

.top
{ width:1200px; height:117px; margin:0 auto;}
.logo
{ float:left; padding:22px 0 0;}
.logo img
{ height:73px; width:auto;}
.tel
{ width:220px; float:right; background:url(../img/tel.png) no-repeat left center; padding-left:60px; margin-top:30px; color:#999;}
.tel span
{ display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#a6000c; font-size:24px;}
.nav
{ width:100%; background:#a6000c; height:50px;}
.navs
{ width:1200px; margin:0 auto;}
.nav li
{ height:50px; line-height:50px; float:left; text-align:center; position:relative; z-index:99;position: relative}
.nav li a
{ display:block; font-size:16px; color:#fff; padding:0 56px;}
.nav li.active a
{ background:#87010a;}
.navs li .xlnav{position: absolute;left: 0;top: 50px;background-color: #87010a;width: 100%;display: none}
.navs li .xlnav ul li{text-align: center;width: 100%;height: 40px;line-height: 40px;}
.navs li .xlnav ul li a{font-size: 14px;padding: 0;}
.navs li .xlnav ul li:hover a{background-color: #a6000c!important;}
.fixeddNav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;}


/*banner图片切换样式*/
.banner
{ width:100%; height:509px; overflow:hidden;position:relative;}
.banner  ul
{ width:9999px; position:absolute; left:0px; top:0px;}
.banner ul li
{ overflow:hidden; float:left; height: 509px}
.banner ul li a{display: inline-block;width: 100%;height: 100%}
.banner .pic_pre,.banner .pic_next
{ width:60px; height:90px; background:url(../img/banner_arrows.png); position:absolute; top:40%; z-index:99; cursor:pointer;}
.banner .pic_pre
{ background-position:0px 180px; left:5px;}
.banner .pic_next
{ background-position:0px 90px; right:5px;}
.banner .pic_pre:hover
{ background-position:0px 0px; left:5px;}
.banner .pic_next:hover
{ background-position:0px 270px; right:5px;}
.banner_btn
{ width:100%; height:16px; text-align:center; position:absolute; bottom:30px; z-index:200;}
.banner_btn ol
{  height:16px; margin:0 auto;}
.banner_btn ol li
{ width:8px; height:8px; display:inline-block; text-indent:-999px; margin:0 5px; cursor:pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius:10px; overflow:hidden;}
.banner_btn ol .Btn_ys
{ width:8px; height:8px; background-color:#fff; }


.title
{ width:1200px; overflow:hidden; margin:60px auto 40px; text-align:center;}
.title h2
{ font-size:26px;}
.title i
{ width:80px; height:13px; background:url(../img/tit.png) no-repeat center center; display:block; margin:5px auto;}
.title p
{ font-size:14px; color:#bababa; text-transform:Uppercase;}

.oneA
{ width: 1200px;margin: 0 auto;padding:0 10px 80px 10px;}
.oneA li:nth-of-type(1)
{ margin-left:0;}
.oneA li
{ width:280px; float:left; box-shadow:0 7px 16px 0 rgba(7,17,27,.16);  margin-left:25px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; text-align:center;}
.oneA li .img
{ width:100%; height:auto; overflow:hidden; position:relative;}
.oneA li .img img
{ width:100%;}
.oneA li .img .img-p-a
{ position:absolute; left:0px; bottom:0;}
.oneA li .img .img-p-a .img-p-a1
{ display:block;}
.oneA li .img .img-p-a .img-p-a2
{ display:none;}
.oneA li .tit
{ padding-top:10px; font-size:18px; line-height:30px; color:#333333; font-weight:bold;}
.oneA li .text
{ text-align:center; line-height:30px; color:#008ed6; padding-bottom:30px; font-family:Arial; font-size:14px; font-weight:bold;}
.oneA li:hover{box-shadow:0 7px 22px 0 rgba(7,17,27,.5);transform:translate3d(0, -6px, 0);-webkit-transform:translate3d(0, -6px, 0);-moz-transform:translate3d(0, -6px, 0);-o-transform:translate3d(0, -6px, 0);-ms-transform:translate3d(0, -6px, 0);}
.oneA li:hover .text span{ border-bottom: 2px solid  #008ed6; padding-bottom: 3px;}
.oneA li:hover .img-p-a .img-p-a1{ display: none;}
.oneA li:hover .img-p-a .img-p-a2{ display: block;}

.huibj
{ width:100%; overflow:hidden; background:#f6f6f6;}
.oneBs
{ padding:67px 0;}
.oneBs_lt
{ width:571px; height:388px; float:left;}
.oneBs_rt
{ width:584px; overflow:hidden; float:right;}
.oneBs_rt h1
{ font-size:24px; font-weight:normal; color:#292929;}
.oneBs_rt i
{ display:block; margin:15px 0; width:80px; height:2px; background:#87010a;}
.oneBs_rt .text
{ width:100%; height:110px; overflow:hidden; font-size:15px; line-height:28px;}
.oneBs_rt .hd
{ width:100%; overflow:hidden; margin-top:30px;}
.oneBs_rt .hd a
{ width:25%; overflow:hidden; float:left; text-align:center; display:block;}
.oneBs_rt .hd a p
{ font-size:14px; color:#666; line-height:28px;}
.oneBs_rt .hd a span
{ display:block; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
.oneBs_rt .hd a em
{ display:block; margin:10px auto; width:40px; height:2px; background:#87010a;}
.oneBs_rt .hd dd{width: 102px;height: 102px;overflow: hidden;margin: 0 auto}
.oneBs_rt .hd .d1{background: url("../img/gsjj.png") no-repeat center}
.oneBs_rt .hd a:hover .d1{background: url("../img/gsjj_h.png") no-repeat center}
.oneBs_rt .hd .d2{background: url("../img/qywh.png") no-repeat center}
.oneBs_rt .hd a:hover .d2{background: url("../img/qywh_h.png") no-repeat center}
.oneBs_rt .hd .d3{background: url("../img/zzjg.png") no-repeat center}
.oneBs_rt .hd a:hover .d3{background: url("../img/zzjg_h.png") no-repeat center}
.oneBs_rt .hd .d4{background: url("../img/yynl.png") no-repeat center}
.oneBs_rt .hd a:hover .d4{background: url("../img/yynl_h.png") no-repeat center}

.oneC
{ padding-bottom:60px;}
.oneC_hd
{ width:100%; text-align:center;}
.oneC_hd a
{ display:inline-block; padding:0 20px; height:36px; font-size:16px; margin:0 10px; line-height:36px; border:solid 1px #999; border-radius:50px;}
.oneC_hd a:hover,.oneC_hd a.active
{ background:#87010a; color:#fff; border:solid 1px #87010a;}
.oneC_bd
{ width:100%; overflow:hidden; margin-top:40px;}
.oneC_bd li
{ width:379px; float:left; margin: 0 31px 30px 0}
.oneC_bd li .img,.oneC_bd li .img img
{ width:379px; height:243px; overflow:hidden; -webkit-transition:all .5s; transition:all .5s;}
.oneC_bd li .tet
{ padding:0 10px; height:50px; background:#f3f3f3; line-height:50px; text-align:center; font-size:16px; -webkit-transition:all .5s; transition:all .5s;}
.oneC_bd li a:hover .tet
{ background:#87010a; color:#fff;}
.oneC_bd li a:hover .img img
{transform: scale(1.1);transition: all 1s;}
.oneC_bd li:nth-child(3n){margin-right: 0}
.oneC_fd
{ overflow:hidden; border:solid 1px #e4e4e4; margin:40px 0 0; padding:0 20px;}
.oneC_fd li
{ width:360px; height:70px; line-height:70px; background:url(../img/ico1.png) no-repeat left center; float:left; padding-left:20px; margin-left:30px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.oneC_fd li:nth-of-type(1)
{ width:339px; margin-left:0;}
.oneC_fd li:nth-of-type(3)
{ width:339px;}
.oneC .oneCss{display: none}
.oneC #oneCss1{display: block}


.oneD
{ overflow:hidden; padding-bottom:60px;}
.oneD_lt
{ width:391px; overflow:hidden; float:left;}
.oneD_lt .img,.oneD_lt .img img
{ width:391px; height:228px; overflow:hidden; -webkit-transition:all .5s; transition:all .5s;}
.oneD_lt a:hover img
{transform: scale(1.1);transition: all 1s;}
.oneD_lt .txt
{ padding:20px; overflow:hidden; background:#fff;}
.oneD_lt .txt h3
{ font-size:18px;}
.oneD_lt .txt p
{ color:#666; padding-top:10px;}


.oneD_rt
{ width:753px; overflow:hidden; float:right;}
.oneD_rt li
{ width:360px; float:left;}
.oneD_rt li:nth-child(-n+2)
{ margin-bottom:30px;}
.oneD_rt li:nth-of-type(2)
{ float:right;}
.oneD_rt li:nth-of-type(4)
{ float:right;}
.oneD_rt li a
{ display:block; width:100%; height:150px; position:relative; overflow:hidden;}
.oneD_rt li a .one
{ position:absolute; width:100%; height:160px; z-index:2; left:-360px; top:0; background:rgba(0,0,0,0.05); -webkit-transition:all .5s; transition:all .5s;}
.oneD_rt li a .two
{ position:absolute; width:100%; height:160px; z-index:3; left:0; top:0;}
.oneD_rt li a .two .cc
{ width:340px; margin-left:10px;overflow: hidden}
.oneD_rt li a .two .cc h3
{ font-size:18px; font-weight:normal; color:#252525; margin-top:10px;}
.oneD_rt li a .two .cc p
{ color:#979797; margin-top:20px; line-height:1.6;}
.oneD_rt li a .two .cc .z{width: 240px;height: 30px;}
.oneD_rt li a .two .cc .son
{ width:65px; height:1px; margin-top:30px; background:#bcbcbc;}
.oneD_rt li:hover .one{transform: translateX(360px);-webkit-transform: translateX(360px);opacity: 1;}
.oneD_rt li:hover .two .cc .son{transform: scaleX(6);-webkit-transform: scaleX(6);background: #666;transition: 0.5s;}
.oneD_rt li:hover .two .cc h3{color: #87010a;}

.footer
{ width:100%; overflow:hidden; background:#323232; border-top:5px solid #87010a;}
.footer .w1
{ padding:70px 0 65px 0;}
.footer .w1 dl
{overflow:hidden;}
.footer .w1 dt
{ font-size:18px; color:#fff; line-height:18px; margin-bottom:14px;}
.footer .w1 a
{ display:block; color:#959595; line-height:28px;}
.footer .w1 .left
{ float:left; margin-right: 60px;}
.footer .w1 .right
{ width:260px; float:right;}
.footer .w1 .right .erweima
{ float:left; width:140px;}
.footer .w1 .right .txt
{ float:right; width:260px; color:#fff;}
.footer .w1 .right .txt h4
{ font-size:18px; padding-bottom:10px; line-height:20px; font-weight:normal;}
.footer .w1 .right .txt .adr
{ color:#959595; font-size:13px; line-height:24px;}
.footer .last
{ background:#323232; border-top:1px solid #6f6f6f; padding:16px 0; overflow:hidden;}
.footer .last a{color: #fff}
.footer .w2 .left
{ color:#fff; line-height:14px; font-size:12px; float:left;}
.footer .w2 .right
{ color:#fff; line-height:14px; font-size:12px; float:right;}


/*========================================= 关于 =====================================*/
.ny_ban
{ height:346px; position:relative;}
.ny_tit
{ width:234px; height:100px; background:#87010a; position:absolute; bottom:0; text-align:center;}
.ny_tit h2
{ font-size:24px; color:#fff; font-weight:normal; padding-top:20px;}
.ny_tit p
{ font-size:12px; text-transform:Uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:30px;}
.nybj
{ background:#f3f3f3; overflow:hidden;}
.ny_main
{ background:#e8e8e8;}
.ny_left
{width:234px; overflow:hidden; background:#e8e8e8; float:left;}
.ny_left_nav
{ overflow:hidden;}
.ny_left_nav a
{ height:60px; line-height:60px; display:block; font-size:16px; text-align:center; border-bottom:solid 1px #d6d6d6;}
.ny_left_nav a:hover,.ny_left_nav a.active
{ background:#a6000c; color:#fff; border-bottom:solid 1px #a6000c;}
.ny_right
{ width:866px; background:#fff; overflow:hidden; float:right; padding:0 50px;}
.ny_right_tit
{ padding:40px 0 20px;}
.ny_right_tit h3
{ font-size:26px; font-weight:normal;}
.ny_right_tit p
{ font-size:12px; text-transform:Uppercase; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:30px;}
.ny_right_con
{ padding-bottom:60px; overflow:hidden; font-size:16px; line-height:30px; color:#444;}


.case
{ padding-bottom:20px; overflow:hidden;}
.case li
{ width:278px; float:left; margin-right:15px; margin-bottom:20px;}
.case li:nth-child(3n)
{ margin-right:inherit;}
.case li .img,.case li .img img
{ width:278px; height:178px; overflow:hidden; -webkit-transition:all .5s; transition:all .5s;}
.case li .tet
{ padding:0 10px; height:48px; background:#f3f3f3; line-height:48px; text-align:center; font-size:15px; -webkit-transition:all .5s; transition:all .5s;}
.case li a:hover .tet
{ background:#87010a; color:#fff;}
.case li a:hover .img img
{transform: scale(1.1);transition: all 1s;}
.case_list
{ width:100%; overflow:hidden; border:solid 1px #d9d9d9; margin-bottom:60px;}
.case_list h4
{ height:50px; line-height:50px; background:#79b53f; color:#fff; font-size:18px; font-weight:normal; padding-left:20px;}
.case_list ul
{ padding:20px; overflow:hidden;}
.case_list ul li
{ background:url(../img/ico1.png) no-repeat left center; height:40px; line-height:40px; padding-left:20px; font-size:15px;}


.gongshi
{ padding-bottom:40px; overflow:hidden;}
.gongshi li
{ height:50px; line-height:50px; border-bottom:solid 1px #eaeaea;}
.gongshi li a
{ font-size:15px; color:#3c3c3c;}
.gongshi li span
{ float:right; color:#999; font-family:Arial, Helvetica, sans-serif;}
.gongshi li a:hover
{ color:#87010a;}


.zizhi
{ padding-bottom:40px; overflow:hidden;}
.zizhi li
{ width:270px; float:left; margin-right:27px; margin-bottom:10px;}
.zizhi li.on
{ margin-right:inherit;}
.zizhi li .img
{ width:270px; height:205px; border:solid 1px #dfdfdf;}
.zizhi li .img img
{ width:250px; height:185px; margin:10px;}
.zizhi li .tet
{ padding:0 10px; height:48px; line-height:48px; text-align:center; font-size:15px; -webkit-transition:all .5s; transition:all .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.zizhi li:nth-child(3n){margin-right: 0}


.contact
{ padding-bottom:60px; overflow:hidden;}
.contact p
{ line-height:40px; font-size:16px;}
.contact p i
{ width:40px; height:40px; display:inline-block; float:left;}


.ask-form
{ padding-bottom:60px; overflow:hidden;}
.ask-form-list
{ width:100%; overflow:hidden; margin-bottom:20px;}
.ask-text-name
{ width:80px; float:left; line-height:40px;}
.ask-text-name span
{ color:#ff0000; margin-right:10px;}
.ask-input
{ float:left;}
.ask-input-k
{ width:500px; height:46px; border:1px solid #e5e5e5; text-indent:10px;}
.yzm
{ width:390px; height:46px; border:1px solid #e5e5e5; text-indent:10px;}
.yzm-img img
{ width:110px; height:46px; border:1px solid #e5e5e5; border-left:none;}
.ask-textarea
{ width:480px; height:100px; border:1px solid #e5e5e5; font-family: "微软雅黑"; font-size:14px; line-height:22px; padding:11px;}
.ask-but
{ margin-left:80px; margin-bottom:50px;}
.ask-butstyle
{ background:#87010a; width:120px; height:40px; line-height:40px; text-align:center; color: #fff; border: none; font-size: 16px; cursor: pointer; margin-right:10px;}



/*========================================= 新闻中心 =====================================*/
.news
{ padding-bottom:20px; overflow:hidden;}
.news li
{ overflow:hidden; padding-bottom:20px; border-bottom:1px solid #dbdbdb; margin-bottom:20px;}
.news li a
{ display:block;}
.news li .tit
{ font-size:16px; color:#000; font-weight:normal; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news li .date
{ font-size:12px; color:#999999; font-family:arial;  margin:10px 0;}
.news li .text
{ line-height:26px; height:72px; color:#666666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden;}
.news li a:hover .tit
{ color:#87010a;}


/*=======================================新闻详情页============================================*/

.news_info
{ margin:40px 0 20px; overflow:hidden; border-bottom:1px dotted #ccc;}
.info_title
{ text-align:center;}
.info_title h2
{ font-size:24px; color:#000;}
.info_laiyuan
{ line-height:48px; font-size:12px; color:#888; text-align:center; border-bottom:1px dotted #ccc;}
.info_text
{ padding:30px 0; font-size:15px; color:#333; line-height:2;}
.info_text img
{ max-width:100%;}
.info_picA
{ padding:10px; text-align:center;}
.info_picA img
{ max-width:100%;  width: expression(this.width > 720 ? 720: true)}


/*============================  人才招聘 ============================*/

.job
{ width:100%; overflow:hidden; border-bottom:none; margin-bottom:60px;}
.job-tit 
{ background:#87010a; color:#fff; overflow:hidden; height:56px; line-height:56px;}
.job-tit li
{ width:25%; font-size:16px; float:left; text-align:center;}
.job-2
{ height:60px; line-height:60px; overflow:hidden; cursor:pointer; border-bottom:1px solid #E4E4E4;}
.job-2 li
{ width:25%; float:left; text-align:center; color:#333;}
.job-jcon
{ padding:30px 50px; background:#f9f9f9; line-height:2; color:#333; border-bottom:1px solid #E4E4E4;display: none}
.job-2.on
{ background:#f9f9f9;}


/**/
.mat50{margin-top: 50px;}
.viewAr{margin-top: 110px}
.viewCr{width: 50%;}
.viewCr img{max-width: 100%}
.viewD{margin-bottom: 60px;}
.viewDr{margin-top: 300px;}