﻿@charset "utf-8";

/*公共样式*/
body{ padding:0px; margin:0px auto; font-size:12px; line-height:23px; color:#666666; font-family:"微软雅黑"; width:100%; min-width:300px; zoom:1; overflow-x:hidden; background-size:auto 100%; background:url(../images/top.gif) 0px top repeat-x;}
td{ font-size:12px; line-height:23px;}
ul,li,form, dl,dt,dd, div,aside,figcaption,article,h1,h2,h3,h4,h5,h6,p,i{ font-style:normal;padding: 0px; margin: 0px;list-style:none;}
figcaption,nav,article,header,aside,footer,time,section{ display:block; margin:0px;}
select,input,em,textarea{ font-family:"微软雅黑"; font-size:14px; font-style:normal; color:#555555;}
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur()); color:#666666;}
a:hover{ color:#1862a3; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
.fl{ float:left;}.fr{ float:right;}
.imgb{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.Contain{ width:1200px; margin:0px auto;}


/*font*/
.arial{ font-family:Arial, Helvetica, sans-serif;}
.st{ font-family:"宋体";}
.red{ color:#a32929}

/*top*/
header{ width:1200px;height:134px; margin:0px auto; position:relative; z-index:10;}
header .top{ line-height:33px; height:33px; color:#fff;}
header .top a{ color:#fff; margin:0px 9px;}header .top a:hover{ color:#ffcc00;}
header .tel{ float:left; background:url(../images/tel.png) 0px center no-repeat; padding:0px 10px 0px 31px; color:#fff; font-size:26px; font-style:italic;}
header .tel a{ color:#fff;}header .tel a:hover{ color:#fff;}
header .search{ float:left; margin-top:6px; height:20px; padding-left:10px; width:130px; background:url(../images/inputbg.png);}
header .search .input{ border:0px; background:transparent; width:106px; height:20px; line-height:20px;}
header .logo{ float:left; padding-top:28px;}

/* nav */
#navigation{position:absolute; right:0px; top:80px; height:53px; line-height:27px;}
#navigation li{ float:left; width:113px; text-align:center; position:relative; z-index:9;}
#navigation .aon a{ display:block; height:52px;font-size:16px; color:#666666;}
#navigation .onnav .aon a:hover,#navigation .onnav .aon a{ border-bottom:3px solid #ff9b19;}

.subnav{ display:none; background:url(../images/filter40.png); padding-top:7px; position:absolute; width:100%; left:0px; top:55px; text-align:center;}
.subnav dl span{ display:block; position:relative; border-bottom:1px solid #7b848d; font-size:14px; line-height:31px;}
.subnav dl dd{ position:relative;}
.subnav dl span a:hover{ background:#1862a3; display:block;}
.subnav dl dd:hover dl{ display:block;}
.subnav dl dd:hover span{ background:#1862a3; }
.subnav dl a{ color:#fff;}
.subnav dl dl{ display:none; position:absolute; left:113px; top:0px; width:113px; padding:0px 10px; line-height:30px; background:url(../images/filter40.png);}
.subnav dl dl dd{ border-bottom:1px dashed #6985a0; margin-bottom:-1px;}
.subnav dl dl dd a:hover{ color:#ffcc00;}

.MainNav{ float:left; width:58%; padding-left:5%;}
.MainNav li{float:left; margin:0 4% 0 3%; position:relative; z-index:999;}
.MainNav li span a{ position:relative;display:block; color:#333333; text-align:center; height:79px; line-height:79px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ad273c;}
.MainNav .line{ position:absolute; left:50%; bottom:0px; height:3px; background:#ad273c; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:30px; margin-left:-15px;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:43px;}
.closebtn{ z-index:999; top:8px; right:202px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:3px; background:#1862a3; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn .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;}
.closebtn .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;}	
.mobilenav{ display:none;}


@media ( max-width:998px){
img{ max-width:100%;}
body{ padding-top:80px;}	
header{ width:auto;height:80px; background:#fff; box-shadow:0 0 10px #ddd; position:fixed; top:0px; left:0px; width:100%;}
header .top{ background:#1862a3;}
#navigation{ display:none;}

header .fl{ display:none;}
header .fr{ float:none;}
header .tel{ float:right; padding-left:16px; font-size:18px;}
header .tel a{ color:#fff;}
header .search{ float:left; margin-left:12px;}


header .logo{ padding:12px 0 0 12px;}
header .logo img{ height:25px !important;}
.Contain{ width:auto; padding:0 12px;}	
img{ max-width:100%;}

.MainNav{ position:fixed; z-index:999; width:200px; padding:0; height:100%; overflow-y:auto; background:#fff; right:-200px; top:0px;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#333 !important;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; width:17px; height:10px; background:url(../images/arr.png); right:10px; top:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li.onnav .arr i{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;}

.pcnav{ display:none;}
.mobilenav{ display:block;}
.openbtn{ display:block;}
.NavPull { display:none; position:static; background:#f2f2f2; text-align:left; width:100%;}
.NavPull dd a{}
.NavPull dd dl{ margin-left:18px; line-height:22px; font-size:14px;}

}



/*footer*/
footer{ background:#dddddd; clear:both; color:#7a7a7a;}
footer a{ color:#7a7a7a;}footer a:hover{ color:#99b219;}
footer .copyright{ clear:both; text-align:center; line-height:28px; padding-bottom:6px; border-top: 1px solid #d2d1d1;}
footer .sitemap{ width:1003px; margin:0px auto; padding:10px 0px 20px;}
footer .sitemap dl{ font-size:14px; float:left; text-align:center; width:128px; height:auto !important; height:187px; min-height:187px;}
footer .sitemap dl dt{ line-height:33px; font-size:15px; background:url(../images/lineb.gif) right center no-repeat;}
footer .sitemap dl dt a{ color:#666666;}footer .sitemap dl dt a:hover{ color:#1862a3;}
footer .sitemap dl dd p{ line-height:30px;}
footer .sitemap dl dd p a{ color:#888888;}footer .sitemap dl dd p a:hover{ color:#1862a3;}
footer .sitemap .ewm{ float:right; border-left:1px solid #d2d1d1; padding:23px 0px 0px 28px; text-align:center; width:153px; line-height:28px; font-size:14px; color:#555555;}
footer .sitemap .ewm .img{ display:block;width:135px; height:135px; margin:0px auto;}

@media ( max-width:998px){
footer{ padding-top:20px; background:#eee;}
footer .sitemap{ width:auto;padding:0px;margin-bottom:0px;}
footer .sitemap dl{ width:auto; line-height:30px; min-height:auto; text-align:left; float:none; border-bottom:1px solid #ddd;}
footer .sitemap dl dt{ background:none; cursor:pointer; line-height:35px; position:relative; padding-bottom:0; font-size:14px;}
footer .sitemap dl dt a{ padding-left:15px;}
footer .sitemap dl .arr{ position:absolute; right:0px; width:100%; height:100%; top:0px;}
footer .sitemap dl .arr i{ width:17px; height:10px; position:absolute; right:12px; top:11px; background:url(../images/arr.png);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
footer .sitemap dl dd{ display:none; padding-bottom:10px;}
footer .sitemap dl dd a{ display:block; padding-left:25px; color:#999; line-height:15px;}
footer .sitemap dl.cur .arr i{
dis-moz-transform: translate(0, 0px) rotate(-180deg) !important;
-ms-transform: translate(0, 0px) rotate(-180deg) !important;
-o-transform: translate(0, 0px) rotate(-180deg) !important;
transform: translate(0, 0px) rotate(-180deg) !important;}
footer .sitemap dl.cur dt{ background:#ddd; color:#fff; margin-bottom:5px;}
footer .sitemap .ewm{ display:none;}
footer .copyright{border-top: 0px solid #d2d1d1; background:#666; color:#fff; padding:10px;}
footer .copyright a{color:#fff;}
}

/*index style*/
.banner{ width:1200px; margin:0px auto;  position:relative; height:500px; overflow:hidden;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;  height:500px;}
.banner .bd li a{ height:500px; display:block;}
.banner .hd{ width:100%;  position:absolute; z-index:2; bottom:13px; left:0; height:15px; line-height:15px; text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:32px; height:5px; margin:0px 3px;overflow:hidden;line-height:9999px; background:#fff;}
.banner .hd ul .on{ background:#1862a3;}

.HomeBan { display:none;overflow:hidden; clear:both; position:relative;}
.HomeBan .slides li{ position:relative;}
.HomeBan .flex-control-nav{bottom:110px; z-index:100;}
.HomeBan .flex-control-nav li a{opacity:1; width:50px; height:2px;margin:0 5px; background:#ffffff}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#ad273c;}
.flexslider .flex-direction-nav a {width: 42px; height: 42px;}
.flexslider .flex-direction-nav .flex-prev {opacity:1; left:-60px; background: url(../images/btn_left.png) center center no-repeat;}
.flexslider .flex-direction-nav .flex-next {opacity:1; right:-60px; background: url(../images/btn_right.png) center center no-repeat;}
.flexslider:hover .flex-direction-nav .flex-prev { left:5%;}
.flexslider:hover .flex-direction-nav .flex-next { right:5%;}
@media ( max-width:1200px){
.HomeBan .flex-control-nav li a{ width:30px;}
.HomeBan .flex-control-nav li a.flex-active{ background:#264a99;}
.HomeBan .flex-direction-nav a { display:none;}
}

@media ( max-width:998px){
.banner{ display:none;}	
.HomeBan { display:block;}
.HomeBan .flex-control-nav{bottom:10px;}
.HomeBan .flex-control-nav li a{ width:30px;}
.HomeBan .flex-direction-nav a { display:none;}
}
@media ( max-width:640px){
.HomeBan .flex-control-nav{bottom:15px;}
}


.noticebg{ height:44px; line-height:44px; background:#f6f6f6;}
.noticebg .Contain{ position:relative;}
.noticebg .tit{ position:absolute; left:0px; top:0px; background:url(../images/noticeicon.gif) 53px center no-repeat; width:83px;font-size:15px;}
.noticebg .notice{ color:#888888; margin-left:83px; height:44px; overflow:hidden; float:left;}
.noticebg .notice li{ float:left; width:325px; font-size:14px;}
.noticebg .notice li a{ color:#888888; margin-right:8px;}
.noticebg .notice li a:hover{ color:#1862a3;}

.productcenter{ margin:22px auto 8px; border:1px solid #87b1d3; width:1198px; height:160px; overflow:hidden; position:relative;}
.productcenter .title{ text-align:center; background:#1862a3; width:25px; padding:23px 24px 0px 27px; height:137px; line-height:28px; font-size:18px; color:#fff; float:left;}
.productcenter .title a{color:#fff;}
.productcenter ul{ float:left; border-left:1px solid #87b1d3;}
.productcenter li{ height:160px; width:185px; position:relative; float:left; color:#fff;}
.productcenter li .img{ display:block; background-position:center center; background-repeat:no-repeat; background-size:contain;height:160px;}
.productcenter li .mast{ display:none; position:absolute; width:100%; height:160px; background:url(../images/filter55.png);}
.productcenter li .mast p{ font-weight:bold; line-height:26px; padding:10px 18px 0px 19px;}
.productcenter li a{ display:block; cursor:pointer; color:#fff; border-right:1px solid #87b1d3;}
.productcenter li .tit{ display:block; position:absolute; width:100%; bottom:0px; left:0px; text-align:center; line-height:28px; background:url(../images/filter55.png); font-size:14px;}
.productcenter li:hover .tit{ display:none;}
.productcenter .more{ position:absolute; right:0px; top:0px; width:20px; text-align:center; background:#1862a3; color:#fff; padding-top:36px; height:125px; z-index:1; line-height:20px;}

.title_home{ height:50px; position:relative;}
.title_home h2{ font-size:16px; color:#555555; line-height:50px; float:left;}
.title_home a.more{ color:#b6b6b6; float:right;}
.title_home .hd{ position:absolute; top:20px; height:21px; right:15px;}
.title_home .hd a{ display:inline-block; line-height:21px; padding:0px 3px; margin-left:18px; color:#555555; font-size:14px;}
.title_home .hd a.hover{ color:#fff; background:#1862a3;}

.newscenter{ padding-left:11px; width:630px; float:left; padding-bottom:25px;}
.newscenter li{ color:#9d9d9d; height:30px; line-height:30px;}
.newscenter li a{ font-size:14px; color:#555;display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:75%; float:left;}
.newscenter li a:hover{ color:#1862a3;}
.newscenter .frist{ position:relative; padding-left:170px; background:url(../images/linebg.gif) 0px bottom repeat-x; margin-bottom:6px; height:125px;}
.newscenter .frist .img{ position:absolute; left:0px; top:0px; height:111px; background-position:center center; background-repeat:no-repeat; background-size:cover;width:160px;}
.newscenter .frist .info{ line-height:18px; color:#888888;}
.newscenter .frist .info dt{ line-height:21px; padding-bottom:9px;}
.newscenter .frist .info dt a{ font-size:16px;}
.newscenter .frist .info p{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.newscenter .frist .info a.more{ margin-top:11px; display:block; width:45px; height:15px; background:url(../images/more.gif);}

.casebox{ float:right; width:517px; padding-bottom:25px;}
.casebox .title_home{ margin-left:10px;}
.casebox li{ float:left; text-align:center; padding:1px 0px 0px 2%; width:31.33333%; height:126px; line-height:30px; font-size:14px;}
.casebox li .img{ display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; height:92px;}
.casebox li .tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}

.casebox2{ height:600px; margin:30px auto 0px; position:relative; width:924px; overflow:hidden;}
.casebox2 ul{ overflow:hidden; zoom:1; }
.casebox2 ul li{ float:left; width:924px; height:600px; margin:0px; overflow:hidden; display:inline;}
.casebox2 ul li img{ max-width:800px; max-height:560px; display:block; margin:0px auto;vertical-align: middle;}
.casebox2 ul li .tit{ display:block; padding-top:10px;line-height:25px; text-align:center; font-weight:bold;}
.casebox2 .prev,
.casebox2 .next{ position:absolute;left:20px; top: 50%; display:block; width:45px; height:70px; overflow:hidden; background: url(../images/arrpop.png) 0px 0 no-repeat; cursor:pointer;}
.casebox2 .next{ left:auto; right:20px; background-position:-45px 0;}
.casebox2 .prevStop{}
.casebox2 .nextStop{}

.friendlink{ height:38px; overflow:hidden; position:relative; line-height:38px; margin-bottom:16px;}
.friendlink .tit{ position:absolute; left:6px; left:0px; width:86px; font-size:14px; color:#666666;}
.friendlink .link{ overflow:hidden; margin-left:92px;}
.friendlink .link li{ width:97px; height:36px; border:1px solid #dddddd; margin-right:12px; float:left;}
.friendlink .link li img{ width:97px; height:36px; display:block;}

@media ( max-width:998px){
.noticebg .tit{ left:12px;}
.noticebg .notice{ width:250px; overflow:hidden;}

.productcenter{ width:auto; margin:0 12px; height:auto; border:0;}
.productcenter .title{ float:none; width:auto; height:auto; padding:10px; font-size:16px;}
.productcenter .more{ display:none;}
.productcenter ul{ float:none;}
.productcenter li{ width:25%;}
.productcenter li a{border-left:1px solid #87b1d3; margin-left:-1px;}
.newscenter{ padding-left:0px; width:auto; float:none;}
.casebox{ float:none; width:auto;}

.casebox2{ width:auto; height:400px;}
.casebox2 ul li{ width:100%; height:400px;}
.casebox2 ul li img{ max-width:100%; max-height:300px;}
.casebox2 ul li table{ width:100%;}
.casebox2 ul li table td{ height:400px !important;}
.casebox2 ul li .tit{ font-size:16px !important;}
.casebox2 .prev,
.casebox2 .next{ left:0px;}
.casebox2 .next{ left:auto;right:0px;}
}
@media ( max-width:640px){
.productcenter li{ width:50%;}
.casebox li{ width:48%;}
.friendlink{ height:90px;}
.friendlink .tit{ position:static;font-size: 16px;color: #555555;line-height: 50px;}
.friendlink .link{ margin-left:0;}
}


/*栏目页样式*/
.bansub { margin-bottom:36px;background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:15%;}

.sidebar{ width:216px; float:left; height:auto !important; height:300px; min-height:300px; padding-bottom:40px;}
.sidebar .titles{ line-height:21px; color:#fff; background:#1862a3; padding-top:30px; text-align:center; height:84px; text-transform:uppercase;}
.sidebar .titles span{ line-height:28px; font-size:24px; display:block;}
.sidebar .menu li .am { display:block; line-height:51px; border-top:1px solid #e1e1e1; background:#f4f4f4;}
.sidebar .menu li .am a{ display:block; padding-left:28px; font-size:14px; color:#333333;}
.sidebar .menu li .am a:hover,.sidebar .menu li .am a.current,.sidebar .menu li .am a:hover.current{color:#fff;background:#1862a3; border-left:4px solid #ff9b19;}
.sidebar .menu li .am.down a{ background:url(../images/downarr.gif) 193px center no-repeat;}
.sidebar .menu li .am.down a:hover,.sidebar .menu li.current .am.down a,.sidebar .menu li.current .am.down a:hover{color:#fff; background:#1862a3; border-left:4px solid #ff9b19;}
.sidebar .menu li .am.down a.current,.sidebar .menu li .am.down.current a:hover{color:#fff; background:#1862a3; border-left:4px solid #ff9b19;}

.sidebar .menu .sub{ display:none; clear:both; margin-bottom:-1px;}
.sidebar .menu .sub dd{ line-height:35px;}
.sidebar .menu .sub dd a{ display:block; padding-left:73px; color:#4a4a4a; background: #cedeec url(../images/linebg3.gif) 0px bottom repeat-x;}
.sidebar .menu .sub dd a:hover,.sidebar .menu .sub dd a.cur{ color:#fff; background: #6f9dc6 url(../images/linebg2.gif) 0px bottom repeat-x;}

.sidebar .menu .sub{ display:none; clear:both; margin-bottom:-1px;}
.sidebar .menu .sub li{ line-height:35px; position:relative;}
.sidebar .menu .sub li a{ display:block; padding-left:30px; color:#4a4a4a; background: #cedeec url(../images/linebg3.gif) 0px bottom repeat-x; position:relative;}
.sidebar .menu .sub li a:hover{ background: #6f9dc6 url(../images/linebg2.gif) 0px bottom repeat-x; color:#fff;}
.sidebar .menu .sub li.on a{ color:#fff; background: #6f9dc6 url(../images/linebg2.gif) 0px bottom repeat-x;}
.sidebar .menu .sub li dl{ display:none; position:absolute; width:216px; left:216px; top:0px; z-index:1;}
.sidebar .menu .sub li:hover dl{ display:block;}
.sidebar .menu .sub li:hover a{ background: #6f9dc6 url(../images/linebg2.gif) 0px bottom repeat-x; color:#fff;}
.sidebar .menu .sub li dl a:hover{ color:#ffcc00;}
.sidebar .menu .sub{ display:none; clear:both; margin-bottom:-1px;}
.sidebar .menu .sub dd{ line-height:35px;}
.sidebar .menu .sub dd a{ display:block; padding-left:30px; color:#4a4a4a; background: #cedeec url(../images/linebg3.gif) 0px bottom repeat-x;}
.sidebar .menu .sub dd.on a{ color:#fff; background: #6f9dc6 url(../images/linebg2.gif) 0px bottom repeat-x;}


.subcontent{ width:924px; float:right; padding-bottom:40px;}

.position{ height:35px; line-height:33px; border-bottom:1px solid #eeeeee;}
.position h2{ float:left; padding:0px 5px 0px 2px; border-bottom:3px solid #ff9b19; font-size:16px; color:#333333;}
.position .place{ padding-right:5px; float:right; color:#333333;}
.position .place a.home{ color:#9c9c9c;}
.position .place a{ color:#333333;}.position .place a:hover{ color:#1862a3;}


.content{ padding-top:37px; line-height:30px; font-size:14px; color:#444444;}
.content .lxwm{ line-height:28px; padding:0px 0px 37px 11px; font-size:16px; color:#555555;}
.content .lxwm .companyname{ line-height:36px; padding-bottom:9px;}
.zoompic{ width:414px; float:left; padding:18px 0px;}
.zoompic img{ height:auto !important;}

.infos{ width:418px; float:left; line-height:26px; font-size:14px; padding:29px 0px 18px 25px;}
.infos .h3{ font-size:18px; color:#1862a3; margin-bottom:15px;}
.tits2{ background: #e8e8e8; padding:4px 0px 0px 10px; line-height:34px; font-size:16px; color:#666; font-weight:bold; clear:both; height:34px;}
.tits2 span{ display:block; height:34px; float:left; text-align:center; width:98px; cursor:pointer;}
.tits2 .hover{ background:#fff; color:#333;}
.con1{ padding:26px 19px 0px 19px; font-size:14px;}

@media ( max-width:998px){
.bansub { height:120px; margin-bottom:12px; padding:0;}
.sidebar{ width:auto; float:none; margin-bottom:10px; height:auto !important; height:auto; min-height:auto; padding-bottom:0px;}
.sidebar .titles{ display:none;}
.sidebar .menu li .am {line-height:30px;}
.sidebar .menu .sub dd a{ padding-left:40px;}
.subcontent{ width:auto; float:none; padding-bottom:30px;}
.sidebar .titles{padding:12px 0; height:auto;}
.sidebar .titles span{ font-size:16px; line-height:18px;}
.zoompic{ width:auto; float:none; padding:18px 0px;}
.zoompic img{ width:100% !important;}
.infos{ width:auto; float:none; line-height:24px; padding:0px 0px 28px 0px;}
.con1{ padding:20px 0px 0px 0px;}
.sidebar .menu .sub li:hover dl{ display:none;}
.content table{ width:100% !important;}

}



.message{ float:left; padding:30px 0px 0px 40px; width:400px;}
.message p{line-height:22px; font-size:14px; font-weight:bold;}
.message dd{margin-bottom:10px;}
.message .send{ padding:10px 0px 35px 0px; margin:0px; color:#666666;}
.message .btn_1 {color:#464646; font-family:"微软雅黑"; font-weight:bold; font-size:14px;height: 28px;width:89px;background: #FFFFFF url(../images/btn_1.gif); border:none; cursor:pointer; margin-right:10px;}
.message .input_1 { border:0px; padding-left:9px; height:28px; line-height:28px; width:218px; background:url(../images/bg_input.gif) 0px top no-repeat;}
.message .bg_input_2 { background-image:url(../images/bg_input2.gif); width:386px; height:93px; padding:5px 0px 0px 1px;}
.message .input_2 { border:0px;height:86px; line-height:21px; width:380px;}
.message .f_gray3 {color: #414042; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.imgmessage{ float:right; padding:30px 40px 0px 0px;}

@media ( max-width:810px){
.imgmessage{ display:none;}
.message{ float:none; padding:30px 0px 0px 0px; width:auto;}
.message .input_1 { border:1px solid #b8b8b8; border-radius:5px; padding-left:0px; text-indent:1em; height:28px; line-height:28px; width:99%; background:none;}
.message .bg_input_2 { background:none;width:99%; border:1px solid #b8b8b8; border-radius:5px; height:93px; padding:5px 0px 0px 1px;}
.message .input_2 { border:0px;height:86px; line-height:21px; width:100%;}
.message dd:nth-child(5) .input_1{ width:100px;}
.message .send{ text-align:center; padding-bottom:10px;}
}

.newslist{ margin:42px 6px 0px 8px;}
.newslist .otit{ background:url(../images/dot.gif) 0px center no-repeat; padding:0px 11px 0px 26px; font-size:14px; height:30px; line-height:30px;}
.newslist .mast{ padding:0px; background:url(../images/linebg2.gif) 0px bottom repeat-x; height:183px; display:none;}
.newslist li .date{ float:right; color:#c2c2c2;}
.newslist li a{ color:#444;}.newslist li a:hover{ color:#1862a3;}
.newslist li.blank{ height:25px; background:none;}
.newslist li.frist{ padding:0px; background:url(../images/linebg2.gif) 0px bottom repeat-x; height:183px; margin-bottom:25px;}
.newslist li .img{ width:247px; float:left;}
.newslist li .info{ width:631px; float:right; line-height:30px; color:#777777;}
.newslist li .info dt{ font-size:16px; font-weight:bold; line-height:34px; padding-bottom:5px;}
.newslist li .info a.detail{ display:block; text-align:center; margin-top:12px; color:#fff; width:71px; line-height:21px; background:url(../images/detailbg.gif);}
.newslist li:hover .mast{ display:block;}
.newslist li:hover .otit{ display:none;}


.hrcon{ background: #f5fbff url(../images/hrconbg.jpg) 0px bottom no-repeat; padding:23px 32px 104px 42px;}
.hrcon .tip{ text-align:center; font-size:16px; background:#fce8d5; line-height:54px; color:#ff7519; margin-bottom:28px;}
.hrcon .f16{ font-size:16px;}

.hrlist{ background:url(../images/linebg2.gif) 0px bottom repeat-x; padding:34px 0px 25px 0px;}
.hrlist li{ font-size:14px; margin:0px 0px 0px 4px; background:url(../images/dot.gif) 0px center no-repeat; padding-left:20px; padding-right:80px; height:32px; line-height:32px; color:#c2c2c2; position:relative;}
.hrlist li a{color:#444444;display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.hrlist li a:hover{color:#1862a3;}
.hrlist li .fr{ position:absolute; right:0px; top:0px;}

@media ( max-width:998px){
.newslist li { position:relative; padding-right:70px;}
.newslist li .date{ font-size:12px; position:absolute; right:0px;}
.newslist li a.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; padding-bottom:0;}
.newslist li.frist{ height:125px; margin-bottom:0px;}
.newslist li .img{ width:30%;}
.newslist li .img img{ height:109px !important;}
.newslist li .info{ width:68%;}
.newslist li .info dt{ font-size:14px;display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; padding-bottom:0;}
.newslist li .info dd p{ line-height:18px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newslist li:hover .otit{ display:block !important;}
.newslist .mast{display:none !important;}
.hrlist li .fr{ font-size:12px;}
.hrcon{ padding:23px 12px 104px 12px;}
}


.hrtplist{ width:960px; margin:44px 0px 0px -36px; font-size:14px;}
.hrtplist li{ float:left; padding-left:42px; width:438px; height:189px;}
.hrtplist li .img{ float:left; padding-top:1px;}
.hrtplist li .info{ line-height:25px; width:221px; float:right; color:#777777;}
.hrtplist li .info dt{ line-height:37px; font-size:18px;}
.hrtplist li .info dt a{ color:#444444;}.hrtplist li .info dt a:hover{ color:#1862a3;}
.hrtplist li .info a.detail{ display:block; text-align:center; margin-top:21px; color:#999999; width:71px; line-height:21px; background:url(../images/detailbg2.gif);}
.hrtplist li .info a:hover.detail{color:#fff; background:url(../images/detailbg.gif);}

.tip{ clear:both; background:#1862a3; border-left:3px solid #ff9b19; color:#fff; padding:5px 0px 5px 15px; font-size:14px; margin-top:10px;}
.caselist{ margin:32px 0px 0px -3%;}
.caselist li{font-size:16px; text-align:center; float:left; margin:0px 0px 4% 3%; width:30.33333%; position:relative;}
.caselist li .tit{ position:absolute; width:100%; line-height:28px; background:rgba(0,0,0,0.4); display:block; bottom:0px;display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.caselist li .img{ padding-top:68%;background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.caselist li a{ color:#fff;}.caselist li a:hover{ color:#ffcc00;}
.caselist li .info{ font-size:13px; line-height:22px; text-align:left; padding:8px;}

.popboxx{position:fixed; width:900px; height:640px; z-index:10001; left:50%; top:50%; display:none; margin:-320px 0px 0px -450px;}
.maskbg{ background-image:url(../images/filter40.png); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; display:none;}
.popinfo{ background:#fff; position:relative; padding:20px;}
.popinfo .closes{ width:70px; height:30px; display:block; background:#000; position:absolute; top:0px; right:0px; background:url(../images/close_pop.png) 0px center no-repeat;}
.popinfo .picScroll{ height:600px; margin:0px auto; width:800px; overflow:hidden;}
.popinfo .picScroll ul{ overflow:hidden; zoom:1; }
.popinfo .picScroll ul li{ float:left; width:800px; height:600px; margin:0px; overflow:hidden; display:inline;}
.popinfo .picScroll ul li img{ max-width:800px; max-height:; display:block; margin:0px auto;vertical-align: middle;}
.popinfo .picScroll .prev,
.popinfo .picScroll .next{ position:absolute;left:20px; top: 50%; display:block; width:45px; height:70px; overflow:hidden; background: url(../images/arrpop.png) 0px 0 no-repeat; cursor:pointer;}
.popinfo .picScroll .next{ left:auto; right:20px; background-position:-45px 0;}
.popinfo .picScroll .prevStop{}
.popinfo .picScroll .nextStop{}
.titpro{ line-height:80px; padding-top:14px; font-size:18px; color:#ff9b19}
.procon{ position:relative; text-indent:2em; overflow:hidden; font-size:14px; color:#555555; line-height:24px;}
.procon .more{ display:none;}
.procon a{ color:#ff9b19;}

.probox{ padding:19px 0px 0px 0px; margin-bottom:32px;}
.probox .line{ height:44px; background:url(../images/linebg2.gif) 0px bottom repeat-x; clear:both;}
.probox .img{ padding:1px 0px 0px 8px; float:left;}
.probox .list{ width:630px; float:right; padding:0px; font-size:14px;}
.probox .list li{ padding-left:18px; width:280px; float:left; height:38px; line-height:38px;}
.probox .list li a{ background:url(../images/arr1.gif) 0px center no-repeat; padding-left:14px;}
.probox .list li a:hover{ background:url(../images/arr01.gif) 0px center no-repeat; color:#ff9b19;}
.popinfo .picScroll .prev,
.popinfo .picScroll .next{left:0px;}
.popinfo .picScroll .next{ left:auto; right:0px;}

@media ( max-width:998px){
.popboxx{position:fixed; width:94%;left:3%; top:5%; height:90%; margin:0px 0px 0px 0px;}
.popinfo .picScroll{ width:400px; margin:0px auto; height:550px;}
.popinfo .picScroll ul li{ width:400px; height:550px;}
.popinfo .picScroll ul li img{ max-width:100%;}

.probox{ margin-bottom:18px;}
.probox .line{ height:20px;}
.probox .img{ float:none; text-align:center;}
.probox .img img{ width:100% !important; height:auto !important;}
.probox .list{ width:auto; float:none; margin-top:10px;}
.probox .list li{ width:auto; float:none; height:30px; line-height:30px;}
.caselist li .tit{ font-size:14px;}
}
@media ( max-width:560px){
.popinfo .picScroll{ width:350px;}
.popinfo .picScroll ul li{ width:350px;}
}


.searchbox{ background:#f1f1f1; margin-top:24px; padding:12px 0px 0px 16px;}
.searchbox .item{ position:relative; float:left; padding:0px 13px 11px 0px;}
.searchbox .item .point{ display:block; background:url(../images/selectbg.gif) right top no-repeat; width:6px; right:13px; top:0px; z-index:99; height:38px; position:absolute;}
.searchbox .item .input{ background:url(../images/selectbg.gif) 0px top no-repeat; width:449px; height:38px; line-height:38px; border:0px; text-indent:1em; color:#a1a1a1; font-size:14px;}
.searchbox .item .btn{ color:#fff; font-size:15px; width:114px; height:36px; background:#ff9b19; border:0px;}
.searchbox .item select{height:38px; border-radius:2px; color:#a1a1a1; padding:8px 0px 8px 10px;border:0px; border-bottom:0px; background:url(../images/selectbg.gif) 0px top no-repeat;}
.searchbox .item .select1{ width:196px;}
.searchbox .item .select2{ width:239px;}
.searchbox .item .select3{ width:127px;}
.mobilesj{ display:none;}

@media ( max-width:998px){
.searchbox{ padding-right:16px; padding-bottom:12px;}
.searchbox .item{ padding:0px; margin:0 0 8px 2%;}
.searchbox .item:nth-child(1),.searchbox .item:nth-child(2){ width:48%;}
.searchbox .item select{height:30px; border-radius:2px; border:1px solid #d1d1d1 !important; background:#fff !important; color:#a1a1a1; padding:0px; width:100%;}
.searchbox .item:nth-child(3),.searchbox .item:nth-child(4),.searchbox .item:nth-child(5){ width:31.3333%;}
.searchbox .item .input{ height:30px; border-radius:2px; border:1px solid #d1d1d1 !important; background:#fff !important; color:#a1a1a1; padding:0px; width:98%; line-height:30px;}
.searchbox .item .select1{ width:100%;}
.searchbox .item .select2{ width:100%;}
.searchbox .item .select3{ width:100%;}
.searchbox .item:nth-child(6){ width:100%;}
.searchbox .item .btn{ color:#fff; font-size:15px; margin:0px auto; width:114px; height:36px; background:#ff9b19; border:0px;}
.searchbox .item:nth-child(7){ float:none; width:auto; clear:both; text-align:center;}
.mobilesj{ display:block;}
}


.searchtit{line-height:22px; padding:12px 0px 15px 0px; color:#1862a3; font-size:14px;}
.searchtit h2{ font-size:16px; color:#555555; line-height:40px;}
.searchlist .thead{ background:#f1f1f1;line-height:41px; font-size:12px; font-weight:bold;color:#666; text-align:center;}
.searchlist .item{background:url(../images/linebg2.gif) 0px bottom repeat-x;}
.searchlist { text-align:center; margin-bottom:47px;}
.searchlist li{ float:left;}
.searchlist .t1{ padding-left:5%; width:22%; text-align:left;}
.searchlist .t2{ padding-left:5%; width:32%;}
.searchlist .t3{ padding-left:5%; width:31%;}
.searchlist li{ padding:9px 0px 9px 30px; font-size:14px; line-height:25px;}



#map{ position:relative;max-width: 800px;}
#map span{display:block;width: 21%;float: left; padding: 2% 0;}

#map a{dispaly:block;    background: url(../images/mapicon2.gif) left 2px no-repeat;
    color: #000;
    padding-left: 14%;
    font-size: 18px;
}}
#map a:hover{ color:#cc0000;}
#map .popbox{ display:none; z-index:999;position:absolute; width:340px;right: -160px;bottom: 0;top: 0; z-index: 99;}
#map .mp2 .popbox {display: block; z-index: 1;}
#map .popbox a.close{ display:none; background:url(../images/close.png); width:26px; height:26px; display:; position:absolute; right:-6px; padding:0px; top:-11px;}
#map .popbox .box{ position:relative; line-height:22px; font-size:14px; color:#555555; padding:21px 13px 0px 15px; background:url(../images/popbg.png) 0px top no-repeat;min-height:221px;}
#map .popbox .point{ background:url(../images/popbg.png) right bottom no-repeat; padding-bottom:14px;}
#map .popbox .img img{ width:300px; display:block; margin-bottom:5px;}
#map .popbox h1{ line-height:26px; font-size:16px; color:#444444;}

#map span:hover .popbox{ display:block;}

.titleinfo{ padding:21px 0px 4px 0px; line-height:32px; text-align:center; background:url(../images/linebg2.gif) 0px bottom repeat-x;}
.titleinfo h1{ line-height:24px; font-size:16px; color:#292929;}

.sjmap{ display:none;}
@media ( max-width:640px){
.pcmap{ display:none;}
.sjmap{ display:block; text-align:center;}
#map .popbox .box{padding:15px; border-radius:10px; background:#fff; box-shadow:0 0 15px #999;}
#map .popbox .point{ display:none;}

}

@media ( max-width:552px){
#map .popbox {right: 0; top: 395px;}
#map span {width: 25%;}
#map a {font-size: 14px;}
footer {margin-top: 250px!important;}
}


/*翻页*/
.page{ text-align:center; clear:both; line-height:28px; color:#aeaeae}
.page a{ color:#aeaeae; margin:0px 9px;}
.page a:hover{ color:#1862a3;}
.page .input{ border:1px solid #c0c0c0; border-radius:1px; width:38px; height:17px; line-height:17px; vertical-align:middle; margin-left:8px;}
.page .btn{ border:0px; color:#fff; font-size:12px; text-align:center; vertical-align:middle; padding:0px; font-family:"宋体"; width:20px; height:15px; background: transparent url(../images/gobtn.gif);}

.pagen{ clear:both; line-height:28px; background:url(../images/linebg2.gif) 0px top repeat-x; margin-top:20px; padding-top:12px; font-size:14px; color:#444;}
.pagen dd{ height:28px; overflow:hidden;}

.rigContent{ width:100%;}
.tab001 tr{border-top:1px solid #dddddd;}
.tab001{border-bottom:1px solid #dddddd;}
.joinBox{margin-left:26px;margin-right:26px;margin-top:60px;}
.rigContent2{ width:100%;}
.tab001{ margin:25px 0px 0px 0px;}
.tab001 tr td{font-size:12px;}
.tab001 .tr001{background: #f2f2f2 ;height:40px;}
.tab001 .tr001 td{font-size:14px;color:#545454;padding-left:0px;font-weight:bold;}
.td003{width:150px;}
.td001{color:#545454;font-weight:bold;padding-left:0px;}
.td002{color:#666666;width:150px;line-height:22px;padding:8px 4px;}
.detailBtn:hover{color:#0563b0;border:2px solid #0563b0}
.detailBtn{border:2px solid #767676;margin:0 auto; font-family:"微软雅黑",Arial;color:#767676;display:block;text-align: center;line-height:36px;width:85px; height:36px; background:#fff;}

.tab002 tr td{color:#666666;height:30px;font-size:12px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.tab002{border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
.trSty001{background:#f7f7f7;}
.trSty001 td{font-weight:bold;color:#005dad !important;width:100px;}
.tdSty01{padding-left:24px; width:20%;}
.tdSty02{padding-left:12px;}
.conditionBox{padding:26px 12px;line-height:18px;}
.yinpin{display: block;height:23px; margin:43px auto;line-height:23px; background:url(../images/yinpin.jpg) no-repeat;width:79px;text-align: center;}


.QQ_Alert{position: fixed;padding: 0 15px;background: #1862a3;color: #fff;font-size: 14px;height: 40px;line-height: 37px;vertical-align: top;top: 30%;right: 0;}
.QQ_Alert img{vertical-align: middle;margin-right: 5px;width: 20px;}

.QQ_Alert:hover{color:#fff;}




.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }

@media ( max-width:640px){
.keifu{width: auto;}
.keifu_tab{width: auto;}
.keifu_box{display: none;}
.icon_keifu{display: block;}


}















