.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
/*header*/
.header{position:relative;height:30px;padding:10px;text-align:center;background-color:#27439d}
.header .nav{float:left;width:26px;height:26px;position:relative}
.header .logo{display: inline-block;width:auto;margin:auto;margin-top:5px;}
.header .logo img{height:20px;}
.header .search{float:right;width:30px;height:30px;margin-top:0;position:relative}
.header .search img{width:30px;height:30px;}
.header .nav{float:left;width:20px;height:20px;margin-top:5px;position:relative}
.header .nav img{width:20px;height:20px;}




/*nav*/
.dofl{ display:block; overflow:hidden; float:left;}
.dofr{ display:block; overflow:hidden; float:right;}
.domr{ display:block; overflow:hidden; float:none; margin-left:auto; margin-right:auto;}
.index_on_body{ overflow:hidden; overflow-x:hidden; overflow-y:hidden;}
.index_nav{ display:block;width:0%;max-width:800px;height:100%;min-height:100%;max-height:100%;z-index:20000; overflow:hidden;position:fixed;top:0px;overflow:hidden; background:rgba(0,0,0,0);-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease}

.index_nav .box{width:220px;height:100%;min-height:100%;max-height:100%;background:#27439d; margin-right:-220px;}
.index_nav .tit{width:180px;height:50px;line-height:50px; background:rgba(0,0,0,0.2); padding:0 20px;color:rgba(255,255,255,0.9);font-size:20px;}
.index_nav .tit img{width:40px;height:40px;margin:5px 0 0;}
.index_nav .uls{width:180px;padding:5px 20px;}
.index_nav li{overflow:hidden;width:100%;}
.index_nav li a{width:96%;height:40px;line-height:40px;font-size:15px;border-bottom:rgba(255,255,255,0.2) dashed 1px;color:rgba(255,255,255,0.9);}

.index_nav.nav-active{background:rgba(0,0,0,0.7);}
.index_nav.nav-active .box{-webkit-transform:translate(-220px,0);-ms-transform:translate(-220px,0);transform:translate(-220px,0);}


/*header end*/
.index-menu{padding:20px 0}
.index-menu li{float:left;width:25%;text-align:center}
.index-menu li i{display:block;margin:auto;width:40px;height:40px;background-image:url(../imgs/ico-01.png);background-size:auto 40px}
.icon_about{background-position:0 0}
.icon_news{background-position:-40px 0}
.icon_pro{background-position:-80px 0}
.icon_join{background-position:-120px 0}
.index-menu li p{height:30px;line-height:30px}

/*footer*/

#mcover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20000;
}
#mcover .img1 {
	position: fixed;
	right: 18px;
	top: 5px;
	max-width: 80%;
	max-height: 45%;
	z-index: 20001;
}
#mcover .img2 {
	position: relative;
	top: 50%;
	left: -80px;
	margin: 0 0 0 50%;
	width: 160px;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px;
}
.footer {
	position: relative;
	z-index: 9;
	background-color: #fff;
	margin-top: 20px;
}
.footer .box1 {
	width: 100%;
	margin: auto;
	position: relative;
}
.footer .f_bot1 {
	width: 33.3%;
	float: left;
}
.footer .f_bot1 .button {
	font-size: 12px;
	margin: 15px 0;
	color: #666;
	width: 100%;
	cursor: pointer;
	background: none;
	border: none;
	box-shadow: rgba(153, 153, 153, 0.2) 1px 0 0 inset;
	-webkit-box-shadow: rgba(153, 153, 153, 0.2) 1px 0 0 inset;
	-webkit-box-shadow: rgba(153, 153, 153, 0.2) 1px 0 0 inset;
	color: #666
}
.footer .f_bot1 .button img {
	width: 25%;
}
.footer .f_bot1 .button2 {
	box-shadow: rgba(153, 153, 153, 0.05) 0 0 0 inset;
	-webkit-box-shadow: rgba(153, 153, 153, 0.05) 0 0 0 inset;
	-moz-box-shadow: rgba(153, 153, 153, 0.05) 0 0 0 inset;
}
.footer .footer-top {
	width: 100%;
	height:90px;
	background-color: #27439D;
}
.footer .footer-top .img-left {
	float: left;
	margin-top:30px;
	margin-left:30px;
	height:30px;
}
.footer .footer-top .img-right {
	float: right;
	height:90px;
	margin-right:30px;
}
.footer .footer-top .img-left img {
	height:30px;
}
.footer .footer-top .img-right img {
	height:90px;
}

/*foot*/

.h_pic {
	width: 100%;
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	background: url(f-bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.h_cen {
	padding: 0 30px;
	margin: auto
}
.h_cen .h-l {
	width: 50%;
	float: left;
	margin-top: 7%;
}
.h_cen .h-l img {
	width: 100%;
}
.h_cen .h-r {
	width: 40%;
	float: right;
}
.h_cen .h-r img {
	width: 100%;
}
.info {
	margin: 10px 0;
	line-height: 20px;
}
.top_barbg {
	height: 46px;
}
.top_bar {
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	max-width: 800px;
	min-width: 320px;
	right: 0;
	margin: auto;
	background: #27439d;
}
.top_menu {
	display: -webkit-box;
	display: block;
	width: 100%;
	height: 22px;
	display: -webkit-box;
	display: box;
	margin: 0;
	padding: 12px 0 11px;
	-webkit-box-orient: horizontal;
}
.top_bar .top_menu>li {
	width: 33.333%;
	text-align: center;
}
.top_bar .top_menu li a {
	height: 22px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-box-flex: 1;
}
.top_bar .top_menu li a label {
	display: block;
	float: left;
	height: 22px;
	margin-left: 5px;
	line-height: 22px;
	font-size: 11px;
	overflow: hidden;
	color: #fff;
}
.top_bar .top_menu>li>a img {
	display: block;
	float: left;
	height: 22px;
	margin: auto
}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}
.page_info {
	margin: 15px 0;
}

/*********      page      ***************/

#page {
	width: 100%;
	padding: 30px 0 0;
	overflow: hidden;
}
#page .page_info {
	text-align: center
}
#page .page_info select {
	display: none;
}
#page .page_info span {
	padding: 5px 10px;
	font-size: 14px;
	margin: 0 2px;
	background: #27439D;
	line-height: 30px;
	border: 1px solid #27439D
}
#page .page_info a {
	padding: 5px 10px;
	font-size: 14px;
	margin: 0 1px;
	background: none;
	line-height: 30px;
	color: #888;
	border: 1px solid #ddd
}
#page .page_info span.nolink {
	background: none;
	color: #ccc;
	border: 1px solid #ddd
}
#page .page_info font {
	color: #fff;
}

/*foot end*/


/*index- box*/

.index-box .div1 .div1-1 ul li {
	text-align: center;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 33.33%;
}
.index-box .div1 .div1-1 ul li:nth-child(2) {
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}
.index-box .div1 .div1-1 ul li i {
	width: 34px;
	height: 34px;
	display: block;
	margin: auto;
	background: url(../imgs/index-01_07.png) no-repeat left top;
	background-size: 115px;
	margin-bottom: 10px;
}
.index-box .div1 .div1-1 ul li i.i1 {
	background-position: 0 0;
}
.index-box .div1 .div1-1 ul li i.i2 {
	background-position: -42px 0;
}
.index-box .div1 .div1-1 ul li i.i3 {
	background-position: -81px 0;
}
.index-box .div1 .div1-1 ul li p {
	height: 20px;
}
.index-box .div1 .div1-1 ul li p:last-child {
	text-transform: uppercase;
}
.index-box .div1 .btn, .index-box .div3 .btn {
	margin-top:20px;
	width: 80px;
	position: relative;
	padding: 5px 30px 5px 10px;
	border-radius: 20px;
	border: 1px solid #27439D;
}
.index-box .div1 .btn a, .index-box .div3 .btn a {
	font-size: 10px;
	color: #27439D;
}
.index-box .div1 .arrow, .index-box .div3 .arrow {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 10px;
	height: 10px;
	display: block;
	background: url(../imgs/index-arrow_07.png) no-repeat 0 1px;
	background-size: 10px;
}
.index-box .div2 .div2-1 {margin-top:20px;position:relative}
.index-box .div2 .div2-1 .img {
	border-radius: 20px;
}
.index-box .div2 .div2-1 .btn {
	width: 80px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 7px 30px 7px 10px;
	border-radius: 20px;
	background-color: #27439D;
}
.index-box .div2 .div2-1 .btn a {
	font-size: 10px;
	color: #FFFFFF;
}
.index-box .div2 .div2-1 .btn .arrow {
	position: absolute;
	top: 50%;
	margin-top:-5px;
	right: 10px;
	width: 10px;
	height: 10px;
	display: block;
	background: url(../imgs/index-arrow_07.png) no-repeat 0 -5px;
	background-size: 10px;
}
.index-box .div3-news ul li .div {
	width: 100%;
	margin-bottom: 20px;
}
.index-box .div3-news ul li .div:hover {
	background-color: #27439D;
}
.index-box .div3-news ul li .div:hover p, .index-box .div3-news ul li .div:hover span {
	color: #fff;
}
.index-box .div3-news ul li .div .left {
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px solid #d0d0d0;
	padding: 5px 0;
}
.index-box .div3-news ul li .div .left .ym {
	height: 25px;
}
.index-box .div3-news ul li .div .left .d {}
.index-box .div3-news ul li .div .right {
	float: right;
	width: 70%;
	padding: 5px;
}
.index-box .div3-news ul li .div .right .title {
	width: 98%;
	height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.index-box .div3-news ul li .div .right .title p{
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.index-box .div3-news ul li .div .right .summary {
	width: 98%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.index-box .div3-news ul li .div .right .summary p{
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*index end*/


/*pro-list*/


/*pro-list end*/

.prolist-box ul {
	padding: 35px 0 0;
}
.prolist-box ul li {
	text-align: center;
	float: left;
	width: 50%;
	margin-bottom: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.prolist-box ul li .imgs {
	width: 70px;
	height: 70px;
	margin: 0 auto 10px;
	background: url(../imgs/pronav_03.png) no-repeat 0 8px;
	background-size: 350px;
	border: 1px solid #ECECEC;
	border-radius: 35px;
}
.prolist-box ul li .img-164 {
	background-position-x: 15px;
}
.prolist-box ul li .img-160 {
	background-position-x: -44px;
}
.prolist-box ul li .img-163 {
	background-position-x: -167px;
}
.prolist-box ul li .img-161 {
	background-position-x: -106px;
}
.prolist-box ul li .img-162 {
	background-position-x: -233px;
}
.prolist-box ul li .img-159 {
	background-position-x: -297px;
}
.prolist-box ul li:active .imgs{
	border: 1px solid #27439D;
}
.prolist-box ul li:active .imgs {
	background:#27439D url(../imgs/pronav02_03.png) no-repeat 0 8px;
	background-size: 350px;
}

.prolist-box ul li:active .img-164 {
	background-position-x: 15px;
}
.prolist-box ul li:active .img-160 {
	background-position-x: -44px;
}
.prolist-box ul li:active .img-163 {
	background-position-x: -167px;
}
.prolist-box ul li:active .img-161 {
	background-position-x: -106px;
}
.prolist-box ul li:active .img-162 {
	background-position-x: -233px;
}
.prolist-box ul li:active .img-159 {
	background-position-x: -297px;
}
/*pro-center box*/

.pro-list-box ul {
	padding: 10px;
}
.pro-list-box ul li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px;
}
.pro-list-box ul li .box {
	display: block;
	position: relative;
	border: 1px solid #e0e0e0;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
}
.pro-list-box ul li .imgs {
	width: 100%;
	height: 0;
overflow: hidden;
padding-bottom: 100%;

}
.pro-list-box ul li .imgs img {
	width: 100%;
}
.pro-list-box ul li .p {}
.pro-list-box ul li .p h3 {
	width: 90%;
	margin: auto;
	font-size: 13px;
	color: #434343;
	text-align: center;
	height: 24px;
	line-height: 24px;
}
.pro-list-box ul li .p p {
	width: 90%;
	margin: auto;
	font-size: 11px;
	color: #9f9f9f;
	text-align: center;
}

/*pro-list end*/


/*product box*/

.pro-box {
	padding: 14px 0 30px;
}
.pro-box .img {
	padding: 10px;
	border: 1px solid #ECECEC;
}
.pro-box .name {
	margin: 15px;
	height: 30px;
	line-height: 40px;
}
.pro-box .info {
	line-height: 20px;
}
.pro-box .tabBox {
	margin: 30px 0 0;
}
.pro-box .tabBox .hd {
	text-align: center;
	font-size: 13px;
	color: #434343;
}
.pro-box .tabBox .hd ul {
	display: inline-block;
	width: 100%;
}
.pro-box .tabBox .hd ul li {
	float: left;
	width: 50%;
	text-align: center;
}
.pro-box .tabBox .hd ul li a {
	color: #434343;
	display: block;
	background-color: #f8f8f8;
	padding: 10px 0;
}
.pro-box .tabBox .hd ul li.on a {
	color: #fff;
	background-color: #27439D;
}
.pro-box .tabBox .bd .con {
	padding: 10px;
}
.pro-box .btn-back a {
	width: 30%;
	display: block;
	text-align: center;
	margin: 20px 0;
	padding: 5px 10px;
	border: 1px solid #ECECEC;
	border-radius: 20px;
	font-size: 12px;
	color: #666666;
}

/*product end*/


/*news list box*/

.newslist-box .news-subnav {}
.newslist-box .news-subnav ul {
	padding: 19px 0;
}
.newslist-box .news-subnav ul li {
	float: left;
	width: 33.33%;
	text-align: center;
}
.newslist-box .news-subnav ul li a {
	padding: 3px 10%;
	text-align: center;
	border: 1px solid #ececec;
	border-radius: 20px;
}
.newslist-box .news-subnav ul li.active a {
	background-color: #27439D;
	border: 1px solid #27439D;
	border-radius: 20px;
}
.newslist-box .news-subnav ul li.active a span {
	color: #FFFFFF;
}
.newslist-box .news-container .box {
	position: relative;
	margin: 15px 0;
}
.newslist-box .news-container .box .img {
	float: left;
	width: 40%;
}
.newslist-box .news-container .box .p {
	width: 50%;
	float: left;
	padding: 5px 10px;
}
.newslist-box .news-container .box .p .title {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.newslist-box .news-container .box .p .summary {
	height: 15px;
	min-height:30px;
	max-height:30px;
	line-height: 15px;
	overflow: hidden;
	margin-bottom:10px;
}
.newslist-box .news-container .box .p .btn1 {
	position: absolute;
	background-color: #27439D;
	padding: 3px 30px 3px 10px;
	bottom: 5px;
	border-radius: 20px;
}
.newslist-box .news-container .box .p .btn1 a {
	color: #FFFFFF;
	font-size: 10px;
}
.newslist-box .news-container .box .arrow1 {
	position: absolute;
	top: 4px;
	right: 10px;
	width: 10px;
	height: 10px;
	display: block;
	background: url(../imgs/index-arrow_07.png) no-repeat 0 -5px;
	background-size: 10px;
}
.newslist-box .news-container .box .p .btn {
	position: absolute;
	padding: 3px 30px 3px 10px;
	bottom: 5px;
	border-radius: 20px;
	border: 1px solid #27439D;
	color: #27439D;
}
.newslist-box .news-container .box .p .btn a {
	color: #27439D;
	font-size: 10px;
}
.newslist-box .news-container .box .arrow {
	position: absolute;
	top: 4px;
	right: 10px;
	width: 10px;
	height: 10px;
	display: block;
	background: url(../imgs/index-arrow_07.png) no-repeat 0 1px;
	background-size: 10px;
}

/*news list*/


/*news box*/

.news-box .news-content-title {
	margin-top: 15px;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.news-box .news-info {
	margin-top: 5px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 13px;
	color: #787878;
	border-bottom: 1px solid #ddd
}
.news-box .news-p {
	margin-top: 20px;
	line-height: 22px;
}
.news-box .news-p img {
	max-width: 100%;
}
.news-box .page-in {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding: 0;
	padding-top: 10px;
	background: #fff;
}
.news-box .page-in .btn {
	line-height: 24px;
}

/*news end*/


/*sevice*/

.service-box .div1 {
	padding: 22px 0;
}
.service-box .div1 ul {
	margin: 20px 0 36px;
}
.service-box .div1 ul li {
	margin: 5px 0 0;
	float: left;
	width: 50%;
	text-align: center;
}
.service-box .div1 ul li i {
	width: 60px;
	height: 60px;
	display: block;
	background: url(../imgs/pics/service_11.png) no-repeat -7px -2px;
	background-size: 400px;
	margin: 10px auto;
}
.service-box .div1 ul li i.i1 {
	background-position: -7px -2px;
}
.service-box .div1 ul li i.i2 {
	background-position: -96px -2px;
}
.service-box .div1 ul li i.i3 {
	background-position: -180px -2px;
}
.service-box .div1 ul li i.i4 {
	background-position: -258px -2px;
}
.service-box .div1 ul li i.i5 {
	background-position: -336px -2px;
}
.service-box .div1 ul li .p1, .service-box .div1 ul li .p2 {
	width: 97%;
	height: 25px;
	line-height: 25px;
}
.service-box .img {
	width: 100%;
}
.service-box .img img {
	width: 100%;
}
.service-box .div2 {
	padding: 32px 0;
}

/*service end*/


/*contact*/

.contact-box .div1 .div1-1 {
	margin-bottom: 22px;
}
.contact-box .div2 .in_form {
	display: block;
	width: 100%;
}
.contact-box .div2 .in_form .in_in, .contact-box .div2 .in_form .in_area {
	padding: 10px 0;
	margin-top: 10px;
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ddd;
}
.contact-box .div2 .in_form .in_in input, .contact-box .div2 .in_form .in_area textarea {
	width: 100%;
	display: block;
	border: none;
	font-size: 12px;
	color: #373C41;
	z-index: 99;
	background: none;
	padding: 0 15px
}
.contact-box .div2 .in_form .in_area {
	height: 100px;
	width: 100%;
}
.contact-box .div2 .in_form .in_area textarea {
	height: 100%;
	width: 100%;
	overflow: auto;
	resize: none;
}
.contact-box .div2 .in_form .in_sub .submit {
	width: 30%;
	background-color: #27439D;
	border: none;
	margin: 10px 0;
	color: #FFFFFF;
	padding: 5px;
}

/*contact end*/

.in-box {
    padding: 22px 0;
}
/*join box*/

.join-box .div1 .model {
	width: 45%;
	padding: 5px 5%;
	background-color: #27439D;
	border-radius: 20px;
	text-align: center;
	margin-top: 20px;
}
.join-box .div1 .p1 {
	margin: 13px 0;
}
.join-box .div1 .p2 ul {
	padding: 0 5%;
}
.join-box .div1 .p2 ul li {
	list-style: disc;
	line-height: 20px;
}
.join-box .div2 .list {
	margin: 20px 0 0;
}
.join-box .div2 .list ul {
	overflow: hidden;
}
.join-box .div2 .list ul li {
	background-size: 50px;
	padding: 10px 0 10px 60px;
	margin-bottom: 10px;
}
.join-box .div2 .list ul li.li1 {
	background: url(../imgs/pics/join_05_03.png) no-repeat top left;
	background-size: 50px;
}
.join-box .div2 .list ul li.li2 {
	background: url(../imgs/pics/join_05_05.png) no-repeat top left;
	background-size: 50px;
}
.join-box .div2 .list ul li.li3 {
	background: url(../imgs/pics/join_05_07.png) no-repeat top left;
	background-size: 50px;
}
.join-box .div2 .list ul li.li4 {
	background: url(../imgs/pics/join_05_09.png) no-repeat top left;
	background-size: 50px;
}
.join-box .div2 .btn {
	width: 30%;
	padding: 5px 5%;
	background-color: #27439D;
	border-radius: 20px;
	text-align: center;
	margin: 20px auto 0;
}
.join-box .arrow {
	position: absolute;
	right: 24px;
	top: 18px;
	width: 14px;
	height: 9px;
	display: block;
	background-image: url(../img/index-arrow_07.png);
}

/*join end*/


/*about box*/

.about-box .tabBox {
	margin-bottom: 30px;
}
.about-box .tabBox .hd ul li {
	width: 33.33%;
	float: left;
	padding: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.about-box .tabBox .hd ul li a {
	width: 100%;
	display: block;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #ECECEC;
	border-radius: 20px;
}
.about-box .tabBox .hd ul li.on a {
	border: 1px solid #27439D;
	background-color: #27439D;
	color: #FFFFFF;
}
.about-box .tabBox .bd .bd-in-box {
	padding: 20px 0;
}
.about-box .tabBox .bd .resume .img {
	margin: 22px 0 34px;
}
.about-box .tabBox .bd .culture .img {
	margin: 30px 0 15px;
}
.about-box .tabBox .bd .culture .subtitle {
	height: 26px;
	line-height: 26px;
	margin: 0 0 5px;
}
.about-box .glory {
	position: relative;
}
.about-box .glory .detail>div {
	width: 100%;
	font-size: 13px;
	color: #969696;
	border-bottom: 1px solid #ECECEC;
	padding: 5px 0;
}
.about-box .glory .detail .img {
	width: 60%;
	display: none;
}
.about-box .glory .detail .img img {
	width: 100%;
}
.modal {
	position: fixed;
	z-index: 10000;
	display: none;
	top: 0;
	height: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	text-align: center;
}
.modal .btn-back {
	position: absolute;
	top: 18px;
	left: 18px;
	width: 14px;
	height: 14px;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #ffffff;
	transform: rotate(-45deg);
}
.modal span {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.modal .img2 {
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
}
.about-box .licheng .course {
	border-bottom: 1px solid #ECECEC;
	padding: 10px 0;
}
.about-box .licheng .course .lc-container {
	width: 90%;
	margin: 0 auto;
	display: table;
}
.about-box .licheng .course .lc-container>span {
	width: 28%;
	font-size: 32px;
	color: #27439D;
	display: table-cell;
}
.about-box .licheng .course .lc-container .p {
	width: 68%;
	font-size: 13px;
	color: #434343;
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
}

/*about end*/


/*font css*/

.f-10-ff {
	font-size: 10px;
	color: #ffffff;
}
.f-10-96 {
	font-size: 10px;
	color: #969696;
}
.f-10-e5 {
	font-size: 12px;
	color: #E5E5E5;
}
.f-10-27{
	font-size: 10px;
	color: #27439D;
}
.f-12-99 {
	font-size: 12px;
	color: #999999;
}
.f-12-96 {
	font-size: 12px;
	color: #969696;
}
.f-12-43 {
	font-size: 12px;
	color: #434343;
}
.f-13-96 {
	font-size: 13px;
	color: #969696;
}
.f-14-ff {
	font-size: 14px;
	color: #ffffff;
}
.f-14-43 {
	font-size: 14px;
	color: #434343;
}
.f-14-27 {
	font-size: 14px;
	color: #27439D;
}
h1 {
	font-size: 16px;
	color: #434343;
}
.f-22-27 {
	font-size: 22px;
	color: #27439D;
}

/*font end*/


/*base*/

.line12 {
	width: 12px;
	height: 1px;
	background-color: #d0d0d0;
	margin: 10px 0;
}

/*base end*/


.index-ser{border-top:1px solid #ddd;}
.index-ser li{float:left;padding:20px 0 0;width:33.333%;text-align:center}
.index-ser li i{display:block;width:40px;height:40px;margin:auto;background-image: url(../imgs/ico-02.png);background-color:#27439d;border-radius:100%;background-size:auto 40px}
.index-ser li .icon_1{background-position:0 0;}
.index-ser li .icon_2{background-position:-40px 0;}
.index-ser li .icon_3{background-position:-80px 0;}
.index-ser li .icon_4{background-position:-120px 0;}
.index-ser li .icon_5{background-position:-160px 0;}
.index-ser li .icon_6{background-position:-200px 0;}
.index-ser li p{font-size:10px;margin-top:10px}


#wrapper{position:relative;height:81px;background-color:#fff}
.product-nav {width:490px}
.product-nav li{float:left;height:81px;width:70px;text-align:center}
.product-nav li a{display:block;width:70px;height:70px;padding:5px 0}
.product-nav li a.active{border-bottom:1px solid #27439d;color:#27439d}
.product-nav li img{display: block;width:50px;height:50px;margin:auto;}
.product-nav li p{height:20px;line-height:20px;font-size:13px}

.normal_filter_wrap{height:50px;line-height:50px;border-top: 10px solid #f5f5f5;background:#fff;border-bottom:1px solid #ddd;}
.normal_filter_wrap a{display:block;float:left;width:33.33%;text-align:center; position:relative}
.normal_filter_wrap i.icon_list{width:20px;height:20px; position:absolute;left:50%;top:11px;margin-left:20px;background:url(../imgs/ico-list.png) no-repeat left center;background-size:120px 120px}
.normal_filter_wrap i.icon_up{background-position:-65px 3px}
.normal_filter_wrap i.icon_down{background-position:-85px 3px}
.normal_filter_wrap i.icon_no{background-position:-105px 3px}

.goods-list li {
	padding:10px 10px 10px 120px;
	height:100px;
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #ddd;
}
.goods-list li .pic{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    font-size:0;
    text-align:center;
    vertical-align:middle;
}
.goods-list li .pic span{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.goods-list li .pic img{
    max-width: 100px;
    max-height: 100px;
	vertical-align:middle;
}
.goods-list li .con{
	width:100%;
	height:90px;
	padding:5px 0;
}
.goods-list li .con .tit{
	width:100%;
	height:25px;
	line-height:25px;
	color:#333;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goods-list li .con .txt{
	width:100%;
	height:20px;
	line-height:20px;
	color:#999;
	font-size:12px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goods-list li .con .price{
	margin-top:20px;
	height:25px;
	line-height:25px;
	color:#ed7020;
}
.goods-list li .con .price span{
	font-size: 20px
}
.goods-list li .con .price del{
	font-size: 12px;
	color:#999;
	margin-left:5px
}
.goods-list li .con .price p{
	float:right;
	margin-left:10px;
	margin-top:2px;
	font-size: 10px;
	color:#999;
}





























/*page*/
.shop-page .pagetion{padding:10px 0;}
.shop-page .pagination{text-align:center;padding:10px 0; }
.shop-page .pagination li{display:inline-block;border:1px solid #c1c1c1;margin:0 5px;height:24px;line-height:24px;background:#fff}
.shop-page .pagination li a{height:24px;line-height:24px;display:block;color:#c1c1c1;padding:0px 8px;}
.shop-page .pagination li.disabled span{color:#e1e1e1;display:block;padding:0px 8px;}
.shop-page .pagination li.disabled{border-color:#e1e1e1}
.shop-page .pagination li.active span{height:24px;line-height:24px;color:#fff;display:block;padding:0px 8px;}
.shop-page .pagination li.active {border:1px solid #27439d;background-color:#27439d}
.shop-page .pagination li.active .sr-only{display:none}








.head-in{position: fixed;z-index:99;left: 0;right: 0;margin: auto;height:50px;width: 100%;max-width:800px;min-width:320px;padding:0;background:#27439d;text-align:center;}
.head-in .back{float:left;height:50px;width:50px;}
.head-in .back img{height:20px;margin-top:15px;}
.head-in .search{float:right;height:50px;width:50px;}
.head-in .search img{height:30px;margin-top:10px;}
.head-in .head-tit{display: inline-block;height:50px;line-height:50px;color:#fff;font-size:18px}
.head-in .col_middle{display: inline-block;height:50px;line-height:50px;color:#fff;font-size:18px}
.head-in .col_middle a{display:block;float:left;margin:0 15px;height:50px;line-height:50px;font-size:16px;color:rgba(255,255,255,0.3)}
.head-in .col_middle a.on{color:#fff}
.head-bg{width:100%;height:50px}







/*product_main*/


.focus{width:100%;margin:0 auto;display:block; position:relative;overflow:hidden;background-color: #fff}
.focus .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; text-align:center;font-size:0  }
.focus .hd ul{ display:inline-block;    font-size:0; }
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:10px;-ms-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#000; margin:0 3px;  overflow:hidden; opacity:0.2  }
.focus .hd ul .on{ background:#27439d;opacity:1 }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{display:block; width:100%;   }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }




.product_wrap .item_info {box-sizing: border-box;background-color: #fff;}
.product_wrap .title_wrap {padding: 15px 15px 10px;}
.product_wrap .title_wrap .item_title {font-size: 16px;line-height: 1.25;min-height: 21px;color: #333333;margin-bottom: 4px;word-wrap: break-word;word-break: break-all;overflow: hidden;}
.product_wrap .title_wrap .item_title span{display:inline-block;color:#fff;background:#27439d;padding:1px 3px 0;border-radius:2px;font-size:12px; position:relative;top:-2px}
.product_wrap .title_wrap .item_word {font-size: 14px;line-height: 18px;color: #27439d;overflow: hidden;margin-top:5px;max-height: 36px;}
.product_wrap .price_stock {padding: 0 15px 15px; position:relative}
.product_wrap .price_stock .item_price {font-size: 16px;color: #27439d; }
.product_wrap .price_stock .item_price .price {font-size: 28px}
.product_wrap .price_stock .item_price del{font-size: 12px;color:#999;margin-left:5px}
.product_wrap .price_stock .item_price .sp{font-size:10px;border-radius:2px;padding:2px 3px 0;margin-left:4px; position:relative;top:-4px}
.product_wrap .price_stock .item_price .sp1{border:1px solid #27439d;color:#27439d}
.product_wrap .price_stock .item_price .sp2{border:1px solid #f60;color:#f60}
.product_wrap .price_stock .item_stock {margin-top:5px;}
.product_wrap .price_stock .price_del{font-size: 12px;color: #999;float: left;}
.product_wrap .price_stock .item_stock .sales, .product_wrap .price_stock .item_stock .stock {font-size: 12px;line-height: 12px;height: 12px;color: #999;float: left;}
.product_wrap .price_stock .item_stock .stock {margin-left: 10px;}
.product_wrap .price_stock .item_stock .sales {border-right: 1px solid #ddd;padding-right: 10px;}
.product_wrap .mod_detail_info {padding-left: 15px;background-color: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;margin-bottom: 10px;}
.product_wrap .mod_detail_info .item_act {position: relative;overflow: hidden;padding: 11px 0;}
.product_wrap .mod_detail_info .item_act h3 {color: #999;float: left;font-size: 12px;font-weight: normal;line-height: 22px;}

.product_wrap .act_container .item_act .act_list {float: left;padding-left: 20px;width: 80%;}
.product_wrap .act_container .item_act .act_list .option {float: left;margin-right: 5px;font-size: 12px;color: #999; position:relative;padding-left:20px}
.product_wrap .act_container .service .icon {height: 25px;width: 20px;background-position:-5px -34px;background-image:url(../imgs/ico-list.png);background-size:180px 180px; position:absolute;left:0;top:0}
.product_wrap .act_container .item_act .icon_text {float: left;height: 22px;line-height: 22px;}



.product_wrap .sku_area_wrap .sku {padding-top: 15px;border-top: 1px solid #f4f4f4;}
.product_wrap .sku_area_wrap .sku_list {overflow: hidden;padding: 0 0 5px 10px;}
.product_wrap .sku_area_wrap .sku h3 {height: 30px;line-height: 30px;}
.product_wrap .sku_area_wrap h3 {float: left;font-weight: normal;overflow: hidden;}
.main_wrap .mod_detail_info h3 {color: #999;float: left;font-size: 12px;font-weight: normal;line-height: 22px;}



.input-group {display: inline-block;*display: inline;}
.input-group input[type="radio"] {position: absolute;z-index: -99999;}
.input-group .property-value {box-sizing: border-box;float: left;height: 30px;border: 1px solid #f1f1f1;border-radius: 3px;-webkit-border-radius: 3px;line-height: 30px;text-align: center;font-size: 12px;min-width: 1em;overflow: hidden;padding: 0 10px;background: #f1f1f1;margin: 0 10px 5px 0;word-break: break-all;color: #777;cursor: pointer;background-clip: padding-box;}
.input-group input[type="radio"]:checked + .property-value{border:1px solid #27439d;background:#27439d;color:#fff}



.product_wrap .sku_area_wrap .sku_num {overflow: hidden;height: 30px;line-height: 30px;padding-bottom: 15px;}
.product_wrap .sku_area_wrap .sku_num .num_wrap {float: left;padding-left: 20px;}
.num_wrap {overflow: hidden;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;}
.num_wrap span, .num_wrap input {float: left;width: 29px;height: 28px;line-height: 28px;border: 1px solid #d6d6d6;text-align: center;position: relative;}
.num_wrap label input  {-webkit-appearance: none;border-radius: 0;width: 35px;height: 28px;line-height: normal;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;background: #fff;border-left: 0;border-right: 0;text-align: center;}
.num_wrap span{font-size:20px;color:#333;line-height: 28px;}
.num_wrap span.plus_disabled{color:#999}



.product_param{ position:relative;padding:0 15px;height:43px;line-height:43px;color:#666;background:#fff;border-top:1px solid #eee;}
.product_param .icon_list{ position:absolute;right:15px;top:7px;width:30px;height:30px;background-position:-110px -60px;background-size:300px 300px}
.product_param .icon_on{background-position:-60px -60px;}

.abouthide{display:none;padding:15px ;background:#fff;color:#777;font-size:14px;line-height:24px;border-bottom:1px solid #eee;}




.goods-parameter .para-tb{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.goods-parameter .para-tb th{text-align:left;font-size:14px;font-weight:400}
.goods-parameter .para-tb th{padding:5px 10px;line-height:1.6}
.goods-parameter .para-tb td{padding:5px 10px;line-height:1.6;font-size:12px}
.goods-parameter .para-tb thead th{background-color:#f5f5f5}
.goods-parameter .para-tb{border-top:1px solid #ddd}
.goods-parameter .para-tb th,
.goods-parameter .para-tb td{border-bottom:1px solid #ddd}
.goods-parameter .para-tb {border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0}
.goods-parameter .para-tb th,
.goods-parameter .para-tb td{border-left:1px solid #ddd}
.goods-parameter .para-tb{border-bottom:0}
.goods-parameter .para-tb tbody tr:hover td,
.goods-parameter .para-tb tbody tr:hover th{background-color: #f5f5f5}
.goods-parameter .para-tb td .singleimg{width:auto;max-width:100px;max-height:100px}
.goods-parameter .para-tb td .figure .figureimg{float:left;margin-right:15px;height:100px;font-size:0}
.goods-parameter .para-tb td .figure .figureimg span{display:inline-block;height:100%;vertical-align:middle}
.goods-parameter .para-tb td .figure .figureimg img{width:auto;max-width:100px;max-height:100px;display:inline-block;vertical-align:middle}













.main_wrap .btn_shop_wrap {border-top: 1px solid #eee;}
.main_wrap .mod_detail_info_header {background-color: #fff;position: relative;border-bottom: 1px solid #eee;}
.btn_shop_wrap {height: 30px;padding: 12px 15px;margin: 10px 0;background: #fff;overflow: hidden;}
.btn_shop_wrap .shop_logo {float: left;width: 30px;height: 30px;margin-right: 10px;border: 0 none;}
.btn_shop_wrap h3 {float: left;font-weight: 400;line-height: 30px;max-width: 170px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.btn_shop_wrap .btn_shop {float: right;width: 73px;height: 28px;line-height: 28px;border: 1px solid #e54a47;border-radius: 3px;text-align: center;font-size: 12px;color: #e54a47;text-decoration: none;}
a.go_detail{display:inline-block;padding:5px 30px;border:1px solid #ccc;color:#999;border-radius:3px}

.product_detail {margin-top:10px;background-color:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee}
.product_detail img{width:100%;vertical-align:middle}
.product_detail h2{padding:10px;font-size:14px;border-bottom:1px solid #eee}



.foot_buy_bg{height:50px;}
.foot_buy {position:fixed;bottom:0;width: 100%;max-width:800px;height: 50px;background:#fff}
.foot_buy .ico1{position:absolute;left:0;top:0;width:50px;height:49px;border-top:1px solid #eee;border-right:1px solid #eee;}
.foot_buy .ico2{position:absolute;left:51px;top:0;width:50px;height:49px;border-top:1px solid #eee;}
.foot_buy .ico5{padding-left:101px}
.foot_buy .ico3{float:left;width:50%;height:50px;background:#27439d}
.foot_buy .ico4{float:left;width:50%;height:50px;background:#fa123d}
.foot_buy .cellect{display:block;margin:5px auto 0;width:35px;height:40px;background:url(../imgs/ico-detail.png) no-repeat;background-position:2px 0;background-size:140px auto}
.foot_buy .cart{position:relative;display:block;margin:5px auto 0;width:35px;height:40px;background:url(../imgs/ico-detail.png) no-repeat;background-position:-31px 0;background-size:140px auto}
.foot_buy .in_cart{display:block;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background:0;border:0}
.foot_buy .go_buy{display:block;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background:0;border:0}