@charset "utf-8";

/* CSS Document */

*{margin:0;padding:0;}

body, div, dl, dt, dd, ul, li, form, input, button, h1, h2, h3, h4, h5, h6, p {margin:0;padding:0;}

html {overflow-x:hidden;-webkit-text-size-adjust:none}

ul, li, dl, dt, dd {display:block;list-style:none}

img {border:0 none;vertical-align:top;max-width:100%;}
video {max-width:100%;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.clearfix {display: inline-block;}

.clear{clear: both;diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}

.fr {float: right;}

.fl {float: left;}

.radius{	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

body {position:relative;overflow-x:hidden;color:#173243;font-family: 微软雅黑; padding-bottom:80px;min-width:320px;}

.textsw{-moz-text-shadow:0 1 0px #fff; 

-webkit-text-shadow:0 1 0px #fff;

 text-shadow:0 1 0px #fff;}

a {outline: 0px;color: #2b528b;font-family: 微软雅黑;text-decoration: none;}

.center{width:94%;margin:0px auto}

.wrap{max-width:640px;width:100%;position:relative;z-index:10;right:0;margin:0 auto;background:#fff;

}

.header{max-height:100px;	background:#2b528b;}

.headcont{position:relative;width:94%;margin:0 auto}

.logo{width:60%;}

.logo a{display:block}

.menu_btn{width:5%;position:absolute;top:30%;right:0;width:3%;min-width:20px;cursor:pointer}

/*搜索*/

.search-form {width:100%;padding:1% 0 1%;background:#ccc;margin-bottom:1%;}

.search-txt {width:75%;

color:#999;cursor:pointer;border:none;float:left;font-family:\5FAE\8F6F\96C5\9ED1;font-style:normal;font-weight:normal;font-variant:normal;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:5px 10px;font-size:14px;margin-left:3%;border:1px solid #ccc;}

.search-input {cursor:pointer;display:block;float:right;margin-right:2%;background:#d82a2a url(../images/icon-search.png) center center no-repeat;width:31px;height:31px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}

/*以下是各个内容*/

.content{margin:1% auto;}

.intro,.playshow,.business{margin-bottom:1%;overflow:hidden}

 h4{background:#2b528b;display:block;width:100%;height:40px;line-height:40px;border-bottom:1px solid #c0c0c0;}

h4 span{color:#fff}

h4 a.more,.h4 a.back{ display:block; width:40px; text-align:center; height:40px; line-height:40px; border-left:1px solid #172841; float:right;}

h4 a.more img{margin-top:18px;}

.intro h4 a.back img{margin-top:8px;}

h4 i{margin-right:10px;border-right:1px solid #172841;float:left;display:block;width:40px;height:40px;background: url(../images/purchase_order.png) no-repeat center center;background-color:#172841}

.playshow h4 i{background: url(../images/invisible.png) no-repeat center center}

.business h4 i{background:url(../images/outline_star.png) no-repeat center center}

.intro-con{margin:1% 0px;}

.con-pic{text-align:center;}

.con-pic img{width:98%;}

.con-des{margin-top:1%;}

.con-des p{margin:0px auto;line-height:1.8em;color:#5a5a5a;width:98%}

.playshow li{width:48%;float:left;margin:1%;}

.playshow li .shadow img{width:100%}

.playshow li a{text-align:center;display:block;}

.playshow li a img{width:100%}

.playshow li a h5{padding:1% 0px;font-size:14px;color:#111;}

.playshow li a{font-size:12px;color:#333;}

/*文字列表*/

.news li {padding:1.5% 0 1.5% 2%;

border-bottom:#ccc dashed 1px;}

.news li a {display:block;background:url(../images/text_ico.gif) no-repeat left center;padding-left:2.5%;padding-right:2.5%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}

.business li{width:31.3333333%;margin:1%;float:left}

.business li a{display:block}

.business li a img{width:100%}

/*以下是banner*/

.banner {line-height:0;background:#fff;width:100%;overflow:hidden;visibility:visible;position:relative;}

.banner li{width:100%;}

.banner img {width:100%;cursor:pointer}

#slider {line-height:0;text-align:center}

#pagenavi {text-align:right;bottom:0px;width:98%;padding:5px 0px;padding-right:2%;position:absolute;background:black; opacity: 0.5;  filter:alpha(opacity=50);}

#pagenavi a {display:inline-block;width:12px;height:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#f75a53;

margin-right:1%}

#pagenavi a.active {background-color:#82be88;-webkit-box-shadow:inset -2px -3px 5px #09557b;-moz-box-shadow:inset -2px -3px 5px #09557b;box-shadow:inset -2px -3px 5px #09557b}

/*侧边栏*/

#sliderbar {display:none;position: absolute;top:0px;right: 0px;background: rgb(38, 38, 38);height:100%;	width: 220px;		z-index: 1;box-shadow: inset 4px 0px 4px #121111;}

.nav li {margin: 0px auto;width: 100%;line-height: 53px;border-bottom-color:#211d1d;border-bottom-width: 1px;border-bottom-style: solid;box-shadow: 1px 1px 1px #2e2a2a;background-size: 6px;}

.nav li a {font: 16px/52px "微软雅黑";width: 100%;height: 52px;color: rgb(255, 255, 255);text-align:center;border-bottom-color: currentColor;border-bottom-width: 0px;border-bottom-style: none;display: block;font-size-adjust: none;font-stretch: normal;}

.nav li a :hover{background:#0f0d0d}





/*footer样式*/

.footer {background: -moz-linear-gradient(top, #302f2f, #202020);background: -webkit-gradient(linear, top, from(#302f2f), to(#202020));background: -webkit-linear-gradient(top, #302f2f, #202020);background: -o-linear-gradient(top, #302f2f, #202020);background-color:#302f2f;    display: block;width: 100%; max-width: 640px; position: fixed; bottom: 0;}

.footer ul{}

.footer li {float:left;padding:2% 0 1.3%;width:24%;border-right:#333 dashed 1px;}

.footer li a {display:block;text-align:center;width:100%;color:#fff}

.footer li a img {vertical-align:middle;max-width:26%;display:block;margin:0 auto}





/*下拉列表样式*/

.downbut {margin:1% 0px 0px 1%;position:relative;

}

.downbut span.classbtn{	width:20%;min-width:4em;color:#fff;display:block;

cursor:pointer;height:3em;

text-align:center;line-height:3em;		background: -moz-linear-gradient(top, #2b528b, #1f3c68);background: -webkit-gradient(linear, top, from(#2b528b), to(#1f3c68));background: -webkit-linear-gradient(top, #2b528b, #1f3c68);background: -o-linear-gradient(top, #2b528b, #1f3c68);background-color:#2b528b}

.the_menu{position:absolute;top:40px;left:0;width:100%;min-height:30px;display:none;z-index:11;}

.the_menu ul li{margin:0px;width:100%;background:#fff;border-bottom:1px solid #ccc;	border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;}

.the_menu ul li a{padding:5px 0px;display:block;width:100%;font-size:14px;color:#666;text-align:center;line-height:30px;}

/*翻页效果*/

.page {text-align:center;width:100%;margin-top:2%}

.page .arrow_left, .page .arrow_right {text-align:center;display:inline-block;width:22px;padding-bottom:3px;background-color:#d82a2a}

.page .arrow_left img, .page .arrow_right img {vertical-align:middle}

.page .arrow_center {display:inline-block;width:20%;color:#d82a2a}

 @media screen and (max-width:640px) {body, html {font-size:14px}

.title a span {font-size:16px}

.picture .ptitle {font-size:16px}

.picture .ptime {font-size:14px}}

@media screen and (max-width:540px) {body, html {font-size:14px}

.title a span {font-size:16px}

.picture .ptitle {font-size:16px}

.picture .ptime {font-size:14px}}

@media screen and (max-width:480px) {body, html {font-size:13px}

.title a span {font-size:15px}

.picture .ptitle {font-size:15px}

.picture .ptime {font-size:13px}}

@media screen and (max-width:420px) {body, html {font-size:13px}

.title a span {font-size:15px}

.picture .ptitle {font-size:15px}

.picture .ptime {font-size:13px}}

@media screen and (max-width:360px) {body, html {font-size:12px}

.title a span {font-size:14px}

.picture .ptitle {font-size:14px}

.picture .ptime {font-size:12px}}

@media screen and (max-width:320px) {body, html {font-size:12px}

.title a span {font-size:14px}

.picture .ptitle {font-size:14px}

.picture .ptime {font-size:12px}}

/* Guestbook */

#guestbook li{margin-bottom:0px;width:90%; padding:0;}

#guestbook li p{width:90px;padding-right:8px;text-align:right;}

#guestbook li span{color:#F00}

.fn-clear:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}.fn-clear{zoom:1}

.fn-left { display: inline; float: left; }

.input, .textarea {background: #FFF;border: 1px solid #E2E2E6; border-radius: 2px 2px 2px 2px; color: #000; margin: 3px 0; padding: 3px; width: 60%; font-size:12px;}

.submit{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;font-size:1em;line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}

.search_nav {line-height:30px; font-size:16px; color:#666; padding-left:20px; border-bottom:1px solid #ccc; text-align:center}

.red {color:#F00}

.zanwu{text-align:center;font-size:1.8em;color:#000;line-height:2em;}

*:focus {outline: none;}

/*上一篇下一篇*/

.prev_next{margin-bottom: 9px; font-size:14px;}

.prev_next span{display: block;}

.show_next { font-size:12px; line-height:25px; margin-left:5px;}

.show_next span {display:block;}

.show_next a {display:inline; color:#333; font-size:12px;}

/*@media screen and (max-width:1024px){.business li a img{height:220px}.banner img{height:490px}.playshow li a img{height:187px}}

@media screen and (max-width:960px){.business li a img{height:206px}.banner img{height:459px}.playshow li a img{height:175px}}

@media screen and (max-width:800px){.business li a img{height:171px}.banner img{height:381px}.playshow li a img{height:146px}}

@media screen and (max-width:768px){.business li a img{height:164px}.banner img{height:366px}.playshow li a img{height:140px}}

@media screen and (max-width:640px){.business li a img{height:136px}.banner img{height:304px}.playshow li a img{height:116px}}

@media screen and (max-width:480px){.business li a img{height:px}.banner img{height:226px}.playshow li a img{height:101px}}

@media screen and (max-width:420px){.business li a img{height:px}.banner img{height:197px}.playshow li a img{height:86px}}

@media screen and (max-width:360px){.business li a img{height:75px}.banner img{height:168px}.playshow li a img{height:64px}}

@media screen and (max-width:320px){.business li a img{height:65px}.banner img{height:152px}.playshow li a img{height:56px}}*/

.indexnewsul {width: 100%;}

.indexnewsul li {background:#fff;margin: 0px auto 3%;padding: 2%;border-radius: 6px;border: 1px solid #e7dac9;border-image: none;width: 96%;overflow: hidden;position: relative;box-shadow: inset 0px 0px 2px #fff;}

.indexnews_link {font: 700 16px/46px "microsoft yahei";width: 70%;height: 46px;color:#000;overflow: hidden;display: block;white-space: nowrap;-ms-text-overflow: ellipsis;font-size-adjust: none;font-stretch: normal;float:left;}

.indexnewsul li div {font: 14px/26px "microsoft yahei";width: 80%;color:#6d6868;overflow: hidden;font-size-adjust: none;font-stretch: normal;float:left;}

.indexnewsul li p {font: 14px/26px "microsoft yahei";width:100%;margin:0 auto;color:#6d6868;overflow: hidden;font-size-adjust: none;font-stretch: normal;}

.indexnews_more {background:#a00604;font: 14px/36px "microsoft yahei";width: 20%;height: 36px;text-align: center;right: 0px;bottom: 7px;color:#fae7cf;display: block;position: absolute;font-size-adjust: none;font-stretch: normal;}

.indexnewsul li p {

font-size:1em;}

.wls_img img{ width:100%}

/*图文列表*/

.lest_imgages{ width:94%; padding:0% 3% 3% 3%}

.lest_imgages li{border-bottom:#CCC solid 1px}

.lest_imgages a{ display:block; padding:2% 0px}

.lest_imgages .img_left{ width:38%; margin-right:2%}

.lest_imgages .img_left img{ width:100%}

.lest_imgages .img_right{width:60%; line-height:2}

.lest_imgages .img_right h3{ font-weight:normal; font-size:1.1em; color:rgb(214, 100, 102); width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}

.lest_imgages .img_right p{ color:#333}



/*产品详情*/

.tabs{height:40px;}

.tabs a{display:block;float:left;width:33.33%;color:#333;text-align:center;background:#eee;line-height:40px;font-size:16px;text-decoration:none;}

.tabs a.active{color:#fff;background:#333;border-radius:5px 5px 0px 0px;}

.swiper-container{background:#fff;border-radius:0 0 5px 5px;width:99%;border-top:0; border:1px solid #CCC; height:auto; !important;}

.swiper-slide{width:100%;background:none;color:#fff;}

.content-slide{padding:20px; height:auto;}

.content-slide p{line-height:1.9;}



/*

 * Swiper 2.7.0

 * www.sucaijiayuan.com

*/

.swiper-container {

	margin:0 auto;

	position:relative;

	overflow:hidden;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:-1;

}

.swiper-wrapper {

	position:relative;

	width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;

	

	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;

	

	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);

	

	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;

	

	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;



	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-free-mode > .swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto;

}

.swiper-slide {

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

}

.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

}



/* ===============================================================

Your custom styles, here you need to specify container's and slide's

sizes, pagination, etc.

================================================================*/

.swiper-container {

	/* Specify Swiper's Size: */



	/*width:200px;

	height: 100px;*/

}

.swiper-slide {

	/* Specify Slides's Size: */

	

	/*width: 100%;

	height: 100%;*/

}

.swiper-slide-active {

	/* Specific active slide styling: */

	

}

.swiper-slide-visible {

	/* Specific visible slide styling: */	



}

/* ===============================================================

Pagination Styles

================================================================*/

.swiper-pagination-switch {

	/* Stylize pagination button: */	



}

.swiper-active-switch {

	/* Specific active button style: */	

	

}

.swiper-visible-switch {

	/* Specific visible button style: */	

	

}



.position{ display:block; width:15%; border-radius:5px; height:34px; line-height:34px; margin-top:2px; text-align:center; border:1px solid #2583e2; display:inline-block; margin-left:25px;}

.position a{color:#fff;}

.position a:hover{ color:#00F;}

.swiper-slide {
    height: auto !important;
}