﻿
/*--头部与导航css--*/
.head_bar { position: fixed; z-index: 1500; width: 100%; top: 0; height: 106px; background:#fff;}
.header { width: 1200px; margin:0 auto; height:106px;}
.header .logo { float:left; margin-top:26px;}
.header .logo img {width: auto; height: 60px;}
.header>ul { margin-left:100px; float:left; margin-top:13px; }
.header>ul>li { float:left; position:relative; line-height:90px; font-size:18px; color:#333333; padding:0 20px;}
.header>ul>li:last-child { margin-right:0;}
.header>ul>li a { color:#333333;}
.header>ul>li a:hover { color:#fe0000!important;}
.header>ul>li:hover { border-bottom:3px solid #fe0000;}
.header>ul>li:hover dl{ display:block; }
.header li dl { display:none; position:absolute; background:#fafafb; border:1px solid #e5e5e5; line-height:47px; color:#333333; font-size:15px; text-align:center; left:0; top:93px; width:100%; z-index:4;}
.header li dl dt {border-bottom:1px solid #e5e5e5;}
.header li dl dt:last-child { border:none;}
.header li dl dl>a { display:block;}
.header .subBar { font-size: 14px; padding:8px 0; background:#fff;}
.header .subBar a { line-height:30px!important; display:block; background:#fff; color:#888888!important;}
.header .subBar a:hover { color:#fe0000!important;}

/*--头部与导航css--*/
.frlink { float:right;}
.frlink .share { position:relative; float:left; margin-top:44px;}
.share a { margin-right:14px; display:block; float:left; height:38px; position:relative;}
.ewmHide { display:none; position:absolute; top:37px; right:-34px; z-index:2; border:1px solid #e5e5e5; width:160px;}
.ewmHide img { display:block; width:100%;}
.share a:hover .ewmHide{ display:block;}
.share:after { content:''; position:absolute; right:0; top:6px; width:1px; height:13px; background:#e5e5e5;}

.lang { position:relative; float:left; margin-top:44px;}
.lang span { display:block; float:left; height:38px; margin-top: 2px; position:relative;}
.lang>span { cursor:pointer; display:block; padding:0 15px 0 22px; color:#fe0000; font-size:14px;}
.lang span img { vertical-align:middle; margin-right:12px;}
.lang span:hover .langAlt{ display:block;}
.langAlt { display:none; position:absolute; right:0; top:37px; border:1px solid #e5e5e5; background:#fff; z-index:3;}
.langList { width:185px; box-sizing:border-box; overflow:hidden; position:relative; padding:0 29px 40px 22px;}
.listBox { float:left; width:129px;}
.listBox h2 { font-size:14px; color:#333333; line-height:50px; border-bottom:1px solid #e5e5e5; font-weight:bold;}
.listBox:last-child{ float:right;}
.listBox dt { margin-top:20px;}
.listBox dt a { color:#888888; font-size:14px;}
.listBox dt img { margin-right:13px;}

/*--头部与导航css--*/
.notice { background:linear-gradient(to bottom, #821010 , #d6000f); height:43px;}
.noticeBar { background:url(../images/noitceIcon.png) left center no-repeat; padding-left:55px; box-sizing:border-box; width:1200px; margin:0 auto;}
.txtMarquee-left{ width:800px;  position:relative;  }
.txtMarquee-left .bd .tempWrap{ width:1150px !important; }
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px; height:43px; line-height:43px;  text-align:left; _display:inline; }
.txtMarquee-left .bd ul li a { color:#fff; font-size:14px;}

/*--banner广告css--*/
.banner .swiper-slide{ height:882px;}
.banner a { display:block; width:100%; height:100%;}
.banner span { width:32px; border-radius:0; height:2px; opacity:1; background:#ffffff;}
.banner span.swiper-pagination-bullet-active { background:#bc2121;}

.banner .hd { width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; margin-bottom: 60px;}
.banner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width: 16px; height:16px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=0);opacity:0.4;}
.banner .hd ul .on { filter:alpha(opacity=100);opacity:1;  }

.banner .banner-text { width: 80%; z-index: 99; width: 100%; height: 100%; position: absolute; left: 18%; top: 30%;}
.banner .banner-text h3 { font-size: 48px; font-weight: 500!important; color: #701b23;}
.banner .banner-text p {font-size: 24px; margin: 20px 0 20px 0; text-shadow: none; font-weight: 100; text-align: left; color: #701b23;}
.banner .banner-text .line { width: 100px; height: 4px; background-color: #e3120b; display: inline-block; margin: 0 auto;}
.banner .banner-next { z-index: 99; position: absolute; bottom: 80px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; text-align: center; color: #ffffff;}

/*product*/
.inforList { overflow:hidden; margin:9px 0;}
.inforList>div { width:calc(33.33% - 6px); overflow:hidden; margin-right:9px; position:relative; text-align:center; color:#fff; float:left;}
.inforList>div img { transition:all 0.4s; width:100%; display:block;}
.inforList>div:hover img { transform:scale(1.2);}
.inforList>div h2 { font-size:36px; line-height:55px;}
.inforList>div p { font-size:14px; line-height:25px;}
.inforList>div a { font-size:14px; transition:all 0.3s; color:#fff; opacity:0; line-height:26px;}
.inforList>div:last-child { margin-right:0;}
.txtBox { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.bgBox { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:1; transition:all 0.3s;}
.inforList>div:hover .bgBox{ background:rgba(195,55,55,0.9); opacity:1;}
.inforList>div:hover a { opacity:1;}

.aboutUs { background:url(../images/aboutBg.jpg) no-repeat; background-size: 100% auto;  height: 0px; padding-top: 28.75%; position:relative;}
.aboutUs:hover .fulSc { opacity:1;}
.aboutTxt { top:50%; left: 30%; transform:translate(-20%,-50%); z-index: 1; position:absolute;}
.aboutTit h2{ text-align:center; color:#fff; font-size:24px; background:url(../images/lines.png) center bottom no-repeat; line-height:68px;}
.aboutTit p { font-size:14px; color:#fff; line-height:60px; text-align:center;}
.aboutInfor { font-size:16px; color:#fff; line-height:30px; text-align:center; margin-top:20px;}
.aboutTxt .more { display:block; background:url(../images/btnbg.png) center no-repeat; width:166px; height:45px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:35px auto 0;}

.solution ul { margin:9px auto; overflow:hidden;}
.solution li {width:calc(33.33% - 6px); margin-right:9px; overflow:hidden; position:relative; text-align:center; color:#fff; float:left;}
.solution li:last-child { margin-right:0;}
.solution li img{ display:block; width:100%; transition:all 0.4s;}
.soluTxt { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.soluTxt h2 { font-size:36px; line-height:45px;}
.soluTxt p {font-size:14px; line-height:35px;}
.fullScreen { position:absolute; z-index:2; transition:all 0.3s; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:1; left:0; top:0;}
.solution li a { display:block; background:url(../images/right.png) center no-repeat; width:50px; height:50px; position:absolute; right:0; bottom:0; opacity:1; z-index:4; transition:all 0.3s;}
.solution li:hover img { transform:scale(1.2);}

.videoBox { background:url(../images/videobg.jpg) no-repeat; background-size: 100% auto;  height: 0px; padding-top: 28.75%; position:relative;}
.videoEnter { text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.videoEnter p { color:#fff; font-size:1.4rem; color:#dcdcdc; margin-top:2rem;}

.contact { width:1200px; position:relative; text-align:center; margin:0 auto; padding:70px 0 50px;}
.contact h2 { font-size:30px; line-height:50px; color:#282828;}
.contact p { line-height:38px; font-size:16px; color:#282828;}
.contact .more {display:block; background:url(../images/btnbg.png) center no-repeat; width:166px; height:45px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:25px auto 0;}
.contact a {font-size:14px; color:#bc2121; text-decoration:underline;}

.backTop { position:absolute; right:0; bottom:0; background:url(../images/backtop.png) center no-repeat; width:82px; height:82px; cursor:pointer;}
.footer { background:#222222; padding:22px 0 16px;}
.footerBar { width:1200px; margin:0 auto; overflow:hidden;}
.footerLeft { float:left; width:940px; margin-top: 30px;}
.footerTop { overflow:hidden;}
.footerTop .footLogo { float:left;}
.addLink { margin-top:5px; margin-left:28px; float:left;}
.addLink p { color:#929191; line-height:25px;}
.addLink p a { color:#929191;}
.addLink p span { padding:0 10px;}
.copyRight { color:#929191; line-height:50px;}
.copyRight img { vertical-align:-4px; margin-left:10px;}
.copyRight a { color:#9b9ea0;}
.ewmBox { float:right; text-align:center; margin-top: 20px;}
.ewmBox img { width:95px;}
.ewmBox p{ font-size:12px; line-height:25px; color:#929191;}
#videoBox { width:50%; display:none; z-index:8; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
#videoBox video { width:100%; height: 500px; background-color: #000;}
#screen { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:7; display:none;}

.fulSc { position:absolute; left:0; transition:all 0.4s; top:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.5);}
.videoBox:hover .fulSc { opacity:1;}
.videBar { position:relative;}
.videBar .closeBtnb { position:absolute; right:5px; top:12px; background:url(../images/close.png) center no-repeat; width:30px; height:30px; cursor:pointer; z-index:10;}
@media screen and  (max-width:1170px){

}
@media screen and  (max-width:780px){

}

/* ---内页banner--- */
.cont_banner { width: 100%; height: auto; min-height:200px; background-color: #F3F3F3; position: relative;}
.cont_banner img { width: 100%; height: auto; display:block;}
.cont_banner .txt { width: 100%; text-align: center; top: 40%; color: #fff; text-transform: uppercase; position:absolute; z-index: 3;}
.cont_banner .txt h2 { font-size:55px; line-height:50px; font-weight: 400;}
.cont_banner .txt p {font-size:15px; line-height:35px;}

/* ---内页背景色--- */
.cont_bg { padding: 0 0 36px; min-height: 220px; background: #f5f5f5;}

/* ---内页当前位置---  */
.cont_icon { width: 100%; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #ddd;}
.cont_icon .sitepath s { width: 20px; height: 18px; background-position: 0 0; margin-right: 4px;}
.cont_icon .sitepath a { display: inline-block; color: #333;}
.cont_icon .sitepath a:hover { color: #68271f;}
.cont_icon .nyIcon { background: url("/images/icon_home.gif") no-repeat; display: inline-block; vertical-align: middle;}

.cont { padding-top: 50px;}
/* ---内页二级菜单--- */
.cont_menu { width:230px; height: 100%; box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.cont_menu h2 { height:80px; line-height:80px; font-size:20px; font-weight: 600; color:#ffffff; text-align:center; background: #68271f;}
.cont_menu ul li{width: 230px;height: 61px;line-height: 60px; background: url("/images/about_01.jpg") no-repeat center; text-align: center; font-size: 16px;}
.cont_menu ul li:hover{display: inline-block; width: 230px; height: 61px; text-align: center; font-size: 16px;}
.cont_menu ul li a{color: #333;}
.cont_menu ul li:hover a{color: #68271f;}
.cont_menu .li1.on { color: #68271f; font-weight:bold;}


/* 简介页面CSS */
.aboutPage { padding: 40px; width: 840px; margin: 0 auto; background: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.aboutPage .txtcon { font-size: 15px; line-height: 30px;}
.aboutPage .txtcon img { max-width: 100%;}
.aboutPage .title { color: #333333; line-height: 32px; text-align: center; font-weight: bold; font-size: 22px;}
.aboutPage .mark { width: 100%; height: 40px; line-height: 40px; margin: 15px 0 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center;}
.aboutPage .mark span { margin: 0 10px; font-size: 13px; color: #999999;}
.aboutPage .txtcon { width: 100%; min-height: 200px;}




.cont_fl{ width: 260px; height: auto; float: left;}
.cont_fl_1 h2{ line-height: 90px; color: white; font-size: 22px; font-weight: normal; text-align: center; background: #e3120b;}
.cont_fl_2 { width: 260px;height: 100%;float: left;}
.cont_fl_2 ul li{width: 260px;height: 61px;line-height: 60px;background: url("/images/about_01.jpg") no-repeat center;text-align: center;font-size: 16px;}
.cont_fl_2 ul li:hover{display: inline-block;width: 260px;height: 61px;text-align: center;font-size: 16px;position: relative;z-index: 10;background: #56b364;}
.cont_fl_2 ul li a{color: #333;}
.cont_fl_2 ul li:hover a{color: #fff;}

.cont_fl_3 { width: 100%; height: 104px; background: #e3120b;}
.cont_fl_3 img { width: 104px; display: inline-block; float: left;}
.cont_fl_3 span { width: 156px; margin-top: 30px; line-height: 25px; color: #FFFFFF; display: inline-block; float: right;}
.cont_fl_3 p { font-size: 18px;}

.cont_fr { width: 1000px; height: auto; float: right; color: #888888;}
.cont_fr a { color: #888888;}
.cont_fr_1 { width: 100%; height: auto; border-bottom: 1px solid #dcdcdc;text-align: right;}
.cont_fr_1 em { font-style: normal; padding-left: 20px; font-size: 14px; line-height: 2; margin-top: 13px; color: #888888; background:url(../images/home.jpg) no-repeat left center;}
.cont_fr_1 .cont_main { line-height: 60px; border-bottom: 1px solid #f0f4f4; text-align: center;}
.cont_fr_2 { margin-top: 30px; color: #333333; font-size:16px; line-height: 30px; padding-bottom: 50px;}
.cont_pro_fr { width: 900px; height: auto; float: right; margin-top: 40px; color: #3E3E3E;}

/*技术中心*/
.cont_info { padding: 20px 0 80px;}
.cont_info ul { padding:30px 15px;}
.cont_info li { display:table-cell; vertical-align:top;}
.cont_info li p { padding:0 15px; text-justify:auto; text-align:justify;}
.cont_info .li1 { margin-top: 30px; border-radius: 5px; float: left; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
.cont_info .cont_content { color: #333333; margin:20px auto; font-size:16px; line-height: 30px;}

/*公司简介*/
.cont_about { padding: 20px 0 80px;}
.cont_about .tab { margin: 25px 0; display: inline-block;}
.cont_about .tab .li1:hover, .cont_about .tab .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_about .tab .li1 { height: 45px; line-height: 45px; width: 160px; border-radius: 5px; text-align: center; float: left; margin-right: 25px; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 15px; color: #333333; -webkit-transition: all .5s; transition: all .5s;}
.cont_about .cont_main { line-height: 60px; color: #333333; border-bottom: 2px solid #f0f4f4; text-align: center;}
.cont_about .cont_content { color: #333333; margin:20px auto; font-size:16px; line-height: 30px;}
.cont_about .li1 { margin-top: 30px; border-radius: 5px; float: left; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: all .5s; transition: all .5s;}

/* 左右图文CSS样式 */
.pictxtPage { width: 1200px;}
.n-piclist { width: 105%;}
.n-piclist .item { width: 585px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-piclist .item a { width: 100%; display: block;}
.n-piclist .item img { width: 300px; height: 225px; display: block;}
.n-piclist .item .tit { width: 260px; font-size: 13px; line-height: 25px; color: #999; padding-right: 10px;}
.n-piclist .item h3 { line-height: 50px; font-size: 16px; color: #333;}
.n-piclist .item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.n-piclist .item:hover h3 {}


/*新闻列表*/
.cont_news { width: 100%; padding:10px 0;}
.cont_news .new_list { width: 100%; height: 210px; border-bottom: 1px solid; border-color: #e9e9e9; margin-bottom: 20px;}
.cont_news .new_list img { width: 250px; height: 187.5px;}
.cont_news .new_txt { width: 540px;}
.cont_news .new_txt b { font-size: 22px; font-weight: 800; line-height: 40px; margin-bottom: 10px; color: #37474f;}
.cont_news .new_txt p { line-height: 25px; color: #8c8c8c;}
.cont_news .new_time { font-size: 22px; font-weight: 300; margin-right: 5px; margin-top: 10px;}
.cont_news .new_time span {font-size: 16px;}

/*展会活动*/
.cont_events { width: 62.5%; color: #333; margin: 0 auto; padding-top: 4rem;}
.cont_events_txt { border-bottom: 0.1rem solid #f0f4f4; padding-bottom: 3rem;}
.cont_events_txt p { font-size: 1.7rem; line-height: 3rem;}

.cont_events_menu { width: 100%%; margin: 40px auto; text-align: center;}
.cont_events_menu .tab { display: inline-block;}
.cont_events_menu .li1:hover, .cont_events_menu .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_events_menu .li1 { height: 45px; line-height: 45px; width: 8rem; border-radius: 5px; text-align: center; float: left; margin-right: 2rem; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 15px; color: #333333; -webkit-transition: all .5s; transition: all .5s;}

.cont_events_tit dl { font-size: 1.6rem; height: 5rem; line-height: 5rem; background: #f8f8f8; padding-left: 3rem;}
.cont_events_tit dd { float:left;}
.cont_events_tit dd:nth-child(1){ width:35%;}
.cont_events_tit dd:nth-child(2){ width:20%;}
.cont_events_tit dd:nth-child(3){ width:20%;}
.cont_events_tit dd:nth-child(4){ width:15%;}
.cont_events_tit dd:nth-child(5){ width:10%;}

.events_cont dl { font-size: 15px; height: 60px; line-height: 60px; background: #fff; padding-left: 30px; border-bottom: 1px solid #e5e5e5;}
.events_cont dl:hover { color:#bc2121; }
.events_cont dd { float:left;}
.events_cont dd:nth-child(1){ width:35%;}
.events_cont dd:nth-child(2){ width:20%;}
.events_cont dd:nth-child(3){ width:20%;}
.events_cont dd:nth-child(4){ width:15%;}
.events_cont dd:nth-child(5){ width:10%;}

/*产品列表*/
.protxtPage { width: 920px; float: right;}
.n-prolist { width: 105%;}
.n-prolist .item { width: 286.6px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-prolist .item a { width: 100%; display: block;}
.n-prolist .item img { width: 286.6px; height: 286.6px; display: block;}
.n-prolist .item .pic img { width: 286.6px; height: 215px; display: block;}
.n-prolist .item .tit { width: 100%; font-size: 13px; text-align: center; line-height: 25px; color: #999; padding-right: 10px;}
.n-prolist .item h3 { line-height: 60px; font-size: 16px; color: #333; font-weight: bold;}
.n-prolist .item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.n-prolist .item:hover h3 { font-weight: bold;}

/* 详细内容信息 */
.cont_web .cont_nav { width:800px; padding-bottom: 25px;}
.cont_nav .cont_main { font-size:16px; line-height: 60px; border-bottom: 1px solid #f8f8f8; text-align: center;}
.cont_nav .cont_tit { line-height: 30px; color: #A5A5A5; text-align: center;}
.cont_nav .cont_content { font-size:14px; margin-top: 15px; width: 100%; height: 100%; line-height: 30px;}
.cont_nav .cont_content a { text-decoration:underline;}
.cont_nav .cont_content img { width:880px; height: auto;}
.cont_nav .cont_tag { margin-top: 20px; height: 40px; line-height: 40px; border-top: 1px solid #f8f8f8;}
.cont_next { line-height: 30px; margin-top: 10px; padding: 10px; background:#f9f9f9;}
.cont_content { font-size:14px; margin-top: 15px; width: 100%; height: 100%; line-height: 30px;}

.pro { overflow:hidden; padding:20px 0;}
.pro ul { padding-left: 450px; width:350px;}
.pro li { overflow:hidden; font-size:14px; line-height:50px;}
.pro dd { border-bottom: 1px dashed #dcdcdc;}
.pro p { float:left; width:150px;}
.pro span { float:right; width:250px; padding-top:10px;}
.pro .paper { float:left; width:400px; height:auto; border:5px solid #f8f8f8; display:block;}

/*产品详情CSS*/
.pro_content { width: 100%; color: #333;}
.pro_main { width: 1200px; margin: 0 auto; padding: 30px 0;}
.pro_main .pic_big { float: left; width: 400px; height: auto;}
.pro_main .pic { width: 370px; height: auto; padding-left: 15px; text-align: center;}
.pro_main .pic_txt { width: 700px; float: right; margin-left: 100px;}
.pro_main .pic_txt li { font-size: 14px; line-height: 25px; padding-left: 70px;}
.pro_main .pic_txt li b { font-size: 24px;}
.pro_main .pic_txt li:nth-child(3) { line-height: 25px; margin: 20px 0; background: url("/images/pro_1.png") no-repeat;}
.pro_main .pic_txt li:nth-child(4) { line-height: 25px; margin: 20px 0; background: url("/images/pro_2.png") no-repeat;}
.pro_main .pic_txt li:nth-child(5) { line-height: 25px; margin: 20px 0; background: url("/images/pro_3.png") no-repeat;}
.pro_main .pic_txt li:nth-child(6) { line-height: 25px; margin: 20px 0; background: url("/images/pro_4.png") no-repeat;}
.pro_main .pic_txt li:nth-child(7) { line-height: 25px; margin: 20px 0; background: url("/images/pro_5.png") no-repeat;}
.pro_main .pic_txt li:nth-child(8) { line-height: 25px; margin: 20px 0; background: url("/images/pro_6.png") no-repeat;}

.pro_cont { padding: 30px 0;}
.slideBox{ width:400px; height:400px; background:#fff; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#bc2121; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:400px; height:400px; display:block;  }

.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*案例列表*/
.cont_case { width: 1200px; color: #333; margin: auto;}
.cont_case .tab { margin: 25px 0; display: inline-block;}
.cont_case .tab .li1:hover, .cont_case .tab .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_case .tab .li1 { height: 45px; line-height: 45px; width: 160px; border-radius: 5px; text-align: center; float: left; margin-right: 25px; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 15px; color: #333333; -webkit-transition: all .5s; transition: all .5s;}

.cont_case ul { margin-top: 20px;}
.cont_case ul li { width: 370px; height: 375px; float: left; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all .5s; transition: all .5s; margin-right: 30px; margin-bottom: 30px;}
.cont_case ul li:hover { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}

.cont_case .pic { width: 350px; height: 260px; margin: 10px; overflow: hidden;}
.cont_case .pic img { display: block; width: 100%; height: 100%; overflow: hidden; transition: all 0.6s;}
.cont_case .pic img:hover { transform: scale(1.2);}

.cont_case .txt { width: 350px; margin-left: 10px;}
.cont_case .txt p { line-height: 35px; font-size: 16px;}
.cont_case .txt dl { line-height: 25px; font-size: 14px;}
.cont_case .txt dd { width: 175px; float:left;}

.bigimg { width:800px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin:auto; display: none; z-index:9999; border: 10px solid #fff;}
.mask { position: fixed;left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity:0.5; filter: Alpha(opacity=50); z-index: 98; transition:all 1s; display: none}
.pic:hover { cursor:zoom-in}
.mask:hover { cursor:zoom-out}
.mask>img { position: fixed; right:10px; top: 10px; width: 30px;}
.mask>img:hover { cursor:pointer}

/*下载中心*/
.cont_down { width: 1200px; color: #333; margin: auto;}
.cont_down .tab { margin: 25px 0; display: inline-block;}
.cont_down .tab .li1:hover, .cont_case .tab .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_down .tab .li1 { height: 45px; line-height: 45px; width: 160px; border-radius: 5px; text-align: center; float: left; margin-right: 25px; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 15px; color: #333333; -webkit-transition: all .5s; transition: all .5s;}

.cont_down ul { margin-top: 20px;}
.cont_down ul li { width: 370px; height: 265px; float: left; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all .5s; transition: all .5s; margin-right: 30px; margin-bottom: 30px;}
.cont_down ul li:hover { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}

.cont_down ul li img { width: 350px; height: 200px; margin: 10px;}
.cont_down ul li a:hover { color: #fff;}
.cont_down ul li p { width: 290px; height: 45px; font-size: 16px; padding-left: 20px; float: left;}
.cont_down ul li .icon{ width: 30px; height: 20px; background: url(../images/down.png) center center no-repeat; padding-right: 30px; float: right;}
.cont_down ul li:hover .icon{ width: 30px; height: 20px; background: url(../images/down_1.png) center center no-repeat; padding-right: 30px; float: right;}

/*职业发展*/
.cont_jobs { width: 62.5%; color: #333; margin: 0 auto;}
.cont_jobs_txt { border-bottom: 0.1rem solid #f0f4f4; padding-bottom: 3rem;}
.cont_jobs_txt p { font-size: 1.6rem; line-height: 3rem;}

.cont_jobs_menu { margin: 3rem auto;}
.cont_jobs_menu h2 { font-size: 3rem; color: #bc2121; line-height: 3rem;}
.cont_jobs_menu .tab { margin-top: 3rem; display: inline-block;}
.cont_jobs_menu .li1:hover, .cont_jobs_menu .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_jobs_menu .li1 { height: 45px; line-height: 45px; width: 8rem; border-radius: 5px; text-align: center; float: left; margin-right: 2rem; background: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 15px; color: #333333; -webkit-transition: all .5s; transition: all .5s;}

.cont_jobs_tit dl { font-size: 1.6rem; height: 5rem; line-height: 5rem; background: #eee; padding-left: 3rem;}
.cont_jobs_tit dd { float:left;}
.cont_jobs_tit dd:nth-child(1){ width:15%;}
.cont_jobs_tit dd:nth-child(2){ width:30%;}
.cont_jobs_tit dd:nth-child(3){ width:20%;}
.cont_jobs_tit dd:nth-child(4){ width:20%;}
.cont_jobs_tit dd:nth-child(5){ width:15%;}

.jobs_cont dl { font-size: 15px; height: 60px; line-height: 60px; background: #f8f8f8; padding-left: 30px; border-bottom: 1px solid #e5e5e5;}
.jobs_cont dl:hover { color:#bc2121; }
.jobs_cont dd { float:left;}
.jobs_cont dd:nth-child(1){ width:15%;}
.jobs_cont dd:nth-child(2){ width:30%;}
.jobs_cont dd:nth-child(3){ width:20%;}
.jobs_cont dd:nth-child(4){ width:20%;}
.jobs_cont dd:nth-child(5){ width:15%;}

.jobs_cont .bd { font-size: 14px; line-height: 35px; background: #fff; padding: 30px;}

#sideMenu .hd{ margin-top:1px; background:url(../images/icons.png) #E3E3E3 180px -37px no-repeat;  cursor:pointer;}
#sideMenu .on{ background:url(../images/icons.png) #f60 180px -77px no-repeat; }
#sideMenu .bd{ overflow:hidden; display:none;}

.jobs_cont .bd span { width: 8rem; height: 45px; line-height: 45px; border-radius: 5px; text-align: center; float: left; margin-right: 2rem; background: #bc2121; cursor: pointer; font-size: 15px; color: #fff; -webkit-transition: all .5s; transition: all .5s;}

/*信息反馈*/
.cont_message { width: 62.5%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}

.cont_message .cont_main { width: 100%; text-align: center; display: inline-block;}
.cont_message .cont_main .tab { width: 30%; height: 100px; border-radius: 5px; text-align: center; float: left; background: #ddd; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 15px; color: #333333; -webkit-transition: all .5s; transition: all .5s;}
.cont_message .cont_main .tab:hover,.cont_message .cont_main .tab.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_message .cont_main .tab h2 { font-size: 2.6rem; line-height: 3.5rem; margin-top: 10px;}
.cont_message .cont_main .tab p {font-size: 1.4rem; line-height: 1.8rem;}


.message_bar { width: 100%; padding-top: 30px; font-size: 16px;}
.message_cell_a { width: 47%; height: auto; margin-bottom: 15px; float: left; font-size: 16px;}
.message_cell_a input { width: 100%; height: 45px; color: #666666; background: #fff; border: 1px solid #eee; border-radius: 5px; text-indent: 1em;}
.message_cell_a input:hover { transition: 0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; box-shadow: 0px 0px 10px #eee;}
.message_cell_a select { width: 100%; height: 45px; color: #666666; background: #fff; border: 1px solid #eee; border-radius: 5px; text-indent: 1em;}
.message_cell_b textarea { width: 99.5%; height: 100px; line-height: 30px; color: #666666; font-family: "微软雅黑", Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #eee; border-radius: 5px; text-indent: 1em; margin-bottom: 15px; }
.message_cell .message_yellow { width: 20rem; height: 45px; background: #ddd; color: #333; font-size: 16px; border: 1px solid #eee; border-radius: 5px; text-indent: -0.5em;}
.message_cell .message_yellow:hover { background: #bc2121; color: #fff; }



/* 上下篇内容css */
.reLink {
	height: 48px;
	line-height: 48px;
	padding: 0 15px;
	/* border: 1px solid #dddddd; */
	background: #f8f8f8;
	margin-top: 30px;
}
.reLink .nextLink, .reLink .prevLink {
	width: 45%;
	color: #666;
}
.reLink .nextLink {
	text-align: right;
}
.reLink a {
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.reLink a:hover {
	color: #EC0000;
}

/*.页码css*/
.PageList .Pages{ padding: 20px 0; text-align: center; line-height: 23px; zoom: 1; overflow: hidden; }
.PageList .Pages a{ display: inline-block; height: 40px; margin: 0 5px; font-size: 16px; line-height: 40px; }
.PageList .p_cur,
.PageList .p_count,
.PageList .p_total,
.PageList .p_jump{ display: none; }
.PageList .p_page{ padding: 0px 5px; display: inline-block; }
.PageList .p_page a{color:#5f5c4d; border:solid 1px #ececec; display:inline-block; padding:0 12px; overflow:hidden; position:relative;  background-color:#fff;}
.PageList .p_page .a_prev,
.PageList .p_page .a_next{ width:80px; }
.PageList .p_page .num a{ width:44px; }
/*hover*/
.PageList .p_page .a_first:hover,
.PageList .p_page .a_end:hover,
.PageList .p_page .a_prev:hover,
.PageList .p_page .a_next:hover,
.PageList .p_page .num a:hover,
.PageList .p_page .num .a_cur{ background:#68271f; color:#fff; }
.PageList em{ font-style:normal;}

@media (max-width:768px){
.PageList .a_first,
.PageList .a_end,
.PageList .p_page .num a{ display:none !important;}
	
}
