/* ==========================================================================
   Global
   ========================================================================== */
   img { border: 0; vertical-align: middle; max-width: 100%; border: none; }
   .content{padding-top:30px;padding-bottom:30px;}
 /****** Detail-banner-style ******/
body { padding-top: 74px;  background: #f7f6f6;}
@media only screen and (max-width: 420px) {
 body { padding-top: 60px;  background: #f7f6f6;}
}
.Detailbanner { position: relative;min-height: 200px;}
.Detailbanner .title{text-align: center;padding-top: 40px;}
.Detailbanner .title  h2 { font-size: 36px; color: #fff; line-height: 50px; font-weight: 500; }
.Detailbanner .title .txten{font: 300 24px/24px microsoft yahei; color: #fff;text-transform:Uppercase;margin-top: 10px;}

.selectbox{width:  calc(50% - 20px); float: left;z-index: 9999;}
.select-x {width: 100%;position: relative; line-height: 50px;color: #333; font-size: 14px;}
.select-x h4 { height: 50px; padding-left: 10px; font-weight: normal; background:#fff url(../image/select_inco.jpg) no-repeat right center; cursor: pointer;}
.select_list { text-indent: 10px;line-height: 50px;display: none; width: 100%; position: absolute;top:39;  background: #fff; z-index: 99999;}
.select_list ul li{width:100%;color: #333;}
.select_list ul li:hover{background: #016cbd url(../image/inco14.png) no-repeat right center;}
.select_list ul li a{color: #333;}
.select_list ul li:hover a{color: #fff;}
.select-x:hover .select_list{display: block;}

.serch{width: calc(50% - 20px); margin: 20px auto;}
.globalsearch {width: 100%; height:40px; background: #fff;}
.globalsearch #q {  height: 40px;padding:10px 10px; line-height: 10px; width: calc(100% - 60px); border:0;  float: left; font-size: 14px;}
.globalsearch .search-btn { width: 50px; height: 40px; cursor: pointer; background: url(../image/btn_ser.png) no-repeat center; float: right;    border: 0px;}
@media only screen and (max-width: 767px) {
 .selectbox{width:100%; float: none;margin-bottom: 20px;}
 .serch{width:100%; float: none;}
}
/****** Detail-Productlist-style ******/
.Productlist {}
.Productlist li { float: left; width: 50%; }
.Productlist .Item { margin: 10px 15px; background: #fff;border:1px solid #e7e7e7;cursor: pointer; }
.Productlist .Item .pic { overflow: hidden;height: 300px;  text-align: center; line-height: 300px; background: #fff;}
.Productlist .Item .pic img { max-width: 100%;max-height: 100%; transition: all 0.5s; }
.Productlist .Item h3 { font-size: 14px; color: #333; line-height: 40px; font-weight: 500; text-align: center; }
.Productlist .Item:hover h3 { color: #016cbd; }
.Productlist .Item:hover .pic img { transform: scale(1.2); }
.Productlist .Item .desc{font: 300 14px/24px microsoft yahei; padding:0 20px; height: 72px; overflow: hidden;margin-bottom: 20px; color: #999;}
.Productlist .Item a.more{width: 100%; height: 50px;display: block; background: #f3f3f3; font: 300 14px/50px microsoft yahei;text-align: center; display: none; }
.Productlist .Item:hover a.more{background: #016cbd;color: #fff;}

 @media only screen and (max-width: 800px) {
 .Productlist li { float: left; width: 50%; }
}
@media only screen and (max-width: 480px) {
 .Productlist li { float: left; width: 100%; }
}

.pro_position{ font-size: 14px;padding:20px 0; border-bottom: 1px solid #e5e5e5;}
.pro_position a:hover{color: #c82a32;}
.pro_position .mode01{float: left; color: #016cbd; font: 300 24px/24px microsoft yahei; }
.pro_position .mode01 .fa{margin-right: 10px;}
.pro_position .mode02{float: right;}
@media only screen and (max-width: 480px) {
.pro_position .mode01,.pro_position .mode02{float: none;}
}

/****** Detail-ProductDetail-style ******/
.ProductDetail { }
.product-top { margin-bottom: 30px; }
.Pros02Box {width: 450px;height: 400px;	overflow: hidden ; position: relative; float: left;}
.Pros02Box .pic {position: relative;z-index: 0; width: 450px; height: 400px; text-align: center; line-height: 400px;}
.Pros02Box .pic img {max-width: 450px; max-height: 400px;}
.Pros02Box .hd {	width: 100%;position: absolute;	bottom: 10px;text-align: center;font-size: 0;z-index: 1;
}
.Pros02Box .hd li {margin: 0 5px;background: url(404.png) no-repeat 0 -16px;height: 16px;
	overflow: hidden;width: 16px;cursor: pointer;display: inline-block;*display:inline;zoom: 1;
}
.Pros02Box .hd .on {background-position: 0 0;}
.Pros02Box .prev, .focusBox .next {width: 60px;height: 90px;margin: -60px 0 0;	display: none;
	background: url(404.png) no-repeat 0 0;
	position: absolute;	top: 50%;
	z-index: 10;cursor: pointer;
	text-indent: -9999px;filter: alpha(opacity=20);	opacity: 0.2;}
.Pros02Box .prev {left: 0;}
.Pros02Box .next {background-position: 0 -90px;right: 0;}
.Pros02Box .prev:hover, 
.Pros02Box .next:hover {filter: alpha(opacity=50) !important;	opacity: 0.5 !important;}

.Prostxtare{float: left; width: calc(100% - 480px);}
.Prostxtare .title{font: 300 24px/30px Arial; border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;padding-bottom: 10px;}
.Prostxtare .proms{font: 300 16px/30px microsoft yahei; color: #333333;}
.Prostxtare  .share {margin-top: 30px;}

@media only screen and (max-width: 800px) {
.Pros02Box {margin:0 auto; float: none;}
.Prostxtare{float: none; width:100%;}
}
@media only screen and (max-width: 480px) {
.Pros02Box {width: 100%; height: auto;}
.Pros02Box .pic {width: 100%; height: auto;}
.Pros02Box .pic img {max-width: 100%; max-height: 100%;}
}

.program_bg{background: url(../image/casepagebg.jpg) repeat-y top center; }
.programbanner { position: relative;min-height: 250px;}
.programbanner .title{text-align: center;padding-top:70px;}
.programbanner .title  h2 { font-size: 36px; color: #fff; line-height: 50px; font-weight: 500; }
.programbanner .title .txten{font: 300 24px/24px microsoft yahei; color: #fff;text-transform:Uppercase;margin-top: 10px;}
@media only screen and (max-width: 800px) {
.programbanner {min-height: 104px;}
.programbanner .title{text-align: center;padding-top:30px;}
.programbanner .title  h2 { font-size: 24px; line-height: 30px;}
.programbanner .title .txten{font: 300 16px/24px microsoft yahei;;margin-top: 0px; }
}


.programlist {padding:30px 0; }
.programlist li {}
.programlist .imgarea, .programlist .txtarea { width: 50%; }
.programlist .txtarea{background: #fff;}
.programlist .li_02 .imgarea{float: left;}
.programlist .li_02 .txtarea{float: right;}
.programlist .li_01 .imgarea{float: right;}
.programlist .li_01 .txtarea{float: left;}
.programlist .warp { background: #fff; position: relative; }
.programlist .imgarea { overflow: hidden; }
.programlist .imgarea img { transition: all 0.5s; width: 100%; }
.programlist li:hover .imgarea img { transform: scale(1.1); }
.programlist .txtarea .Intro { padding: 20px 30px; position: relative; }
.programlist .txtarea .Intro h3 { font-size: 20px; color: #000; line-height: 50px; padding-bottom: 6px; margin-bottom: 10px; position: relative; }
.programlist .txtarea .Intro h3 .line { position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background: #dadada; display: block; }
.programlist  .txtarea .Intro .box { height: 210px; overflow: hidden; }

.programlist  .txtarea .Intro p { font-size: 14px; color: #666666; line-height: 25px; }
.programlist  .txtarea .more { border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 14px; line-height: 20px; color: #000; transition: all 0.5s; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.programlist  .txtarea .more i { font-size: 12px; margin-left: 30px; color: #666666; }
.programlist  .txtarea  .Triangle { position: absolute; top: 30px; width: 26px; height: 30px; z-index: 999; }
.programlist .li_01  .Triangle { right: -26px;background: url(../image/icon-sjleft01.png) no-repeat right center; }
.programlist .li_02  .Triangle { left: -26px;background: url(../image/icon-sjright01.png) no-repeat left center;  }

.programlist  li:hover .Intro h3 { color: #016cbd; }
.programlist  li:hover .more { background: #016cbd; color: #fff;border: 1px solid #016cbd;  }
.programlist  li:hover .more i { color: #fff; }

@media only screen and (max-width: 600px) {
    .programlist  .txtarea .Intro .box,.programlist  .txtarea .more { display: none;  }
}

.program_protj{padding:30px 0;overflow: hidden; background: #f1f1f1 ;position: relative; }
.program_protj .titlle{font: 300 22px/40px microsoft yahei;  color: #333333;margin-bottom: 10px;}

.protjbox { margin: 10px 15px; background: #fff;border:1px solid #e7e7e7;cursor: pointer; }
.protjbox .pic { overflow: hidden;height: 200px;  text-align: center; line-height: 200px; background: #fff;}
.protjbox .pic img { max-width: 100%;max-height: 100%; transition: all 0.5s; }
.protjbox:hover .pic img { transform: scale(1.2); }
.protjbox a.more{width: 100%; height: 50px;display: block; background: #f3f3f3; font: 300 14px/50px microsoft yahei; text-align: center; }
.protjbox:hover a.more{background: #016cbd;color: #fff;}
.program_protj .owl-theme .owl-controls .owl-buttons div { position: absolute; top: -15px; width: 35px; height: 35px; margin-top: -25px; display: block; border-radius: 0; font-size: 0; opacity: 1;border:1px solid #dadada;}
.program_protj  .owl-theme .owl-controls .owl-buttons div.owl-prev { right: 50px; background: url('../image/left.png') no-repeat center center #fff; }
.program_protj  .owl-theme .owl-controls .owl-buttons div.owl-next { right:0; background: url('../image/right.png') no-repeat center center #fff; }
.program_protj  .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background: url('404.png') no-repeat center center #016cbd; }
.program_protj  .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background: url('404.png') no-repeat center center #016cbd; }

.newbanner { position: relative; height: 250px;}
.newbanner .title{text-align: center;padding-top: 40px;}
.newbanner .title  h2 { font-size: 36px; color: #fff; line-height: 50px; font-weight: 500; }
.newbanner .title .txten{font: 300 24px/24px microsoft yahei; color: #fff;text-transform:Uppercase;margin-top: 10px;}
.newnav{ text-align: center;color: #fff;position: absolute;bottom: 0; width: 100%; }
.newnav a{color: #fff; padding:10px ; margin:0 20px;display: inline-block; *display:inline; zoom: 1; font-size: 16px;}
.newnav a.cut{ border-bottom: 2px solid #fff;}
.newnav a:hover{ border-bottom: 2px solid #fff;}


.Newlist01 li {width: 33.3%; float: left;margin-bottom: 30px;}
.Newlist01 li .warp {width: 370px; background: #fff;overflow: hidden; margin:0 auto;}
.Newlist01 li .warp:hover{background: #045daf;}
.Newlist01 li .imgarea {width: 100%;height: 216px; overflow: hidden;}
.Newlist01 li .imgarea img{width: 100%;height: 216px;transition: transform 2s;}
.Newlist01 li .warp:hover .imgarea img{ transform: scale(1.1);}
.Newlist01 li .txtarea {padding:15px 20px; height: 83px;}

.Newlist01 li .txtarea h3 { font-weight: 400; padding-bottom: 5px;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 24px; font-size: 14px;color: #2d2d2d;}
.Newlist01 li .txtarea .date { font: 300 14px/24px Arial;color: #666666;}
.Newlist01 li a:hover .txtarea .date{color: #fff;}
.Newlist01 li a:hover .txtarea h3{color: #fff;}

@media only screen and (max-width: 1120px) {
  .Newlist01 li .warp {width: 310px;}
.Newlist01 li .imgarea {width:310px;height: 181px;}
.Newlist01 li .imgarea img{height: 181px;}
}
@media only screen and (max-width: 1000px) {
  .Newlist01 li .warp {width: 280px; }
.Newlist01 li .imgarea {width:280px;height: 164px;}
.Newlist01 li .imgarea img{height: 164px;}
}
@media only screen and (max-width: 880px) {
    .Newlist01 li .warp {width: 250px;}
.Newlist01 li .imgarea {width:250px;height: 146px;}
.Newlist01 li .imgarea img{height: 146px;}
}
@media only screen and (max-width: 768px) {
  .Newlist01 li {width: 50%;}
  .Newlist01 li .warp {width: 280px; }
.Newlist01 li .imgarea {width:280px;height: 164px;}
.Newlist01 li .imgarea img{height: 164px;}

}
@media only screen and (max-width: 580px) {
.Newlist01 li .warp {width: 200px;}
.Newlist01 li .imgarea {width:200px;height: 117px;}
.Newlist01 li .imgarea img{height: 117px;}
}
@media only screen and (max-width: 420px) {
 .Newlist01 li {width: 100%;}
 .Newlist01 li .warp {width: 310px;}
.Newlist01 li .imgarea {width:310px;height: 181px;}
.Newlist01 li .imgarea img{height: 181px;}
}

.Newtop{ background: #fff;margin-bottom: 40px;}
.Newtop .imgarea {width: 383px;height: 293px; overflow: hidden; float: left;}
.Newtop .imgarea img{width: 100%;height: 100%; transition: transform 2s;}
.Newtop a:hover img{ transform: scale(1.1);}
.Newtop a:hover{color: #333;}

.Newtop .txtarea  { padding: 20px 30px; position: relative;  float: left; width: calc(100% - 400px);}
.Newtop .txtarea  h3 { font-size: 20px; color: #000; line-height: 50px; max-width: 100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Newtop  .txtarea  .desc { height: 100px; overflow: hidden; font-size: 14px; color: #666666; line-height: 25px;margin-bottom: 20px; }
.Newtop  .txtarea .more { border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 14px; line-height: 20px; color: #000; transition: all 0.5s; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.Newtop a:hover .txtarea .more {background: #2779c2;color: #fff;border: 1px solid #2779c2;}
.Newtop a:hover .txtarea  h3 { color: #2779c2;}

@media only screen and (max-width: 767px) {
.Newtop .imgarea {width: 250px;height: 190px; overflow: hidden; float: left;}
.Newtop .txtarea  { position: relative;  float: left; width: calc(100% - 270px);}
.Newtop  .txtarea  .desc { height: 50px;  }
}
@media only screen and (max-width: 520px) {
.Newtop .imgarea { float: none;margin:0 auto;}
.Newtop .txtarea  {float: none; width:100%;}
}


.newsh{width:100%;text-align: center;}
.newtitle {font: 700 18px/24px microsoft yahei;color:#016cbd;}
.newsh_cn {padding:20px 0;}
.newsh_cn p{ font: 14px/24px microsoft yahei;margin-top: 15px;}
.newsh .byline{height:50px;color:#8b8b8b;line-height:50px;border-bottom:1px solid #e9e9e9; font-size: 14px; }
.newsh .byline span{margin-right:20px;}
.newsh .byline i{margin-right: 5px;}

.fhshare{border-top:1px solid #d8d8d8;padding:20px;  }

.newbar{font: 12px/24px microsoft yahei;
    height: 110px;
    border-top:1px solid #dadada;
    line-height: 40px;
    text-indent: 2em;
}

/****** About--nav--style--begin ******/
.nav-about { position: fixed !important; left: 0; top: 74px; z-index: 999; width: 100%; height: 65px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);
display: none; }
.nav-about .in { height: 65px; overflow: hidden; position: absolute; }
.nav-about .in li { float: left; }
.nav-about .in li a { display: inline-block; padding: 0 30px; line-height: 65px; color: #fff; text-align: center; }
.nav-about .line { left: 0; bottom: -1px; width: 0; height: 2px; background: #fff; }

.AboutUs .Title{text-align: center;color: #fff;}
.AboutUs .Title .txtcn{font: 700 30px/40px microsoft yahei;}
.AboutUs .Title .txten{font: 300 20px/40px Arial;text-transform:Uppercase;}
.AboutUs .pic{}
.AboutUs .mpic{display: none;}
@media screen and (max-width: 640px) {
    .AboutUs .pic{display: none;}
.AboutUs .mpic{display: block;}
}


.aboutmin{ text-align: center;}
.aboutmin p{font: 300 30px/40px microsoft yahei; color: #fff;padding:20px 0 40px;}
.aboutmin .imgbox .imgmode01{display: inline-block; *display:inline; zoom: 1;width: 239px; height: 240px; }
.aboutmin .imgbox .imgmode02{display: inline-block; *display:inline; zoom: 1;margin-left: -30px; width: 239px; height: 240px; }
.aboutmin .imgbox .imgmode03{display: inline-block; *display:inline; zoom: 1; margin-left: -30px;width: 239px; height: 240px; }
.aboutmin .imgbox img { transition: all 0.5s; width: 100%; }
.aboutmin .imgmode01:hover img { transform: scale(1.1); }
.aboutmin .imgmode02:hover img { transform: scale(1.1); }
.aboutmin .imgmode03:hover img { transform: scale(1.1); }

@media only screen and (max-width: 800px) {
.aboutmin .imgbox .imgmode01{width: 180px; height: 180px; }
.aboutmin .imgbox .imgmode02{margin-left: -30px; width: 180px; height: 180px; }
.aboutmin .imgbox .imgmode03{margin-left: -30px;width: 180px; height: 180px; }
}
@media only screen and (max-width: 580px) {
.aboutmin .imgbox .imgmode01{width: 130px; height: 130px; }
.aboutmin .imgbox .imgmode02{margin-left: -30px; width: 130px; height: 130px; }
.aboutmin .imgbox .imgmode03{margin-left: -30px;width: 130px; height: 130px; }
}
@media only screen and (max-width: 420px) {
.aboutmin .imgbox .imgmode01{width: 110px; height: 110px; }
.aboutmin .imgbox .imgmode02{margin-left: -30px; width: 110px; height: 110px; }
.aboutmin .imgbox .imgmode03{margin-left: -30px;width: 110px; height: 110px; }
}
.poa {    position: absolute;}
.Briefbox{padding:60px 0;background: url(../image/casepagebg.jpg) repeat-y top center; }
.Briefbox .Title{text-align: center;}
.Briefbox .Title .txtcn{font: 700 30px/40px microsoft yahei;color: #016cbd;}
.Briefbox .Title .txten{font: 300 20px/40px Arial;text-transform:Uppercase; color: #666666;}
.Briefbox .briefmain{padding-top:20px;}
.Briefbox .briefmain .imgarea{width:470px; height: 340px;display: inline-block; *display:inline; zoom: 1;  float:left;}
.Briefbox .briefmain .imgarea .pic01{width:434px; height: 340px; overflow: hidden;}
.Briefbox .briefmain .imgarea .pic01 img { transition: all 0.5s; width: 100%; }
.Briefbox .briefmain .imgarea .pic01:hover img { transform: scale(1.1); }
.Briefbox .briefmain .txtarea{width:650px; float:left;text-indent:2em; display: inline-block; *display:inline; zoom: 1; font: 300 16px/24px microsoft yahei;}
@media only screen and (max-width: 860px) {
.Briefbox .briefmain .txtarea{margin-top: 20px;}
}
@media only screen and (max-width: 470px) {
.Briefbox .briefmain .imgarea{width:100%; height:auto;display: inline-block; *display:inline; zoom: 1; background: url(../image/about05.png) no-repeat bottom right;}
.Briefbox .briefmain .imgarea .pic01{width:100%;height:auto;overflow: hidden;}
.Briefbox .briefmain .txtarea{width:100%;padding-left:10px;}
}

.culturebox{padding:60px 0; background: #fafafa; }
.culturebox .Title{text-align: center;color: #026DBD;}
.culturebox .Title .txtcn{font: 700 30px/40px microsoft yahei;}
.culturebox .Title .txten{font: 300 20px/40px Arial;text-transform:Uppercase;}
#owl-culture .item{
   height:350px; overflow: hidden;
    text-align: center; color: #666666;padding:10px;padding-top: 50px;
}
#owl-culture .item h3{font: 300 20px/24px microsoft yahei; padding-bottom: 10px; background: url(../image/line01.png) no-repeat bottom center; margin-top: 20px;}
#owl-culture .item p{margin-top: 20px; font-size: 14px;}

.valuebox{padding:60px 0; height:615px;background: url(../image/aboutbg06.jpg) repeat-y top center; }
.valuebox .Title{text-align: center;color: #fff;}
#owl-value .item{
   height:350px; overflow: hidden;
    text-align: center; color: #1b100e;padding:10px;
}
#owl-value .item h3{font: 300 20px/24px microsoft yahei; padding-bottom: 10px; background: url(../image/line01.png) no-repeat bottom center; margin-top: 20px;}
#owl-value .item p{margin-top: 20px; font-size: 14px;}



.profilebox{padding:60px 0;background:url(../image/aboutbg04.jpg) no-repeat top center; position: relative;}
.profilebox .Title{text-align: center;}
.profilebox .Title .txtcn{font: 700 30px/40px microsoft yahei;color: #026DBD;}
.profilebox .Title .txten{font: 300 20px/40px Arial;text-transform:Uppercase; color: #666666;}
.profilebox .profilemain{padding-top:20px;}
.profilebox .profilemain .imgarea{width: 500px;height: 360px; overflow: hidden; float: right;}
.profilebox .profilemain .imgarea img { transition: all 0.5s; width: 100%; }
.profilebox .profilemain .imgarea:hover img { transform: scale(1.1); }
.profilebox .profilemain .txtarea{ width: calc(100% - 530px); padding-left:20px;float: left; font: 300 16px/24px microsoft yahei;}
.profilebox .profilemain .txtarea p{margin-bottom: 10px;color: #fff;}

.profilebox  .owl-controls .owl-pagination{display: none;}
 .profilebox .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 49px; height: 49px; margin-top: -25px; display: block; border-radius: 0; font-size: 0; opacity: 1; transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; 
}
.profilebox .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background: url('404.png') no-repeat center center ; }
.profilebox .owl-theme .owl-controls .owl-buttons div.owl-next { right:0; background: url('404.png') no-repeat center center ; }

@media only screen and (max-width: 800px) {
	.profilebox .profilemain .txtarea{ width:100%; padding-left:0;float: none;}
.profilebox .profilemain .imgarea{width: 100%;height: auto;float: none;}
}
.recbox{padding:60px 0;background:url(../image/aboutbg03.jpg) repeat-y top center; }
.recbox .Title{text-align: center;}
.recbox .Title .txtcn{font: 700 30px/40px microsoft yahei;color: #016cbd;}
.recbox .Title .txten{font: 300 20px/40px Arial;text-transform:Uppercase; color: #666666;}
.recbox .recmain{padding-top:20px;}
.recbox .recmain .desc{font: 300 16px/24px microsoft yahei; text-align: center;}

.recbox .Owl-list{padding:0 60px;}
.recbox .recruitbox{width:calc(100% - 20px); margin:0 10px; text-align: center; height: 290px; overflow: hidden;
      background:#fff;border:1px solid #e4e4e4;    }
.recbox .recruitbox  .inco{width: 100%; height: 140px; overflow: hidden; margin-top: 30px;}
.recbox .recruitbox  .title{width: 100%; height: 60px;font: 300 16px/24px microsoft yahei;margin-top: 10px;}
.recbox .recruitbox  .title p{font-size: 18px;}
 .recbox .recruitbox .more{color: #333333;border:1px solid #707070;padding:10px 20px;
      -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
     }
 .recbox .recruitbox:hover .more{background: #016cbd;border-color: #016cbd;color: #fff;}
.recbox .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 49px; height: 49px; margin-top: -25px; display: block; border-radius: 0; font-size: 0; opacity: 1; transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; 
}
.recbox .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background: url('../image/bl02.png') no-repeat center center; }
.recbox .owl-theme .owl-controls .owl-buttons div.owl-next { right:0; background: url('../image/br02.png') no-repeat center center; }

.contactbox{padding:50px 0;background:url(../image/aboutbg04.jpg) repeat-y top center; }
.contactbox .Title{text-align: center;}
.contactbox .Title .txtcn{font: 700 30px/40px microsoft yahei;color: #016cbd;}
.contactbox .Title .txten{font: 300 20px/40px Arial;text-transform:Uppercase; color: #666666;}

.contactbox .contactmain{padding-top:20px; text-align: center;}
.contactbox .contactmain .mode02{margin-top: 40px;}
.contactlist li{display: inline-block; *display:inline; zoom: 1;padding-right: 20px;}
.contactlist li .inco{float: left;}
.contactlist li .txtarea{float: left; text-align: left;padding-left: 20px; width: 300px;}
.contactlist li .txtarea h2{font: 300 18px/30px microsoft yahei;color: #016cbd;}
.contactlist li .txtarea p{font: 300 16px/24px microsoft yahei;}
.contactlist li .txtarea h3{font: 700 20px/30px microsoft yahei;margin-top: 10px;}
.recruitment_tc{width:60%;  height: 500px; 
/*position: absolute;
top: 100px; */
background: #ffffff;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font: 300 14px/24px microsoft yahei;
}
.recruitment_tc .biaoti{width:100%; height: 68px;background: #eaeaea;color: #016cbd;font: 700 20px/68px microsoft yahei;text-align: center;}
.recruitment_tc .recruitment_con{padding:20px;overflow-y:scroll; height: 400px;}
.recruitment_tc .recruitment_con h2{margin: 10px 0;}
/* ==========================================================================
   dcms_pager
   ========================================================================== */
#dcms_pager {text-align: center;font: 300 24px/45px microsoft yahei; margin-top: 30px;}
#dcms_pager  a{padding:5px 20px; background: #d6d6d6;color: #fff;-webkit-border-radius: 4px; margin-left: 20px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#dcms_pager span{color: #016cbd;margin-left: 10px;}
#dcms_pager  a:hover{background: #016cbd;}
#dcms_pager  a.cut{background: #016cbd;}