﻿@charset "utf-8";
html{ font-size:62.5%;}
body{ padding:0px 0px 0px 0px; margin:0px auto; font-size:14px; line-height:1.5em; font-family: Microsoft YaHei,arial,'宋体'; color:#333333; min-width:320px; max-width:720px;
-webkit-text-size-adjust:none;
-webkit-text-size-adjust:none; /*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;  /*设置字体的抗锯齿或者说光滑度*/
}
ul,li,form,dl,dt,dd, div{ padding:0px; margin:0px;}
ul,ul li,i{ list-style: none; margin: 0; font-style:normal;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0; border:0px;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;}.fl{ float:left;}.fr{ float:right;}

.clear{ clear:both; overflow:hidden; zoom:0;}
.clearfix{overflow:hidden;_zoom:1;}
.loding{ background:url(../images/loading_red.gif) no-repeat center center #fff; position:absolute; width:100%; min-width:100%; height:100%; min-height:100%; z-index:100;}

.Contain{ position:relative; height:auto !important; height:350px; min-height:350px;}
.auto{ padding:0px 10px;}

/*pages*/
.Pages{ padding:0px; zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; font-size:1.4em;}
.Pages span{ display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; font-size:20px; padding:1% 1.5%; text-align:center;}
.Pages .p_page { display:block;}
.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; margin:0px 2px; background:#e6e6e6;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{}
.Pages .p_page .num a{ display:inline-block; background:#e5e5e5; vertical-align:middle; color:#333333;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#e60012; color:#fff;}
/*pages end*/

/*top*/
#header{ position:relative; padding:2% 10px;}
#header h1{ width:33%; margin:0px auto;}
#header .back{float:left; padding:20px 10px 20px 10px; width:20%; font-size:1.7em;background: url(../images/backbg.png) left center no-repeat; padding-left:4.5%;}
#header .back a{color:#333;}
#header a{ color:#fff;}
#navigation {}
#navigation h2{ cursor:pointer; display:block; position:absolute; top:28%; right:0px; padding:0 10px 0px 28px; width:7%;}
#navigation h2.on{}
#navigation .sub{ text-align:left; margin-top:2%; display:none; z-index:1000; position:absolute; right:0px; width:100%; background:url(../images/mastbg.png);}
#navigation .sub li{ border-bottom:1px solid #fff; text-align:center;}
#navigation .sub li span{ position:relative; display:block; padding:2%;z-index:99;}
#navigation .sub li span a{ font-size:1.4em;color:#fff; display:block;}
#navigation .sub li:last-child{ background:none;}
.UI-jian{background: url(../images/zoom_jian.gif) center center no-repeat;}
.UI-jia{background: url(../images/zoom_jia.gif) center center no-repeat;}
#navigation li span .UI-jian,#navigation li span .UI-jia{position:absolute;right:0%;top:-8%; padding:4.5% 8%;display:block; cursor:pointer;}
#navigation .sub .foldContent { background:#eeeeee; display:none; padding:2% 0 2% 0%;}
#navigation .sub .foldContent li{ border-bottom:0px; margin-bottom:0; padding:0px; line-height:30px;}
#navigation .sub .foldContent li a{ color:#333; font-size:15px;}

/*top end*/

/*bottom*/
.Bottom{ font-size:12px; background:url(../images/footbg.gif); line-height:27px; color:#fff; text-align:center; padding:5% 0 3% 0;}
.Bottom a{color:#fff;}
.Bottom .logo{ padding-bottom:4%;}
.Bottom .BottomNav{ margin-bottom:6px;}
.Bottom .BottomNav a{ display:inline-block; margin:0px 8px;}
.Bottom a{ color:#fff;}
.Bottom .share{ padding-top:4%;}
.Bottom .share a{ margin:0px 2px; display:inline-block; width:8%;}

.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 30px;right: 20px;overflow: hidden; background:url(../images/top.gif);visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}

/*home*/
.HomeBan{ position:relative; overflow:hidden; margin:0px auto;max-width:720px;/* 设置焦点图最大宽度 */}
.HomeBan .hd{ display:block; position:absolute; height:8px; bottom:15px; left:0%; width:100%; text-align:center; z-index:1;}
.HomeBan .hd li{ text-indent:-999; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; text-indent:-9999px; overflow:hidden; margin:0 4px; border-radius:50%; background:#3aa49a; cursor:pointer;}
.HomeBan .hd li.on{ background:#2b5988;}
.HomeBan .bd li{text-align:center;}

.HomeNav{ padding:4% 0%;}
.HomeNav li{float:left; width:16.6%; text-align:center; line-height:30px;}
.HomeNav li div{ padding:0 2.5%;}
.HomeNav li .img{ width:92%; margin:0px auto; display:block;}

.HomeAbout{ text-align:center;}
.AboutTit em img{display:none;}
.AboutTit span{ display:block; font-weight:bold; color:#222222; font-size:1.5em; background:url(../images/linebg2.gif) center bottom no-repeat; padding:3.2% 0 2.8%;}
.AboutTit span{ display:block; font-weight:bold; color:#222222; font-size:1.5em; background:url(../images/linebg2.gif) center bottom no-repeat; padding:3.2% 0 2.8%;}
.HomeAbout .Ainfo{ padding:4% 0 0; line-height:1.8em;}

.Hometit{ font-weight:bold; text-align:center; background:url(../images/titlebg.gif) center bottom no-repeat; font-size:1.85em; padding:2.6% 0 18px 0;}
.HomeNews{}
.HomeNews li{ position:relative; background:url(../images/linebg3.gif) 0px bottom repeat-x; margin-top:4%; /*padding:0% 0 4% 167px;*/ color:#666666; height:auto !important; height:94px; min-height:94px;}
.HomeNews li .img{ position:absolute; top:0px; left:0px; display:none;}
.HomeNews li .img img{ display:block; width:150px; height:94px;}
.HomeNews li .tit{ line-height:2em; font-size:1.2em;}
.HomeNews li .tit a{ color:#000; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:64%; float:left;}
.HomeNews li .tit a.more{display:block; line-height:26px; height:26px; background:url(../images/morebg.png) no-repeat left top; width:80px; text-align:center; float:right; font-size:13px; color:#3e3b3b;}
.HomeNews li p{ color:#666666; font-size:12px;}

.Mores{ text-align:center;}
.Mores a{display:inline-block; font-size:1.2em; color:#909090; padding:1% 12%;}

.HomeCase{ padding:4.6% 0 4.6% 0;}
.HomeCase ul{ margin-left:-16px;}
.HomeCase li{ width:33.3333%; float:left;}
.HomeCase li .img{ margin-left:16px;}
.HomeCase li .img img{ display:block; height:344px;}

@media screen and  (max-width:640px){
  .HomeCase li .img img{ display:block; height:303px;}
}
@media screen and  (max-width:480px){
  .HomeCase li .img img{ display:block; height:218px;}
}

/*栏目页*/
.ColumnName{ position:absolute; width:60%; left:20%; top:2.58%; text-align:center; font-size:2em;}

.MenuList{ text-align:center; padding:4% 0;}
.MenuList ul{ margin-left:-1%;}
.MenuList li{ width:26%; float:left; font-size:1.125em; margin-bottom:3%;}
.MenuList li a{ display:block; margin-left:8%; padding:4% 0; border:1px solid #eeeeee; color:#000;}
.MenuList li a:hover,.MenuList li a.cur{ border:1px solid #2c4d80; background:#2c4d80; color:#fff;}
.MenuList.contact li{ width:50%; float:left; font-size:1.125em;}
.MenuList.contact ul{ margin-left:-2%;}
.MenuList.contact li a{ margin-left:5%;}

.TitSub{ text-align:center; background:url(../images/linesub.gif) center bottom no-repeat; padding:6% 0 1.5% 0; line-height:3em;}
.TitSub span{display:inline-block; color:#be0000; font-size:1.4em;}

.SinglePage{ color:#333333; padding:5% 0 5% 0; font-size:1.25em; line-height:2em;}

.NewsList{ margin:5% 0;}
.NewsList li{ padding-bottom:4%;}
.NewsList li .tit{ font-size:1.25em; padding-bottom:1%;}
.NewsList li .p{ font-size:1.125em; color:#666666; line-height:1.6em;}
.NewsList li .date{ color:#999999;}

.prolist{ margin:4% 0 4% -3.4%;}
.prolist li{ width:50%; margin-bottom:5%; float:left;}
.prolist li .box{ position:relative; margin-left:7%;}
.prolist li .box .img img{ }
.prolist li .tit{ clear:both; color:#fff; font-size:1.2em; line-height:2em; background:url(../images/filterbg.png); text-indent:1em;}

@media screen and (max-width:480px){
 .prolist li .box .img img{}
}

.protit { margin:2% 0 2% 0;}
.protit b{ display:inline-block; color:#fff; min-width:100px; background:#df1000; padding:0.2% 0%; text-align:center;}
.w106{ min-width:106px; display:inline-block;}

.dates{ text-align:center; padding:2% 0 0 0; font-size:1.1em; color:#888; font-weight:normal;}
.backs{ text-align:right;}
.backs a{ color:#fff; border-radius:5px; padding:2% 4%; background:#df1000;}
.PrevNextBox { margin:2% 0 4.5% 0; font-size:1.25em; border-top:1px solid #eeeeee; padding:16px 10px 0px 10px; line-height:2em; position:relative;}
.PrevNextBox a{}
.PrevNextBox a.none{ cursor:default;}
.PrevNextBox a.none:hover{ color:#333;}

.OnlineBox{margin:5% auto 5%;}
.OnlineBox table td{font-size:1.25em; color:#a0a0a0; line-height:1.5em; padding-bottom:12px;}
.OnlineBox table td.Black{color:#444444;}
.OnlineBox table td em{color:#cc0000; margin-left:1%;}
.OnlineBox table td select{border:1px solid #e8e8e8;  padding:1.6% 0; width:80%; line-height:40px; margin-left:3%; text-indent:1em; font-size:1em; color:#444444;}
.OnlineBox table td .input{border:1px solid #e8e8e8; width:80%; padding:1.6% 0; margin-left:3%; text-indent:1em;font-size:18px; color:#444444;}
.OnlineBox table td .radio{margin-left:26px;}
.OnlineBox table td .text{border:1px solid #e8e8e8; height:102px; width:80%; margin-left:3%; text-indent:1em; font-size:18px; color:#444444;}
.OnlineBox table td .input2{border:1px solid #e8e8e8; padding:1.6% 0; width:30%; margin-left:3%; text-indent:1em; font-size:18px; color:#444444;}
.OnlineBox table td label{ display:inline-block;}
.OnlineBox table td img{margin:0px 0px 0px 11px;}
.OnlineBox table td .Botton{display:block; width:80%; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; background:#2c4d80; margin-top:21px;}

.JobMenu { margin:3% 0;}
.JobMenu li{line-height:2em; margin-bottom:3%;}
.JobMenu li .am a{font-size:1.3em; display:block; color:#333; background:#dcdcdc url(../images/zoom_jia.gif) no-repeat right center; padding:2% 3% 2%;}
.JobMenu li .am a.current2{ background:#0696a4 url(../images/zoom_jian.gif) no-repeat right center; color:#fff;}
.JobMenu li .am a:hover.current2{ background:#0696a4 url(../images/zoom_jian.gif) no-repeat right center; color:#fff;}
.JobMenu li .sub{line-height:27px; color:#222222; background:#fff; padding:2.8% 0px 2.8% 3%; display:none;}
.JobMenu li .sub .apply{margin:2% 0 0 0;}
.JobMenu li .sub .apply a{display:block; width:76px; text-align:center; line-height:30px;color:#fff; background:#07c1d3; border-radius:10px;}


.JobForm{ color:#666666; margin:3% 0px 3% 0;}
.JobForm .f1{ font-size:1.25em; color:#333333; padding:35px 0px 5px 22%; height:32px;}
.JobForm td{ padding:5px 0px;}
.JobForm .input { border:1px solid #dbdbdb; width:88%; padding:1.6% 0;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:14px; padding:2% 8%; background:#976b31; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:14px; padding:2% 8%; background:#eef1f3; border:0px; cursor:pointer;}


.DownloadBox{ width:100%;margin:4% auto 4%;}
.DownloadBox li{ width:100%;height:104px; margin:0px 0px 4% 0px; background:#f6f6f6;}
.DownloadBox li .Downinfo{width:36%; float:left; padding:27px 0px 0px 25px;}
.DownloadBox li .Downinfo em{display:block; font-size:1.4em; line-height:24px; color:#444444;}
.DownloadBox li .Downinfo span{display:block; font-size:14px; line-height:22px; color:#9b9b9b;}
.DownloadBox li a.Download{display:block; width:95px; height:46px; float:right; background:url(../images/downloadbg.jpg) no-repeat left bottom; padding-top:58px; line-height:46px; font-size:14px; color:#7b8fad; text-align:center;}
.DownloadBox li:hover a.Download{background:url(../images/downloadbg.jpg) no-repeat left top; color:#fff;}

@media screen and (min-width:320px) and (max-width:720px){
 body{ font-size:1.1em;}
 .HomeBan{width:100%;}
}

@media screen and (min-width:480px){
	.p_page a{font-size:14px;}
}
@media screen and (min-width:400px) and (max-width:480px){
	.p_page a{font-size:12px;}
	.HomeNews li .img img{height:140px;}
	/*.HomeNews li:first-child .img img{height:186px;}*/
	.HomeNews li:first-child p{height:115px;}
}
@media screen and (min-width:320px) and (max-width:400px){
	.p_page a{font-size:12px;}
	.HomeNews li .img img{height:152px;}
	/*.HomeNews li:first-child .img img{height:214px;}*/
	.HomeNews li:first-child p{/*height:115px;*/}
}
@media screen and (max-width:320px){
	#navigation li span .UI-jia{
		right:5%;
	}
	#navigation h2{
		right:10%;
	}
	.p_page a{font-size:10px;}
	.HomeNews li .img img{height:175px;}
	/*.HomeNews li:first-child .img img{height:260px;}*/
	.HomeNews li:first-child p{height:115px;}
}
@media screen and (max-width:480px){
	.DownloadBox li .Downinfo{padding-top:10px;}
}
#slideBox ul li img{}
.SinglePage tr {width:100%;}
/*.SinglePage tr td:nth-child(1){width:64%;}*/
/*.SinglePage tr td:nth-child(2){width:46%;}*/
/*.SinglePage tr.two td:nth-child(1){width:46%;}*/
/*.SinglePage tr.two  td:nth-child(2){width:64%;}*/
.Contact{width:100%;}
.Contact dd a img{width:100%;}
.SinglePage tbody{vertical-align:top;}


/*17-01-20*/
.video{display:none;}
.HomeCase { position:relative;}
.HomeCase img{display:block; width:100%;}
.HomeCase  span{ position:absolute; top:68%; left:50%; margin-left:-55px; width:110px; text-align:center; line-height:32px; color:#fff; font-size:15px; background:#1d385a;}

/*17-02-07*/
.FootNews{ width:100%; margin:0px auto; background:url(../images/footbg.gif); text-align:center; color:#fff; line-height:30px; text-transform:uppercase; padding:15px 0px 9px 0px;}
.FootNews a{color:#fff;}
.FootNews .BottomNav { padding-bottom:6px;}
.FootNews .BottomNav a{color:#fff; padding:0px 8px;}
.FootNews .BottomNav select{color:#2E4F82;width:120px;background:#ABEBF1;}
.FootNews .BottomNav select option{line-height:24px;}
.FootNews .BottomNav select option:hover{background:#2E4F82;}

.FootNews .Linkss{ position:relative;display:inline-block;width:100px;background:#334b69;text-align:left;}
.FootNews .Linkss span{display:block;color:#fff;cursor:pointer; padding-left:8px; line-height:30px;}
.FootNews .Linkss span b{border:5px solid transparent;border-top-color:#fff;position:relative;right:-25px;top:11px;}
.FootNews .Linkss .addss{ position:absolute; width:100%; bottom:30px; background:#334b69; z-index:20;}
.FootNews .Linkss ul  li {line-height:22px;}
.FootNews .Linkss ul  li a{color:#fff;display:block;}
.FootNews .Linkss ul  li a:hover{background:#3a5F9B;color:#fff;}
.FootNews .addss{display:none;}
.FootNews .share a{width:30px; height:30px; margin:0px 7px; vertical-align:middle; display:inline-block; position:relative;}
.FootNews .share a#B1{background:url(../images/share.gif) 0px top no-repeat;}
.FootNews .share a#B2{background:url(../images/share.gif) -30px top no-repeat;}
.FootNews .share a#B3{background:url(../images/share.gif) -60px top no-repeat;}
.FootNews .share span,.FootNews .share span img{ width:150px; height:150px;}
.FootNews .share span{ position:absolute; right:-60px; bottom:39px; z-index:999; display:none; border:5px solid #fff;}
.FootNews .share a.wx:hover{ background-image:url(../images/wx2.png);}
.FootNews .share a:hover span{ display:block;}

/*2017-2-8 复制pc站*/
.SaleList{ padding:0px 0px 0px 0px;margin: 4% 0 4% 0;}
.SaleList ul{ margin-left:0px; padding-bottom:15px;}
.SaleList li{width:289px;padding:0px; float:left; margin:30px 0px 0px 0px; height:196px; font-size:12px;}
.SaleList li .img{box-shadow:6px 6px 6px #9c9c9c; border:1px solid #9c9c9c; float:left; width:105px; margin-bottom:15px; margin-right:10px;}
.SaleList li h2{ font-size:16px; padding:0px 0px 6px 0px;}
.SaleList li h3{ font-size:13px;}
.SaleList li .img img{max-width:105px; display:block; margin:0px auto;}
.SaleList li .info{ float:left; width:156px;padding-left:5px; margin-top:-24px;}
