@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li,input,img,label{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; }
body{ font-family:'microsoft yahei'; }
img {border:0;max-width:100%;display:block}
.fl{ float:left;}
.fr{ float:right}
.clear {clear:both;width:100%;}
.textnull{ width:100%; text-align:center; padding-top:3%; overflow:auto;}
.textnull font{ color:#f00;}
/*#infinite2{width:100%;text-align:center;color:#787878;font:14px/40px 'microsoft yahei';height:auto;clear:both;height:40px;overflow:hidden}*/

center{clear: both;padding-top: 5%;}
center img{ width:80%; margin-bottom:3%;}
/*#afui .panel{ background:#fef4c8 }
#afui #index{ background:#fffcea }
*/
.all{position:relative; width:100%; height:100%; max-width:640px;}
.main{ position:relative;width:100%;height:100%;max-width:640px; margin:0 auto;}
#afui .list{ padding-top:10%;}
.list li p,.list li div{padding-left:1em;}
.list li p a{color:#8d8d8d;font:16px/30px 'microsoft yahei';}
.list li div{width:90%}
.list li div a{color:#bcbcbc;font:14px/24px 'microsoft yahei';}
.list li div span{color:#bcbcbc;margin:0 1% 0 2%}
.menuimg{ float:right; margin-right:3.125%;display:block;width:12.5%;padding-top:3%;min-width:50px;}
.menuimg img{ width:100%; }
.logo{width:40%; height:auto; text-align:center;float:left; margin-left:3.125%; margin-top:8px;}
.logo img{ width:100%; margin:0 auto;}
.topnav{ width:100%; margin-bottom:-4px; padding:0 4.5%; clear:both; display:inline-block;background:#014fa1}
.topnav li{ width:18%;float:left; border-right:1px solid #013e7e; box-shadow:1px 0px 0 #025fc0; text-align:center}
.topnav li:nth-child(3),.topnav li:nth-child(4){ width:23%}
.topnav li:nth-child(5){ border:0; box-shadow:0 0 0;}
.topnav li a{ color:#fff;float:left; width:100%; text-align:center; font-size:1.1em; line-height:3;}
/* banner --------------------------------------------------------------------*/
.viewcon .big-pic{ width:80%; margin:0 auto}
.big-pic{width:100%; position:relative; clear:both;margin-top:-1px;}
.big-pic img{ width:100%;display:block;}
.pic-list a p img{ float:left; display:block;width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a,.big-pic a p{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.333333%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{ width:100%;height:15px;padding:4% 0; float:left; position:absolute; bottom:2%; text-align:center;}
.slide-dot span{display:inline-block;width:3.3%;height:25px;background:url(../images/slide-dot.png) no-repeat right center; background-size:200%;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 center;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;  }
/*index*/
.search{ padding:2% 0;}
.search form{width:94%; display:inline-block; z-index:99; margin:0 3%;border:1px solid #c2c2c4; background:#efeaea; clear:both;}
.search_txt{ float:left; background:none;line-height:1.5; font-size:1.1em; margin-left:2%; border:0;width:77%;color:#064092; font-family:微软雅黑; padding:1% 0;}
.search_but{ float:right;padding:0; height:30px;margin-right:1%;width:8%; min-width:30px; border:0;background:url(../images/search_but.png) no-repeat center; margin-top:4px; background-size:60% ; }
.searchimg{ float:left; font-size:1.2em; text-align:center; margin-top:5%; color:#9edd08; width:100%; padding:6% 0 13%;background:url(../images/search.jpg) no-repeat center left; background-size:100%;}
#afui .search_txt{ float:left;color:#4a4a4a;width:70%; border:0; font-family:微软雅黑; font-size:1.1em; margin-left:4%; background:none}
.search_txt::-webkit-input-placeholder{ color:#4a4a4a;}
.search_txt::-moz-placeholder { color:#4a4a4a;}
.product{width:100%;overflow:auto;}

.teamlist{width:100%; clear:both; padding-top:3%;}
.teamlist li{ display:inline-block; width:47%; padding:0.5%; margin-left:1.6%; margin-bottom:3%;}
.teamlist img{ width:100%;overflow:hidden;border:3px solid #014fa1 }
.teamlist li p{ float:left; line-height:2; width:100%; margin-top:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; text-align:center; background:#5a6b7d}

.prolist{width:100%; clear:both; padding-top:3%;}
.prolist li{ display:inline-block; width:47%; padding:0.5%; margin-left:1.6%; margin-bottom:3%;}
.prolist img{ width:100%;overflow:hidden;border:1px solid #cccccc }
.prolist li p{ float:left; line-height:2; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; text-align:center; background:#083e7a}

.xmsearch{width:100%; clear:both; padding-top:3%;}
.xmsearch li{ display:inline-block; width:47%; padding:0.5%; margin-left:1.6%; margin-bottom:3%;}
.xmsearch img{ width:100%;overflow:hidden;border:3px solid #014fa1 }
.xmsearch li p{ float:left; line-height:2; width:100%; margin-top:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; text-align:center; background:#5a6b7d}

#index .case .prolist li{background:#014fa1;  }
#index .case .prolist img{ border:0; }
#index .case .prolist li p{ background:none; margin-top:1px;}
.index_t{ color:#0c4089; font-size:1.1em; width:100%; clear:both; display:inline-block;background:#014fa1; padding:0 3.125%;}
.index_t .fl{background:#012c5a; color:#fff; padding:2% 3%; }
.index_t .fr{ color:#0a7ef8; padding:2% 0;}
.news,.news ul.news ul li{ width:100%; }
.news li{ background:#cfe2f6; border-bottom:1px solid #fff;}
.news ul{ padding:1.5% 0 2%;}
.news ul li a{width:96%; display:inline-block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../images/newsico.png) no-repeat 98% center ; background-size:3%; color:#2f1335; font-size:1.2em; padding:2% 6% 2% 3%;}
/*view*/
.vtitle{ position:relative;width:100%;color:#333;padding:2% 0 2% 0%;font-size:1.2em; line-height:1.7;background:#8ec3fa; padding-left:5%;}
.vtitle font{ color:#5e7287}
.vtitle a{ color:#333;}
.view_title{text-align:center; width:100%; float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; color:#044d9f; font-family:微软雅黑; padding-bottom:1%;margin-bottom:2%; border-bottom:1px dotted #b8c5dc; clear:both}
/*.prodiv{ width:100%; position:absolute; display:none;background:#b9dcfc;font-weight:bold;}
.prodiv li{ border-top:1px solid #fff; text-align:left; line-height:2;width:100%; padding-left:5%;}
.prodiv li ul{ width:100%; padding-bottom:2%;}
.prodiv li ul li{ width:auto; background:#fff; border:1px solid #ccc;  padding:0; padding:0 1%; font-size:0.8em; display:inline-block;font-weight:normal; }
*/
.padding20,.listbg{ padding:3%;min-height:300px; overflow:auto; color:#4a4a4a; line-height:180%;}
.bookwrap{ display:inline-block;min-height:350px;}
.btn-back {width: 29.62962963%;margin: 1em auto;}
.btn-b {background:#014fa1;font-size:1.1em;text-align: center;color: #FFF; line-height:2.5;}
.btn-b a{ color:#fff}

.btn-back2 {width: 29.62962963%;margin: 1em auto;}
.btn-b2 {background:#014fa1;font-size:1.1em;text-align: center;color: #FFF; line-height:2.5;}
.btn-b2 a{ color:#fff}

.listbg{ padding:0;}
.newsmain{width:100%;margin:2% 0; padding:0;}
.newsmain li{float:left; width:100%; border-bottom:1px solid #c3c1c1; }
.newsmain li a{float:left; width:97%; line-height:3; padding:0 7% 0 3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#014fa1;background:url(../images/newslist.png) no-repeat 98% center ; background-size:5%; }


.cuxiao{width:100%;margin:2% 0; padding:0;}
.cuxiao li{float:left; width:100%; border-bottom:1px solid #c3c1c1; }
.cuxiao li a{float:left; width:97%; line-height:3; padding:0 7% 0 3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#014fa1;background:url(../images/newslist.png) no-repeat 98% center ; background-size:5%; }

.casemain{width:100%;margin:2% 0; padding:0;}
.casemain li{float:left; width:100%; border-bottom:1px solid #c3c1c1; }
.casemain li a{float:left; width:97%; line-height:3; padding:0 7% 0 3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#014fa1;background:url(../images/newslist.png) no-repeat 98% center ; background-size:5%; }

.viewpage {width: 100%; margin-top: 34px;  display:inline-block;}
.viewpage a { display:inline-block; width: 98.8%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 1% 0.6%; margin-bottom: 8px; background: #8ec3fa;color:#4a4a4a }
.viewpage font{ color:#014fa1;}
.backbut{ overflow:auto;width:100%; text-align:center;}
.backbut a{ display:inline-block;border-radius:4px;margin:2% auto; width:30%; background:#044d9f; color:#fff; padding:1%; border:1px solid #044d9f; font-size:1.2em; box-shadow:0 0 3px #116dd5 inset}
.probut{ width:100%; clear:both; padding-left:2%;}
.probut .fl{ padding-right:5%; font-size:1.2em; line-height:3;color:#217f2d; background:url(../images/arrow_b.gif) right center no-repeat;background-size:20% }
.prodiv{ width:100%; clear:both;}
.prodiv li{ width:auto; background:#fff; margin:0 2% 1%; border:1px solid #d0d0d0;  padding:0; padding:2% 4%; font-size:1em; display:inline-block;font-weight:normal; }

/*foot*/
#footer{ margin:0 auto; width:100%; display:inline-block; max-width:640px; background:#014fa1}
 #footer{ background:#014fa1; text-align:center; }
#footer a.tel{background:url(/sj/images/tel.png) center 18% no-repeat;background-size:23%}
#footer a.mess{background:url(/sj/images/mess.png) center 18% no-repeat;background-size:23%}
 #footer a.map{background:url(/sj/images/map.png) center 18% no-repeat;background-size:23%}
 #footer a.share{background:url(/sj/images/share.png) center 18% no-repeat;background-size:22%}
#footer a{width:25%;float:left;height:60px;font:500 15px/90px 'microsoft yahei';text-align:center;color:#fff;border-right:1px dotted #014286;border-left:1px dotted #025fc0;}
#afui #footer a:nth-child(4){ border-right:0;}
.download{width:100%;display:inline-block;margin:3% 0; background:#a15001;}
.download a {font-size:1.7em;padding: 2% 0;color: #fff;width: 100%;text-align: center;display: inline-block;padding-left: 3%;background: url(../images/downico.gif) 37% center no-repeat;background-size: 5%;}

#afui > #header{ background:#fff}
#single_header,#index_header{height:90px; width:100%; max-width:640px; margin:0 auto; overflow:hidden;}
#aside_menu{ background:#014fa1; box-shadow:4px 0px 5px #013975 inset}
#afui .viewimg{ margin-right:5px; float:left; width:40%;}
#afui .view_t{ float:left; display:block; width:55%;}
#afui .red{ color:#f00;}
#afui input{-webkit-appearance:none;  }
/*map*/
#allmap {width: 100%; height: 600px; margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}

/*book*/
.bookwrap{width:100%;}
.bookwrap p{ width:100%;margin-top:3%;}
.bookwrap label{ width:26%; font-size:1.1em; text-align:right; display:inline-block; }
#afui .bookwrap label{ color:#014fa1;}
.bookwrap p input,.bookwrap p select{ width:54%; border:1px solid #cfc9c9; height:3em;padding:0 2%; font-family:'microsoft yahei';}
.bookbut{ width:100%; text-align:center;  display:inline-block; }
.bookwrap .bookbut input{ width:26%;padding:3% 0; color:#fff; font-size:1.2em; font-family:'microsoft yahei';background:#014fa1; margin:0 2%; border:0;}
.bookwrap .bookbut input:nth-child(2){ background:#3c6b9d;}
/*message*/
.message-form{ text-align:center; width:100%;}
.message-son{ text-align:center;
	width:93.75%;
	margin:1.5em auto;
	font-size:1.2em;
}
#afui .message-son label{
	font-size:1em;
	color:#004fa1;
	width:auto;
}
#afui input[type=text]#title,#afui input[type=text]#m_yzm{
	font-size:1em;
	padding:0 1em;
	border:1px solid #c5c5c5;
	height:2.5em;
	color:#666;
	width:80%;
}
#afui .message-son textarea{
	width:80%;
	vertical-align:top;
	font-size:1em;
	height:10em;
	padding:0 1em;
	border:1px solid #c5c5c5;
	margin:0;
}
#afui input[type=text]#m_yzm{
	width:30%;
}
.message-yzm{
	width:15%;
	margin-left:2%;
	height:3em;
}
.message-yzm img{
	display:inline-block;
	vertical-align:middle;
}
#afui input.message-submit{
	background:#014fa1;font-size:1.3em; line-height:2.5; font-family: 'microsoft yahei';text-align: center;color: #FFF;width: 29.62962963%;margin: 1em auto; border:0; display:inline-block;
}


/*message-list*/
.message-list{
	width:93.75%;
	margin:4em auto;
}
.message-say{
	margin:1em 0;
}
.message-say-back{
	width:90%;
	margin-left:10%;
}
.message_say-tl{
	font-size:1.375em
	color:#095aac;
}
.message_say-time{
	float:right;
	color:#095aac;
}
.message_say-con{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	border:1px solid #c5c5c5;
	background:#FFF;
	font-size:1.2em;
	padding:0 1em;
	min-height:6em;
	color:#666; white-space:normal;word-break:break-all;
}

@media all and (min-width:640px){
.all,footer{width:100%;height:100%;max-width:640px;margin:0 auto;}
.viewall{ background-size:100% 30%;}
	#single_header,#index_header{ height:90px;}
#afui #content {bottom:59px;top:89px;}
}
@media all and (min-width:480px) and (max-width:639px){
	#single_header,#index_header{ height:75px;}
#afui #content {bottom:59px;top:74px;}
body,html,input{font-size:15px;}
}
@media all and (max-width:479px){
	#single_header,#index_header{ height:57px;}
	#afui #content {bottom:44px;top:56px;}
	.search_but{ margin-top:2px;}
	#afui #navbar a{height:45px;  font:500 13px/70px 'microsoft yahei'}
body,html,input{font-size:14px;}
.search_but{ height:26px;}
.download a{ font-size:1.2em;}
.message-yzm a{ display:none;}
.message-son{ text-align:left;}
.slide-dot{ bottom:3%;}
}
@media all and (max-width:329px){
	#single_header,#index_header{ height:45px;}
	#afui #content {bottom:39px;top:44px;}
	#afui #navbar a{height:40px;  font:500 13px/60px 'microsoft yahei'}
body,html,input{font-size:13px;}
.search_but{ height:24px;}
.download a{ font-size:1em;}

}
.sort-title{width:100%;margin:3% 0;height:56px;font:18px/56px "microsoft yahei";color:#666666;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;text-indent:6%;background: #8EC3F9}
.sort-list{width:100%;overflow:hidden}
.sort-list a{float:left;display:block;width:20.3125%;border:1px solid #2f4173;background:#014FA1;text-align:center;font:14px/40px "microsoft yahei";color:#ffffff;margin-left:3.7%;margin-bottom:3%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}