﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#333; width:100%; background:#fff; min-width:1200px; width:expression((documentElement.clientWidth < 1001) ? "1200px" : "100%" ); zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
ul,li{ list-style:none;}
em{ font-style:normal;}
.floatL{float: left}
.floatR{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.floatL{float: left;}
.floatR{float: right;}
/*头部*/
.wrapper{width:1200px;margin:auto; }
.List_wrapper{padding-bottom:80px; background:#eee;}
/*内页*/
.ListBan{height:400px;     box-shadow: 0px 1px 2px #ccc;}
.aside h3{width:197px;padding-left:45px;padding-top:40px;height:66px;line-height:32px;background:url(../images/ertitle.jpg) #761B7B no-repeat left top;color:#fff;font-size: 24px;margin:0px;margin-bottom:10px;}
.aside{background: #f8f8f8;width: 242px;margin-top: -103px;  }
.aside h3 span{font-family: "arial";font-size: 20px;text-transform: uppercase;display: block;}
.aside ul li a{display: block;height: 50px;line-height: 50px;font-size: 14px;background: url(../images/list.png) no-repeat 210px center; border-left:5px solid #f8f8f8;padding-left: 35px;}
.aside ul li a:hover,.aside ul li.onmenu a{border-left:5px solid #761b7c;color:#761b7c;background: url(../images/listh.png) no-repeat 210px center #fff;}
#hjsdfhse{    border-left: 5px solid #761b7c;
    color: #761b7c;
    background: url(../images/listh.png) no-repeat 210px center #fff;}
.Contain{background: #fff;border-top:3px solid #761b7c;width: 898px;padding:15px 30px 50px 30px;}
.Current{height: 45px;line-height: 45px;border-bottom:1px solid #ebebeb;color:#333;}
.Current a,.Current dl{color:#333;}
.Current >span{font-weight: bold;font-size: 20px;}
.ListNews dl{margin:25px 0px 0px 0;border-bottom:1px dashed #dcdcdc;height: 215px;}
.ListNews dl dt{float: left;margin-right: 33px; width:278px; height:182px;}
.ListNews dl dt img{width: 278px;height: 182px;}
.ListNews dl dd h2{font-size: 16px;color:#616161;height: 46px;line-height: 46px;margin:0px;}
.ListNews dl dd h2:hover{color:#ed8b00;}
.ListNews dl dd h2 a{color:#616161;}
.ListNews dl dd p{margin:0px;line-height: 24px;font-size: 14px;}
.ListNews dl dd p a{color:#888;}
.ListNews dl dd.datail_a{margin-top:30px;}
.ListNews dl dd.datail_a a{background: url(../images/more.png) no-repeat 70px center #761b7c; padding:5px 25px 5px 15px;color:#fff;}

.ListNews ul li{background: url(../images/listli.png) no-repeat left center;padding-left: 15px;font-size: 14px;border-bottom: 1px solid #f0f0f0;color:#888;height: 50px;line-height: 50px;}
.ListNews ul li a{color:#616161;}
.ListNews ul li a:hover{color: #ed8b00;}
.ListNews ul li span{float: right;}
/*产品*/
.ListGood{padding:20px 0px;}
.ListGood ul li{float: left;position: relative;margin-left:30px;margin-top: 30px;width: 245px;height: 272px;}
.ListGood ul li .image img{width: 245px;height: 232px;}
.ListGood ul li .title{background: #f7f7f7;height: 40px;line-height: 40px;text-align: center;}
.ListGood ul li .title a{color:#505050;font-size: 14px;}
.ListGood ul li .logo{display: none;}
.ListGood ul li.onshow .logo{display:block;position: absolute;width: 106px;left: 50%;margin-left: -53px;top:33px;}
.ListGood ul li.onshow .logo .datail{background: url(../images/moreb.png) no-repeat center top;text-align: center;display: block;color:#fff;font-size: 16px;height: 36px;line-height: 36px;margin-top: 15px;}
/*招聘*/
.recruitList{padding-top: 20px;}
.recruitList table{border:1px solid #e4e4e4;border-left:none;border-top:none;margin-top: 30px;}
.recruitList table td ,.recruitList table th{border:1px solid #e4e4e4;border-right:none;border-bottom:none;padding:10px 0px;font-size: 14px;}
.recruitList table th{font-weight: normal;}
.recruitList table td{text-indent: 2em;}
.recruitList  .Links {cursor: pointer; position: relative;background: #dadada;display:block;width:105px;height:34px;text-indent:0px;line-height:34px;margin-left:30px;color:#fff;overflow: hidden;text-align: center;}
.recruitList  .Links input {border:1px red solid;position: absolute;width:125px;height:34px;left: -20px;top: 0;opacity: 0;}
.recruitList  .Links:hover {background: #761b7c;color: #fff;cursor: pointer; }





.tBox .top{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.tBox .top em{
    width: 8px;
    height: 13px;
    position: absolute;
    top: 5px;
    cursor: pointer;
    transition: 0.2s;
}
.tBox .top em.fir{
    background: url(../images/pre01_1.png) no-repeat;
    left: 0;
}
.tBox .top em.sec{
    background: url(../images/next02_1.png) no-repeat;
    right: 0;
}
.tBox .top em.fir:hover{
    background: url(../images/pre1_1.png) no-repeat;
}
.tBox .top em.sec:hover{
    background: url(../images/next2_1.png) no-repeat;
}
.tBox .top .rollBox{
    width: 922px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.tBox .top .rollBox .rollW{
    width:1844px;
    position: absolute;
    left: 0;
    top: 0;
}
.tBox .top .rollBox .rollW li{
    width: 60px;
    height: 30px;
    text-align:center;
    margin-right: 26px;
    position: relative;
    float: left;
}
.tBox .top .rollBox .rollW a{
    font-size: 14px;
    color: #74777b;
    display: block;
    width: 100%;
    height: 100%;
}
.tBox .top .rollBox .rollW li i{
    width: 100%;
    height: 4px;
    background: #3697d9;
    position: absolute;
    left: 0;
    bottom: -5px;
    opacity: 0;
    transition: 0.2s;
}
.tBox .top .rollBox .rollW li i.opa{
    opacity: 1;
}
.tBox .bottom{
 
    margin:26px auto 0;
    
    position: relative;
}
.tBox .bottom ul{

    transition: 0.4s;
}
.tBox .bottom ul.opa{
    display: block;
}
.tBox .bottom ul li{
    width: 286px;
    height: 248px;
    margin:0 13px 13px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
}
.tBox .bottom ul li img{width:286px; height:248px;}
.tBox .bottom ul li.last{
    margin-right: -13px;
}
.tBox .bottom ul li h3{
    width: 100%;
    height:34px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition:0.3s;
}
.tBox .bottom ul li:hover h3{
    height:100%;
}
.tBox .bottom ul li:hover h3 p{
    padding-top:0px;
}
.tBox .bottom ul .topC2:hover h3 p{
    padding-top: 10%;
}


.tBox .bottom ul li h3 strong{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top:0;
}
.tBox .bottom ul li h3 p{
    color: #fff;
    font-size: 14px;
    width: 260px;
    position: absolute;
    left: 15px;
    top: 4px;
    padding-right: 10px;
    line-height: 29px;
}
.tBox .bottom ul li h3 p span{
    font:14px 微软雅黑;
	font-weight:100;
}
.tBox .bottom ul li h3 p em{
    font:12px 微软雅黑;
    line-height: 1.5;
    display: inline-block;
    margin-top: 10px;
}
.tBox .bottom ul li.topC h3{
    height: 250px;
}
.tBox .bottom ul li.topC:hover h3{
    top: 100px;
}
/*.tBox .bottom ul li.topC2 h3{
    height: 300px;
}*/
/*.tBox .bottom ul li.topC2:hover h3{
    top: 50px;
}*/
.tBox .bottom ul li.topC3 h3{
    height: 330px;
}
.tBox .bottom ul li.topC3:hover h3{
    top: 20px;
}
.cooperationList{padding-top: 10px;}
.recruitList .datail{padding:15px 15px 15px 37px;text-indent: 0px;line-height: 30px;}
.cooperationList .listUl li{width: 245px;text-align: center;float: left;margin:30px 20px 0px 20px;}
.cooperationList .listUl li img{width: 245px;height: 162px;}
.cooperationList .listUl li span{display: block;height: 40px;line-height: 40px;text-align: center;background: #f7f7f7;color:#333;font-size: 14px;}
.zizhiList ul li{width: 240px;float: left;margin:30px 14px 0 30px;border:1px solid #f7f7f7;}
.zizhiList ul li a{display: block;width: 100%;height: 100%}
.zizhiList ul li a:hover span{background: #e83c24;color:#fff;}
.zizhiList ul li:hover {border:1px solid #e83c24}
.zizhiList ul li img{width: 237px;height: 279px;border:1px solid7ececec;}
.zizhiList ul li span{display: block;height: 40px;line-height: 40px;text-align: center;background: #f7f7f7;color:#333;font-size: 14px;}
.ListGoods{padding-top: 20px;}
.ListGoods > dl{/*height: 375px;*/}
.ListGoods > dl >dt.floatL{margin-right: 20px;width: 380px;}
.ListGoods > dl >dt img{width: 380px;/*height: 375px;*/}
.ListGoods > dl >dd{width: 440px;font-size: 14px;}
.ListGoods > dl > dd dl{margin-bottom: 10px;}
.ListGoods > dl > dd dt,.Gdatail_right> dl > dt{background: url(../images/goodsicon.jpg) no-repeat left center;font-weight: bold;color:#4d4d4d;padding-left: 20px;}
.ListGoods > dl > dd dd{line-height: 24px;color:#666;}
.Gdatail_contain{margin-top: 20px;width: 440px;float: right;}
.Gdatail_banner{width:380px;overflow:hidden;float:left;margin-top: 10px;}
.large_box{margin-bottom:10px;overflow:hidden;width: 380px;/*height: 168px;*/}
.large_box img{display:block;width: 380px;/*height: 168px;*/}
.small_box{width:380px;overflow:hidden;}
.small_list{position:relative;float:left;width:380px;/*height:93px;*/overflow:hidden;margin-bottom: 15px;}
.small_list ul{/*height:93px;*/overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right: 2px;margin-bottom: 2px; width:93px;}
.small_list ul li img{display:block;width: 93px;/*height: 93px;*/}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:93px;height:93px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:22px;height:22px;background-color:#fff;cursor:pointer;color:#e83c24;text-align: center;line-height: 22px;border:1px solid #e9efea;font-size: 14px;}
.btn:hover{background-color:#e83c24;color:#fff;border:1px solid #e83c24;}
.left_btn{float:right;margin-right:10px;background-image:url(../images/left_btn.png);}
.right_btn{float:right;background-image:url(../images/right_btn.png);}
.Gdatail_right{width: 440px;float: right;}
.Gdatail_right dd table{border-left:1px solid #e5e5e5;}
.Gdatail_right dd table th{background: #eeeeee;color: #4d4d4d;height: 40px;line-height: 40px;}
.Gdatail_right dd table th ,.Gdatail_right dd table td{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;}
.Gdatail_right dd table td{height: 29px;line-height: 29px;}
.datail_images{margin-top: 40px;height: 211px;overflow: hidden;}
.datail_images .picScroll-left .bd ul li {padding:5px 5px 0px 5px;border:none;margin-left: 4px;margin-right: 4px;width: 168px;height: 202px;overflow: hidden;}
.datail_images .picScroll-left .bd ul li:hover{background: #761b7c;}
.picScroll-left .bd ul li .title a{display: block;height: 35px;}
.datail_images .picScroll-left .bd ul li:hover .title a{height:35px;background: #761b7c;color:#fff;display: block;}
.datail_images .picScroll-left .bd{width: 745px;}
.datail_images .hd{/*position: absolute;*/width: 100%;height: 100%;top: 67px;left:0px;}
.datail_images .picScroll-left .hd .next{background: url(../images/dataill.png) no-repeat left center;
    width: 40px;height: 40px;float: left; margin-top: 80px;}
.datail_images .picScroll-left .hd .prev {background: url(../images/datalr.png) no-repeat left center;
    width: 40px;height: 40px;float: right; margin-top: 80px;}
.datail_images .picScroll-left .hd .next:hover{background: url(../images/datailhl.png) no-repeat left center;}
.datail_images .picScroll-left .hd .prev:hover{background: url(../images/datailhr.png) no-repeat left center;}
/*progress*/
.progress {padding:20px;}
.progress .arrow{background: url(../images/arrow.png) no-repeat 79px top; height: 54px;}
.progress .pro_year{float: left;width:108px;color:#e83820;font-size:26px;font-family: "arial"; }
.progress .pro_year img{float: right;position: relative;z-index: 1}
.progress .pro_list{border-left: 3px solid #761b7c;width: 670px;float: left;margin-left: -12px; padding-left:35px;padding-bottom: 20px;}
.progress .pro_list ul{border-bottom:1px solid #d9d9d9;padding-bottom: 20px;}
.progress .pro_list ul li{font-size: 14px;color: #888;line-height: 30px; }

/*pages*/
.Pages{line-height:18px; zoom:1; overflow:hidden; text-align:right;margin-top: 50px;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; height:29px; line-height:29px; border:1px solid #e6e6e6; padding:0px 12px;color: #858585}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#858585;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{ color:#858585;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#858585;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{border:1px solid #ddd; }
.Pages .p_page em a.a_cur{ color:#fff;background: #761b7c;border:1px solid #761b7c; }
/*pages end*/

.pofixed{position: fixed;background: #fff;width: 100%;height: 105px;z-index: 4;}
#dowebok{margin-top: 105px;}


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../images/80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/whiteloading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/mbnumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/customblackprevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/customblacknext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/customblackclose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.section a{width: 100%;height: 100%;display: block;}

.info_title {
    color: #454545;
    font-size:18px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.info_time {
    color: #9a9a9a;
    font-size: 1.17em;
    font-weight: normal;
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
}
.info_date {
    border-bottom: 1px dotted #ccc;
    color: #9a9a9a;
    font-size: 1.17em;
    padding: 0 0 10px;
    text-align: center;
}
.info_cont {
    border-bottom: 1px solid #e6e5e5;
    clear: both;
    padding: 10px 0 30px;
    text-align: justify;
    word-wrap: break-word;
}
.resform dl .btns {
    background: #dadada none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "微软雅黑";
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    letter-spacing: 3px;
    line-height: 35px;
    margin: 30px auto 0;
    position: relative;
    text-align: center;
    width: 130px;
    z-index: 2;
}
    .resform dl .text, .resform dl .text1 {
    background: #fffcf7 none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    width: 280px;
    z-index: 2;
}
.jobtitle {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 30px;
}
.resform dl dt {
    float: left;
    width: 450px;
    padding: 10px;
}
.resform dl dd {
   /* float: right;*/
   padding: 10px;
    width: 450px;
}

.resform dl .jtitle {
    color: #333;
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 100px;
}
.jobdl::after, .resform dl::after, .resform dl dt::after, .resform dl dd::after{clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;}
    
    
.form_table .text {
    border: 1px solid #dadada;
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    position: relative;
    width: 303px;
    z-index: 1;
}
.form_table .text1 {
    border: 1px solid #dadada;
    border-radius: 5px;
    height: 80px;

    padding: 0 10px;
    position: relative;
    width: 303px;
    z-index: 1;
}
.form_table .btn {
    background: #dadada none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-family: "微软雅黑";
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    letter-spacing: 3px;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 112px;
    z-index: 1;
}
.tjfj{ padding:10px;}