@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}
.index-titleCN{ margin:0px ; font-size:30px; font-family:"微软雅黑";}
.index-titleEN{ margin:0px ; font-family:Arial; font-size:17px;}
.tihuandivOn{ display:block!important;}
.tihuandivOff{ display:none!important;}

.anli-but{ position:absolute; background-color:#E8312E;border-radius:5px; top:-10px; right:0px;padding:10px 5px;}
.anli-but a{color:#Fff;}
.svgcolor-light {
    position: relative;
	margin-top:-104px;
}
.svgcolor-light > path {
    fill: rgb(238, 238, 238);
    stroke: rgb(255, 255, 255);
    stroke-width: 0;
}

.service-ma{ margin:20px 0px;}

#menu {
	padding: 20px;
	transition: all 0.8s;
}
#menu.navbar-default {
	background-color: rgba(248, 248, 248, 0);
	border-color: rgba(231, 231, 231, 0);
}
#menu a.navbar-brand {
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	font-weight: 900;
}
#menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #cacaca;
}
.on {
	background-color: #222222 !important;
	padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #D2527F !important;
	background-color: transparent;
	font-weight: 700;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #D2527F;
	border-color: #D2527F;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}



/*轮播*/
.flick-content img {
    width: 100%;
}
.flickerplate {
	position:relative;
	width:100%;
	background-color:#e6e6e6;
	overflow:hidden
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {

	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
.flickerplate ul.flicks>li .flick-title {
	padding:0px 0px;
	font-size:2.778em;
	line-height:1.995em;
	text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../img/flickerplate/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../img/flickerplate/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../img/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../img/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}
/*end*/

.index-linbg{ width:100%; background:url(../images/color_border.jpg) center repeat-x; height:6px;}

/*关于我们*/
.index-about{ width:40%; display:inline-block; float:left; padding:35px 20px 0px; font-size:16px; line-height:2em; text-indent:2em; text-align:justify;}
.index-aboutimg{ width:20%; height:215px;float:left; text-align:center;}
/*end*/

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:1040px;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	padding:0px 25px;
	width:255px!important;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
}
.nbs-flexisel-nav-left2, .nbs-flexisel-nav-right2 {
	width:40px;
	height:50px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left2 {
	left: 0px;
	background: url(../images/img-sprite.png) no-repeat -83px 4px;
}
.nbs-flexisel-nav-right2 {
	right: 0px;
	background: url(../images/img-sprite.png) no-repeat -120px 4px;
}

.footer-nav{
	color:#fff;
	width:495px;
	float:left;
}
.footer-nav li{
	display:block;
	float:left;
	width:30%;
}
.footer-nav li a:first-child{ color:#fff; margin-bottom:3px; font-weight:bold;}
.footer-nav li a{
	color:#fff;
	font-size:14px;
	margin:5px 15px;
	text-align:left;
	display:block;
	color:#7b7b7b;
}
.footer-nav li a:hover{
	color:#F38F00;
}
.footer-erweima{ width:150px; height:150px; float:left;}
.footer-erweima img{ width:100%;}
.copy{ width:100%; float:left;}
.footer-lianxi{ width:300px; float:left; margin-left:70px;}
.footer-lianxi p{ text-align:left; margin-top:7px; width:100%; float:left; font-size:14px;}
.footer-QQbox{ width:125px; float:left;}
.footer-QQbox span{ float:left; width:100%;}
.footer-QQbox div{ float:left; width:100%; margin-top:20px;}
.footer-QQbox a{ display:inline-block; margin:0 auto; position:relative;}
.footer-QQbox a img{ width:125px; height:29px; float:left;}
.footer-QQbox a p{ color:#000; font-size:12px; margin:7px 0 0 0; position:absolute;    right: 31px;    top: -2px;}

.footer-QQbox2{ width:100%; float:left;}
.footer-QQbox2 span{width: initial; margin-top:2px; float:left;}
.footer-QQbox2 div{ float:left;width:25%; margin-top:0px; margin-left:10px}
.footer-QQbox2 a{ display:inline-block; margin:0 auto; position:relative;}
.footer-QQbox2 a img{ width:125px; height:29px; float:left;}
.footer-QQbox2 a p{ color:#000; font-size:12px; margin:7px 0 0 0; position:absolute;    right: 31px;    top: -2px;}

.news-box{ border-bottom:1px  dashed rgb(51, 122, 183); display:block;    margin-top: 15px;    padding-bottom: 5px;}
.news-box:hover{ text-decoration:none;}
.news-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:bold;}



/**/
.ddd {
	position:relative;
	float:right;
}
.ddd li {
	float:left;
	margin-left:9px;
	display:inline;
	height:26px;
	line-height:26px;
}
.ddd li a {
	padding:0 8px;
	font-size:14px;
	text-decoration:none;
}
.ddd li a:hover {
	text-decoration:none;
}
.ddd li.last a {
	font-weight:normal;
	font-size:12px;
}
.ddd li.cur a {
	color:#39aa42;
}
.ddd .ccc-eine {
	position:absolute;
	height:3px;
	background:url(../images/color_border.jpg) no-repeat center;
	background-size:100% 3px;
	overflow:hidden;
	left:0;
	bottom:-15px;
}


/*新闻 */
.index-newsbox{ width:100%; float:left; margin:16px 0px;}
.index-newstime{ width:148px; float:left; height:100px; background:url(../images/vblock1.png) no-repeat center; background-color:#F48D00; background-size:100%; position:relative;transition: all 0.3s;}
.index-newstimeY{height: 30px; padding-left: 18px; font-size: 23px; color: #fff; width: 100%; float: left; margin-top: 6px !important; margin-bottom:0px;}
.index-newstimeM{text-align: right; padding-right: 15px; font-size: 41px; color: #fff; width: 100%; float: left; margin-top: 0px !important;}
.index-newsconter{margin-left:25px; float:left; width:382px; font-size:16px;}
.index-newstitle{ width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#000; font-size:18px;transition: all 0.3s;}
.index-newsjianjie{ font-size:14px; margin-top:10px; color:#000; height:65px; overflow:hidden;transition: all 0.3s;}
.index-newsconter a:hover{ text-decoration:none;}
.index-newsconter a:hover .index-newstitle{ color:#F48D00;}
.index-newsconter a:hover .index-newsjianjie{ color:#3E3E3E;}

.index-newslink{ width:100%; height:10px;}
.index-newsbox:hover .index-newstime{background-color:#000;}

/*成品系统*/
.cpxt-box{ width:100%; float:left;}
.cpxt-list{ width:16.6%; float:left; margin-bottom:25px;}
.cpxt-imgbox{ width:160px; margin:0 auto; height:70px;}
.cpxt-cc{display: table-cell;  text-align: center; vertical-align: middle; width: 160px; height: 70px; background-color:#F48D00; padding:0px 5px; color:#fff;cursor: pointer; }
.cpxt-cc:hover{ background-color:#000;}
.cpxt-zhezhao{ width:100%; height:0%; background-color:rgba(0,0,0,0.7); position:fixed; top:50%; left:0px; text-align: center; z-index:10000; overflow:hidden;transition: all 0.3s;}
.cpxt-zhezhao span{height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
.cptx-zhezhao-c {border: 1px solid #6D6D6D; display:inline-block; margin: 0 auto; color:#fff; padding:50px; background-color: rgba(0,0,0,0.70); max-width:70%;  text-align:left;     line-height: 2em;}


.index-lb4-box{ margin:0 auto; position:relative; margin-top:-430px; width:900px;}
.index-lb4-list-1{ width:182px; height:154px; background:url(../images/lb/show_bg_r.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-1 p{ width: 163px; font-size: 12px;  padding-top: 42px;}

.index-lb4-list-2{ width:182px; height:154px; background:url(../images/lb/show_bg.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-2 p{ width: 163px; font-size: 12px;  padding-top: 42px; float:right;}

.index-lb4-list-3{ width:182px; height:154px; background:url(../images/lb/show_bg_r.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-3 p{ width: 163px; font-size: 12px;  padding-top: 42px;}

.index-lb4-list-4{ width:182px; height:154px; background:url(../images/lb/show_bg_r.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-4 p{ width: 163px; font-size: 12px;  padding-top: 42px;}

.index-lb4-list-5{ width:182px; height:154px; background:url(../images/lb/show_bg_r.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-5 p{ width: 163px; font-size: 12px;  padding-top: 42px;}

.index-lb4-list-6{ width:182px; height:154px; background:url(../images/lb/show_bg_r.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-6 p{ width: 163px; font-size: 12px;  padding-top: 42px;}

.index-lb4-list-7{ width:182px; height:154px; background:url(../images/lb/show_bg.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-7 p{ width: 163px; font-size: 12px;  padding-top: 42px; float:right;}

.index-lb4-list-8{ width:182px; height:154px; background:url(../images/lb/show_bg.png) no-repeat center; color:#Fff; text-align:center;position:absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-8 p{ width: 163px; font-size: 12px;  padding-top: 42px; float:right;}

.index-lb4-list-9{ width:182px; height:154px; background:url(../images/lb/show_bg.png) no-repeat center; color:#Fff; text-align:center;position:absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-9 p{ width: 163px; font-size: 12px;  padding-top: 42px; float:right;}

.index-lb4-list-10{ width:182px; height:154px; background:url(../images/lb/show_bg.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top: -72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-10 p{ width: 163px; font-size: 12px;  padding-top: 42px; float:right;}

.index-lb4-list-11{ width:182px; height:154px; background:url(../images/lb/show_bg.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top:-72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-11 p{ width: 163px; font-size: 12px;  padding-top: 42px; float:right;}

.index-lb4-list-12{ width:182px; height:154px; background:url(../images/lb/show_bg_r.png) no-repeat center; color:#Fff; text-align:center;position: absolute;top:-72px;left: -86px;transform: scale(0);transition: all 0.3s;}
.index-lb4-list-12 p{ width: 163px; font-size: 12px;  padding-top: 42px; }
.banner-list4{ display:none;}

.index-lb-list1box{position: absolute;top: 6px;left: 288px; width:10px; height:10px;}
.index-lb-list2box{position: absolute;top: 6px;left: 478px; width:10px; height:10px;}
.index-lb-list3box{position: absolute;top: 104px;left: 2px; width:10px; height:10px;}
.index-lb-list4box{position: absolute;top: 185px;left: 2px; width:10px; height:10px;}
.index-lb-list5box{position: absolute;top: 271px;left: 2px; width:10px; height:10px;}
.index-lb-list6box{position: absolute;top: 342px;left: 2px; width:10px; height:10px;}
.index-lb-list7box{position: absolute;top: 80px;right: 3px; width:10px; height:10px;}
.index-lb-list8box{position: absolute;top: 178px;right: 3px; width:10px; height:10px;}
.index-lb-list9box{position: absolute;top: 270px;right: 3px; width:10px; height:10px;}
.index-lb-list10box{position: absolute;top: 361px;right: 239px; width:10px; height:10px;}
.index-lb-list11box{position: absolute;top: 355px;right: 463px; width:10px; height:10px;}
.index-lb-list12box{position: absolute;top: 355px;left: 219px; width:10px; height:10px;}
.index-lb-list1box:hover .index-lb4-list-1{transform: scale(1);}
.index-lb-list2box:hover .index-lb4-list-2{transform: scale(1);}
.index-lb-list3box:hover .index-lb4-list-3{transform: scale(1);}
.index-lb-list4box:hover .index-lb4-list-4{transform: scale(1);}
.index-lb-list5box:hover .index-lb4-list-5{transform: scale(1);}
.index-lb-list6box:hover .index-lb4-list-6{transform: scale(1);}
.index-lb-list7box:hover .index-lb4-list-7{transform: scale(1);}
.index-lb-list8box:hover .index-lb4-list-8{transform: scale(1);}
.index-lb-list9box:hover .index-lb4-list-9{transform: scale(1);}
.index-lb-list10box:hover .index-lb4-list-10{transform: scale(1);}
.index-lb-list11box:hover .index-lb4-list-11{transform: scale(1);}
.index-lb-list12box:hover .index-lb4-list-12{transform: scale(1);}

@media (max-width: 1200px){
.index-about{padding: 0px 20px 0px;}
.nbs-flexisel-inner{ width:765px;}
.news-list-main{ width:750px!important;}
.index-newstime{ width:118px; height:80px;}
.index-newstimeY{ font-size:16px;}
.index-newstimeM{ font-size:30px;}
.index-newsconter{ width:312px; }
.index-newsjianjie{ height:45px;}
.footer-nav{ width:380px;}
.footer-QQbox{ width:100%;}
.footer-QQbox span{ width:initial; margin-left:10px;}
.footer-QQbox div{ width:initial; margin-top:0px; margin-left:20px;}

.footer-QQbox2 div{ width:30%;}}
@media (max-width: 992px){
.index-aboutimg{ width:100%; float:left;}
.index-aboutimg img{ width:215px;}
.tihuandivOn{ display:none!important;}
.tihuandivOff{ display:block!important;}
.index-about{ width:100%;padding: 0px 20px 0px; float:right!important;}
ol.type li{ margin-left:0px!important;    margin-top: 30px;}
ol.type li:after{margin-left:0px!important;}
.img-responsive{ margin:0 auto;}
.nbs-flexisel-inner{ width:510px;}
.news-list-main{ width:100%!important; margin-left:0px!important;}
.news-list-imgbox{ display:none;}

.index-newstime{ width:148px; height:100px;}
.index-newstimeY{ font-size:23px;}
.index-newstimeM{ font-size:41px;}
.index-newsconter{ width:546px; }
.index-newsjianjie{ height:60px;}
.on{ padding:0 0 25px 0px!important;}

.content-left{ width:55%!important;}
.content-right{ margin-left:0%!important;}
.footer-QQbox2 div{ width:35%!important;}
}
@media (max-width: 767px){
.col-sm-6{ width:100%;}
.ccc{ padding:0px!important;} 
.nbs-flexisel-inner{ width:255px;}
.nbs-flexisel-nav-left2, .nbs-flexisel-nav-right2{ display:none;}
.anlibox{padding:15px; margin-bottom:20px;}
.content-left{ width:100%!important;}
.content-left p{ text-align:center!important;}
.content-right{ width:100%!important;}
.ddd li{ width:100%; height:inherit!important;}
.index-newstime{ display:none;}
.index-newsconter{ width:100%; margin-left:0px;}
.ccc-eine{ display:none;}
.on{ padding:0px!important;}
.banner-list4{ display: block; height:131px; width:inherit!important; margin:0 auto; margin-top:-131px;}
.index-lb4-box{ display:none;}
.flickerplate{ margin-top:91px;}
.cpxt-list{ width:50%; margin-bottom:13px;}
.cptx-zhezhao-c{ width:95%; padding:5px;}
.news-list-main p{ margin-bottom:5px;}
.news-list{ margin-top:10px;}

.footer-nav{ width:100%;} 
.footer-nav li{ width:33.333%;}
.footer-nav li a{ text-align:center;}
.footer-erweima{  margin:20px auto; width:100%; text-align:center;}
.footer-erweima img{ width:150px; height:150px;}
.footer-lianxi{   margin:0 auto; width:100%;}
.footer-lianxi p{ text-align:center;}
.footer-QQbox{ width:100%; float:left;}
.footer-QQbox span{ float:left; width:100%; margin-left:0px;}
.footer-QQbox div{ float:left; width:100%; margin-top:20px; margin-left:0px;}

.content-name{ font-size:23px!important;}
.content-list i{ display:none!important;}
.footer-QQbox2 span{ width:100%!important;}
.footer-QQbox2 div{ width:100%!important; margin-left:0px!important; margin-top:10px;}
.content-left p{ margin-bottom:10px!important; text-indent:0px!important;}
}
@media (max-width: 400px){
.navbar-brand > img{    
    width: 240px;
    margin-left: 11px;}
.page{ text-align:center!important;}
.page a{ display:inline-block;}
.about-addressbox{ position:relative!important; width:100%; text-align:center; margin-top:15px;}
.about-box img{ width:100%!important; margin:0 auto!important; float:none!important;}
.banner-list4{ display: block; height:112px; width:inherit!important; margin:0 auto; margin-top:-112px;}

}

@media (max-width: 320px){

.content-name{ font-size:19px!important; margin-top:0px!important;}
.content-list{ font-size:12px!important;}
.cpxt-imgbox{ width:130px; height:40px;}
.cpxt-cc{ width:130px; height:40px;}
.footer-QQbox a img{ width:125px; height:29px;}
.footer-nav li a{ margin:5px 10px;}
.fuwu-name-but-5{ display:none !important;}
}