@charset "utf-8";
/* CSS Document */
/********start********/
*{margin:0;padding:0;outline:none;}
*::-webkit-input-placeholder { color: #ddd; } /* WebKit browsers */ 
*:-moz-placeholder {  color: #ddd; } /* Mozilla Firefox 4 to 18 */
*::-moz-placeholder { color: #ddd; }  /* Mozilla Firefox 19+ */
*:-ms-input-placeholder { color: #ddd; }/* Internet Explorer 10+ */ 
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{
	font-size:100%;
	color:#222;
	width:100%;
	height:100%;
	background:#fff;
	font-family:"NSimSun","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",arial,tahoma,\5b8b\4f53;
	-webkit-font-smoothing: antialiased;/*让字体变平滑*/
	-moz-osx-font-smoothing:grayscale;
	word-wrap:break-word;/*使其容器内容自动换行.*/
}
sub,sup{vertical-align:baseline;}/*	默认。元素放置在父元素的基线上*/
h1{font-size:1rem;color:#fff;font-family: "Microsoft Yahei";}
i,b,em,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;}
img{border:none;vertical-align:bottom;width: 100%;height: auto;-ms-interpolation-mode:bicubic;/*解决图片缩放失真问题*/}
input,button{vertical-align:middle;cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea,button，select,{background:none;-webkit-appearance:none;}/*ios清楚默认样式背景*/
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;}
.wd{min-width:320px;max-width:640px;overflow: hidden;zoom:1;margin:2.9rem auto 0;position:relative;clear:both;padding-bottom:50px;}
.wd_hidden{width:100%;overflow:hidden;zoom:1;}
/**top**/
.top{border-bottom: #fdc800 solid 0.3rem;padding:0.3rem 0;background: #083684;height: 2rem;position: fixed;top: 0;left: 0;width: 100%;overflow: hidden;zoom:1;z-index: 9999999;}
.top li.top_list{float: right; width:2rem;margin: 0.2rem 0.2rem 0 0;}
.top li.top_logo{float: left;width:11rem; margin: 0 0 0 0.2rem;}
.top li.top_left{float: left; width:2rem;margin: 0.2rem 0 0 0.3rem;}
.top h1{width: 100%;height: 100%;line-height: 2.6rem;position: absolute;top: 0;left: 0;text-align: center;z-index: -1}
/**banner**/
.scroll_wrapper{}
.main_visual{position:relative;z-index:1;min-width:320px;max-width:640px;}
.main_image {width:100%;height:100%;overflow: hidden;margin: 0 auto;position: relative;}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom: 0.8rem;right:35%;z-index: 11;}
@media screen and (min-device-width:400px){
	div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom:0.8rem;right:42%;z-index: 11;}
}
div.flicking_con li {float:left;height:0.3rem;width:1.2rem;background:#fff;margin:0 0.3rem;display:inline-block;opacity:1;font-size:0px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
div.flicking_con li.on {background:#fdc800;}
/**stop**/
.stop{padding:0.5rem 0;background: #fdc800;}
.stop table{width: 100%;}
.stop td{padding:0 0.3rem;}
/**content_title**/
.content_title{width: 60%;margin:0.5rem auto;}
.content{background: #f5f5f5;width: 100%;overflow: hidden;zoom:1;}
/**nav**/
.nav li{width: 47%;padding: 0 0 2% 2% ;float: left;position: relative;}
.nav li a{display: block;width:100%;height: 100%;position: absolute;top:2%;left: 0;text-align: center;}
.nav li .text{width: 60%;height: 60%;margin:20% auto;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;background: #083684;color: #fdc800;font-size:1rem;font-family: "Microsoft Yahei";}
.nav li .text span{
	display: block;
    position: absolute;
    height: 30px;
    line-height: 30px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -15px;
    text-align: center;
}
/**about_join**/
.about_join{width: 100%;overflow: hidden;zoom:1;}
.about_join li{margin-left: 2%;position: relative;float: left;}
.about_join li.about_join_tit{width: 47%;}
.about_join li.about_join_about{width: 22.5%;background: #083684;}
.about_join li div{line-height: 1rem;text-align: center;color: #fff;position: absolute;top: 0;left: 0;font-size: 0.8rem;background: rgba(8,54,132,0.6);width: 100%;height: 100%;}
.about_join li div h2{    font-family: '微软雅黑';height: 1rem;overflow: hidden;font-size: 1rem;margin-top: 10%;}
.about_join li div p{font-size: 0.75rem;margin-top: 2%;}
.about_join li div h3{font-size: 0.75rem;color: #fdc800;text-align: center;width: 100%;position: absolute;left: 0;bottom: 10%;}
.about_join li div h3 span{border-bottom: #fdc800 solid 1px;}
/**home_brand**/
.home_brand{width: 96%;margin:2% auto;position: relative;}
.home_brand .hh {width: 100%;overflow: hidden;margin: 0 auto;position: relative}
.home_brand .hh ul {width: 9999px;overflow: hidden;position: absolute;top: 0;left: 0}
.home_brand .hh li {float: left;width: 100%;}
.home_brand .hh li span {display: block;width: 100%;}
.home_brand .hh li img {display: block;overflow: hidden;width: 100%;}
.home_brand .hh li a {display: block;width: 100%;}
.home_brand div.pp {text-align: center;width:100%;position: absolute;bottom:0.5rem;right:-0.6rem;z-index: 999;}
.home_brand div.pp ul{margin: 0 auto;width:7.8rem;z-index: 33;}
.home_brand div.pp li {cursor: pointer;float:left;height:0.3rem;width:1.5rem;background:#fff;font-size: 0;margin:0 0.4rem 0.4rem 0;text-align: center;display:inline;opacity:1;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.home_brand div.pp li.on {background:#fdc800;color: #fff;}
.home_center{color: #fff;text-align: center;background:rgba(8,54,132,0.4);position: absolute;top:0;left:0;width: 100%;height:100%; z-index: 22;}
.home_center h2{font-size:2rem;font-weight: 800;margin-top: 20%;}
.home_center p{font-size:1rem;margin-top: 5%;}
.home_center h3{margin-top:20%;}
.home_center h3 span{border-bottom: #fdc800 solid 1px;font-size: 0.75rem;color: #fdc800;}
/**home_news**/
.home_news h1{margin-bottom: 2%;padding: 0 0.3rem;background: #083684;color: #fff;font-weight: normal;font-size: 0.9rem;height: 2.4rem;line-height: 2.4rem;}
.home_news h1 i{color: #ddd;margin-left: 0.3rem;font-size: 0.8rem;}
.home_news h1 a{float: right;color: #fdc800;font-size:0.75rem;text-decoration: underline;}
.home_news li{width: 48%;float: left;padding:0 1% 2%;}
.home_news li div{box-shadow: 0 0 10px #ddd;-moz-box-shadow: 0 0 10px #ddd;-webkit-box-shadow: 0 0 10px #ddd;font-size: 0.75rem;}
.home_news li h2{font-size: 3rem;color: #ddd;line-height: 4rem;text-align: center;}
.home_news li h3{font-size: 0.9rem;font-weight: 600;text-align: center;line-height: 2.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.home_news li p{text-align: justify;width: 90%;margin: 0 auto;text-indent: 1.5rem;height: 82px;
    overflow: hidden;}
.home_news li h4{text-align: center;line-height: 4rem;color: #b0b0b0;}
.home_news li div:hover{background: #fdc800;}
/**home_service**/
.home_service dl{width: 100%;overflow: hidden;zoom:1;position: relative;}
.home_service dt{    width: 48%;margin: 0 2% 0 1%;float: left;}
.home_service dd{background: #fdc800;float: left;width: 48%;position: relative;text-align: center;line-height: 1.5rem;font-size: 0.75rem;}
.home_service dd div{overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(8,54,132,0.6);color: #fff;}
.home_service dd h2{font-size: 1.2rem;margin:3% 0 1%;}
.home_service dd h3{position: absolute;left: 0;bottom: 2%;width: 100%;}
.home_service dd h3 span{border-bottom: #fdc800 solid 1px;font-size: 0.75rem;color: #fdc800;}
.home_service dd.home_recruit{position: absolute;right: 1%;bottom: 0;text-align: center;color: #083684;}
.home_service dd.home_recruit h2{font-size: 1.2rem;margin:3% 0 1%;}
.home_service dd.home_recruit h3{position: absolute;left: 0;bottom: 2%;width: 100%;}
.home_service dd.home_recruit h3 span{border-bottom: #083684 solid 1px;font-size: 0.75rem;color: #083684;}
/**l_icon**/
.l_icon li{width: 25%;float: left;text-align: center;font-size: 0.75rem;color: #083684;margin: 5% 0;}
.l_icon li div{width: 50%;margin:  0 auto 0.3rem;}
.sou{height:2rem; padding: 0.5rem 0;background: #083684;border-bottom: #fdc800 solid 0.3rem;font-size: 0.8rem;}
.sou li{position: relative;height:2rem;line-height: 2rem;border-radius: 0.5rem;-moz-border-radius: 0.5rem;-webkit-border-radius: 0.5rem;}
.sou li.sou_a{width: 25%;text-align: center;border:#fdc800 solid 1px;float: right;margin-right: 5%;}
.sou li.sou_b{width: 55%;background: #fff;margin-left: 5%;float: left;}
.sou li.sou_a a{color: #fdc800;}
.sou li.sou_b input{width: 70%;position: relative;top: -2px;border:none;background: none;padding-left:2%;}
.sou li.sou_b .button{width: 30px;
    height: 30px;
    background: url(../images/sou.png) no-repeat;position: relative;
    right: -1rem;}
.sou li.sou_b a{display: block;width: 1.6rem;position: absolute;right: 2%;top:0.2rem;}
.sou li.sou_a:hover{background: #fdc800;}
.sou li.sou_a:hover a{color: #fff;}
/**fixed_footer**/
.fixed_footer{font-family: "Microsoft Yahei";background:#083684;height:50px;width:100%;position:fixed;left:0;bottom:0;z-index:10000;}
.fixed_footer li{width:25%;text-align:center;font-size:0.75rem;float:left;position:relative;height: 50px;}
.fixed_footer li p{color:#fff;}
.fixed_footer li .home_f{width:23px;height:23px;margin:0 auto;background:url(../images/home_a.png) center no-repeat;margin-top:6px;}
.fixed_footer li .list_f{width:23px;height:23px;margin:0 auto;background:url(../images/list_a.png) center no-repeat;margin-top:6px;position:relative;}
.fixed_footer li .shop_f{width:23px;height:23px;margin:0 auto;background:url(../images/shop_a.png) center no-repeat;margin-top:6px;position:relative;}
.fixed_footer li .user_f{width:23px;height:23px;margin:0 auto;background:url(../images/user_a.png) center no-repeat;margin-top:6px;}
.fixed_footer li:hover{background: #fdc800;}
/**list**/
.list_sou{height:2rem; padding:2rem 0;font-size: 0.8rem;}
.list_sou li{border:#ddd solid 1px;position: relative;height:2rem;line-height: 2rem;border-radius: 0.5rem;-moz-border-radius: 0.5rem;-webkit-border-radius: 0.5rem;}
.list_sou li.sou_b{width: 75%;background: #fff;margin-left: 5%;margin: 0 auto;}
.list_sou li.sou_b input{width: 70%;position: relative;top: -2px;border:none;background: none;padding-left:2%;}
.list_sou li.sou_b .button{width: 30px;
    height: 30px;
    background: url(../images/sou.png) no-repeat;position: relative;
    right: -2rem;}
.list_sou li.sou_b a{display: block;width: 1.6rem;position: absolute;right: 2%;top:0.2rem;}
.list{border-top: #f5f5f5 solid 1px;margin-bottom: 2.4rem;}
.list li{height: 2.2rem;line-height: 2.2rem;font-size: 0.85rem;padding: 0 0.3rem;border-bottom: #f5f5f5 solid 1px;}
.list li a:after{content: ">>";color: #ddd;float: right;}
.list li:hover a{color: #fdc800;}
.list li:hover a:after{color: #fdc800;}
/**about_list**/
.about_list{background: #fdc800;margin-bottom: 1rem;font-family: "Microsoft Yahei";}
.about_list li{width: 25%;text-align: center;line-height: 2.2rem;font-size: 0.85rem;float: left;}
.about_list li a{color: #fff;}
.about_list .left_about{background:#083684;}
.about_list li:link {background: #fdc800;}		/* 未访问的链接 */
.about_list li:visited {background: #083684;}	/* 已访问的链接 */
.about_list li:hover {background: #083684;}	/* 鼠标移动到链接上 */
.about_list li:active {background: #083684;}	/* 选定的链接 */
.about_text{padding: 0 0.3rem 2rem 0.3rem;text-align: justify;font-size: 0.75rem;line-height: 1.5rem;}
/**news**/
.news{margin-bottom: 1rem;border-top: #f5f5f5 solid 1px;}
.news li{font-size: 0.75rem;border-bottom: #f5f5f5 solid 1px;height: 2.2rem;line-height: 2.2rem;position: relative;padding: 0 0.2rem;}
.news li a:before{content: ">>";color: #fdc800;margin-right: 0.2rem;}
.news li p{width: 80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news li span{display: block;position: absolute;top: 0;right: 0.2rem;color: #ddd;}
.news li:link {background: #222;}		/* 未访问的链接 */
.news li:visited {background: #f9f9f9;}	/* 已访问的链接 */
.news li:hover {background: #f9f9f9;}	/* 鼠标移动到链接上 */
.news li:active {background: #f9f9f9;}	/* 选定的链接 */
.news li:hover a{color: #fdc800;}
.page{width: 60%;margin:0 auto;font-size: 0.8rem;margin-bottom: 1.5rem;}
.page table{width: 100%;}
.page td{border:#f5f5f5 solid 1px;line-height: 2.2rem;text-align: center;}
.pagea a{color: #b0b0b0;}
.page td:hover{background: #fdc800;}
.page a:hover{color: #fff;}
/**news_text**/
.news_text{padding: 0 0.3rem 2rem 0.3rem;font-size: 0.75rem;line-height: 1.5rem;}
.news_text h2{padding: 0.6rem 0;text-align: center;font-weight: 600;font-size: 0.8rem;}
.news_text h3{margin-bottom: 1rem;font-size: 0.75rem;color: #b0b0b0;padding:0 0 0.5rem 0;border-bottom: #e2e2e2 solid 1px;text-align: center;}
/**more**/
.more{padding: 15% 0;text-align: center;font-size: 0.85rem;line-height: 1.5rem;}
.more div{width: 40%;margin:30% auto 9%;}
/**product_nav**/
.product_nav li{background: #f9f9f9;width: 25%;text-align: center;font-size: 0.75rem;float: left;}
.product_nav li div{width: 2.5rem;height: 2.5rem;margin: 0 auto 0.5rem;background-size: 100%;}
.product_nav li a{color: #b0b0b0;display: block;width: 100%;height: 60%;padding: 20% 0;}
.product_nav li:hover a{color: #fff;}
.product_nav li div.i_1{background: url(../images/i_a.png) center no-repeat;background-size: 100%;}
.product_nav li:hover div.i_1{background: url(../images/i_e.png) center no-repeat;background-size: 100%;}
.product_nav li div.i_2{background: url(../images/i_b.png) center no-repeat;background-size: 100%;}
.product_nav li:hover div.i_2{background: url(../images/i_f.png) center no-repeat;background-size: 100%;}
.product_nav li div.i_3{background: url(../images/i_c.png) center no-repeat;background-size: 100%;}
.product_nav li:hover div.i_3{background: url(../images/i_h.png) center no-repeat;background-size: 100%;}
.product_nav li div.i_4{background: url(../images/i_d.png) center no-repeat;background-size: 100%;}
.product_nav li:hover div.i_4{background: url(../images/i_g.png) center no-repeat;background-size: 100%;}
.product_nav li:hover a{background: #083684;}
/**product_list**/
.product_list{background: #fdc800;font-size: 0.75rem;color: #fff;}
.product_list a{color: #fff;display: inline-block;margin:0.5rem;}
.product_list a:hover{color: #083684;}
.product{margin-bottom: 2rem;}
.product .left_right{background: url(../images/l_f.png) left top no-repeat;
    top: 50%;
    left: -50px;
    margin-top: -33px;}
.product .right_left{background: url(../images/l_f.png) right top no-repeat;
    top: 50%;
    right: -50px;
    margin-top: -33px;}

/*.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,0.93);opacity:0}
.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}*/
/**join**/
.join{padding: 1rem 0.3rem 2rem;font-size: 0.75rem;line-height: 1.5rem;}
.join strong{color: #083684;}
.join table{width: 100%;}
.join td{padding:0.5rem 0;text-align: center;}
.join td:first-child{text-align: left;}
.join tr:first-child{font-weight: 600;}
/**recruitment**/
.recruitment{margin-bottom: 2rem;font-size: 0.75rem;}
.recruitment table{width: 100%;}
.recruitment td{width: 20%;text-align: center;line-height: 2.2rem;border-bottom: #fff solid 1px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: #f5f5f5;}
.recruitment i{color: #fff;display: block;width: 100%;height: 100%;background: #fdc800;}
/**弹出框**/
.recruitment_a{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index:999;}
.recruitment_b{width: 80%;margin: 20% auto 0;border:#fdc800 solid 1px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background: #fff;font-size: 0.75rem;line-height: 1.5rem;text-align: justify;padding: 0.8rem 0.3rem;height: 70%;overflow-y:scroll;}
.recruitment_b h2{font-size: 0.8rem;font-weight: 600;color: #083684;}
.recruitment_b a{display: block;width: 3rem;height:1.5rem;margin: 5% auto 0;text-align: center;line-height: 1.5rem;border:#083684 solid 1px;color: #083684;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.recruitment_b a:hover{color: #fff;border:#fdc800 solid 1px;background: #fdc800;}
/**contact**/
.contact{padding: 1rem 0 0;font-size: 0.75rem;line-height: 1.5rem;text-align: center;}
.contact h2{text-align: center;font-weight: 0.8rem;font-weight: 600;line-height: 3rem;color: #083684;}
.contact_text{border-bottom: #e2e2e2 solid 1px;padding-bottom: 0.5rem;margin-bottom: 1.5rem;}
.contact_map{width: 100%;margin: 0 auto;height:16rem;}


#show{width:100%;height:100%;background:#ddd;z-index:9999;background: rgba(0,0,0 ,0.93);position: fixed;top: 0;left: 0;right: 0;bottom: 0;}
#show img{position: fixed;
    top: 185px;}