body {
	font-size: 14px;
	font-family: "Microsoft YaHei", 微软雅黑, helvetica, arial, verdana, tahoma, sans-serif;
	line-height: 1.8;
	color:#000;
}
ul, li {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
a {
	color: #000;
}
a:hover {
	color: #516c7e;
	text-decoration: none!important;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tc {
	text-align: center;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}

/* nav */
.nobg {
	background: none;
	border: 0;
	margin-bottom: 0;
}
.container-fluid {
	max-width:1550px;
}
#header .navbar-collapse{ padding-left:0;}
#header .navbar-header{ float:right;}
#header .navbar { border-bottom:solid #000 1px; border-radius:0;}
#header .navbar-brand {
	height: 80px;
	padding-right:0;
	float:right;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: none;
}
.navbar-default .navbar-nav > .active > a:hover {
	background: none;
	color: #e70012;
}
.navbar-default .navbar-nav > .active > a:hover {
	background: none;
	color: #516c7e!important;
}
.navbar-nav > li>a{ position:relative; z-index:999;}
.navbar-nav > li > a {
	color: #000!important;
	line-height: 50px;
	font-size: 16px;
	padding-left: 0px;
	padding-right: 71px;
}
.navbar-nav > li > a:hover, .navbar-nav > li.active>a {
	color: #516c7e!important;
}
.navbar-nav .dropdown-menu{ padding:5px; margin-left:-70px; border:none;border-top:solid #000 1px; }
.navbar-nav > li:hover .dropdown-menu {
	/*display: block;*/
	
	border-top: solid #000 1px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#000;}
.navbar-nav > li:last-child:hover {
	border: 0;
}
#header .nav > li:last-child a {
	padding-right: 0;
}
.navbar-default .navbar-brand {
	padding-top: 25px;
	padding-bottom: 25px;
}

.navbar-nav > li > .dropdown-menu li a {
	color:#000;
	padding: 5px 20px;
}
.navbar-nav > li > .dropdown-menu li a:hover {
	color: #516c7e;
	background-color:transparent;
}
#nav1:hover .app-cat{ display:block;}
#header ul.nav li:last-child  .dropdown-menu{ text-align:center;}
#header ul.nav li:last-child .dropdown-menu img{ max-width:100%;}
/*.navbar-nav > li#nav1:hover .app-cat{ display:block;}*/
.app-cat{
	display:none;
	
	padding:15px 0;
    position: fixed;
    background-color:#FFF;
    top: 80px;
    z-index: 19;
    width: 100%;
    left: 0;
	    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  
    
	border-top:solid #000 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	
	}
.app-cat dl{ margin-bottom:0;}
.app-cat dt{ font-size:16px; font-weight:normal;}
.app-cat dd a{ display:block; line-height:31px; color:#000;}
.app-cat dd a:hover{ color:#516c7e;}


/*banner*/

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	position: relative;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img{ width:100%;}
.swiper-slide a,.swiper-slide a:hover{ color:#000;}
.swiper-slide h2{ font-size:40px; font-weight:bold;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.swiper-slide h3{ font-size:30px;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
	.swiper-slide p{ margin-bottom:0;}
.swiper-slide .p{ font-size:20px; line-height:2;}
.swiper-slide .more{ color:#516c7e; font-size:17px;}
.swiper-slide .more i { font-style:normal; font-family:"宋体"; font-weight:bold;}

.swiper-button-prev, .swiper-button-next {
	display: none;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {
	display: block;
}
.swiper-container .box {
	text-align: left;
	position: absolute;
	left: 4%;
	top: 0;
	bottom: 0;
	height: fit-content;
	margin: auto;    /* 有了这个就自动居中了 */
}
.pic {
	overflow: hidden;
}
a:hover .pic img, li:hover .pic img, .pic:hover img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	opacity: .7;
	filter: alpha(opacity=70);
}
.pic img {
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	opacity: 1;
	filter: alpha(opacity=100);
}

#rec{ padding:27px 0; }
#rec a{ display:block;border:solid #FFF 1px; padding:0; margin-bottom:30px;}
#rec a:hover{ border:solid #ebebeb 1px; -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.08); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.08); box-shadow:0px 0px 15px rgba(0,0,0,0.08);}
#rec span{ display:inline-block; height:29px; line-height:29px; padding:0 11px; background-color:#000; color:#FFF;}
#rec h2{ font-size:35px; font-weight:bold; margin-top:15px; margin-bottom:15px; color:#000;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
#rec p{ font-size:17px; height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; color:#000;} 
#rec .more{ font-size:17px; color:#516c7e;}
#rec .more i { font-style:normal; font-family:"宋体"; font-weight:bold;}



/*内页*/
.sub-menu{ margin:45px 0 25px; border-bottom:solid #000 1px;}
.sub-menu ul li{ float:left; font-size:17px;}
.sub-menu ul li a{ display:inline-block; padding:0 30px; line-height:46px;}
.sub-menu ul li a:hover,.sub-menu ul li.active a{ background-color:#000; color:#FFF;}

.content{ font-size:24px;/*text-align: justify;*/}
/*.content:after {
    display: inline-block;
    width: 100%;
    content: '';
}*/
.content .top dt,.content .top dd{overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.content h1{ font-size:48px;font-weight:bold; border-bottom:solid #e5e5e5 1px; padding-bottom:15px; margin-bottom:15px;}
.content h2{ font-weight:bold; font-size:48px;}
.content img{ max-width:100%;} 

.content1 h1{font-size:25px;font-weight:bold; border-bottom:solid #e5e5e5 1px; padding-bottom:15px; margin-bottom:30px;}
#allmap{width:100%;height:447px; font-size:14px;}
#allmap .title1{ font-size:16px; font-weight:bold;}



#search{ text-align:center; margin:35px 0;}
#search input{ height:40px; line-height:40px; font-size:32px; color:#ccc; border:none; outline:none;}
#search button{ height:40px; line-height:40px; font-size:35px; color:#ccc; border:none; background:none; outline:none;}
#cat .nav-tabs {
    border-bottom:0;
}
#cat .nav .open>a,#cat .nav .open>a:focus, #cat .nav .open>a:hover{ background-color:#FFF; border-color:#FFF;}
/*#cat .nav > li:hover .dropdown-menu {
	display: block;
}*/
#cat .nav>li>a{ padding-left:0; padding-right:22px; font-size:17px;}
#cat .nav-tabs>li>a:hover {
    border-color: #FFF;
}

#cat .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FFF;
}
#cat .dropdown-menu>li>a:focus,#cat .dropdown-menu>li>a:hover {
    color: #516c7e;
    text-decoration: none;
    background-color: #FFF;
}
#cat .dropdown-menu {
   
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.25);
    box-shadow: 0 0px 5px rgba(0,0,0,.25);
}
#cat .dropdown-menu>li>a{ font-size:13px; padding:6px 20px;}

#cat dl{ margin-bottom:10px; }

#tagright ul.nav{ float:right;}
#tagright .nav>li>a{ padding-right:0; text-align:right;}
#tagright .dropdown-menu{ left:inherit; right:0; min-width:509px; padding:0;}
.content-wrap{    width: 100%;float: left;}
.content-wrap .con{ padding:15px 30px; background-color:#fcfcfc; border-right:solid #f2f2f2 1px;    position: relative;min-height: 150px;margin-right: 157px;}
.content-wrap dd input{ width:100%; height:32px; line-height:32px; border:solid #ddd 1px; border-radius:4px; text-indent:5px; outline:none; color:#a4a4a4; margin-top:10px;}
.content-wrap dd{ position:relative;}
.content-wrap dd button{ position:absolute; right:0px; top:10px; width:32px; height:32px; border:none; background:none;}
.content-wrap dl dd{ line-height:30px; font-size:13px;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.sidebar{float: left; margin-left: -157px;width: 157px; position: relative;}
.sidebar-con{ padding:15px 20px;}
#tagright dl dt{ font-size:13px; color:#a4a4a4;}
.sidebar dl dd span{ font-family:"宋体";}
.sidebar dl dd { line-height:30px;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.sidebar dl dd a:hover{ text-decoration:underline!important;}
.app-list{ margin-left:-6px; margin-right:-6px;}
.app-list ul li{ float:left; width:20%;}
.app-list ul li .box{
	margin:18px 6px 0;
	padding:9px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.25);
    box-shadow: 0 0px 5px rgba(0,0,0,.25);
}
.app-list ul li h2{ font-size:17px; font-weight:bold; color:#000;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.app-list ul li .tag { margin-left:-3px; margin-right:-3px; height:50px; overflow:hidden;}
.app-list ul li .tag dd{ display:block; width:33.3%; float:left;}
.app-list ul li .tag dd span{ display:block; font-size:13px; margin:0 3px 3px; padding:0 5px; text-align:center; background-color:#000; height:22px; line-height:22px; overflow:hidden; color:#FFF;
	text-overflow: ellipsis;
	white-space: nowrap;}
.app-list .pic{ position:relative;}
.app-list .pic .bg{ padding:5px 10px; overflow:hidden; color:#FFF;}
.app-list .pic .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: translateY(-100%) skewY(10deg);
    -ms-transform: translateY(-100%) skewY(10deg);
    transform: translateY(-100%) skewY(10deg);
    background: rgba(0,0,0,0.8);
    -webkit-transition: .5s all cubic-bezier(.77,0,.175,1);
    -o-transition: .5s all cubic-bezier(.77,0,.175,1);
    transition: .5s all cubic-bezier(.77,0,.175,1);
}
.app-list .pic .bg span{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	border-radius: 5px;
	background: url(../images/link.png) center no-repeat;
}
.app-list ul li:hover .bg{
	 -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
}


.detail-pic{ position:relative;}
.detail-pic img{ width:100%;}
.detail-pic span{ position:absolute; left:50%; top:50%; margin-left:-53px; margin-top:-53px;}
.detail-pic span img{ width:inherit;}

#videoPlayb{ display:none;}

h1.tit{  font-weight:bold; font-size:60px;}

.pro-tit{ border-bottom:solid #000 1px; margin-top:15px;}

.dis { display:block; }   
.undis {display:none; } 
.tabs li{height:46px; line-height:46px;float:left; font-size:17px;}
.tabs li a {display: block;padding: 0 44px;outline: none;  color:#3d3c3c; }
.tabs li a:hover { color:#053e8d;} 
.tabs .thistab,.tabs .thistab a,.tabs .thistab a:hover{ color:#FFF; background-color:#000;}
.tab_con{ padding:34px 0 0;}
.tab_con img{ max-width:100%;}

.tab_con .table{ border:solid #e8e8e8 1px; font-size:24px;}
.tab_con .table td{ border-top:dashed #e8e8e8 1px;}
.tab_con .table td:nth-child(1){ text-indent:30px; width:23.4%;}
.tab_con .table th{text-indent:30px; background:#e8e8e8!important; font-size:48px;}
.download dl dd {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px;
    border: 1px solid #eaeaea;
    margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.download dl dd span{ float:right;}

.index-contact{ padding:77px 0 45px;}
#contact img{ max-width:100%;}
#contact h2{ text-align:center; max-width:149px; font-size:15px;}
#contact ul li{  line-height:40px;}
#contact ul li i{ display:inline-block; text-align:center; width:44px; font-size:16px;}
#contact ul li:nth-child(2) i{ font-size:18px;}
#contact ul li:nth-child(3) i{ font-size:12px;}


#message h3{ font-size:17px; margin-top:0; margin-bottom:15px; padding-left:9%;}
#message .col-sm-2{ padding-right:0px; text-align:right;}
#message .form-control{ border-color:#c2c2c2; border-radius:0; height:30px;}
#message textarea.form-control{ height:66px;}
#message .form-group{ margin-bottom:7px;}
#message .form-horizontal .control-label{ padding-top:3px; color:#494949; font-size:16px;}
#message .btn-default{ border-radius:0; width:74px; height:29px; line-height:29px; padding:0; border:none; color:#FFF; background-color:#000; }
#message .btn-default:hover{ opacity:0.5;}


.position{ font-size:13px; margin-bottom:30px;}

#footer {
	background:#000 url(../images/footer-bg.jpg) center top no-repeat;
	background-size:cover;
	width: 100%;
	float: left;
}
#footer .top {
	width: 100%;
	float: left;
	padding: 30px 0 30px 0;
	
	display: inline-table;
}


#footer .top dl dt {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 10px;
	 font-weight:normal;
}
#footer .top dl dd a {
	color: #FFF;
	font-size: 14px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 35px;
}
#footer .top dl dd a:hover {
	color: #FFF;
	text-decoration:underline!important;
}

#footer .bottom {
	
	width: 100%;
	float: left;
	padding: 10px 0;
	text-align: center;
	border-top: solid #252525 1px;
}
#footer .bottom p {
	color: #FFF;
	font-size: 14px;
	margin: 0;
	line-height: 2;
	text-transform: uppercase;
}
#footer .bottom p a {
	color: #FFF;
}
#footer .bottom p a:hover {
	color: #FFF;
	text-decoration:underline!important;
}
#product .box h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 手机屏幕底部 */
.phone_foot {
	height: 60px;
	line-height: 60px;
	background: #000;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}
.pfl a {
	border: 1px solid #fff;
	color: #fff;
	padding: 4px 9px;
	border-radius: 6px;
}

@media screen and (max-width:1200px) and (min-width:992px) {


#rec h2{ font-size:30px;}

#message h3{ padding-left:5%;}

.app-list ul li{  width:25%;}

.app-list .pic .bg{ line-height:23px;}

}
 @media screen and (max-width:991px) and (min-width:768px) {

	 
.swiper-slide h2{ font-size:30px;}	 
.swiper-slide h3{ font-size:24px;}
.swiper-slide .p{ font-size:17px;}
.swiper-slide .more{ font-size:15px;}
#rec a {
    padding: 0;
}
#rec h2{ font-size:24px;}
#rec .more{ font-size:15px;}
.index-contact {padding: 30px 0 30px;}
#contact ul li{ line-height:36px;}
#message h3{ padding-left:2%;}


.content{ font-size:20px;}
.content h1{ font-size:28px;}
.content h2{ font-size:28px;}
.content p{ font-family:MicrosoftYaheiLight;}

.app-list ul li{ width:33.3%;}

h1.tit{ font-size:30px;}
.tab_con .table{  font-size:18px;}
.tab_con .table td:nth-child(1){ text-indent:15px;  width:23.4%;}
.tab_con .table th{ font-size:28px;}

.app-list .pic .bg{ line-height:23px;}

}
@media screen and (max-width:767px) {
.container-fluid{ padding-right:15px; padding-left:15px;}
#header .navbar-collapse{ padding-left:5px; padding-right:5px;}
.navbar-toggle {
	margin-top: 13px;
	margin-right: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}
#header .navbar-header{ float:none;}
#header .navbar-brand {
	height: 60px;
	float:none;
}
.navbar-header img {
	height: 20px;
	margin-top:-5px;
	    margin-right: -15px;
}
.navbar-default .navbar-brand {
	padding-top: 10px;
}
.nav.navbar-nav {
	float: left!important;
	width: 100%;
	margin-left: 0px;
}
.navbar-nav > li > a {
	line-height: 26px;
}

.navbar-nav .dropdown-menu {
	position: inherit;
	float: none;
	margin-left:0;
}
.app-cat{ position:inherit; background:#FFF!important; top:0;}


.swiper-slide h2{ font-size:20px; margin:0;}	 
.swiper-slide h3{ font-size:18px;}
.swiper-slide .p{ display:none}
.swiper-slide .more{ font-size:14px;}
#rec a {
    padding: 0; margin-bottom:15px;
}
#rec h2{ font-size:20px;}
#rec .more{ font-size:14px;}

.sub-menu{ margin:25px 0 15px;}
.sub-menu ul li{ float:left; width:33.3%; text-align:center;}
.sub-menu ul li a{ display:block; padding:0; line-height:36px;}
.content{ font-size:18px;}
.content h1{ font-size:24px;}
.content h2{ font-size:24px;}
.content1 h1{ font-size:24px; margin-bottom:15px;}

.app-list ul li{ width:100%;}
#tagleft ul.nav li{ width:50%;}

.detail-pic span img{ width:60px; height:60px; }
.detail-pic span{ margin-left:-30px; margin-top:-30px;}
.tabs li {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
	
}
.tabs li a{ padding:0 10px;}

h1.tit{ font-size:24px;}
.tab_con{ padding-top:15px;}
.tab_con .table{  font-size:16px;}
.tab_con .table td:nth-child(1){ text-indent:0px;  width:25%;}
.tab_con .table th{ text-indent:0px; font-size:20px;}



.index-contact {padding: 30px 0 30px;}
#contact .col-md-4{ text-align:center;}
#contact h2{ max-width:100%;}
#contact ul li{ line-height:36px; font-size:13px;}
#message h3{ padding-left:0; margin-top:15px; margin-bottom:5px;}
#contact ul li i {width: 24px;}
#message .btn-default{ width:100%;}


#search{margin:15px 0;}
#search input{ height:30px; font-size:18px;}
#search button{ height:30px; line-height:30px; font-size:18px;}

#tagright ul.nav{ width:100%;}
#tagright .nav-tabs>li {
   
    width: 100%;
}
#tagright .dropdown-menu{ min-width:100%; width:100%;}
.content-wrap{    width: 100%;float:none;}
.content-wrap .con{ min-height:inherit;margin-right:0; padding:15px 15px 5px;}

.sidebar{float:none; margin-left: 0;width: 100%; }
.sidebar-con{ padding:15px 15px 5px;}

.position{ font-size:13px; margin-bottom:15px;}
.index-contact {
    padding: 15px 0;
}

#footer .top {
	padding: 20px 0;
}

#footer .top dl {
	width: 100%;
	border-bottom: 1px solid #252525;
	padding: 10px 0;
	margin-bottom: 0;
}
#footer .top dl dt {
	margin-bottom: 0;
}
#footer .top dl {
    float: left;
    margin: 0;
}
#footer .top dl .box {
	display: none;
}
#footer .top dl.open .box {
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
}
#footer .top dl dd a {
	float: left;
	width: auto;
	display: inline-block;
	padding: 0 10px;
}
#footer .top dl dd a.icon img {
	position: static;
	margin-right: 5px;
}

#footer .bottom {
	padding-bottom: 70px;
}
#footer .row{ padding-left:15px; padding-right:15px;}

.app-list .pic .bg{ line-height:23px;}

}