﻿@charset "utf-8";
/*--通用样式--*/
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: Verdana, Tahoma, Helvetica, sans-serif, SimSun, Arial ; list-style:none;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
html, body { position: relative; height: 100%; background:#fff;}
html { font-size: 62.5%;} 
body { font-size: 12px; font-size: 1.2rem;} 
img{ border:0;  }
a{ text-decoration:none; color:#333;}
a:hover{ color:red; }
.clear { clear:both;}
.fr { float: right;}
.fl { float: left;}
.W1200 { width: 1200px; margin: 0 auto;}

/*--头部与导航css--*/
.header { width: 1200px; margin:0 auto; height:106px;}
.headBar { box-shadow:0 0 10px rgba(0,0,0,0.5); position:relative; z-index:4;}
.header .logo { float:left; margin-top:26px;}
.header>ul { margin-left:100px; float:left; margin-top:32px; }
.header>ul>li { float:left; position:relative; line-height:46px; font-size: 1.6rem; color:#333333; padding-right:45px;}
.header>ul>li:last-child { margin-right:0;}
.header>ul>li a { color:#333333;}
.header>ul>li a:hover { color:#d6000f!important;}
.header>ul>li:hover { border-bottom:3px solid #d6000f;}
.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: 1.4rem; text-indent:26px;  left:0; top:49px; width:200px; 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:#d6000f!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:#bc2121; 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:337px; 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 { min-width:1000px; position:relative; height: auto; overflow:hidden;}
.banner .bd { position:relative; z-index:0; }
.banner .bd ul { width:100% !important; }
.banner .bd li { width:100% !important;  height: 0px; padding-top: 39.0625%;}
.banner .bd a { height: 100%; display: block;}

.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;  }

/*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:#929191;}
.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_content { width: 100%; font-size:16px; color: #333333; line-height: 30px;}


/* ---内页导航--- */
.cont_menu { width: 62.5%; margin: 40px auto; text-align: center;}
.cont_menu .tab { display: inline-block;}
.cont_menu .li1:hover, .cont_menu .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_menu .li1 { height: 45px; line-height: 45px; border-radius: 5px; text-align: center; float: left; padding: 0 1.5rem; 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_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: #bc2121;}
.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: #bc2121;}
.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;}


/*新闻列表*/
.cont_news { width: 62.5%; margin: 0 auto; padding:30px 0;}
.cont_news .tab { margin: 25px 0; display: inline-block;}
.cont_news .tab .li1:hover, .cont_news .tab .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_news .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_news dl { padding:15px 0; border-bottom:1px solid #f0f4f4; display:table; width:100%;}
.cont_news dd{ display:table-cell; vertical-align:middle; color: #333333; font-size:16px;}
.cont_news dd:nth-child(1){ width:85%;}
.cont_news dd:nth-child(2){ width:15%;}

.cont_news_main { font-size: 24px; color: #333; line-height: 60px; border-bottom: 1px solid #f0f4f4; text-align: center; padding: 40px 0 20px 0;}
.cont_news_content { padding-top: 10px; font-size:16px; color: #333; line-height: 30px; text-justify:auto; text-align:justify;}

/*展会活动*/
.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%;}

/*产品列表*/
.cont_pro { padding: 10px 0 80px;}
.cont_pro .tab { margin: 25px 0; display: inline-block;}
.cont_pro .tab .li1:hover, .cont_pro .tab .li1.on { background: #bc2121; color: #fff; -webkit-transition: all .5s; transition: all .5s;}
.cont_pro .tab .li1 { height: 45px; line-height: 45px; width: 200px; 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_pro ul li { width:100%; padding:2% 0; border-bottom:1px solid #f0f4f4; display:table;}
.cont_pro ul li .pro { width: 62.5%; margin: 0 auto;}
.cont_pro ul li:nth-of-type(odd) img { width:30%; height: auto; float: left; margin-right: 30%;}
.cont_pro ul li:nth-of-type(even){ background:#f8f8f8;}
.cont_pro ul li:nth-of-type(even) img { width:30%; height: auto; float: right; margin-left: 30%;}

.cont_pro dl { padding-top: 9rem;}
.cont_pro dd:nth-child(1) { display:block; font-size:26px; line-height:30px;}
.cont_pro dd:nth-child(2) { font-size:16px; line-height:25px; margin-top: 10px; color: #999999;}
.cont_pro dd:nth-child(3) { overflow:hidden; width: 140px; height: 45px; line-height: 45px; border-radius: 5px; font-size: 14px; color:#fff; background: #bc2121; text-align: center; margin-top: 30px;}
.cont_pro dd:nth-child(3) a { color:#fff;}

/*产品详情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: 120px; 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: 15px;}
.cont_message .cont_main .tab p {font-size: 1.4rem; line-height: 2rem;}


.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*/
.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:#CE313E; 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;}
	
}
