@charset "utf-8";
html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:16px; line-height:30px; color:#666666; font-family:"Microsoft YaHei","Arial","宋体",sans-serif; background: #fff;width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei","Arial","宋体",sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
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,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#3d38ac;}
/**:hover{transition: all ease 0.3s;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
/*.clearfix{overflow:hidden;_zoom:1;}MYDESIGN造成条形菜单不显示*/
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #333333;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #333333;}

::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; width:1200px; margin:0px auto;}
.block{ display:block;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/ico/selectarr.png) no-repeat scroll 94% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
@media ( max-width:1240px){
.Contain{ width:auto; margin:0 12px;}
body{width:100%; min-width:300px; zoom:1; font-size:14px; line-height:24px;width:expression((documentElement.clientWidth < 100%) ? "100%" : "100%" ); padding-top:50px;}
}

/*font*/
.f_gray{ color:#888888;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;min-width:160px}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:36px; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages .total{ display:inline-block; vertical-align:middle; border:1px solid #c7c7c7; padding:0 18px;}
.Pages .input{ vertical-align:middle; width:60px; height:36px; line-height:36px; text-align:center; border:1px solid #c7c7c7;}
.Pages .btnok{ vertical-align:middle; width:48px; height:38px; cursor:pointer; border:1px solid #c7c7c7;}
.Pages a{ display:inline-block; margin:0px 6px; border:1px solid #c5c5c5; color:#c5c5c5; text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 10px; font-size:18px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ border:1px solid #3d38ac; background:#3d38ac; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:36px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:16px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ border:1px solid #3d38ac; background:#3d38ac; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;}
.Pages .total{padding:0 6px;}
.Pages a{ margin:0 2px;}
.Pages .p_page .num a{width:24px;font-size:14px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 2px;}
.Pages .input{ width:30px; height:24px; line-height:24px;}
.Pages .btnok{ width:35px; height:26px;}
}
/*pages end*/


/*Top*/
.Header{ font-size:14px; background:#fff;}
.Toper{ height:33px; line-height:26px; padding-top:7px; color:#959ea7; background:#f4f4f5;}
.ToperLogo{ height:150px;}
.ToperLogo .Logo{float:left; padding-top:16px; }
.ToperLogo .Logo img{max-width: 430px;}
.ToperLogo .Logo a{display: inline-block;padding-right: 10px;margin-right: 10px;}
.Keshi{width: 100px; float: left; margin-top: 28px; padding-left: 15px; border-left: 1px solid #e5e5e5;}
.Keshi a{display: block; line-height: 40px; color: #3b3ead;}
.Keshi a span{font-size: 20px; font-weight: bold;}
.Keshi a i{font-family: "宋体"; font-size: 14px; margin-left: 12px; font-weight: bold;}
.ToperLogo .Tel{ float:left; line-height:30px; padding:41px 0 0 27px; color:#333333;}
.ToperLogo .Tel p a{ font-weight:bold; color:#3d38b4; font-size:20px;}
.ToperLogo .Tel a.close{ display:none; cursor:pointer; right:5px; top:0; position:absolute;} 
.ToperLogo .Telico{ padding:12px 35px 0 0; color:#3d38ac; display:none; float:right;}
.ToperLogo .Ewm{ float:right; padding-top:10px;}
.ToperLogo .Ewm li{ border:1px solid #d5dce7; height:118px; float:left; margin-left:5px;}
.ToperLogo .Ewm li b{ font-size:14px; color:#3d38ac; float:right; padding:16px 10px 0; width:18px; height:102px; background:#f8f9fc; text-align:center; display:block;line-height: 17px !important; border-left:1px solid #d5dce7;}
.ToperLogo .Ewm li b i{ color:#db2719;}
.ToperLogo .Ewm li img{ display:block; float:left; width:100px; height:100px; padding:9px;}
.MainNav{ border-top:1px solid #f2f4f9;}
.MainNav li{ width:12.5%; float:left; text-align:center; position:relative;}
.MainNav li span a{ font-size:16px; z-index:2; position:relative;display:block; color:#2b3034; height:48px; padding-top:11px; line-height:38px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#fff; background:url(../images/navbg.gif) center center no-repeat;}
.MainNav .arr{ display:none; position:absolute; z-index:2; width:50%; height:100%; right:0px; top:0px; color:#fff; text-align:right; line-height:40px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.MainNav .Nav{ position:absolute; right:0; top:-185px; line-height:26px; background:#3d38ac; border-radius:14px;}
.MainNav .Nav a{ display:inline-block; padding:0 14px; color:#fff;}
.MainNav .Nav a:hover,.Nav a.on{ background:#db2719; box-shadow:0 3px 5px #e4a39f;}
.MainNav .Nav a.a1{border-radius:14px 0 0 14px;}
.MainNav .Nav a.back{border-radius:0 14px 14px 0;}

.NavPull{display:none; position:absolute; top:59px; z-index:999; text-align:center; left:0px;width:100%;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull a{ display:block; color:#fff; padding:2px 5px; font-size:16px; background:#3d38ac; border-top:1px solid #423dbb; border-bottom:1px solid #2f2aa1; font-size:14px;}
.NavPull a:hover{ background:#251fa0;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:13px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#3d38ac; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg);
	-moz-transform: translate(0, 3px) rotate(45deg);
	-ms-transform: translate(0, 3px) rotate(45deg);
	-o-transform: translate(0, 3px) rotate(45deg);
	transform: translate(0, 3px) rotate(45deg);}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg);
	-moz-transform: translate(0, -3px) rotate(-45deg);
	-ms-transform: translate(0, -3px) rotate(-45deg);
	-o-transform: translate(0, -3px) rotate(-45deg);
	transform: translate(0, -3px) rotate(-45deg);}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:998px){
.Toper{ display:none;}
.Header{height:50px; position:fixed; left:0; top:0; width:100%; z-index:999; box-shadow:0 0 10px #ddd;}
.Header .Logo{ padding-top:8px;}
.Header .Logo img{ height:36px;}
.Header .openbtn,.ToperLogo .Telico,.MainNav .Nav,.ToperLogo .Tel a.close,.MainNav .arr{ display:block;}
.MainNav .Nav{ position:static;}
.MainNav .Nav a{padding:0 10px;}
.ToperLogo .Logo{margin-top: 0;}
.ToperLogo .Tel,.Header .Ewm{ display:none;}
.ToperLogo .Tel{position:fixed; background:rgba(255,255,255,0.9); border-radius:10px; box-shadow:0 0 10px #999; width:94%; text-align:center; top:50%; left:50%; padding:5% 0;transform:translate(-50%,-50%);}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0 0 8px; left:0;background: #666;top:46px; display:none;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #717070;border-top:1px solid #616161; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px !important; height:40px !important; padding:0 0 0 5px; color:#fff !important; border:0;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ background:none;}

.NavPull { position:static; background:#8e8e8e; text-align:left; width:100%;}
.NavPull dd{ display:inline-block;}
.NavPull dd a{ display:block;padding:5px 10px 5px 10px; background:none; color:#fff; font-size:14px; border:0;}
.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}

.Keshi{margin-top: 5px;}
.Keshi a{line-height: 20px;}
.Keshi a span{font-size: 16px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#2c2c2e; color:#d0d0d0; padding-top:2.9%;}
.Footer a{color:#d0d0d0;}.Footer a:hover{color:#fff;}
.Footer .Link{ border-bottom:1px solid #38383a; margin-bottom:3.2%; padding:0 0 38px 82px; line-height:34px; position:relative;}
.Footer .Link dt{ color:#fff; position:absolute; left:0; top:0;}
.Footer .Link dt span{ display:none; width:100%; text-align:right; height:100%; position:absolute; left:0; top:0;}
.Footer .Link dt .iconfont{ font-size:16px; margin-left:10px;}
.Footer .Link dd i{ display:inline-block; vertical-align:middle; width:23px;background:url(../images/bline.png) center center no-repeat; height:34px;}
.Footer .Link dd a{ display:inline-block; font-size:14px;}
.Footer .Link dd a:hover{color:#fff;}
.Footer .Link dd a:last-child i{ display:none;}
.Footer .Other{ float:left; padding-top:3px; width: 24%;}
.Footer .Share{ margin-top:39px;}
.Footer .Share a{ border-radius:50%; display:inline-block; vertical-align:middle; margin-right:18px; text-align:center; width:38px; line-height:38px; color:#fff; background:#3d3d3e; position:relative;}
.Footer .Share a:hover{background:#c9171f;}
.Footer .Share span{ z-index:2; width:110px; position:absolute; left:0px; bottom:40px; padding:5px; background:#3d3d3e; border-radius:5px; opacity:0; width:0; width:0;transition: all ease 0.3s;}
.Footer .Share span img{ display:block; width:110px; height:110px;}
.Footer .Share a:hover span{ opacity:1;width:110px; height:110px;left:-45px;}
.Footer .Contact{ float:right; font-size:14px; width: 50%;}
.Footer .Contact dl{width: 49.5%; float: left;}
.Footer .Contact dl:nth-child(2n){float: right;}
.Footer .Contact dt{ color:#fff; font-size:18px;}
.Footer .Contact dt i{ display:block; width:40px; height:14px; border-bottom:1px solid #565658; margin-bottom:14px;}
.Footer .Contact span{ display:inline-block; width:250px;}
.Footer .Contact span:nth-child(2n){width: auto;}
.Footer .Contact.c1{width: 24%; margin-right: 1%;}
.Copyright{ margin-top:40px; padding:15px 12px 15px; font-size:14px; background:#282829; text-align:center; color:#ababab;}
.Copyright a{ color:#ababab;}.Copyright a:hover{ color:#fff;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; position:fixed; right:0; bottom:0px; z-index:99; width:60px; height:60px; line-height:60px; background:#666; color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

@media ( max-width:998px){
.totop{width:32px; height:32px; line-height:32px;}
.Copyright{ margin-top:20px; padding:8px 12px 8px; font-size:12px; line-height:20px;}
.Footer .Link{ padding:0 0 5px;}
.Footer .Link dt{ position:relative; font-size:16px;}
.Footer .Link dd,.Footer .Share{ display:none;}
.Footer .Other{ float:none; clear:both; text-align:center; width: auto;}
.Footer .Contact{padding:0 0 10px; float:none; width: auto;}
.Footer .Contact.c1{width: auto; margin-right: 0;}
.Footer .Contact dl,.Footer .Contact dl:nth-child(2n){float: none; width: auto; margin-bottom: 15px;}
.Footer .Contact dt{font-size:16px;}
.Footer .Contact dt i{height:5px; margin-bottom:10px;}
.Footer .Link dt span{ display:block;}
}

/*Bottom*/

/*首页 s*/
.Homecss{ background:#f5f5f7;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li a{ display:block; height:620px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .flex-control-nav{bottom:130px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:9px; height:9px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#3d38ac; width:13px; height:13px;}
.HomeBan .flex-direction-nav a { opacity: 0;background-color:#3d38ac; width:48px; height:48px; background-position:center center; background-repeat:no-repeat; text-indent:999em;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px; background-image:url(../images/ico/arr1.png);}
.HomeBan .flex-direction-nav .flex-next {right:-50px; background-image:url(../images/ico/arr2.png);}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:5%;}
.HomeBan .flex-direction-nav a:hover { background-color:#db2719;}

.HomeBan .HBmain{position: absolute;
    z-index: 9;
    top: 0;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
    }
.HomeBan .HBmain .seach{display: inline-block;float: right;}
.HomeBan .HBmain .seach input{line-height: 40px;height: 40px;color: #FFFFFF;font-size:14px;float: left;}
.HomeBan .HBmain .seach .seachIpt{width: 230px;background: rgba(0,0,0,0.3);padding-left: 10px;box-sizing: border-box;}
.HomeBan .HBmain .seach .seachBtn{width: 90px;background: rgba(255,255,255,0.4);}
.HomeBan .HBmain .seach .seachIpt::-webkit-input-placeholder {
        color: #FFFFFF;
      }
      .HomeBan .HBmain .seach .seachIpt::-moz-input-placeholder {
        color: #FFFFFF;
      }
      .HomeBan .HBmain .seach .seachIpt::-ms-input-placeholder {
        color: #FFFFFF;
      }
@media ( max-width:998px){
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
.HomeBan .slides li a{height:400px;}
}
@media ( max-width:640px){
.HomeBan .slides li a{height:200px;}
}

.HomeGuide{ padding:30px 0 10px 40px; background:#fff; position:relative; z-index:2; margin-top:-110px; border-radius:3px; box-shadow:0 5px 12px #ddd;}
.HomeGuide li{ width:20%; float:left;}
.HomeGuide li .box{ padding-left:86px; height:90px; position:relative; font-size:12px; color:#999999; line-height:15px;}
.HomeGuide li .box span{ display:block; line-height:24px; padding-top:14px; color:#333333; font-size:17px;}
.HomeGuide .ico{ position:absolute;width:70px; height:70px; left:0;transition: all ease 0.3s;}
.HomeGuide li .i1,.HomeGuide li .i2{position: absolute; left:0px;top: 0px;width:70px; height:70px; }
.HomeGuide li .i1{ transition: 400ms;}
.HomeGuide li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeGuide li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeGuide li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}

@media ( max-width:998px){
.HomeGuide{  margin-top:20px; padding:19px 0 0;}
.HomeGuide li{ width:25%;}
.HomeGuide li .box span{font-size:12px;}
}
@media ( max-width:768px){
.HomeGuide .ico{ position:relative; width:50px; height:50px; margin:0px auto;} 
.HomeGuide li .i1,.HomeGuide li .i2{width:50px; height:50px;}
.HomeGuide li .box{ padding:0 0 15px 0; height:auto; text-align:center;}
.HomeGuide li .box i{ display:none;}
.HomeGuide li .box span{ padding-top:0;}
}

.HomeTit{ line-height:33px; text-align:center; padding:4% 0 3%;}
.HomeTit .en{ color:#999999; font-size:19px; text-transform:uppercase;}
.HomeTit .cn{ color:#3d38ac; font-size:24px;}
.HomeTit .cn i{ display:block; margin:0px auto; width:24px; height:11px; border-bottom:2px solid #3d38ac;}

.HomeNav{ padding-bottom:30px; text-align:center;}
.HomeNav li{ position:relative; min-width:130px; padding:0 10px; line-height:36px; color:#333333; display:inline-block;*display:inline;zoom:1; margin:0 4px; background:#fff; border-radius:17px;}
.HomeNav li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeNav li.on{ color:#fff; background:#3d38ac;}

.NewsFocus{ width:50%; float:left;}
.NewsFocus .imgbox{ height:380px;}
.NewsFocus .item{ position:relative;}
.NewsFocus .tit{ z-index:2; position:absolute; left:0; bottom:0; padding:0 20% 0 5%; width:75%; line-height:50px; color:#fff; background:rgba(0,0,0,0.7);}
.NewsFocus .owl-dots{ position:absolute; right:7px; bottom:10px;}
.NewsFocus .owl-dot span{ border:1px solid rgba(255,255,255,0.6); width:8px; height:8px; display:block; border-radius:50%; margin-right:10px;}
.NewsFocus .owl-dot.active span{ background:#fff;}
.NewsRight{ width:46%; float:right;}
.NewsRight .li{ font-size:15px; height:30px; line-height:30px; padding:0 17px 0 31px; background:url(../images/dot.gif) 0px center no-repeat;}
.NewsRight .li .date{ float:right; color:#666666;}
.NewsRight .li .tit{ width:65%; float:left;}
.NewsRight .top{ line-height:23px; border-bottom:1px solid #e9e9ea; padding:15px 0 25px 0; margin:0 0 22px 30px; position:relative;}
.NewsRight .top .ico{background:url(../images/ico/logo.png) 0px top no-repeat; width:24px; height:32px; position:absolute; left:-30px; top:15px;}
.NewsRight .top .tit{ font-size:18px; color:#3d38ac;}
.NewsRight .top .date{ font-size:14px; color:#999999; line-height:28px; padding-bottom:4px;}
.NewsRight .top .p{ font-size:15px; color:#666666; height:46px;-webkit-line-clamp: 2;}
.NewsRight .top:hover .tit{ color:#db2719;}

.NewsRight .li.new{background:url(../images/dotc.gif) 0px center no-repeat;}
.NewsRight .li.new .date{ color:#db2719;}
.NewsRight .li.new a{color:#db2719;}

.FastNav{ padding:40px 0; text-align: center;}
.FastNav .item{display: inline-block; width: 16%;}
.FastNav .item a{transition: all ease 0.3s; display:block; margin:0 15px; text-align:center;}
.FastNav .item img{display: block; width: 100%;}
/* .FastNav.owl-carousel .owl-item img{ width:100%;} */
.FastNav .owl-dots{ text-align:center;}
.FastNav .owl-dot span{ border: 1px solid rgba(61,56,172,0.6); width:10px; height:10px; display:block; border-radius:50%; margin:0px 5px;}
.FastNav .owl-dot.active span{ background:#3d38ac;}

@media ( max-width:998px){
.HomeTit{ line-height:24px;}
.HomeTit .en{ font-size:14px;}
.HomeTit .cn{ font-size:18px;}
}
@media ( max-width:768px){
.HomeNav{ padding-bottom:15px;}
.HomeNav li{ min-width:80px; margin-bottom:8px; line-height:30px;}
.NewsFocus{ width:auto; float:none;}
.NewsFocus .imgbox{ height:auto; padding-top:55%;}
.NewsFocus .tit { line-height:40px;}
.NewsRight{ width:auto; float:none;}
.NewsRight .top{ padding:15px 0 10px 0; margin:0 0 10px 30px;}
.NewsRight .top .p{ font-size:14px;}
.NewsRight .top .tit{ font-size:15px;}
.NewsRight .li{ font-size:14px;padding:0 0px 0 20px;}
.NewsFocus .owl-dots{ bottom:6px;}
.NewsFocus .owl-dots span{ margin-right:4px;}
.FastNav{padding: 15px 0;}
.FastNav .item{width: 24%;}
.FastNav .item a{margin: 5px;}
}

.HomeTit2{ line-height:33px; padding:46px 0 25px; position:relative;}
.HomeTit2 .en{ color:#fff; opacity:0.3; font-size:18px; line-height:25px; text-transform:uppercase;}
.HomeTit2 .cn{ color:#fff; font-size:24px;}
.HomeTit2 .more{ position:absolute; right:50px; top:62px; font-size:17px; color:#fff; z-index: 9;}
.HomeTs{ position:relative; width:50%; float:left; height:498px; color:#fff;}
.HomeTs ul{ margin-left:-1%;}
.HomeTs .bg{ position:absolute; width:960px; right:0; top:0; height:100%; background:url(../images/tsbg.jpg); background-size:cover; z-index:-1;}
.HomeTs li{ width:48%; float:left; height:46px; padding:0 0 22px 1%;}
.HomeTs .ico{ position:absolute; left:0; top:0;width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,0.3);transition: all ease 0.3s;}
.HomeTs a{ color:#fff; display:block; padding:7px 0 0 61px; position:relative;}
.HomeTs a:hover{ color:#ff894d;}
.HomeTs a:hover .ico{ background:#ff894d; border:1px solid #ff894d;}

.HomeNotice{ padding-left:5%; height:498px; width:45%; float:right; position:relative;}
.HomeNotice .bg{ position:absolute; width:960px; left:0; top:0; height:100%; background: url(../images/noticebg.jpg); background-size:cover; z-index:-1;}
.HomeNotice .HomeTit2 .en{ color:#999999;}
.HomeNotice .HomeTit2 .cn{ color:#3d38ac;}
.HomeNotice .HomeTit2 .more{color:#333333;}
.HomeNotice li{ border-bottom:1px dashed #eeeeee;padding:9px 0 13px 85px; position:relative;}
.HomeNotice li .date{ position:absolute; left:0; top:15px; color:#cccccc; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
.HomeNotice li .date i{ display:block; line-height:31px; font-size:30px; color:#555555;}
.HomeNotice li .tit{ line-height:35px; color:#222222;}
.HomeNotice li .p{-webkit-line-clamp: 1; line-height:22px; height:22px; color:#999999;}
.HomeNotice li:hover .tit{color:#3d38ac;}

@media ( max-width:998px){
.HomeTs{width:auto; float:none; padding:10px; height:auto; background:url(../images/tsbg.jpg); background-size:cover;}
.HomeTs .bg{ display:none;}
.HomeTs a{padding:0px 0 0 55px; height:48px;display: flex;align-items: center; line-height:17px;}
.HomeNotice{ padding:10px; background: url(../images/noticebg.jpg); background-size:cover;  height:auto; width:auto; float:none;}
.HomeNotice .bg{ display:none;}
.HomeTit2{ line-height:24px; padding:10px 0 10px;}
.HomeTit2 .en{ font-size:14px;}.HomeTit2 .cn{ font-size:16px;}
.HomeTit2 .more{right:0px; top:6px; font-size:14px;}
.HomeNotice li{padding-left:65px;}
.HomeNotice li .date{font-size:14px;}.HomeNotice li .date i{ font-size:20px;}
}
@media ( max-width:768px){
.HomeTs .ico{width:42px; height:42px;}
.HomeTs a{padding:0px 0 0 50px; height:42px;}
}

.HomeCol{ background:url(../images/hlbg.jpg); background-size:cover; padding:50px 0;}
.HomeCol .imgbox{ width:29%; float:left; height:350px;}
.HomeCol .content{ width:69%; float:right;}
.HomeCol .top{ padding:0 59px 25px 40px; line-height:20px; font-size:14px;}
.HomeCol .top .tit{ color:#333333; font-size:18px; margin-bottom:14px;}
.HomeCol .top .p{ color:#333333;-webkit-line-clamp: 2; height:40px; color:#666666; font-size:14px; margin-bottom:15px;}
.HomeCol .top .date{ color:#999999;}
.HomeCol .owl-carousel{ height:218px; overflow:hidden;}
.HomeCol .item{ font-size:14px; margin-right:24px; line-height:20px;}
.HomeCol .item .tit{ line-height:57px; font-size:18px; color:#333333;}
.HomeCol .item .date{ color:#999999; margin-bottom:11px;}
.HomeCol .item .date i{ display:block; width:20px; height:18px; border-top:2px solid #999999;}
.HomeCol .item .p{ height:60px;-webkit-line-clamp: 3; color:#666666;}
.HomeCol .item a{ display:block; padding:17px 41px 0; height:201px; background:#fff;}
.HomeCol .item:hover a{ background:#3d38ac;}
.HomeCol .item:hover .tit{ color:#fff;}
.HomeCol .item:hover .date{ color:#8b88cd;}
.HomeCol .item:hover .p{ color:#d8d7ee;}
.HomeCol .item:hover .date i{border-top:2px solid #d8d7ee;}
.HomeCol .owl-dots{ position:absolute; width:12px; right:0px; top:68px; line-height:24px;}
.HomeCol .owl-dot span{ border:1px solid rgba(61,56,172,0.6); width:10px; height:10px; display:block; border-radius:50%; line-height:10px;}
.HomeCol .owl-dot.active span{ background:#3d38ac;}
@media ( max-width:998px){
.HomeCol{padding:20px 0;}
}
@media ( max-width:768px){
.HomeCol .imgbox{ width:auto; float:none; height:auto; padding-top:50%;}
.HomeCol .content{ width:auto; float:none;}
.HomeCol .top{ padding:12px 10px 15px 10px;}
.HomeCol .top .tit{font-size:15px; margin-bottom:10px;}
.HomeCol .item a{padding:5px 12px 0; height:160px;}
.HomeCol .item .tit{ line-height:35px; font-size:15px;}
.HomeCol .owl-carousel{ height:175px;}
.HomeCol .owl-dots{top:30px;}
.HomeCol .item{ margin-right:17px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important;min-height:255px; height:255px; padding-top:5%; padding-bottom:5%;}
.SubBan{ overflow:hidden; position:relative; height:300px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{padding-top:115px;color:#fff; text-align:center;}
.SubBan .txt h2{ font-weight:normal; line-height:47px; font-size:30px;}
.SubBan .txt p{ font-size:14px; opacity:0.5; text-transform:uppercase;}

.ColumnName{ font-weight:normal; text-align:center; color:#3d38ac; font-size:16px; line-height:40px; box-shadow:0 0 10px #ddd; position:relative; display:none; margin-top:10px;}
.ColumnName .iconfont{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName.on .iconfont{dis-moz-transform: translate(0, -3px) rotate(-180deg);
	-ms-transform: translate(0, -3px) rotate(-180deg);
	-o-transform: translate(0, -3px) rotate(-180deg);
	transform: translate(0, -3px) rotate(-180deg);}

.SubMenu{clear:both; background:#f9f9f9; line-height:59px; text-align:center; position:relative; z-index:1; border-bottom:1px solid #e3e3e3;}
.SubMenu ul{ float:left;}
.SubMenu li{ float:left;position:relative; margin-right:33px;}
.SubMenu li a{ display:block; font-size:16px; padding:0 6px;}
.SubMenu li .line{ position:absolute; z-index:0; width:0%; bottom:-3px; height:2px; left:50%; background:#3d38ac;transition: all ease 0.3s; font-size:0;}
.SubMenu li a:hover .line,.SubMenu li.onli .line{ width:100%; left:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#3d38ac; font-weight:bold;}
.SubMenu .place{ font-size:14px; float:right; color:#999999;}
.SubMenu .place a{color:#999999;}.SubMenu .place a:hover,.SubMenu .place span,.SubMenu .iconfont{color:#3d38ac;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}

@media ( max-width:998px){
.SubPage{padding-bottom:25px;}
.SubBan { height:120px;}
.SubBan .txt{padding-top:40px;}
.SubBan .txt h2{line-height:26px; font-size:18px;}
.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; background:none;}
.SubMenu ul{ display:none; float:none; box-shadow:0 0 10px #ddd; padding:4px 0;}
.SubMenu li{ float:none; text-align:left; line-height:30px; margin:0 15px;}
.SubMenu li a{ padding-left:20px; border-bottom:1px dotted #ddd;}
.SubMenu li:last-child a{ border-bottom:0;}
.SubMenu .ico{ display:inline-block; vertical-align:middle; margin-right:10px;}
.SubMenu li .line{ display:none;}
.SubMenu .place{ line-height:20px; padding-top:10px;}
}
/*栏目页公用样式 end*/


/*医院概况 s*/
.AboutInfo{ width:56%; float:left;}
.AboutInfo .name{ padding-bottom:6%; width:60%;}
.AboutImg{ width:41%; float:right;}
.AboutNum{ clear:both; padding:5.5% 0;}
.AboutNum ul{ margin-left:-3px;}
.AboutNum li{ float:left; width:25%;}
.AboutNum li .box{transition: all ease 0.3s; margin:0 0 3px 3px; background:#f8f8f8; height:157px; padding:23px 24px 0;}
.AboutNum li .box b{ line-height:52px; display:block; font-size:40px; color:#3d38ac;}
.AboutNum li .box .ico{ text-align:right; padding-top:14px; display:block;}

#bigimg { margin-bottom:6px;}
#bigimg .slides li{ position:relative;}
#bigimg .tit{ z-index:2; background:rgba(61,56,172,0.9); position:absolute; right:0; bottom:0; width:300px; padding:0 10px; height:100px; color:#fff; font-size:18px; display:table; text-align:center;}
#bigimg .tit span{ display:table-cell; vertical-align:middle;}
#bigimg .imgbox{ padding-top:48%;}
#bigimg .imgbox{ padding-top:48%;}
#bigimg .flex-direction-nav a { background-color:#cccccc; background-position:center center; background-repeat:no-repeat; color:#fff; width:48px; height:48px; text-indent:999em;}
#bigimg .flex-direction-nav .flex-prev {left:-65px; background-image:url(../images/ico/arr1.png);}
#bigimg .flex-direction-nav .flex-next {right:-65px; background-image:url(../images/ico/arr2.png);}
#bigimg .flex-direction-nav a:hover { background-color:#3d38ac;}

#smallimg .imgbox{ margin-right:6px; height:100px;}
#smallimg li{ cursor:pointer;}
#smallimg li.flex-active-slide .imgbox{ border:2px solid #3d38ac; height:96px;}

@media ( max-width:1200px){
#bigimg .flex-direction-nav .flex-prev {left:0px;}
#bigimg .flex-direction-nav .flex-next {right:0px;}
}
@media ( max-width:998px){
.AboutNum li .box b{ line-height:40px; font-size:24px;}
#bigimg .tit{ width:90%; line-height:25px; height:auto; font-size:15px; padding:1% 5%;}
}
@media ( max-width:768px){
.AboutNum li{ width:50%;}
.AboutInfo,.AboutImg{ width:auto; float:none; margin-bottom:10px;}
#bigimg .flex-direction-nav a {width:35px; height:35px;}
#bigimg .imgbox{ padding-top:75%;}
#smallimg .imgbox{height:60px;}
#smallimg li.flex-active-slide .imgbox{ height:56px;}
}

/*科室介绍 s*/
.DepartmentNav{ margin-left:-2%;}
.DepartmentNav li{ width:23%; float:left; padding:0 0 2% 2%;}
.DepartmentNav .box{ font-size:14px; border:1px solid #e7e7e7; border-radius:10px; padding:12px 19px 0; height:136px;transition: all ease 0.3s;}
.DepartmentNav .tit{ line-height:37px; color:#222222; font-size:18px;}
.DepartmentNav .p{ line-height:20px; height:40px;-webkit-line-clamp: 2; color:#999999; margin-bottom:14px;}
.DepartmentNav .more{ line-height:24px; color:#3d38ac; font-weight:bold;}
.DepartmentNav .iconfont{ width:24px; line-height:24px; display:inline-block; margin-left:7px; color:#fff; border-radius:50%; background:#3d38ac; font-size:14px; text-align:center; font-weight:normal;}
.DepartmentNav li:hover .box{ border:1px solid #3d38ac; background:#3d38ac;}
.DepartmentNav li:hover .tit,.DepartmentNav li:hover .more{ color:#fff;}
.DepartmentNav li:hover .p{ color:#c1c0e0;}
.DepartmentNav li:hover .iconfont{ background:#fff; color:#3d38ac;}

.TitSub{ text-align:center; padding-bottom:22px;}
.TitSub h3{ font-weight:normal; line-height:44px; font-size:30px; color:#333333;}
.TitSub h3 i{ display:block; margin:0px auto; width:24px; height:13px; border-bottom:2px solid #3d38ac;}

.TitSub2{ height:46px; line-height:46px; position:relative; border-bottom:1px solid #e8e8e8; margin-bottom:22px;}
.TitSub2 a.more{ position:absolute; right:0; top:16px; background:url(../images/ico/more.png); width:20px; height:20px;}
.TitSub2 h4{ position:relative; float:left; font-size:22px; color:#333333;}
.TitSub2 h4 i{ position:absolute; left:0; width:100%; height:3px; bottom:-2px; background:#3d38ac;}

.ExpterList.zj{ padding-bottom:2.2%;}
.ExpterList .flex-viewport{ margin-left:-28px;}
.ExpterList.zj li{ width:25%; float:left; padding-bottom:28px;}
.ExpterList .box{ margin-left:28px;transition: all ease 0.3s;}
.ExpterList .imgbox{ padding-top:130%;}
.ExpterList .imgbox span{ background-position:center top;}
.ExpterList .info{ background:#f9f9f9; padding:25px 24px 0; line-height:20px; height:145px; border-radius:0 0 8px 8px; font-size:14px;text-align:center}
.ExpterList .info .p{ line-height:20px; height:40px; color:#999999;-webkit-line-clamp: 2;}
.ExpterList .info .ti{ color:#3d38ac; font-size:20px; line-height:40px;}
.ExpterList .info .ti i{ font-weight:normal; color:#666666; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin-left:8px;}
.ExpterList .info .job{ color:#6fc5a8; padding-bottom:13px;}
.ExpterList.scroll { margin-bottom:-4%;}
.ExpterList.scroll .slides li{ padding-bottom:28px;}
.ExpterList .flex-control-nav{ display:none;}
.ExpterList .flex-direction-nav a {display:none; background-color:#cccccc; background-position:center center; background-repeat:no-repeat; color:#fff; width:48px; height:48px; text-indent:999em;}
.ExpterList .flex-direction-nav .flex-prev {display:none;left:-65px; background-image:url(../images/ico/arr1.png);}
.ExpterList .flex-direction-nav .flex-next {display:none;right:-65px; background-image:url(../images/ico/arr2.png);}
.ExpterList .flex-direction-nav a:hover { display:none;background-color:#3d38ac;}
.ExpterList.home{ padding-bottom:40px;}
.ExpterList.home .flex-control-nav{display:none;padding-bottom:15px; display:block;}

@media ( max-width:1200px){
.ExpterList .flex-direction-nav .flex-prev {display:none;left:0px;}
.ExpterList .flex-direction-nav .flex-next {display:none;right:0px;}
}
@media ( max-width:998px){
.DepartmentNav .tit{ line-height:30px; font-size:15px;}
.DepartmentNav .box{ height:120px;}
.ExpterList .flex-viewport{ margin-left:-12px;}
.ExpterList.zj li{padding-bottom:12px;}
.ExpterList .box{ margin-left:12px;}
.ExpterList .info{padding:10px 10px 0;}
.ExpterList .info .ti{font-size:16px; line-height:24px; padding-bottom:5px;}
.ExpterList .info .ti i{ font-size:12px; margin-left:5px;}
.ExpterList .flex-direction-nav { display:none;}
.ExpterList .flex-control-nav{ display:block; bottom:-5px;}
.TitSub h3{line-height:24px; font-size:20px;}
.TitSub2 h4{font-size:16px;}
}
@media ( max-width:768px){
.DepartmentNav li{ width:48%;}
.ExpterList .info .ti i{ display:block; margin-left:0;}
.ExpterList.zj li{ width:50%;}
.ExpterList.home{ padding-bottom:28px;}
}

/*专家 s*/
.Searchbox{ text-align:center; padding-bottom:4%;}
.Searchbox li{ display:inline-block;*display:inline-block;*zoom:1; padding:0 8px;}
.Searchbox select{ width:240px; height:45px; text-indent:1em; font-size:15px; color:#666666; border:1px solid #bcbcbc; border-radius:3px;}
.Searchbox .searchbtn{ color:#fff; font-size:16px; border-radius:3px; background:#3d38ac; width:122px; height:45px;}
.Searchbox .searchbtn:hover{ background:#4b44dc;}
.Searchbox.home{ padding-bottom:2.6%;}
.Searchbox.home select{ height:40px; background-color:#fff;}
.Searchbox.home .searchbtn{height:40px;}

.ExpterImg{ width:24%; float:left; text-align:center;}
.ExpterImg a{color: #3d38ac;}.ExpterImg span{ display:block; text-align:right;}
.ExpterInfo{ width:60%; padding-left:5%; float:left;}
.ExpterInfo .p{ color:#999999;}
.ExpterInfo .ti{ color:#3d38ac; font-size:20px; line-height:40px;}
.ExpterInfo .ti i{ font-weight:normal; color:#666666; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin-left:8px;}
.ExpterInfo .job{ color:#6fc5a8; padding-bottom:13px;}
@media ( max-width:768px){
.ExpterImg,.ExpterInfo{ width:auto; float:none; padding:0;}
.Searchbox { padding-left:-3%;}
.Searchbox li{ float:left; width:47%; padding:0 0 10px 3%; text-align:center;}
.Searchbox li select{ width:100%; height:38px; font-size:14px;}
.Searchbox li .searchbtn{height:38px; width:100px;}
.Searchbox li:nth-child(3){ width:auto; float:none;}
}


/*科研教学 s*/
.LearnList{ margin:0 0 3% -2%;}
.LearnList li{ width:31.3333%; float:left; padding:0 0 2% 2%;}
.LearnList .box{transition: all ease 0.3s; font-size:14px; line-height:22px; border:1px solid #cecece; padding:39px 8% 0; height:239px;transition: all ease 0.3s;}
.LearnList .date{ margin-bottom:20px; color:#999999;}
.LearnList .more{ float:right; background:url(../images/ico/more.png); width:20px; height:20px;}
.LearnList .ti{ height:56px; overflow:hidden; line-height:28px; color:#222222; font-size:18px;}
.LearnList .p{ height:66px;-webkit-line-clamp: 3; color:#999999; margin-top:20px;}
.LearnList li:hover .box{ border:1px solid #3d38ac; background:#3d38ac;}
.LearnList li:hover .ti{ color:#fff;}
.LearnList li:hover .p,.LearnList li:hover .date{ color:#c1c0e0;}
.LearnList li:hover .more{background:url(../images/ico/more2.png);}

@media ( max-width:998px){
.LearnList .box{padding:15px 8% 0; height:200px;}
.LearnList .ti{ font-size:15px; line-height:24px; height:48px;}
}
@media ( max-width:640px){
.LearnList li{ width:auto; float:none; padding-bottom:12px;}
.LearnList .ti{ height:auto;}
.LearnList .date{ margin-bottom:5px;}
.LearnList .box{ height:auto; padding:10px;}
.LearnList .p{ height:48px;-webkit-line-clamp: 2; margin-top:5px;}
}


/*人才招聘 s*/
.hrw1{ width:25%;}
.hrw2{ width:20%;}
.hrw3{ width:20%;}
.hrw4{ width:20%;}
.hrw5{}
.Hrhead{ height:60px; text-align:center; color:#fff; background:#3d38ac; font-size:18px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ margin-bottom:4%;}
.HrList li{ margin-bottom:1px;}
.HrList li td{ height:60px; text-align:center; border-bottom:1px solid #ebebeb; color:#333333; font-size:16px;}
.HrList li td a{color:#333333;}
.HrList .btn{ width:20px; height:20px; display:block; margin:0px auto; background:url(../images/ico/more.png);}
.HrList li .txtCont{ position:relative; font-size:16px; display:none; background:#fafaff;line-height:34px; padding:3% 4% 3%; color:#333333;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ padding-bottom:8px;}
.HrList li .txtCont .stit{ color:#333333; font-weight:bold;}
.HrList li .txtCont .sinfo{ color:#666666; font-size:14px; line-height:26px; padding-bottom:25px;}
.HrList li .txtCont a.apply{ width:120px; line-height:40px; display:block; margin-top:30px; text-align:center; color:#fff; background:#3d38ac; border-radius:5px; box-shadow:0 5px 12px #c0bfea;}
.HrList li .txtCont a:hover.apply{background:#453df5; display:block;}
.HrList li.current td{ color:#3d38ac;}
.HrList li.current a{ color:#3d38ac;}
.HrList li.current .btn{ background:url(../images/ico/jian.png);}

.JobBox{ border:1px solid #dbdbdb; font-size:14px; padding-bottom:35px; position:relative;}
.JobBox .tithead{ font-size:16px; padding-left:21px; line-height:40px; color:#1d1e19; background:#f2f2f2; margin-bottom:21px;}
.JobBox .form{ padding:17px 10% 0 0;}
.JobBox .form .group{ width:30%; float:left;}
.JobBox dl{margin-bottom:15px; padding-left:160px; position:relative;}
.JobBox dl dt{ line-height:17px; display:table; left:0; top:0; height:35px; position:absolute; text-align:right; width:154px; color:#333333;}
.JobBox dl dt span{ display:table-cell; vertical-align:middle;}
.JobBox dl .input{ text-indent:1em; height:33px; line-height:33px; border:1px solid #dddddd; width:278px;}
.JobBox dl .input.w158{ width:158px;}
.JobBox dl .input.w804{ width:804px;}
.JobBox dl .select{ text-indent:1em; height:35px; line-height:35px; border:1px solid #dddddd; width:280px;}
.JobBox dl label{ display:inline-block; margin-right:15px;}
.JobBox .form2{padding:0 0 20px 0;}
.JobBox .form2 .group{float:left;}
.JobBox .form2 .f2 dl{ padding-left:246px; height:35px;}
.JobBox .form2 .f2 dt{ width:243px;}
.JobBox .form2 .f2 dt span{ display:table-cell; vertical-align:middle;}
.JobBox .form2 .auto{ float:none; clear:both;}
.JobBox .head{ position:absolute; right:19px; top:79px; border:1px solid #e6e6e6; text-align:center; padding:14px; width:140px;}
.JobBox .head .img img{ display:block; width:140px; height:180px; margin-bottom:14px;}
.JobBox .head .tip{ line-height:16px; color:#ea212e; font-size:12px; padding-top:8px;}
.JobBox .head .uploadbtn{ text-align:center; border:1px solid #e6e6e6; width:88px; height:22px; background:#f2f2f2; color:#7f7f7f; cursor:pointer;}
.JobBox .form3{ padding:0 37px 30px;}
.JobBox .form3 ul{}
.JobBox .form3 li{ width:25%; float:left;}
.JobBox .form3 li h4{ font-weight:bold; font-size:14px; line-height:28px; padding-bottom:6px; color:#333333;}
.JobBox .form3 li p{ margin-bottom:15px;}
.JobBox .form3 li .input{ width:80%; height:33px; line-height:33px; text-indent:1em; border:1px solid #dddddd;}
.JobBox .textarea{ border:1px solid #dddddd; padding:10px;}
.JobBox .textarea textarea{ width:100%; height:135px;}
.JobBox .sendbtn{ width:120px; height:40px; color:#fff; cursor:pointer; border-radius:5px; background:#3d38ac; margin:0 3px;}
.JobBox .resetbtn{ width:120px; height:40px; color:#fff; cursor:pointer; border-radius:5px; background:#7e7f80; margin:0 3px;}
@media ( max-width:998px){
.JobBox .head{ position:static; width:auto; text-align:left; margin-left:15px;}
.JobBox .head .img{ float:left; padding-right:10px;}
.JobBox .head .img img{ margin-bottom:0;}
.JobBox .form{ padding-right:0; }
.JobBox .form .group{width:auto; float:none;}
.JobBox dl .input{width:95% !important;}
.JobBox .form2 .group{float:none;}
.JobBox dl .select{width:95%;}
.JobBox .form2 .f2 dl{ padding-left:160px;}
.JobBox .form2 .f2 dt{ width:150px;}
.JobBox .form3{ padding:0 15px 15px;}
}
@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:40%;}
.hrw4{ width:30%;}
.hrw2,.hrw3{ display:none;}
.HrList li .txtCont .stit{ font-size:15px; margin-bottom:10px; }
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ font-size:14px; line-height:24px;}
.HrList li .txtCont a.apply{ width:80px;}
.JobBox{padding-bottom:15px;}
.JobBox .form3 li{ width:50%;}
.JobBox .form3 li .input{ width:90%;}
.JobBox .tithead{ font-size:14px;line-height:32px; margin-bottom:15px;}
.JobBox .textarea textarea{height:80px;}
.JobBox dl{padding-left:120px;}
.JobBox dl dt{width:120px;}
.JobBox .form2 .f2 dl{ padding-left:120px;}
.JobBox .form2 .f2 dt{ width:120px;}
}


/*新闻中心 s*/
.NewsList{ margin-bottom:5.3%;}
.NewsList .li{transition: all ease 0.3s; background:url(../images/linebg2.gif) 0px bottom repeat-x; height:125px; padding:34px 205px 0 170px; position:relative;}
.NewsList .li .date{ color:#d1d1d1; position:absolute; left:0; top:34px; text-align:right; width:121px; line-height:35px;}
.NewsList .li .date i{ display:block; font-size:40px;}
.NewsList .tit{ line-height:35px; color:#333333; font-size:20px;}
.NewsList .p{ line-height:24px; color:#999999; height:48px; font-size:14px;-webkit-line-clamp: 2;margin-top:5px;}
.NewsList .more{ position:absolute; top:40px; text-align:center; right:30px; font-size:14px; color:#fff; border-radius:3px; background:#3d38ac; box-shadow:0 0 15px #bdbce7; width:120px; line-height:38px;}
.NewsList .more i{ background:url(../images/ico/arr2.png); width:23px; height:15px; display:inline-block; vertical-align:middle; margin-left:8px; background-size:contain;}
.NewsList .li:hover{ background-color:#fafafa;}
.NewsList .li:hover .date{ color:#3d38ac;}
.NewsList .li:hover .tit{ color:#3d38ac; font-weight:bold;}
.NewsList .top{padding-bottom:3.5%;background:url(../images/linebg2.gif) 0px bottom repeat-x;}
.NewsList .top .box{transition: all ease 0.3s; background:#f8f8f8; border-radius:12px;}
.NewsList .imgbox{ width:35%; float:left; height:280px; border-radius:12px 0 0 12px;}
.NewsList .info{ width:55%; float:left; padding:31px 0 0 5%;}
.NewsList .top .p{ line-height:25px;height:75px;-webkit-line-clamp: 3;margin-top:10px;}
.NewsList .top .more{ position:static; margin-top:40px;}
.NewsList .top:hover .tit{ color:#3d38ac; font-weight:bold;}

.PhotoNews{ margin:0 0 2.333% -2.333%;}
.PhotoNews li{ width:31%; float:left; text-align:center; padding:0 0 2.333% 2.333%;}
.PhotoNews li .imgbox{ padding-top:68%; border:1px solid #e3e3e3;}
.PhotoNews li .imgbox span{ width:94%; height:92%; left:3%; top:4%;}
.PhotoNews li .tit{ padding:0 5%; width:90%; line-height:45px; background:#f9f9f9;}
.PhotoNews li:hover .tit{ background:#3d38ac; color:#fff;}
.PhotoNews li .play{ border-radius:50%; z-index:2; position:absolute; left:50%; top:50%; width:50px; line-height:50px; color:#fff; background:rgba(0,0,0,0.6); margin:-25px 0 0 -25px;}

.PaperList{ margin:0 0 3% -3%;}
.PaperList li{ width:22%; float:left; text-align:center; padding:0 0 3% 3%;}
.PaperList li .imgbox{ padding-top:125%; border:1px solid #e3e3e3;}
.PaperList li .imgbox span{ width:94%; height:94%; left:3%; top:3%;}
.PaperList li .tit{ padding:0 5%; width:90%; line-height:45px; background:#f9f9f9;}
.PaperList li:hover .tit{ background:#3d38ac; color:#fff;}
.PaperList li .play{ border-radius:50%; z-index:2; position:absolute; left:50%; top:50%; width:50px; line-height:50px; color:#fff; background:rgba(0,0,0,0.6); margin:-25px 0 0 -25px;}


.SubNav{ padding-bottom:10px; margin-bottom:3%; text-align:center;}
.SubNav li{ padding:0 8px; display:inline-block;*display:inline-block;zoom:1;}
.SubNav li a{ display:block; min-width:100px; padding:0 10px; line-height:38px; background:#46a897; border-radius:3px; box-shadow:0 5px 15px #b7e1d9; color:#fff;}
.SubNav li a:hover,.SubNav li a.on{box-shadow:0 5px 15px #b1aacd; background:#2a186e;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#333333; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.videoinfo{ width:100%; position:relative; height:100%; overflow:hidden;}
.videoinfo video{ background:#000; width:100%; height:90%; position:absolute; left:0px; top:0;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000; font-weight:bold;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#3d38ac; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

@media ( max-width:998px){
.NewsList .li{height:105px; padding:10px 110px 0 100px;}
.NewsList .more{ top:20px; text-align:center; right:0px; width:90px; line-height:30px;}
.NewsList .more i{ margin-left:4px; width:18px; height:12px;}
.NewsList .tit{font-size:16px;}
.NewsList .li .date{ top:16px; text-align:right; width:85px; line-height:24px;}
.NewsList .li .date i{ display:block; font-size:24px;}
.NewsList .imgbox{height:170px;}
.NewsList .info{ padding-top:14px;}
.NewsList .p{ line-height:20px !important; height:40px !important; -webkit-line-clamp: 2 !important;}
.NewsList .top .more{ margin-top:15px;}

.Titleinfo { line-height:20px; padding-bottom:0px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}

}
@media ( max-width:640px){
.NewsList .li{height:82px; padding:10px 0px 0 65px;}
.NewsList .li .more{ display:none;}
.NewsList .li .date{width:55px; top:10px;}
.NewsList .li .date i{ display:block; font-size:17px;}
.NewsList .imgbox{height:140px;}
.NewsList .tit{ line-height:24px; font-size:15px;}
.NewsList .top .p{ margin-top:5px;}
.SubNav li a{ line-height:30px;}
.SubNav li{ padding:0 3px;}
.PhotoNews { margin-left:-3%;}
.PhotoNews li{ width:47%; padding:0 0 3% 3%;}
.PhotoNews li .tit{ line-height:35px;}
.PhotoNews li .play{width:32px; line-height:32px; margin:-16px 0 0 -16px;}
.PaperList li{ width:47%;}
.PaperList li .tit{ line-height:35px;}
}

/* 21-03-19 */
.Left{width: 22.333%; float: left;}
.Left i{font-family: '宋体';}
.navbtn{ cursor:pointer; display:none;width:26px; position:absolute; left:0; top:0; z-index:9;}
.navbtn span{ display:block; height:3px; background:#3d38ac; margin:4px 0px;transition: all ease 0.3s;}
.navbtn .sp2{width: 20px;}
.navbtn.on .sp1 {
	-webkit-transform: translate(0, 4px) rotate(45deg);
	-moz-transform: translate(0, 4px) rotate(45deg);
	-ms-transform: translate(0, 4px) rotate(45deg);
	-o-transform: translate(0, 4px) rotate(45deg);
	transform: translate(0, 4px) rotate(45deg);}
.navbtn.on .sp3 {
	-webkit-transform: translate(0, -3px) rotate(-45deg);
	-moz-transform: translate(0, -3px) rotate(-45deg);
	-ms-transform: translate(0, -3px) rotate(-45deg);
	-o-transform: translate(0, -3px) rotate(-45deg);
	transform: translate(0, -3px) rotate(-45deg);}	
.navbtn.on .sp2 { display:none;}
.Menus{background: #f082a180; border-radius: 10px; padding: 35px 0;}
.Menus li{margin-bottom: 38px;}
.Menus li:last-child{margin-bottom: 0;}
.Menus li a{display: block;}
.Menus li .am{display: block; font-size: 16px; line-height: 16px; font-weight: bold; padding: 0 24px;background-color: #d2f1f6;line-height: 35px;}
.Menus li .am a{position: relative; background-repeat: no-repeat; background-position: right center; background-image: url(../images/jia.png);}
.Menus li .am a::before{content: ''; position: absolute; left: -24px; top: 50%; margin-top: -8px; width: 2px; height: 16px; background: rgba(255,255,255,0.5); opacity: 0;}
.Menus li .am a.aon{background-image: url(../images/jian.png);}
.Menus li .sub{display: none;}
.Menus li .sub dd{padding: 11px 0; margin: 0 24px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.Menus li:last-child .sub dd:last-child{border-bottom: none;}
.Menus li .sub dd .bm{line-height: 33px; padding-left: 15px; position: relative;}
.Menus li .sub dd .bm:hover{line-height: 33px; padding-left: 15px; position: relative;;font-size: 16px;font-weight:bold;}
.Menus li .sub dd .bm i{font-size: 16px; position: absolute; left: 0; top: 0; opacity: 0;}
.Menus li .am:hover a::before,.Menus li .am .aon::before,.Menus li .sub dd .bm:hover i,.Menus li .sub dd .bm.bon i{opacity: 1;}
.Menus li .sub dd .three a{margin-top: 4px; padding: 0 10px 0 30px; font-size: 14px; color: rgba(255,255,255,0.6);}
.Menus li .sub dd .three a:hover,.Menus li .sub dd .three a.con{color: #fff; background: rgba(255,255,255,0.1);}

.Right{width: 73.75%; float: right;}

@media ( max-width:768px){
	.Left,.Right{width: auto; float: none;}
	.Left{position: absolute; top: -25px; left: 0;}
	.Menus{position: absolute; width: 256px; left: -300px; top: 0; transition: ease-in-out 300ms; z-index: 9;}
	.Left.on .Menus{left: 0;}
	.navbtn{display: block;}
	.Left.on .navbtn{left: 270px;}
}

.ExpterStyle{padding-bottom: 2.5%;padding-LEFT:10PX}
.ExpterStyle li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee;}
.ExpterStyle li .imgbox{height: 228px; width: 19.209%; float: left;}
.ExpterStyle li .imgbox span{background-position:center top;}
.ExpterStyle li .info{width: 75.48%; float: right; font-size: 14px; padding-top: 2%;}
.ExpterStyle li .info .p{height:50px; color:#888; -webkit-line-clamp: 2;}
.ExpterStyle li .info .ti{ color:#3d38ac; font-weight: bold; font-size:16px; line-height:40px;}
.ExpterStyle li .info .job{ color:#333;}
.ExpterStyle li .info .job span{color: #6fc5a8;}
.ExpterStyle li .more{display: block; margin-top: 2%; text-align:center; font-size:14px; color:#fff; border-radius:3px; background:#f082a1; box-shadow:0 0 15px #bdbce7; width:120px; line-height:38px;}
.ExpterStyle li .more i{ background:url(../images/ico/arr2.png); width:23px; height:15px; display:inline-block; vertical-align:middle; margin-left:8px; background-size:contain;}
.ExpterStyle li:hover .box{background: #f9f9f9;}

@media ( max-width:998px){
	.ExpterStyle li .more{ text-align:center; width:90px; line-height:30px;}
	.ExpterStyle li .more i{ margin-left:4px; width:18px; height:12px;}
}

@media ( max-width:480px){
	.ExpterStyle li .imgbox,.ExpterStyle li .info{width: auto; float: none;}
	.ExpterStyle li .imgbox{height: 350px;}
}

/* 21-07-02 */
.TsgSearch{max-width: 400px; margin: 0 auto;}
.TsgSearch form{padding: 0 120px 0 15px; border: 1px solid #e5e5e5; position: relative;}
.TsgSearch form .input{width: 100%; height: 40px;}
.TsgSearch form .input::placeholder{color: #999;}
.TsgSearch form .btn{position: absolute; right: -1px; top: -1px; bottom: -1px; width: 100px; background: #3d38ac; color: #fff;}
#ZCMSAD_3 img{
	width: auto !important;
	height: auto !important;
}