@charset "utf-8";
html,body{height:100%;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:1.5em; color:#333333; width:100%; min-width:300px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; overflow-x:hidden;}
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:#414446; font-family:"微软雅黑";}
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,figcaption,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 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#1876b3;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder {color: #979898;}
::-moz-placeholder {color: #979898;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #979898;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #979898;}
.container{ max-width:1200px; min-width:300px; margin:0px auto;}
@media ( max-width:1200px){
.container{ margin:0px 10px;}
}
.relative{ position:relative;}
.body_on{overflow:hidden;}
/*font*/
.f_red{ color:#da251d;}
.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:24px;clear:both; background:url(../images/linebg.gif)0px top repeat-x; padding-top:30px;}
.Pages span{ padding:0px 3px; display:inline-block; padding:4px 0;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages .p_cur b{ color:#1876b3; font-weight:normal;}
.Pages .p_count b{ color:#1876b3; font-weight:normal;}
.Pages .p_total b{ color:#1876b3; font-weight:normal;}
.Pages .p_jump em{ font-style:normal; font-family:Arial;}
.Pages .p_jump em a{ border:0px; width:22px; height:22px; line-height:22px; text-align:center;}
.Pages .p_jump em a.a_cur{ background:#D4D4D4;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:0px; width:35px; height:19px; cursor:pointer; border:none; background:#A6854F; border-radius:2px; -moz-border-right:2px; -webkit-border-radius:2px; color:#fff; font-size:13px;}
.Pages .select{ width:48px; height:23px; border:1px solid #d2d2d2;}
.Pages .p_jump .f1{ padding-right:3px; display:none;}
.Pages .p_jump .f2{ padding:0 3px; display:none;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{ background:#e8e8e8; color:#666; padding:0px 8px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}
.Pages .p_page .num a{ background:#e8e8e8; display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; color:#666; vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#B70000; color:#fff;}
/*pages end*/


/*Top*/
.Header{ background:#fff; height:98px; position:relative; z-index:800;}
.Header .Logo{ float:left; padding-top:18px;}
.Header .Search{ padding:0px 5px 0px 27px;width:21px;height:98px; position:relative; float:right; z-index:999; border-left:1px solid #dcdcdc;}
.Header .Search .icon{ cursor:pointer; display:block; padding-top:58px; height:40px;}
.Header .Search .icon.on img{ display:;}
.Header .searchbox{ display:none; position:absolute; height:40px; right:0px; top:98px; padding:5px 0px 0px 10px; background:#007ac0; width:325px; box-shadow:0px 5px 5px #333;}
.Header .searchbox .i2{ position:absolute; top:-43px; right:5px; cursor:pointer; width:25px; height:25px; background:url(../images/closenav.png) center center no-repeat; display:block;}
.Header .searchbox .input{ float:left; width:275px; height:35px; line-height:35px; text-indent:1em; background:#fff; border:0px;}
.Header .searchbox .btn{ float:left; line-height:23px; padding:5px 0px 0px 12px;}
.toper{ line-height:46px; float:right; color:#858686; font-size:12px;}
.toper .gp{ background:url(../images/gp.gif) 0px center no-repeat; padding-left:24px;}
.toper .version{ padding-left:17px;}
.toper a{ display:inline-block; padding:0px 4px; line-height:17px; vertical-align:middle; margin:0px 6px;}
.toper a.on{ color:#fff; background:#1876b3;}
.MainNav{ float:right; padding-right:30px;}
.MainNav nav{ clear:both;}
.MainNav li{margin-left:40px; display:inline;float:left;}
.MainNav li span a{ display:block; line-height:26px; height:52px; font-size:15px; color:#000000;}
.MainNav li.onnav span a,.MainNav li span .sele{ color:#000000; background:url(../images/navon.gif) center bottom no-repeat;transition:all 0s linear; -webkit-transition:all 0s linear;}
.SubNav{ position:absolute; left:0px; top:98px; width:100%; background:url(../images/filter70.png); display:none;}
.SubNav.pronav{height:300px; text-align:center;}
.SubNav.pronav .nav1{ width:591px; float:left; margin-top:43px; position:relative;}
.SubNav.pronav .nav1 dd{ width:142px; height:142px; position:absolute; left:0px; top:0px; background:url(../images/pronav.png) 0px top no-repeat;}
.SubNav.pronav .nav1 dd.a1{ background-position:0px top;}
.SubNav.pronav .nav1 dd.a2{ background-position:-142px top; left:75px; top:74px;}
.SubNav.pronav .nav1 dd.a3{ background-position:-284px top; left:149px; top:0px;}
.SubNav.pronav .nav1 dd.a4{ background-position:-426px top; left:223px; top:74px;}
.SubNav.pronav .nav1 dd.a5{ background-position:-568px top; left:296px; top:0px;}
.SubNav.pronav .nav1 dd.a6{ background-position:-710px top; left:370px; top:74px;}
.SubNav.pronav .nav1 dd.a7{ background-position:-852px top; left:444px; top:0px;}
.SubNav.pronav .nav1 dd a{ color:#fff; font-size:16px; display:table-cell; width:86px; height:58px; vertical-align:middle; line-height:23px;}
.SubNav.pronav .nav1 dd a:hover{ color:#ffcc00;}
.SubNav.pronav .nav1 dd i{ position:absolute; width:86px; height:58px; left:29px; top:40px; z-index:10;}
.SubNav.pronav .nav2{ float:right; padding-top:13px; width:35%; padding-left:7%; border-left:1px solid #374d64; margin-top:43px;}
.SubNav.pronav .nav2 dd{ width:50%; line-height:50px; float:left; font-size:16px;}
.SubNav.pronav .nav2 dd a{ color:#fff; display:block; background:#1876b3; margin:0px 25px 20px 0px;}
.SubNav.pronav .nav2 dd a:hover{ background:#00a9c2;}
.SubNav.othernav{height:106px; text-align:center;}
.SubNav.othernav dl{ padding-top:29px;}
.SubNav.othernav dd{ display:inline-block; *display:inline; zoom:1; width:18%; line-height:50px;}
.SubNav.othernav dd a{ color:#fff; display:block; background:#1876b3; margin:0px 20px 20px 0px; font-size:16px;}
.SubNav.othernav dd a:hover{ background:#00a9c2;}
.SubNav.othernav dl.culture{ width:56%; margin:0px auto;}
.SubNav.othernav dl.culture dd{ width:30%;}

.SubNav.work{height:300px; text-align:center;}
.SubNav.work dl{ padding:38px 0px 0px 10%;}
.SubNav.work dl dd{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.SubNav.work dl dd.nav{ width:105px;}
.SubNav.work dl dd.nav p{ margin-bottom:15px; line-height:29px;}
.SubNav.work dl dd.nav p a{ color:#fff; font-size:16px;}
.SubNav.work dl dd.nav p a:hover{ color:#ffcc00;}
.SubNav.work dl dd img{ display:block; float:left; margin-right:20px; width:300px; height:160px;}

/*.MainNav li.onnav .SubNav{ display:block;}*/

/*全局导航 s*/
.navbtn { position:absolute; right:0px; top:13px; z-index:101;width:33px;height:22px;cursor:pointer;}
.navbtn>span {
	display: block;
	width: 100%;
	height: 4px;
	background:url(../images/navmenu.png);
	margin: 5px 0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;}
.navbtn:hover .sp1 {
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	transform: translate(0, -5px);}
.navbtn:hover .sp3 {
	-webkit-transform: translate(0, 5px);
	-moz-transform: translate(0, 5px);
	-ms-transform: translate(0, 5px);
	-o-transform: translate(0, 5px);
	transform: translate(0, 5px);}
.sp1on {
	-webkit-transform: translate(0, 9px) rotate(45deg) !important;
	-moz-transform: translate(0, 9px) rotate(45deg) !important;
	-ms-transform: translate(0, 9px) rotate(45deg) !important;
	-o-transform: translate(0, 9px) rotate(45deg) !important;
	transform: translate(0, 9px) rotate(45deg) !important; background:#333333 !important;}
.sp2on {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}
.sp3on {
	-webkit-transform: translate(0, -9px) rotate(-45deg) !important;
	-moz-transform: translate(0, -9px) rotate(-45deg) !important;
	-ms-transform: translate(0, -9px) rotate(-45deg) !important;
	-o-transform: translate(0, -9px) rotate(-45deg) !important;
	transform: translate(0, -9px) rotate(-45deg) !important; background:#333333 !important;}	

.navpull {width: 100%;background:#1c1c1c;position:fixed;top: 0px; height:100%;left: 0px;display:none;z-index: 998;}
.navpull .navbtn{ top:9px; right:8%; position:absolute; line-height:48px; height:48px; padding-right:61px; display:block; background:url(../images/closenav.png) right center no-repeat; font-size:16px; color:#1876b3;}	
.navpull .nav{ padding-top:32px;}
.navpull .nav dl{ width:16.666%; float:left; line-height:1.9em; padding-bottom:3.5%;}
.navpull .nav dl dt{ font-size:20px; line-height:80px;}
.navpull .nav dl dt a{color:#fff;}.navpull .nav dl dt a:hover{color:#1876b3;}
.navpull .nav dl a{ color:#aaaaaa;}
.navpull .nav dl a:hover{color:#1876b3;}
.navpull .about{ clear:both; height:400px; background:#232323;}
.navpull .about .infotxt{ width:33%; padding:0 4%; line-height:24px; color:#aaaaaa; height:400px; background:url(../images/logoabout.png) right bottom no-repeat; float:left;}
.navpull .about .infotxt .tithead{ color:#494949; padding:15% 0 9% 0;text-transform:uppercase;}
.navpull .about .infotxt .tithead i{ color:#fff; display:block; line-height:53px; font-size:30px;}
.navpull .about .img{ width:59%; float:right;}
.navpull .about .img img{ height:400px;}
/*全局导航 end*/

/*手机导航 s*/
.phone_header{ display:none; position:relative; padding:5px 10px;}
.phone_header .Logo{ width:35%; padding-top:0px;}
#navigation { float:right; padding-right:10px;}
.phone_header{ display:none; position:relative; padding:12px 0px;}
.phone_header .Logo{ float:left; padding:0px 0px 0px 10px;}

#navigation { float:right; padding-right:10px;}
#navigation .toper{ position:absolute; right:80px; top:15%;}
#navigation .Search{width:21px;float:right; margin-right:39px;}
#navigation .Search .icon{ cursor:pointer; display:block; padding-top:10px;}
#navigation .Search .icon.on img{ display:;}
#navigation .Search .i2{ position:absolute; top:22px; right:48px; cursor:pointer; width:25px; height:25px; background:url(../images/closenav.png) center center no-repeat; display:none;}
#navigation .searchbox{ display:none; position:absolute; height:40px; left:0%; top:100%; background:#007ac0; width:96%; box-shadow:0px 5px 5px #333; padding:5px 2% 0; z-index:99;}
#navigation .searchbox .input{ float:left; width:90%; height:35px; line-height:35px; text-indent:1em; background:#fff; border:0px;}
#navigation .searchbox .btn{ float:left; line-height:23px; padding:5px 0px 0px 12px;}

#navigation .openbtn{ cursor:pointer; display:block; position:absolute; right:10px; top:35%; z-index:100; width:30px;}
#navigation .openbtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}
#navigation .closebtn{ cursor:pointer; display:block; position:absolute; right:5px; top:16px; z-index:100; width:30px;}
#navigation .closebtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}
#navigation .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important; background:#000000 !important;}
#navigation .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important; background:#000000 !important;}	
#navigation .sub{ padding-top:45px; top:0%;display:none; z-index:999; position:absolute; right:0px; width:100%; background:#fff;}
#navigation .sub li{ border-bottom:1px solid #dddddd;}
#navigation .sub li span{ position:relative; display:block; line-height:40px;z-index:99;}
#navigation .sub li span a{color:#000000; display:block; padding-left:10px; font-size:15px;}
#navigation .sub li:last-child{ background:none;}
.UI-jian{background: url(../images/zoom_jian.png) center center no-repeat;}
.UI-jia{background: url(../images/zoom_jia.png) center center no-repeat;}
#navigation li span .UI-jian,#navigation li span .UI-jia{position:absolute;right:0px;top:0px; width:45px; height:40px;display:block; cursor:pointer;}
#navigation .sub .foldContent { display:none; margin-bottom:-1px; background:#f4f1f1;}
#navigation .sub .foldContent li{ border-bottom:1px solid #fff; margin-bottom:0; line-height:30px;}
#navigation .sub .foldContent li a{ color:#333; display:block; padding-left:20px;}
#navigation .bg{ left:0px; top:0px; display:none; width:100%; height:100%; position:fixed; height:100%; background:#fff; z-index:998;}
/*手机导航 end*/

@media ( max-width:1100px){
.SubNav.pronav .nav2{width:34%; padding-left:4%;}
.SubNav.pronav .nav2 dd a{margin-right:15px;}
}
@media ( max-width:1020px){
.MainNav{ padding-right:30px;}
.MainNav li{margin-left:50px;}
}
@media ( max-width:998px){
.Header{ display:none;}
.phone_header{ display:block;}
#navigation .sub .toper{ position:absolute; top:0px; left:10px;}
#navigation .sub .toper .gp{ display:inline-block;}
}
@media ( max-width:480px){
#navigation .toper .gp{ display:none;}
}

/*Top*/

/*Bottom*/
.Footer{padding:25px 0px 18px; border-top:1px solid #e5e5e5; font-size:12px; color:#8f8f8f; line-height:20px;}
.Footer nav{ padding-bottom:9px;}
.Footer nav i{ display:inline-block; width:15px; height:20px; vertical-align:middle; background:url(../images/lineb.gif) center center no-repeat;}
.Footer nav a{ color:#6a6a6a;}.Footer nav a:hover{ color:#007dc2;}
.Footer .col-right{ position:absolute; right:0px; top:0px; width:278px;}
.Footer .col-right .share { display:inline-block; *display:inline;zoom:1;}
.Footer .col-right .share a{ position:relative; width:34px; height:34px; display:inline-block; margin-right:12px;}
.Footer .col-right .share a.weibo{ background:url(../images/share.gif) 0px top no-repeat;}
.Footer .col-right .share a.weix{ background:url(../images/share.gif) -34px top no-repeat;}
.Footer .col-right .share .img{ border:5px solid #fff; position:absolute; bottom:35px; left:-60px; max-width:none; width:120px; height:120px; display:none;}
.Footer .col-right .share a:hover .img{ display:block;}
.Footer .col-right .link{ position:relative; display:inline-block; *display:inline;zoom:1; border:1px solid #dedede; border-radius:15px; width:165px; line-height:32px; vertical-align:top;}
.Footer .col-right .link span{ display:block; background:url(../images/linkline.gif) center center no-repeat; color:#6a6a6a; text-align:center; font-size:14px; cursor:pointer;}
.Footer .col-right .link ul{ position:absolute; padding:5px 0px; left:0px; width:100%; border-radius:15px; bottom:0px; background:#dedede; display:none;}
.Footer .col-right .link ul li{ text-indent:1em; padding:0px; line-height:22px; text-align:left;}

.Footer p a{color:#6a6a6a;}

@media ( max-width:998px){
.Footer{ padding:15px 0px; text-align:center;}
.Footer .col-right{ position:static; width:auto; margin-top:8px;}
}

/*Bottom*/


/*首页*/

/*banner s*/
.HomeBan{ min-width:1200px; max-width:100%;position:relative; height:560px; overflow:hidden;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important;}
.HomeBan .bd li{ width:100% !important; height:560px; position:relative;}
.HomeBan .bd li a{ height:560px; display:block;}
.HomeBan.Hd{ width:100%;position:absolute; z-index:11; bottom:30px; left:0; height:12px;text-align:center;}
.HomeBan.Hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0px 6px;overflow:hidden;line-height:9999px; background:#fff; border-radius:50%;}
.HomeBan.Hd ul .on{ background:#fd6003;}
.HomeBan .prev,
.HomeBan .next{ position:absolute;left:-40px; top: 50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; background:url(../images/banarr.png) 0px top no-repeat; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan .next{ left:auto; right:-40px; background-position:-40px 0;}
.HomeBan:hover .prev{left:32px;}
.HomeBan:hover .next{ right:32px;}

.mobile_ban{ position:relative; display:none;}
.mobile_ban .swiper-slide{ position:relative;}
.mobile_ban .swiper-slide span{ position:absolute; width:60%; left:20%; top:10%;}
.mobile_ban .swiper-pagination-bullet{opacity:1; background:#fff; border-radius:50%; width:12px; height:12px;}
.mobile_ban .swiper-pagination-bullet-active{opacity:1; background:#fd6003;}
/*phone banner end*/

@media ( max-width:998px){
.HomeBan{ display:none;}
.mobile_ban{ display:block;}
}
/*banner end*/

.videobtn{ position:absolute;top:260px; right:0px; z-index:800; background:#1794d8; border-radius:22px 0px 0px 22px; line-height:47px;}
.videobtn span{ background:url(../images/videobtn.png) 22px center no-repeat; padding:0px 53px; display:inline-block;}
.videobtn a{ display:block; color:#fff;}
.videobtn a:hover{ padding-right:108px;}

.videopop{ display:none; position:fixed; background:url(../images/filter50.png); width:100%; height:100%; z-index:998; left:0px; top:0px;}
.videopop .content{ position:fixed; width:549px; height:366px; left:50%; top:50%; margin:-183px 0px 0px -273px; z-index:999;}
.videopop .content .video{ position:relative; overflow:hidden;}
.videopop .content .video img{ width:549px; height:366px; display:block;}
.videopop .content .video video{ width:549px; height:366px; display:block;}
.videopop .content .video i{ background:url(../images/play3.png); width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-25px 0px 0px -25px; display:block;}
.videopop .content .video .bg{  width:100%; height:100%; position:absolute; left:0px; top:0px;}
.videopop .content .video .box{ background:#000;}
.videopop .content .video a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.videopop .content a.close{ position:absolute; right:0px; top:0px; background:url(../images/close2.gif); width:23px; height:23px; display:block; z-index:100;}

.Homebox{ padding-left:40%; height:280px; margin:-50px auto 39px; position:relative; z-index:100; overflow:hidden;}
.Homebox .newscenter{ position:absolute; left:0px; top:0px; width:40%; background:#eeeeee; height:280px;}
.Homebox .newscenter .tithead{ margin:0px 25px; padding-top:11px; line-height:56px; color:#1876b3; font-size:20px; background:url(../images/titline.gif) 0px bottom repeat-x;}
.Homebox .newscenter .tithead a.more{ float:right; color:#767676; font-size:12px;}
.Homebox .newscenter ul{ margin:0px 25px;}
.Homebox .newscenter ul .li{ line-height:2.5em; padding-left:95px; position:relative;}
.Homebox .newscenter ul .li .date{ position:absolute; left:0px; top:50%; margin-top:-8px; line-height:17px; width:78px; text-align:center; background:#e7e7e7; color:#707070; font-size:12px;}
.Homebox .newscenter ul .li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.Homebox .newscenter ul .first{ position:relative; margin:10px 0px 0px; height:95px; padding-left:139px; overflow:hidden;}
.Homebox .newscenter ul .first .img{ position:absolute; left:0px; top:0px;}
.Homebox .newscenter ul .first .img img{ display:block; width:123px; height:84px;}
.Homebox .newscenter ul .first .tit{ line-height:19px; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.Homebox .newscenter ul .first .date{ line-height:30px; color:#949494; font-size:12px;}
.Homebox .newscenter ul .first .p{ line-height:20px; height:40px; overflow:hidden; color:#6e6e6e; font-size:12px;}

.Homebox .boxcon{ width:33.333%; float:left; height:280px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homebox .boxcon .show{ padding-top:27px;text-align:center; cursor:pointer;}
.Homebox .boxcon .show .icon{ width:70px; height:70px; margin:0px auto 18px;}
.Homebox .boxcon .show .thead{ line-height:28px; font-size:20px; color:#222; padding-bottom:16px;}
.Homebox .boxcon .show .thead i{ display:block; line-height:15px; color:#a5a5a5; font-size:12px;}
.Homebox .boxcon .show .p{ text-align:center; height:62px; background:url(../images/more2.png) center bottom no-repeat; font-size:12px; padding:0 10% 17px; line-height:19px;}
.Homebox .boxcon.pro{ background:#dfdfdf;display:table;}
.Homebox .boxcon.about{ background:#cfdae4;}
.Homebox .boxcon.join{ background:#c3d2db;}
.Homebox .boxcon.pro .show .icon{ background:url(../images/homeicon.png) 0px top no-repeat;}
.Homebox .boxcon.pro .menu{ display:none;}
.Homebox .boxcon.about .show .icon{ background:url(../images/homeicon.png) -70px top no-repeat;}
.Homebox .boxcon.join .show .icon{ background:url(../images/homeicon.png) -140px top no-repeat;}

.Homebox .boxcon.on{ width:66.666%; margin-left:-33.333%; position:relative; z-index:1;}
.Homebox .boxcon.on.pro{ background: #b3cbd9;}
.Homebox .boxcon.on.pro .show{ width:50%;display:table-cell;vertical-align:middle;}
.Homebox .boxcon.on.pro .show .icon{ background:url(../images/homeicon.png) 0px -70px no-repeat;}
.Homebox .boxcon.on.pro .show .thead i{ color:#849caa;}
.Homebox .boxcon.on.pro .show .p{ color:#344c5a;}
.Homebox .boxcon.on.pro .menu{ width:47%;display:table-cell;vertical-align:middle;padding-left:3%; border-left:1px solid #c2dae8;}
.Homebox .boxcon.on.pro .menu li{ margin:0 0 0 20%; line-height:2.73em;}
.Homebox .boxcon.on.pro .menu li a{ color:#29414f;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homebox .boxcon.on.pro .menu li a:hover{ color:#007ac4;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homebox .boxcon.on.pro .menu li i{ width:24px; height:23px; display:inline-block; margin-right:14px; vertical-align:middle;}
.Homebox .boxcon.on.pro .menu li.li1 i{ background:url(../images/proicon.gif) 0px top no-repeat;}
.Homebox .boxcon.on.pro .menu li.li1 a:hover i{ background:url(../images/proicon.gif) 0px -23px no-repeat;}
.Homebox .boxcon.on.pro .menu li.li2 i{ background:url(../images/proicon.gif) -24px top no-repeat;}
.Homebox .boxcon.on.pro .menu li.li2 a:hover i{ background:url(../images/proicon.gif) -24px -23px no-repeat;}
.Homebox .boxcon.on.pro .menu li.li3 i{ background:url(../images/proicon.gif) -48px top no-repeat;}
.Homebox .boxcon.on.pro .menu li.li3 a:hover i{ background:url(../images/proicon.gif) -48px -23px no-repeat;}
.Homebox .boxcon.on.pro .menu li.li4 i{ background:url(../images/proicon.gif) -72px top no-repeat;}
.Homebox .boxcon.on.pro .menu li.li4 a:hover i{ background:url(../images/proicon.gif) -72px -23px no-repeat;}
.Homebox .boxcon.on.pro .menu li.li5 i{ background:url(../images/proicon.gif) -96px top no-repeat;}
.Homebox .boxcon.on.pro .menu li.li5 a:hover i{ background:url(../images/proicon.gif) -96px -23px no-repeat;}
.Homebox .boxcon.on.pro .menu li.li6 i{ background:url(../images/proicon.gif) -120px top no-repeat;}
.Homebox .boxcon.on.pro .menu li.li6 a:hover i{ background:url(../images/proicon.gif) -120px -23px no-repeat;}

.Homebox .boxcon.on.about{ background: #a6c7dd url(../images/aboutbg.jpg) right bottom no-repeat;}
.Homebox .boxcon.on.about .show{ width:55%;}
.Homebox .boxcon.on.about .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.on.about .show .p{ color:#324c5c;}
.Homebox .boxcon.on.about .show .icon{ background:url(../images/homeicon.png) -70px -70px no-repeat;}

.Homebox .boxcon.on.join{ background: #9cc0d6 url(../images/hrbg.jpg) right bottom no-repeat;}
.Homebox .boxcon.on.join .show{ width:55%;}
.Homebox .boxcon.on.join .show .thead i{ color:#7495a9;}
.Homebox .boxcon.on.join .show .p{ color:#2f4a5a;}
.Homebox .boxcon.on.join .show .icon{ background:url(../images/homeicon.png) -140px -70px no-repeat;}

@media ( max-width:768px){
.Homebox{ padding-left:0%; height:auto; margin:20px auto 39px;}
.Homebox .newscenter{ position:static; width:auto; height:auto; padding-bottom:15px;}
.Homebox .newscenter ul{ margin:0px 15px;}
.Homebox .newscenter .tithead{ margin:0px 15px; padding-top:0px; line-height:40px;}
.Homebox .boxcon{ width:auto; float:none; height:auto; margin-top:20px;}

.Homebox .boxcon.on{ width:auto; margin-left:0;}
.Homebox .boxcon.pro{ background: #b3cbd9; padding-bottom:20px;}
.Homebox .boxcon.pro .show{ width:50%; float:left;}
.Homebox .boxcon.pro .show .icon{ background:url(../images/homeicon.png) 0px -70px no-repeat;}
.Homebox .boxcon.pro .show .thead i{ color:#849caa;}
.Homebox .boxcon.pro .show .p{ color:#344c5a;}
.Homebox .boxcon.pro .menu{ width:47%; float:right; border-left:1px solid #c2dae8; margin-top:27px; display:block;}
.Homebox .boxcon.pro .menu li{ margin:0 0 0 20%; line-height:2.73em;}
.Homebox .boxcon.pro .menu li a{ color:#29414f;}
.Homebox .boxcon.pro .menu li a:hover{ color:#007ac4;}
.Homebox .boxcon.pro .menu li i{ width:24px; height:23px; display:inline-block; margin-right:14px; vertical-align:middle;}
.Homebox .boxcon.pro .menu li.li1 i{ background:url(../images/proicon.gif) 0px top no-repeat;}
.Homebox .boxcon.pro .menu li.li1 a:hover i{ background:url(../images/proicon.gif) 0px -23px no-repeat;}
.Homebox .boxcon.pro .menu li.li2 i{ background:url(../images/proicon.gif) -24px top no-repeat;}
.Homebox .boxcon.pro .menu li.li2 a:hover i{ background:url(../images/proicon.gif) -24px -23px no-repeat;}
.Homebox .boxcon.pro .menu li.li3 i{ background:url(../images/proicon.gif) -48px top no-repeat;}
.Homebox .boxcon.pro .menu li.li3 a:hover i{ background:url(../images/proicon.gif) -48px -23px no-repeat;}
.Homebox .boxcon.pro .menu li.li4 i{ background:url(../images/proicon.gif) -72px top no-repeat;}
.Homebox .boxcon.pro .menu li.li4 a:hover i{ background:url(../images/proicon.gif) -72px -23px no-repeat;}
.Homebox .boxcon.pro .menu li.li5 i{ background:url(../images/proicon.gif) -96px top no-repeat;}
.Homebox .boxcon.pro .menu li.li5 a:hover i{ background:url(../images/proicon.gif) -96px -23px no-repeat;}
.Homebox .boxcon.pro .menu li.li6 i{ background:url(../images/proicon.gif) -120px top no-repeat;}
.Homebox .boxcon.pro .menu li.li6 a:hover i{ background:url(../images/proicon.gif) -120px -23px no-repeat;}

.Homebox .boxcon.about{ background: #a6c7dd url(../images/aboutbg.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.about .show{ width:55%;}
.Homebox .boxcon.about .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.about .show .p{ color:#324c5c;}
.Homebox .boxcon.about .show .icon{ background:url(../images/homeicon.png) -70px -70px no-repeat;}

.Homebox .boxcon.join{ background: #9cc0d6 url(../images/hrbg.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.join .show{ width:55%;}
.Homebox .boxcon.join .show .thead i{ color:#7495a9;}
.Homebox .boxcon.join .show .p{ color:#2f4a5a;}
.Homebox .boxcon.join .show .icon{ background:url(../images/homeicon.png) -140px -70px no-repeat;}
.videobtn{ position:static; margin-top:18px; border-radius:0px; text-align:center;}
.videobtn a:hover{ padding-right:0px;}
}

@media ( max-width:684px){
.videopop .content{ width:90%; height:90%; left:5%; top:5%; margin:0px;}
.videopop .content .video img{ width:100%; height:100%;}
.videopop .content .video video{ width:100%; height:100%; display:block;}
}


/*栏目页公用样式 s*/
.SubPage{ padding:0px 0px 30px;height:auto !important; height:280px; min-height:280px;}
.SubBan{ position:relative; margin-bottom:40px; overflow:hidden;}
.SubBan img{ display:block;width:100%; }
.ColumnName{ text-align:center; padding:0px 0px 41px;}
.ColumnName h2{ line-height:38px; color:#262626; font-size:20px;position:relative;display:inline-block;}
.ColumnName h2::after{content:"";display:block;margin:5px auto 0;width:40px;height:3px;background:#1876b3;}

.ColumnName p{ line-height:16px; color:#7f7f7f; font-family:"Times New Roman", Times, serif;}


@media ( max-width:768px){
.SubBan{ margin-bottom:15px;}
.ColumnName{ text-align:center; padding-bottom:25px;}
}
/*栏目页公用样式 end*/


/*产品中心*/
.LeftBar{ width:19%; float:left;}
.ProTit{ line-height:2.6em; text-align:center; font-size:18px; color:#fff; background:#1876b3;}
.RightBar{ width:78%; float:right;}
.MenuList{ border:1px solid #e9e9e9; border-top:0px;}
.MenuList ul{ margin:10px 0px;}
.MenuList li span a{ display:block; color:#333333; background:url(../images/menuarr.gif) 0px center no-repeat; padding:5px 0px 5px 10px; margin-left:16px;}
.MenuList li span a:hover,.MenuList li.onli span a{ background:url(../images/menuarr2.gif) 0px center no-repeat; color:#1876b3;}
.MenuList .sub{ display:none; line-height:25px; padding:5px 0px;}
.MenuList .sub dd{ padding:0px 5px 0px 40px;}
.MenuList .sub a{ color:#666666;}
.MenuList .sub a:hover,.MenuList .sub a.cur{ color:#1876b3;}
.MenuList li.onli .sub{ display:block;}

.ProList{ margin-left:-30px;}
.ProList li{ width:33.333%; float:left; text-align:center; padding-bottom:23px;}
.ProList li .box{ margin-left:30px;}
.ProList li .img{ border:1px solid #dfdcdc; margin-bottom:14px; position:relative;}
.ProList li .img img{ display:block; height:218px; margin:0px auto;}
.ProList li .infotxt{ display:none; position:absolute; width:100%; height:100%; background:url(../images/filter70.png); z-index:1; color:#fff;}
.ProList li .infotxt p{ padding:20% 10% 10%;}

.ProScroll { width:53%; float:left;}
.ProScroll .swiper-container{ border:1px solid #e9e9e9;}
.ProScroll .swiper-slide img{ display:block; margin:0px auto;}
.ProScroll .swiper-button-prev {background: url(../images/proarr2.gif) no-repeat left top;position: absolute; z-index:999;left: -1px;
top: 50%; margin-top:-20px;width: 30px;height: 40px;}
.ProScroll .swiper-button-next { background: url(../images/proarr2.gif) no-repeat -30px top; position: absolute; z-index:999; right: -1px;top: 50%; margin-top:-20px; width: 30px; height: 40px;}
.ProDetail { width:45%; float:right; color:#666666; line-height:1.7em;}
.ProDetail .Proname{ color:#333333; font-size:18px; padding:22px 0px 11px 0px;}
.ProDetail .tedian{ background:url(../images/linebg6.gif) 0px top repeat-x; padding:17px 0px; margin-top:15px;}
.ProDetail .tedian li{ background:url(../images/dot.gif) 6px center no-repeat; padding-left:17px;}
.ProDetail .warp{ background:url(../images/linebg6.gif) 0px top repeat-x; padding:18px 5px;}
.ProDetail .hotline{ font-weight:bold; float:left; padding:0px 34px 0px 80px; position:relative; line-height:20px; color:#333333; color:#1876b3; font-size:14px; padding-bottom:13px;}
.ProDetail .hotline i{ font-weight:normal; position:absolute; left:5px; top:0px; color:#333333; font-size:14px;}
.ProDetail .zxbtn{ float:left; background: #1876b3 url(../images/qq.gif) 20px center no-repeat; padding-left:53px; line-height:35px; width:87px; display:block; color:#fff; font-size:16px; margin-bottom:13px;}
.ProDetail .zxbtn:hover{ color:#ffcc00;}

.pro_nav { border-bottom:1px solid #dedede; padding:36px 0px 1px 0px;height:35px;line-height: 35px;clear: both;margin-bottom:39px;}
.pro_nav span { width:120px; display:block; float:left; margin-right:10px; cursor:pointer; text-align:center; background:#94b4c8; color:#fff;}
.pro_nav span a{ display:block; color:#fff; border-right:1px solid #fff;}
.pro_nav span.hover {background: #1876b3;}
.about_con { line-height:1.9em; display:none;}


@media ( max-width:998px){
.ProList li .img img{ height:180px;}
.LeftBar{ width:auto; float:none;}
.RightBar{ width:auto; float:none;}
.MenuList{ margin-bottom:18px;}
.MenuList ul{display:none;}
.ProTit { cursor:pointer;}
.ProTit span{ padding-right:20px; background:url(../images/proarr.png) right center no-repeat;}
}
@media ( max-width:640px){
.ProList{ margin-left:-15px;}
.ProList li{ width:50%; padding-bottom:12px;}
.ProList li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.ProList li .box{ margin-left:15px;}
.ProScroll { width:auto; float:none;}
.ProDetail { width:auto; float:none;}
.pro_nav span { width:25%; float:left; margin:0px;}
}
@media ( max-width:480px){
.ProList li .img img{ height:140px;}
.ProList li .infotxt p{ padding:10%;}
}


/*关于*/
.SinglePage{ word-wrap:break-word; padding:0 0 0 0;line-height:2em; color:#666;}
/*新闻中心*/
.NewsList{}
.NewsList li{ position:relative; padding-left:88px; height:118px; color:#666666; line-height:1.7em;}
.NewsList li .date{ position:absolute; left:0px; top:0px; width:70px; text-align:center; color:#919191; line-height:35px; background:#f2f2f2; border:1px solid #d0d0d0; border-radius:5px;}
.NewsList li .date i{ display:block; line-height:45px; font-size:24px;color:#333333; background:#fff; border-radius:5px 5px 0px 0px;}
.NewsList li .tit{ padding-bottom:8px; font-size:16px;}
.NewsList li p{ color:#666666; height:48px; overflow:hidden;}
.NewsList li.first{ background:url(../images/linebg.gif) 0px bottom repeat-x; padding:0px 0px 21px 0px; height:auto; margin-bottom:30px;}
.NewsList li.first .img{ width:22%; float:left;}
.NewsList li.first .infotxt{ width:77%; float:right;}
.NewsList li.first .infotxt .tit{ padding:1% 0; margin-bottom:5px; position:relative;}
.NewsList li.first .infotxt .tit .date2{ color:#999999; position:absolute; right:0px; top:0px; font-size:14px;}
.NewsList li.first .infotxt p{ margin-bottom:11px; height:auto;}
.NewsList li.first .infotxt a.detail{ display:block; font-size:12px; width:90px; line-height:30px; text-align:center; color:#fff; border-radius:3px; background:#969696;}
.NewsList li.first .infotxt a:hover.detail{ background:#1876b3;}
.NewsList.zcfg .date{color:#fff; background:#0074bd; border:1px solid #0074bd;}


.Titleinfo{ color:#666666; padding:48px 0px 24px 0px; margin-bottom:4%; text-align:center; background:url(../images/linebg2.gif) 0px bottom repeat-x;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:20px 0px 0px; padding:22px 0px 0px; position:relative; color:#888888;}
.PrevNextBox dl{ padding-left:56px; position:relative; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{ color:#1876b3;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

@media ( max-width:998px){
.NewsList li.first .infotxt p{ line-height:none; height:44px;}
.NewsList li.first .infotxt .tit .date2{ position:static; display:block;}
}

@media ( max-width:768px){
.PrevNextBox a{ color:#666666;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.NewsList li .tit a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
}
@media ( max-width:560px){
.NewsList li.first .img{ width:auto; float:none;}
.NewsList li.first .img img{ width:100%;}
.NewsList li.first .infotxt{ width:auto; float:none;}
.NewsList li.first .infotxt a.detail{ margin:0px auto;}
.Titleinfo{ padding:25px 0px 24px 0px; }
}


/*党群园地*/
.WorkList{ margin-bottom:-1px;}
.WorkList li{ position:relative; color:#666666; line-height:1.7em; padding:23px 0px; background:url(../images/linebg.gif) 0px bottom repeat-x;}
.WorkList li .date{ color:#1876b3; padding:10px 0px 8px;}
.WorkList li .tit{ padding-bottom:8px;}
.WorkList li .p{ color:#999999; height:48px; overflow:hidden;}
.WorkList li:hover .tit{ font-weight:bold;}
.WorkList li:hover .p{ color:#1876b3;}

.WorkList li.first{ background:url(../images/linebg.gif) 0px bottom repeat-x; padding:30px 0px 30px 0px; height:auto;}
.WorkList li.first:first-child{padding-top:0;}
.WorkList li.first .img{ width:24%; float:left;}
.WorkList li.first .infotxt{ width:74%; float:right;}
.WorkList li.first .infotxt .tit{ position:relative; font-size:16px;}
.WorkList li.first .infotxt .p{ margin-bottom:11px; height:auto; color:#666666;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.WorkList li.first .infotxt a.detail{ color:#1876b3;}
.WorkList li.first .infotxt a:hover.detail{ text-decoration:underline;}
.WorkList li.first:hover .infotxt .p{ color:#1876b3;}

/*关于我们*/
.gycon{/*display:table;*/}
.gycon .gyfl{width:100%;/*display:table-cell;*/vertical-align:middle;padding-bottom: 20px}
.gycon .gyfl img{width:100%;height:500px;}
.gycon .gyfl video{width:100%;height:356px;}
.gycon .gyrh{/*width:60%;*//*display:table-cell;*/vertical-align:middle;/*padding-left:5%;*/box-sizing:border-box;}
.gycon .gyrh p{font-size:16px;line-height:28px;color:#414242;text-indent:2em;}
.gybox2{margin-top:5%;}


@media ( max-width:998px){
.WorkList li.first .infotxt .p{ line-height:none; height:44px;}
.WorkList li.first .infotxt .tit .date2{ position:static; display:block;}
}

@media ( max-width:768px){
.WorkList li{ padding:12px 0px;}
.WorkList li .tit a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.gycon .gyfl img{width:100%;height:200px;}
.gycon .gyrh p{font-size:15px;padding-top: 0px}
}
@media ( max-width:560px){
.WorkList li.first .img{ width:auto; float:none;}
.WorkList li.first .img img{ width:100%;}
.WorkList li.first .infotxt{ width:auto; float:none;}
.WorkList li.first .infotxt a.detail{ margin:0px auto;}
.WorkList li.first .infotxt .tit{ padding-top:8px;}
.gycon .gyfl img{width:100%;height:200px;}
.gycon .gyrh p{font-size:15px;padding-top: 0px}
}




/*
 .PicList002497 
 */
.PicList002497 .wrap-container{border-bottom:1px solid #eee;}

.PicList002497 .List *{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.PicList002497 .List  ul li { padding-top: 50%;position: relative;width: 100%;margin-top: -1px; border:1px solid #eee;}
.PicList002497 .List  ul li a { display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.PicList002497 .List  ul li .imgBox {height: 100%;position: relative;width: 100%;}
.PicList002497 .List  ul li .imgWrap { left: 50%;   position: absolute;top: 50%;transform: translate(-50%, -50%); width: 100%;}
.PicList002497 .List  ul li .txtCon{padding: 20px;}
.PicList002497 .List  ul li a .img {display: block;height: 75px; position: relative;}
.PicList002497 .List  ul li a .img img {max-height: 90%;transition:all .3s linear;}
.PicList002497 .List  ul li a .txt {display: block; width: 100%; color: #666; font-size: 14px;}
.PicList002497 .List  ul li a .h3{color: #333;font-size: 18px;font-weight: normal;margin: 10px 0;font-weight:bold; }
.PicList002497 .List  ul li a .more{display: block; font-size: 14px; width: 100px;padding-left: 15px;height: 30px;line-height: 30px; border-radius: 8px 0;border:1px solid #999; color: #999; margin-top: 20px;}
.PicList002497 .List  ul li:hover a .h3{color:#1876b3;}
.PicList002497 .List  ul li:hover a .img img {transform:translateY(-10px);}

@media screen and (min-width:540px ){
.PicList002497 .List ul li{width: 50%;padding-top: 50%;float: left; margin-top: 0; border:none;}

  .PicList002497 .List  ul li a {border-right: 1px solid #eee;border-bottom:1px solid #eee; }
  .PicList002497 .List  ul li:nth-child(2n+1) a,
  .PicList002497 .List  ul li.last a{  border-left: 1px solid none; }

  .PicList002497 .List  ul li:nth-child(1) a,.PicList002497 .List  ul li:nth-child(2n+1) a{border-left: 1px solid #eee;}
  .PicList002497 .List  ul li:nth-child(1) a,
  .PicList002497 .List  ul li:nth-child(2) a {border-top:1px solid #eee;}

}
@media screen and (min-width:768px ){
  .PicList002497 .List ul li{width: 33.33%;padding-top:20%;}
  .PicList002497 .List  ul li:nth-child(3) a {border-top:1px solid #eee;}
  .PicList002497 .List  ul li:nth-child(2n+1) a{border-left: none;}
  .PicList002497 .List  ul li:nth-child(3n+1) a{ border-left: 1px solid #eee;}
}
@media screen and (min-width:1200px ){
  .PicList002497 .List  ul li .txtCon{padding:0 80px 0 30px;}
  .PicList002497 .List  ul li a .h3{margin:15px 0 10px;}
  .PicList002497 .List  ul li a .txtp{height: 60px;}
}


@media (max-width:768px) {
	.gycon{display:block;}
    .gycon .gyfl,.gycon .gyrh{width:100%;display:block; float:none;margin-top:30px;}
}

@media (max-width:640px) {
    .gyul li{width:100%;margin-top:30px;float:none;margin-right:0px;height:auto;padding-bottom:30px;}
    .gyul li .tb{margin:30px auto;}
}



@media (max-width:480px) {
	.PicList002497 .wrap-container{border-top:1px solid #eee;border-right:1px solid #eee;}
	.PicList002497 .List ul li a .img{height:55px;}
}


.imgBoxa{position:relative;}
.imgBoxa .item{}
.imgBoxa .item .img{width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;}
.imgBoxa .item img{width:100%;transition:all .3s linear;}
.imgBoxa .item a{padding-top: 138%;display: block;position: relative;}
.imgBoxa .item .p{font-size:16px;color:#303030;text-align:center;margin-top:15px;}
.imgBoxa .item:hover .img img{transform:scale(1.1);}


.imgBoxa .owl-nav{width:100%;}
.imgBoxa .owl-dots{display:none;}
.imgBoxa .owl-carousel .owl-nav button.owl-prev,.imgBoxa .owl-carousel .owl-nav button.owl-next{width:37px;height:37px;text-indent:999px;overflow:hidden;}
.imgBoxa .owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%;transform:translate(0%,-50%);left:-40px;background:url(../images/jtf.png);background-size:100% 100%;}
.imgBoxa .owl-carousel .owl-nav button.owl-next{position:absolute;top:50%;transform:translate(0%,-50%);right:-40px;background:url(../images/jtr.png);background-size:100% 100%;}
.imgBoxa .owl-carousel .owl-nav button.owl-prev:hover{background:url(../images/jtf1.png);background-size:100% 100%;}
.imgBoxa .owl-carousel .owl-nav button.owl-next:hover{background:url(../images/jtr1.png);background-size:100% 100%;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:block!important;}

.imgHonor{text-align: center;}
.imgHonor .honor-list:first-child{display:block;float: none;width:50%;margin:0 auto;}
.imgHonor .honor-list{width:25%;display:inline-block;text-align: center;border:2px dotted #ddd;margin:20px 2%;box-sizing: border-box;}

@media(max-width:992px){
    .imgHonor .honor-list{width:28.33%}
}

@media (max-width:1199px){
	.imgBoxa .owl-carousel .owl-nav button.owl-prev{left:0px;}
	.imgBoxa .owl-carousel .owl-nav button.owl-next{right:0px;}
}


/*Timeline000397 */
.History{ position:relative; width:60%;margin: 0 auto; background:url(../images/historyline.gif) 169px top repeat-y; padding-top:44px;}
.History .dot{ position:absolute; left:155px; top:0px; background:url(../images/falcdot.gif); width:29px; height:29px;}
.History .item{ position:relative; margin-bottom:26px; padding-left:197px;}
.History .item .year{ background:url(../images/dot_red.gif) right center no-repeat; position:absolute; left:0px; top:50%; margin-top:-15px; line-height:30px; width:175px;}
.History .item .year span{ width:120px; display:block; border-radius:6px; background:#e81c12; font-size:20px; text-align:center; color:#fff;}
.History .item .txt{ padding:12px 15px; color:#3d3b3b; background:#fef3f2;}
.History .item2 .year{ background:url(../images/dot_blue.gif) right center no-repeat;}
.History .item2 .year span{background:#072e83;}
.History .item2 .txt{ background:#f3f3f3;}

@media ( max-width:560px){
.History{width:100%;}

}


@media ( max-width:560px){
.History{background:url(../images/historyline.gif) 84px top repeat-y;}
.History .dot{left:70px;}
.History .item{padding-left:95px;}
.History .item .year{line-height:26px; width:90px;}
.History .item .year span{ width:70px;font-size:15px;}
}


.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span{height: 100%;}

.ProductList{padding-top:3%;}
.ProductList ul{margin-bottom: 2.5%;}
.ProductList li{width: 32%; margin: 0 2% 2% 0; float: left;}
.ProductList li:nth-child(3n){margin-right: 0;}
.ProductList li .effect-img{height: 240px;}
.ProductList li .name{padding: 15px; text-align: center;}
.ProductList li .name span{display: block; font-size: 18px; color: #333;}
.ProductList li .name p{font-family: Arial; line-height: 18px; color: #999;}
.ProductList li:hover .name{background: #0c4179;}
.ProductList li:hover .name span{color: #fff;}
.ProductList li:hover .name p{color: rgba(255,255,255,0.6);}

@media ( max-width:768px){
    .ProductList li .effect-img{height: 170px;}
    .ProductList li .name span{font-size: 16px;}
}

@media ( max-width:640px){
    .ProductList li{width: 49%; margin-right: 0;}
    .ProductList li:nth-child(2n){float: right;}
}

@media ( max-width:480px){
    .ProductList li,.ProductList li:nth-child(2n){width: auto; float: none; margin-bottom: 15px;}
}


/*人才招聘*/
.zc{margin-top:5%;padding-bottom:4%;}
.zc .bd{margin-bottom:50px;}
.zc .bd .thead{width:100%;height:60px;background:#1876b3;}
.zc .bd .thead p{width:16.666666%;height:60px;float:left;font-size:18px;color:#fff;line-height:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zc .bd li .list p{width:16.666666%;height:60px;border-bottom:1px solid #eee;float:left;font-size:15px;color:#444;line-height:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zc .bd li .list p a.check{display:inline-block;width:120px;height:30px;line-height:30px;background:#f4f4f4;color:#444;margin-top:15px;}
.zc .bd li .list p a.check:hover,.zc .bd li .list p a.checks{color:#fff;background:#1876b3;}
.zc .bd li .zccon{padding:20px 35px;display:none;}
.zc .bd li .zccon .zc1,.zc .bd li .zccon .zc2{font-size:16px;color:#666;}
.zc .bd li .zccon .zc2{margin:40px 0 20px 0;}
.zc .bd li .zccon p{line-height:40px;font-size:14px;color:#666;}
.zc .bd li .zccon .zc1 a.sh{float:right;display:block;width:120px;height:30px;color:#fff;background:#1876b3;font-size:15px;text-align:center;line-height:30px;box-shadow:0px 0px 30px rgba(24,118,179,0.4)}


@media (max-width:998px){
    .zc .hd li{width:48%;float:left;margin-right:0px;margin-bottom:15px;}
    .zc .hd li:nth-child(2n){float:right;}
}

@media (max-width:768px){
    .zc .bd li .list p a.check{padding:0 10px;width:auto;}
    .zc .hd li{width:48%;float:left;margin-right:0px;margin-bottom:15px;}
    .zc .hd li:nth-child(2n){float:right;}
}
@media (max-width:480px){
    .zc .bd li .zccon .zc2{margin-top:20px;}
    .zc .bd li .zccon p{line-height:30px;}
    .zc .bd li .zccon{padding:10px 10px;}
    .zc .hd li .tbtit .t1{font-size:16px;}
    .zc .hd li .tbtit .t2{font-size:14px;}
    .zc .bd .thead p:nth-child(5),.zc .bd li .list p:nth-child(5){display:none;}
    .zc .bd .thead p,.zc .bd li .list p{width:20%;}
    .zc .bd .thead p{font-size:15px;height:50px;line-height:50px;}
    .zc .bd .thead{height:50px;}
}

@media (max-width:479px){
    .zc .hd li .zctit p:nth-child(1),.zc .hd li .zctit p:nth-child(2){font-size:20px;}
    .zc .hd li .zctit{margin-top:40px;}
    .zc .hd{margin:30px 0;}
    .zc .bd{margin-bottom:30px;}
}

/*********************招聘详情***********************/
.zp{margin-top:5%;padding-bottom:4%;}
.zp .zptitle{width:100%;height:60px;background:#1876b3;}
.zp .zptitle p{padding-left:40px;font-size:18px;color:#fff;line-height:60px;}
.zp .zpul{margin-top:36px;}
.zp .zpul li{width:45%;height:30px;float:left;margin-bottom:20px;}
.zp .zpul li:nth-child(2n){float:right;}
.zp .zpul li span{font-size:15px;color:#333;display:inline-block;width:75px;text-align:right;}
.zp .zpul li input{width:80%;height:30px;font-size:14px;color:#666;border:1px solid #dbdbdb;margin-left:2%;padding-left:10px;}
.zp .zpul li select{width:40%;height:30px;font-size:14px;color:#666;border:1px solid #dbdbdb;margin-left:2%;background:url(../images/se.jpg) 97% center no-repeat;}
.zp .zpul li input[type="radio"]{width:18px;height:18px;vertical-align:middle;}
.zp .zpul li label{vertical-align:middle;font-size:14px;color:#666;}
.zp .zpcon{margin-bottom:20px;}
.zp .zpcon span{font-size:15px;color:#333;display:inline-block;width:75px;text-align:right;vertical-align:top;}
.zp .zpcon textarea{width:91%;height:150px;font-size:14px;color:#666;border:1px solid #dbdbdb;margin-left:1%;resize:none;padding:10px 0 0 10px;}
.zp a{display:inline-block;width:120px;height:40px;font-size:16px;color:#fefefe;text-align:center;line-height:40px;background:#606060;border-radius:10px 0 10px 0;}
.zp a.aleft{margin-left:126px;}
.zp a:hover{background:#1876b3;}
.zp a.aons{background:#1876b3;}


@media ( max-width:1028px){
    .zp .zpul li input{width:73%;}
    .zp .zpcon textarea{width:88%;}
}

@media ( max-width:997px){
    .zp .zpul li input{width:68%;}
    .zp .zpcon textarea{width:84%;}
}

@media ( max-width:768px){
  .zp{text-align:center;}
  .zp .zptitle{height:50px;}
  .zp .zptitle p{line-height:50px;font-size:14px;padding-left:15px;text-align:left;}
  .zp .zpul,.zp .zpcon{padding:0px;}
  .zp .zpul li{float:none;width:100%;text-align:left;}
  .zp .zpul li:nth-child(2n){float:none;width:100%;}
  .zp .zpul li input{width:70%;}
  .zp .zpul li select{width:73%;}
  .zp .zpcon textarea{width:71%;}
  .zp a{width:100px;}
  .zp a.aleft{margin-left:0px;}
}


/*联系方式*/
.LxBox{padding:3% 0;}
.lxway{display:flex;background:#f7f7f7;}
.lxway .lxtit{width:40.2%;display:flex;}
.lxway .lxtit .lxcon{width:80%;margin:auto;padding:5% 0;}
.lxway .lxtit .lxcon dl{border-bottom:1px solid #d0d0d0;padding-bottom:15px;}
.lxway .lxtit .lxcon dt{font-size:20px;color:#0d2561;font-weight:bold;margin-bottom:10px;}
.lxway .lxtit .lxcon dd{font-size:16px;color:#666;line-height:32px;}
.lxway .lxtit .lxcon dd img{display:inline-block;vertical-align:middle;margin:-5px 10px 0 0;}
.lxway .lxtit .lxwx{width:127px;height:127px;padding:5px;background:#d0d0d0;margin-top:20px;}
.lxway .lxtit .lxwx img{width:100%;height:100%;}

.lxway .map{width:59.8%;}
.lxway .map img{width:100%;height:auto;max-width:initial;}

@media ( max-width:1199px){  
    .lxway .lxtit .lxcon dt{font-size:18px;margin-bottom:20px;}
    .lxway .lxtit .lxcon dd{font-size:14px;line-height:24px;}
    .lxway .lxtit .lxwx{width:100px;height:100px;}
}

@media ( max-width:997px){  
    .lxway{display:block;}
    .lxway .lxtit{display:block;width:95%;margin:0 auto;padding-top:30px;}
    .lxway .map{width:95%;margin:20px auto 0;}
}