﻿@charset "utf-8";
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1; background:#efefef url(../images/bodybg.jpg) no-repeat center bottom; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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:#666666; 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:#278be1;}
*: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{ width:1200px; margin:0px auto; }
@media ( max-width:998px){
.container{ max-width:none; width:auto; 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; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{display:inline-block;}
.Pages a{ display:inline-block; margin:0px 4px; width:38px; line-height:38px; border-radius:50%; border:1px solid #c0c5c9;color:#bdc3c7; font-size:16px;}
.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;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#333;}
.Pages .p_page .num a{ display:inline-block; vertical-align:middle; color:#bcbcbc;}
.Pages .p_page .num a:hover{border:1px solid #364757; color:#2d3e4f;}
.Pages .p_page .num a.a_cur{ border:1px solid #364757; color:#2d3e4f;}
@media ( max-width:1200px){
.Pages a{width:28px; line-height:28px; font-size:14px;}
}
/*pages end*/


/*Top*/
.Header{ background:#fff; position:relative; z-index:800;}
.Header .container{ max-width:1200px; margin:0px auto;}
.Header .Logo{ float:left; padding:15px 0px 0px; width:37%;}
.Header .Search{float:right; margin-top:10px;}
.Header .Search .icon{ cursor:pointer; display:none; background:url(../images/searchbtn.png) center center no-repeat; width:20px; height:20px; background-size:contain; float:left;transition:all 0s linear; -webkit-transition:all 0s linear; margin:15px 12px 0px 0px;}
.Header .Search .icon.on { background:url(../images/close2.gif) center center no-repeat;}
.Header .searchbox{position:absolute; height:25px; right:0px; top:25px; padding:0px 0px 0px 0px; background:#007ac0; width:325px;}
.Header .searchbox .i2{ position:absolute; top:-57px; right:66px; cursor:pointer; width:25px; height:25px; background: #000 url(../images/closenav.png) center center no-repeat; display:block;}
.Header .searchbox .input{ float:left; width:275px; height:25px; line-height:25px; text-indent:1em; background:#f5f5f5; border:0px;}
.Header .searchbox .btn{ float:left; line-height:23px; padding:5px 0px 0px 18px; color:#fff;}
.Header .searchbox .btn input{ display:block; width:18px; margin:0px auto;}
.Header a.oa{ width:100px; height:40px; display:block; margin:10px auto 0px; float:right;}
.Header a:hover.oa{ color:#ffcc00;}
.MainNav{ padding-top:0px; clear:both;}
.MainNav li{ width:12.5%; text-align:center;float:left; position:relative;}
.MainNav li span a{ display:block; line-height:58px; height:58px; font-size:17px;}
.MainNav li.onnav span a{ color:#278be1; border-bottom:2px solid #278be1;transition:all 0s linear; -webkit-transition:all 0s linear; font-weight:bold; font-size:18px;}
.MainNav li:hover span a,.MainNav li span .sele{ color:#278be1; border-bottom:2px solid #278be1;transition:all 0s linear; -webkit-transition:all 0s linear;}

.SubNav{ text-align:center; position:absolute; left:0px; top:60px; width:100%; background:rgba(0,0,0,0.6); display:none;}
.SubNav dd{ padding:5px 0px;}
.SubNav dd a{ color:#fff; font-size:15px;}
.SubNav dd a:hover{ color:#ffcc00;}

/*手机导航 s*/
#navigation { display:none; float:right; padding-right:10px;}
#navigation .openbtn{ cursor:pointer; display:block; position:absolute; right:0px; margin-top:10px; 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:18px;}
#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:1300px){
.Header .container{ margin:0px 10px;}
}
@media ( max-width:1180px){
.MainNav li span a{ font-size:15px;}
}

@media ( max-width:998px){
.Header .Search .icon{ display:block; margin:0px;}
.Header .searchbox{ display:none;}
.Header .Search a.oa{ display:none;}
.MainNav{ display:none;}
.Header .Logo{ float:left; padding-top:5px; width:70%;}
.Header .Logo img{ height:32px;}
.Header{ padding-top:8px; height:45px;}
.Header .Search{ margin:8px 45px 0px 0px;}
#navigation { display:block;}
.Header .searchbox{ height:40px; right:0px; top:45px; padding-left:0px; padding-top:4px;width:100%;}
.Header .searchbox .i2{ position:absolute; top:-38px; right:0px; cursor:pointer; width:25px; height:25px; background: #000 url(../images/closenav.png) center center no-repeat; background-size:contain; display:block;}
.Header .searchbox .input{ float:left; width:88%; margin-left:2%; height:35px; line-height:35px; text-indent:1em; background:#fff; border:0px;}
.Header .searchbox .btn{ float:left; line-height:23px; padding:7px 0px 0px 10px; color:#fff;}
}

/*Top*/

/*Bottom*/
/*.Footer{padding:25px 0px 18px; background:#2a2a2a; color:#818181; line-height:22px;}*/
.Footer{padding:25px 0px 18px; background:#278be1; color:#fff; line-height:22px; text-align:center;}
.Footer nav i{ display:inline-block; width:28px; height:20px; vertical-align:middle; text-align:center;}
.Footer a{ color:#fff !important; display:inline-block;}.Footer a:hover{ color:#cc0000;}
.Footer .oa{ position:absolute; right:0px; top:10px;}
.Footer .oa a{ display:inline-block; padding-top:44px; line-height:20px; color:#fff; background:url(../images/oa.png) center top no-repeat;}
.Footer .oa a:hover{background:url(../images/oa2.png) center top no-repeat; color:#cc0000;}
.WebSelect{ background:#ecf6ff; max-width:1200px; margin:0px auto; padding:10px 0px 3px;}
.WebSelect dl{ position:relative; padding-left:120px; line-height:40px;}
.WebSelect dl dt{ left:20px; font-size:20px; font-weight:bold; position:absolute;}
.WebSelect dl dd{ width:24%; float:left;}
.WebSelect dl dd div{ margin:0px 0px 7px 7px;}
.WebSelect dl dd select{ width:100%; height:40px; border:0px; color:#666666; text-indent:1em; background: #dfdfe0 url(../images/selectarr.gif) right center no-repeat;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
.WebSelect dl dd select::-ms-expand { display: none; }/*Ie clear arr*/

@media ( max-width:998px){
.Footer{ padding:15px 0px; text-align:center;}
.Footer .oa{ position:static; margin:6px 0px 2px;}
}
@media ( max-width:768px){
.WebSelect dl{ padding-left:0px;}
.WebSelect dl dt{ position:static; margin-left:7px;}
}
@media ( max-width:480px){
.WebSelect dl dd{ width:49%; float:left;}
.WebSelect dl dd select{ text-indent:0.1em;}
}

/*Bottom*/


/*首页*/
.homecss{background:#efefef url(../images/bodybg.jpg) no-repeat center bottom;;}
.HomeMain{background:#fff; padding:30px 20px 20px;}
.homecss .WebSelect{padding:10px 20px 3px;}
/*banner s*/
.BanBox{ position:relative; overflow:hidden;height:400px;}
.BanBox .swiper-slide {position:relative; margin:0px;}
.BanBox .swiper-pagination-bullet{ cursor:pointer; width:12px; height:12px; margin:0px 6px;overflow:hidden;line-height:9999px; background:#fff; border-radius:50%;}
.BanBox .swiper-pagination-bullet-active{ background:#278be1;}
.BanBox .swiper-button-prev { position:absolute;left:32px; top: 50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; background:url(../images/banarr.png) 0px top no-repeat; cursor:pointer;}
.BanBox .swiper-button-next { position:absolute;right:32px; top: 50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; background:url(../images/banarr.png) -40px top no-repeat; cursor:pointer;}
.BanBox .swiper-slide .txt{ position:absolute; width:100%; text-align:center; top:30%;transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0;transition:all 1s;}
.BanBox .swiper-slide .txt img{ width:auto;}
.BanBox .swiper-slide .txt span{ width:30%; display:inline-block;}
.BanBox .swiper-slide .txt span.t2{ margin-left:18%;}
.BanBox .swiper-slide-active .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.BanBox .swiper-slide .txt2{ position:absolute; width:100%; text-align:center; top:0;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s ease;}
.BanBox .swiper-slide .txt2 span{width:18%; display:block; margin:0px auto;}
.BanBox .swiper-slide .txt2 img{ width:auto;}
.BanBox .swiper-slide-active .txt2{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.BanBox .swiper-slide-active{ position:relative;}

.BanBox .swiper-slide a{ display:block; width:100%;}

/**/.effect1 img{
		transform:scale(1.25,1.25) translate(10%,10%);
		transform:scale(1.1,1.1) translate(4.545%,4.545%);
		/*tr     =    (sc-1)/2sc*100%              */
        /* --1.25       0.25/2.5*100%=10%          */
		
		}.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
		
.HomeBan3{display:none;}


@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}

/*phone banner end*/

@media ( max-width:1600px){
.BanBox{ height:350px;}
}
@media ( max-width:1440px){
.BanBox{ height:300px;}
}

@media ( max-width:998px){
.HomeMain{padding:10px;}
.BanBox .swiper-button-prev { display:none;}
.BanBox .swiper-button-next { display:none;}

.HomeBan2{display:none;}
.HomeBan3{display:block;}
.BanBox{ height:250px;}
}
@media ( max-width:640px){
.BanBox{ height:200px;}
}
/*banner end*/


.Homefocus,.Homeitem { float:left; position: relative; width: 41.6%; height: 360px;overflow: hidden; margin-bottom:30px;}
.Homefocus .pic img,.Homeitem .pic img { width: 500px; height: 360px; display: block;}
.Homefocus .txt-bg,.Homeitem .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 35px; width:100%;background: #000; filter: alpha(opacity=54); opacity: 0.54; overflow: hidden;}
.Homefocus .txt,.Homeitem .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden;}
.Homefocus .txt li,.Homeitem .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.Homefocus .txt li a,.Homeitem .txt li a{ display: block; color: white; padding: 0 0 0 10px;}
.Homefocus .num,.Homeitem .num { position: absolute; z-index: 3; bottom: 13px; height:9px; line-height:9px; right: 20px;}
.Homefocus .num li,.Homeitem .num li { width:8px; height:8px; display:inline-block; *display:inline; zoom:1; cursor:pointer; background:#fff; border-radius:50%; margin:0px 0px 0px 3px; vertical-align:middle;}
.Homefocus .num li.on,.Homeitem .num li.on { background:#ffc000;}

.Homefocus{width:73%; height:312px; overflow:hidden;}
.Homefocus .bd{width:48%;}
.Homefocus .bd img{display:block; width:100%; height:335px;}
.Homefocus .hd{position:absolute; width:52%; height:94%; right:0px; top:0px; background:#ecf6ff; padding:1% 0;}
.Homefocus .hd li{padding:1.2% 0; font-family:"宋体";}
.Homefocus .hd li a{font-size:16px; color:#000; display:block; padding:0% 5%; line-height:48px; height:48px; overflow:hidden;}
.Homefocus .hd li.on a{background:#278be1 url(../images/dot1.png) no-repeat 4% center; padding-left:10%; color:#fff;}

.mobilefocus,.mobileitem{ position:relative; display:none;}
.mobilefocus .swiper-slide,.mobileitem .swiper-slide{ position:relative;}
.mobilefocus .swiper-slide img,.mobileitem .swiper-slide img{ width:100%;}
.mobilefocus .swiper-slide span,.mobileitem .swiper-slide span{ width:100%; left:0px; bottom:0px; color:#fff; text-align:center; position:absolute; background:rgba(0,0,0,0.6); line-height:25px; padding:2px 0px 21px;}
.mobilefocus .swiper-slide span i,.mobileitem .swiper-slide span i{ display:block; margin:0px auto;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%;}
.mobilefocus .swiper-pagination-bullet,.mobileitem .swiper-pagination-bullet{ width:7px; height:7px; background:#fff;filter: alpha(opacity=67); opacity: 0.67; border-radius:50%; margin:1px 0px 0px 5px;}
.mobilefocus .swiper-pagination-bullet-active,.mobileitem .swiper-pagination-bullet-active{ background:#ffc000;filter: alpha(opacity=100); opacity: 1; margin-top:0px;}



.mobilecase{ position:relative; display:none; padding-bottom:20px;}
.mobilecase .swiper-slide{ position:relative; text-align:center;}
.mobilecase .swiper-slide .img{ height:150px; overflow:hidden;}
.mobilecase .swiper-slide img{height:150px; width:100%;}
.mobilecase .swiper-slide span{ width:100%; left:0px; bottom:0px; color:#fff; text-align:center; position:absolute; background:rgba(0,0,0,0.6); line-height:25px; padding:2px 0px 21px;}
.mobilecase .swiper-slide span i{ display:block; margin:0px auto;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%;}
.mobilecase .swiper-pagination-bullet{ width:7px; height:7px; background:#ccc;filter: alpha(opacity=67); opacity: 0.67; border-radius:50%; margin:1px 0px 0px 5px;}
.mobilecase .swiper-pagination-bullet-active{ background:#ffc000;filter: alpha(opacity=100); opacity: 1; margin-top:0px;}


.HomeTit{ border:1px solid #ececec; height:35px; line-height:35px; border-bottom:2px solid #278be1;}
.HomeTit h2{ float:left; text-align:center; font-size:20px; color:#fff; background:#278be1; min-width:100px; padding:0px 10px;}
.HomeTit a.more{ float:right; margin-right:10px; color:#000;}
.HomeTit a:hover.more{color:#278be1;}

.HomeZwgk ul,.HomeNews ul,.HomeDjxx ul{font-family:"宋体";}


.HomeNews{ width:35%; margin-bottom:30px; margin-right:2.5%;}
.HomeNews ul{padding:20px 10px 18px; border:1px solid #ececec; border-top:none;}
.HomeNews li{ padding:6px 0px;}
.HomeNews li a{ background:url(../images/dot.gif) 0px center no-repeat; padding-left:10px; float:left; font-size:16px; color:#000;}
.HomeNews li a:hover{ background:url(../images/dot01.gif) 0px center no-repeat; color:#cc0000;}
.HomeNews li .date{ float:right; color:#999999;}
.HomeNews li.first{ background:url(../images/line.gif) 0px bottom repeat-x; padding:0px 0px 0px 114px; height:140px; margin-bottom:17px; position:relative; line-height:22px; display:none;}
.HomeNews li.first .date2{ position:absolute; left:0px; top:20px; width:99px; height:110px; text-align:center; background:#f5f5f5;}
.HomeNews li.first .date2 b{ display:block; padding-top:10px; line-height:58px; font-size:36px; color:#333333;}
.HomeNews li.first .tit{ padding:3px 0px 16px; font-size:16px;}
.HomeNews li.first .p{ height:66px; overflow:hidden;}
.HomeNews li.first a{ float:none; background:none; padding-left:0px;}

.Homead{ margin-bottom:27px; clear:both;}
.Homead img{ display:block;}

.HomeAbout{ width:25%; padding-bottom:20px;}
.HomeAbout .con{ text-indent: 2em;text-align: justify;border:1px solid #ececec; padding:8px 15px 0px 15px; height:auto !important; height:263px; min-height:263px; line-height:29px; font-size:16px; font-family:"宋体";}
.HomeAbout .con .img{ display:none; width:100%; margin-bottom:8px;}

.HomeCulture{ width:29%; margin:0 2.5%; float:left; display:inline; background:#f5f5f5;}
.HomeCulture .img{ padding:20px 0px 6px;}
.HomeCulture .img img{ display:block; width:100%;}
.HomeCulture .con{ padding:0px 10px 0px; line-height:33px;}

.HomeDjxx{ width:35%; float:left; padding-bottom:20px; margin-right:2.5%;}
.HomeDjxx ul{padding:20px 10px 18px; border:1px solid #ececec; border-top:none;}
.HomeDjxx li{ padding:6px 0px;}
.HomeDjxx li a{ background:url(../images/dot.gif) 0px center no-repeat; padding-left:10px; float:left; font-size:16px; color:#000;}
.HomeDjxx li a:hover{ background:url(../images/dot01.gif) 0px center no-repeat; color:#cc0000;}
.HomeDjxx li .date{ float:right; color:#999999;}
.HomeDjxx li.first{padding:0px 0px 0px 136px; height:128px; position:relative; line-height:22px; display:none;}
.HomeDjxx li.first .img{ position:absolute; left:0px; top:20px; width:120px; height:120px; overflow:hidden;}
.HomeDjxx li.first .tit{ padding:15px 0px 8px; font-size:16px;}
.HomeDjxx li.first .p{ height:66px; overflow:hidden;}
.HomeDjxx li.first a{ float:none; background:none; padding-left:0px;}
.HomeDjxx li.first a:hover{background:none;}

.HomeDjxx li.first2{padding:20px 0px 0px 96px; height:118px; position:relative; line-height:22px; display:none;}
.HomeDjxx li.first2 .date2{ position:absolute; left:0px; top:20px; width:80px; height:110px; text-align:center; background:#f5f5f5;}
.HomeDjxx li.first2 .date2 b{ display:block; padding-top:10px; line-height:58px; font-size:36px; color:#333333;}
.HomeDjxx li.first2 .tit{ padding:7px 0px 10px; font-size:16px;}
.HomeDjxx li.first2 .p{ height:66px; overflow:hidden;}
.HomeDjxx li.first2 a{ color:#278be1; background:none; float:none;}
.HomeDjxx li.first2 a:hover{background:none;}

.HomeZwgk{ width:35%; margin:0 2% 15px 0; display:inline; float:left;}
.HomeZwgk .hd{ margin-top:20px; line-height:40px;}
.HomeZwgk .hd li{ font-size:16px; text-align:center; position:relative; width:140px; float:left; cursor:pointer; background:#f5f5f5; color:#333333; margin-right:3px;}
.HomeZwgk .hd li.on{ color:#fff; background:#278be1;}
.HomeZwgk .hd li a{ position:absolute; left:0px; top:0px; width:100%; height:40px;}
.HomeZwgk .bd ul{padding:20px 10px 18px; border:1px solid #ececec; border-top:none;}
.HomeZwgk .bd li{ padding:6px 0px;}
.HomeZwgk .bd li a{ background:url(../images/dot.gif) 0px center no-repeat; padding-left:10px; float:left; font-size:16px; color:#000;}
.HomeZwgk .bd li a:hover{ background:url(../images/dot01.gif) 0px center no-repeat; color:#cc0000;}
.HomeZwgk .bd li .date{ float:right; color:#999999;}
.HomeZwgk .bd li.first{padding:0px 0px 0px 136px; height:128px; position:relative; line-height:22px; display:none;}
.HomeZwgk .bd li.first .img{ position:absolute; left:0px; top:20px; width:120px; height:120px; overflow:hidden;}
.HomeZwgk .bd li.first .tit{ padding:13px 0px 8px; font-size:16px;}
.HomeZwgk .bd li.first .p{ height:66px; overflow:hidden;}
.HomeZwgk .bd li.first a{ float:none; background:none; padding-left:0px;}
.HomeZwgk .bd li.first a:hover{background:none;}

.HomeItemtp{ margin:0px 0px 0px 0px; padding:15px; border:1px solid #ececec;}
.HomeItemtp li{ width:25%; float:left; padding-bottom:15px; text-align:center;}
.HomeItemtp li .box{ font-size:16px; margin-left:30px;}
.HomeItemtp li .img{ margin-bottom:12px;}
.HomeItemtp li .img img{ display:block; width:100%; height:170px; margin:0px auto;}
.HomeItemtp li .tit{ color:#000;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; display:block; font-family:"宋体";}
.HomeItemtp li a:hover .tit{ color:#cc0000;}

@media ( max-width:998px){
.Homefocus{ display:none;}
.Homeitem{ display:none;}
.mobilefocus{ display:block; margin-top:10px;}
.mobileitem{ display:block; margin-top:10px;}
.mobilecase{ display:block; margin-top:10px;}
.HomeItemtp{display:none;}
.HomeNews{ width:auto; float:none; margin:12px 0 0 0;}
.HomeNews li{ padding:3px 0px;}
.HomeNews li .date{ font-size:12px;}
.HomeNews li.first{padding-left:95px; height:105px; margin-bottom:8px;line-height:20px;}
.HomeNews li.first .tit{ padding:3px 0px 5px; font-size:14px;}
.HomeNews li.first .date2{width:80px; height:90px;}
.HomeNews li.first .date2 b{ line-height:42px; font-size:26px;}
.HomeNews li.first .p{ height:60px; overflow:hidden;}
.HomeNews li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:70%; display:block; font-size:14px;}
.HomeAbout{ width:auto; float:none;}
.HomeAbout .con{height:auto !important; height:100px; min-height:100px;}

.HomeCulture{ width:auto; float:none; margin:0px 0px 12px; display:block; padding-bottom:10px;}

.HomeDjxx{ width:auto; float:none; margin-right:0;}
.HomeDjxx li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:75%; display:block; font-size:14px; color:#333;}
.HomeDjxx li.first{padding-left:116px; height:108px; position:relative; line-height:22px;}
.HomeDjxx li.first .tit{ padding:6px 0px 2px; font-size:14px;}
.HomeDjxx li.first .img{ width:100px; height:100px;}
.HomeDjxx li.first .img a{ width:auto;}
.HomeDjxx li.first .tit a{ width:95%;}
.HomeDjxx li.first2{padding-left:95px; height:105px; border-bottom:0px;line-height:20px;}
.HomeDjxx li.first2 .date2{width:80px; height:90px;}
.HomeDjxx li.first2 .date2 b{ line-height:42px; font-size:26px;}
.HomeDjxx li.first2 .tit{ padding:3px 0px 5px; font-size:14px;}
.HomeDjxx li.first2 .p{ height:60px; overflow:hidden;}

.HomeZwgk{ width:auto; margin-right:0%; padding-bottom:15px;float:none;}
.HomeZwgk .hd li a{ display:none;}
.HomeZwgk .hd li{ font-size:14px; width:20%; margin-right:0px;}
.HomeZwgk .bd li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:75%; display:block; font-size:14px;}
.HomeZwgk .bd li{ padding:3px 0px;}
.HomeZwgk .bd{ margin-bottom:15px;}
.HomeZwgk .bd li.first{padding-left:116px; height:108px; position:relative; line-height:22px;}
.HomeZwgk .bd li.first .tit{ padding:6px 0px 2px; font-size:14px;}
.HomeZwgk .bd li.first .img{ width:100px; height:100px;}
.HomeZwgk .bd li.first .img a{ width:auto;}
.HomeZwgk .bd li.first .tit a{ width:95%;}

.HomeItemtp{ margin-left:-12px;}
.HomeItemtp li .box{ font-size:14px; margin-left:12px;}
.HomeItemtp li{ padding-bottom:10px;}
.HomeItemtp li .img img{ height:220px;}
}
@media ( max-width:768px){
.HomeItemtp li .img{ margin-bottom:5px;}
.HomeItemtp li .img img{ height:160px;}
}
@media ( max-width:480px){
.HomeItemtp li .img img{ height:90px;}
}



/*栏目页公用样式 s*/
.SubPage{ background:#fff; padding:0px 0px 35px;height:auto !important; height:280px; min-height:280px; margin-top:25px; margin-bottom:42px;}
.SubBan{ position:relative; height:271px; overflow:hidden;}
.SubBan img{ display:block; max-width:none; position:absolute; left:50%; margin-left:-960px;}
.ColumnName{ border-bottom:1px solid #eceff2; background:#fff; padding:0px 4%;}
.ColumnName h2{ float:left; line-height:68px; padding-top:10px; font-size:30px; color:#278be1;}
.ColumnName .place{ float:right; background:url(../images/place.gif) 0px center no-repeat; padding-left:19px; color:#a7a7a7; margin-top:34px; font-size:16px;}
.ColumnName .place a{color:#a7a7a7;}.ColumnName .place a:hover{color:#278be1;}

.LeftBar{ width:20%; float:left; padding:10px 0px 0px 4%;}
.LeftBar .MenuList li a{ display:block; padding:10px 0px 10px 20%; font-size:20px; color:#fff; background:#009cff; border-radius:10px; margin-bottom:10px;}
.LeftBar .MenuList li a:hover,.LeftBar .MenuList li.onli a{ background:#ffc000; color:#373737;}

.Rcontent{width:65%; margin-right:4%; float:right; display:inline; border-left:1px solid #e5e5e5; padding-left:2%;}

@media ( max-width:998px){
.SubBan{height:141px;}
.SubBan img{ height:141px;margin-left:-500px;}
.SubPage{padding:10px 10px 35px; margin:15px 0px 20px;}
.LeftBar{ width:auto; float:none; margin-top:0px;}
.Rcontent{ width:auto; margin-right:0%; float:none;}
.LeftBar .MenuList { text-align:center; border-bottom:1px solid #eceff2; padding-bottom:5px;}
.LeftBar .MenuList li{ line-height:32px; display:inline-block; margin-bottom:4px;}
.LeftBar .MenuList li a{ background:#278be1; padding:0px 8px; border-radius:6px; font-size:14px;}
}
@media ( max-width:768px){
.SubBan{height:113px;}
.SubBan img{ height:113px;margin-left:-400px;}
.ColumnName h2{ float:none; font-size:22px; text-align:center; padding-bottom:15px; line-height:25px;}
.ColumnName .place{ margin-top:10px; float:none;}
}
/*栏目页公用样式 end*/


/*关于*/
.SinglePage{ word-wrap:break-word;line-height:2em; color:#666;}


/*项目展示*/
.PhotoList{ margin-left:-13px; padding:29px 0px 10px;}
.PhotoList li{ width:33.333%; float:left; padding-bottom:4%; text-align:center;}
.PhotoList li .box{ margin-left:13px;}
.PhotoList li .box .img{ margin-bottom:12px; background:#f8fbfe;}
.PhotoList li .box .img img{height:200px; display:block; margin:0px auto;}
.PhotoList li .box .tit{ font-size:18px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%;}

@media ( max-width:768px){
.PhotoList li .box .img img{height:150px;}
}
@media ( max-width:480px){
.PhotoList li .box .img img{height:90px;}
.PhotoList li .box .tit{ font-size:14px;}
}


/*新闻中心*/
.NewsList{ padding:20px 0px 10px; font-family:"宋体";}
.NewsList li{ padding:5px 0px; font-size:18px;}
.NewsList li a{ background:url(../images/dot.gif) 0px center no-repeat; padding-left:10px; float:left;}
.NewsList li a:hover{ background:url(../images/dot01.gif) 0px center no-repeat; color:#cc0000;}
.NewsList li .date{ float:right; color:#999999;}
.NewsList li.mb32{ margin-bottom:32px;}

.Titleinfo{ color:#666666; margin-bottom:3%; text-align:center;}
.Titleinfo .tit{ font-size:22px;line-height:38px; color:#000000; padding:5% 0px 0px; }
.Titleinfo .tits{ font-size:18px; font-weight:normal; color:#000; padding-bottom:10px; font-family:"宋体";}
.Titleinfo .date { color:#a09f9f; font-size:14px;border-top:1px solid #e1e4f1; padding-top:10px;}
.Titleinfo .date span{ margin:0 6px; }
.Shares{ text-align:center; padding-top:5%;}
.Shares a{color:#000000; font-weight:bold;}
.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:#278be1;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

@media ( max-width:768px){
.NewsList{ padding-bottom:25px;}
.NewsList li{ padding:3px 0px;}
.NewsList li.mb32{ margin-bottom:0px;}
.NewsList li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:70%; display:block;}
.NewsList li .date{ font-size:12px;}
.PrevNextBox a{ color:#666666;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;}
}


/*公司管理*/
.Message{}
.Message dt{ padding:6% 0 2.5%; font-size:24px; color:#444444;}
.Message dd{ padding-bottom:13px;}
.Message dd .input{ text-indent:2em; background:#edeff7; height:46px; line-height:46px; border:0px; width:100%;}
.Message dd .textarea{ padding:10px; background:#edeff7; height:134px;}
.Message dd .textarea textarea{ text-indent:1.3em;}
.Message dd .btn{ background:#278be1; color:#fff; font-size:16px; width:100%; height:46px; cursor:pointer;}

@media ( max-width:998px){
.Message dt{ display:none;}
.Message{ padding-top:20px;}
}


/*人才招聘*/
.HrList{ margin-top:17px;}
.HrList th{ font-weight:normal; background:#edeff7; line-height:40px; color:#acacac; font-size:16px;}
.HrList .td1{ width:20%;}
.HrList .td2{ width:80%;}
.HrList .job{ text-align:left; padding:0px 15px 0px 30px;}
.HrList tbody td{ border-bottom:1px solid #edeff7; padding:25px 0px; font-size:16px;}
.HrList tbody a{ color:#080808;}
.HrList tbody a:hover{ color:#278be1;}

.Hrtit{ border-bottom:1px solid #eceff2; padding:22px 0px 10px 25px; font-size:20px;}
.JobForm{ color:#666666; margin:4% 0px 35px 2%;}
.JobForm .f1{ font-size:18px; color:#333333; padding:35px 0px 5px 280px; height:32px;}
.JobForm dl{ width:45%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:20%; float:left;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:9%;}
.JobForm dl.other dd{ width:78.9%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:15px; padding:1.5% 3%; text-align:center; background:#278be1; margin-right:8px; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:15px; padding:1.5% 4.3%; text-align:center; background:#999; color:#fff; border:0px; margin-left:8px; cursor:pointer;}

@media ( max-width:768px){
.HrList .td1{ width:150px;}
.HrList .td2{ width:auto;}
.Hrtit{ padding-left:0px;}
.JobForm dl{ width:auto; float:none; font-size:12px; clear:both; padding-left:1%;}
.JobForm dl.other dt{ width:20%;}
.JobForm dl.other dd{ width:70%;}
}

/*联系我们*/
.contact{ color:#080808; border-bottom:1px solid #edeff7; margin-bottom:32px;}
.contact li{ float:left; width:100%; margin-bottom:25px; line-height:20px; font-size:18px;}
.contact li img{ display:inline-block; margin-right:16px; vertical-align:middle;}
.contact li.nofl{ float:none; width:auto; clear:both;}

@media ( max-width:580px){
.contact li{ font-size:16px; width:auto; margin-bottom:10px; float:none;}
.contact li img{ width:28px; height:28px; margin-right:10px;}
}

.HomeLeader{width:25%;}
.ListBtn{padding:17px 6px 0px; border:1px solid #ececec;}
.ListBtn li{background:url(../images/bluebg.png) repeat; height:40px; text-align:center; line-height:18px; border-radius:10px; margin-bottom:10px;}
.ListBtn li a{color:#fff; display:block; display:table-cell; vertical-align:middle; width:2%; height:40px; font-size:16px; padding:0px 3px; font-family:"宋体";}
.ListBtn li a:hover{color:#ffcc00;}

.TheamList{ background-size:cover; margin:8px 0px 0px 0px;position:relative;}
.TheamList li{width:33.33333%; float:left; text-align:center; font-size:40px; font-weight:bold; line-height:52px; padding:15px 0px 35px; font-family:黑体;}
.TheamList li a{display:block;color:#e41600; padding:0 0;}
.TheamList li:nth-child(4){width:100%; font-size:30px; line-height:28px;}
.TheamList li:nth-child(4) p{position:absolute;left:0;top:50%;width:100%; transform: translateY(-50%);}

@media ( max-width:998px){
.HomeLeader{width:auto;float:none; clear:both;}
.ListBtn{padding:20px 0px;}
.ListBtn li{width:48%; float:left;}
.ListBtn li:nth-child(2n){float:right;}
.TheamList li{font-size:18px; font-weight:bold;}
/*.TheamList li:nth-child(4){font-size:24px;}
*/
.ListBtn li a{font-size:14px;}
}

@media ( max-width:640px){
/*.TheamList li{float:none; width:auto; border-bottom:1px solid #fff;}	
.TheamList li:nth-child(4){font-size:16px;}
*/
.TheamList li{font-size:18px;}
}

@media ( max-width:480px){
.TheamList li{line-height:20px;}
.TheamList li:nth-child(4){line-height:10px;}
.TheamList li:nth-child(2) a,.TheamList li:nth-child(3) a{ padding-top:0%;}
.TheamList li:nth-child(1) a,.TheamList li:nth-child(2) a,.TheamList li:nth-child(3) p{width:80px; margin:0px auto;}
.TheamList li p{font-size:16px !important;}
.HomeItemtp li .img img{height:52px;}
}

/*17-10-09*/
.Oa,.Theam{margin:10px 0px; display:none;}
.Oa img{display:block; width:100%;}
.Theam ul{padding:10px 0px 0px;}
.Theam ul li{margin-bottom:8px;}
.Theam ul li img{display:block; width:100%;}