@charset "utf-8";

/* CSS Document */

@import "reset.css";

/*globe*/

body {
	font-size: 16px;
}

.header {
	width: 100%;
	height: 85px;
}

.logo {
	height: 85px;
	line-height: 85px;
	padding: 0;
}

.logo img {
	display: inline-block;
}

.search {
	padding-top: 25px;
}

.search input {
	height: 38px;
	line-height: 38px;
	border: 0;
	background: #f0f0f0;
	float: left;
}

.search input#keywords {
	width: 240px;
	padding: 0 10px;
}

.search input#sub-btn {
	width: 50px;
	background: #005ED3;
	text-align: center;
	color: #fff;
}

.tel {
	padding-top: 25px;
}

.tel i {
	color: #aaa;
	padding: 0 10px;
}

.tel .telNum {
	border-left: 1px solid rgba(170, 170, 170, 0.2);
	color: #f00;
	font-size: 20px;
	line-height: 20px;
	padding-left: 10px;
	position: relative;
	text-align: right;
}

.tel a {
	color: #b1b1b1;
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 8px;
	text-align: right;
}

nav {
	position: relative;
	background: -moz-linear-gradient(top, #005ed3 0%, #003b84 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005ed3), color-stop(100%, #003b84));
	background: -webkit-linear-gradient(top, #005ed3 0%, #003b84 100%);
	background: -o-linear-gradient(top, #005ed3 0%, #003b84 100%);
	background: -ms-linear-gradient(top, #005ed3 0%, #003b84 100%);
	background: linear-gradient(to bottom, #005ed3 0%, #003b84 100%);
}

.border-top {
	position: absolute;
	top: 1px;
	width: 100%;
	height: 1px;
	background: #0072ff;
}

.border-bot {
	position: absolute;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background: #0072ff;
}

.menu-mobile {
	display: none;
	padding: 20px;
	color: #fff;
}

span.bar {
	display: block;
	width: 30px;
	height: 36px;
	cursor: pointer;
	border-radius: 0px;
	-webkit-transition: all .3s ease, -webkit-transform .2s ease;
	transition: all .3s ease, transform .2s ease;
	background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #fff 20%, #fff 23%, transparent 23%, transparent 48%, #fff 48%, #fff 50%, transparent 47%, transparent 76%, #fff 76%, #fff 78%, transparent 78%), -webkit-linear-gradient(transparent, transparent);
	background: linear-gradient(to bottom, transparent 0%, transparent 20%, #fff 20%, #fff 23%, transparent 23%, transparent 48%, #fff 48%, #fff 50%, transparent 47%, transparent 76%, #fff 76%, #fff 78%, transparent 78%), linear-gradient(transparent, transparent);
}

span.bar:active,
span.bar:hover {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

span.clicked {
	background: -webkit-linear-gradient(135deg, transparent 0%, transparent 48%, #fff 49%, #fff 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 48%, #fff 49%, #fff 51%, transparent 51%, transparent 100%);
	background: linear-gradient(-45deg, transparent 0%, transparent 48%, #fff 49%, #fff 51%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 48%, #fff 49%, #fff 51%, transparent 51%, transparent 100%);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

span.clicked:active,
span.clicked:hover {
	-webkit-transform: scale(0.9) rotate(180deg);
	-ms-transform: scale(0.9) rotate(180deg);
	transform: scale(0.9) rotate(180deg);
}

.menu-dropdown-icon:before {
	content: "+";
	display: none;
	cursor: pointer;
	float: right;
	padding: 1.5em 2em;
	color: #fff;
}

.menu>ul {
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}

.menu>ul:before,
.menu>ul:after {
	content: "";
	display: table;
}

.menu>ul:after {
	clear: both;
}

.menu>ul>li {
	float: left;
	padding: 0;
	margin: 0;
}

.menu>ul>li a {
	text-decoration: none;
	padding: 15px 40px;
	display: block;
	color: #fff;
}

.menu>ul>li:hover {
	background: #005ed3;
}

.menu>ul>li>ul {
	display: none;
	width: 100%;
	background: #fff;
	padding: 20px;
	position: absolute;
	z-index: 99;
	left: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	border-bottom: 3px solid #eee;
}

.menu>ul>li>ul:before,
.menu>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li {
	margin: 0;
	list-style: none;
	width: 25%;
	padding: 0;
	/*根据二级分类的个数确定百分比*/
	background: none;
	float: left;
}

.menu>ul>li>ul>li a {
	color: #333;
	padding: 10px 0 10px 10px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #ddd;
	transition: text-indent .5s;
}

.menu>ul>li>ul>li a:hover {
	background: #005ED3;
	color: #fff;
	text-indent: 10px;
}

.menu>ul>li>ul>li>ul {
	display: block;
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	box-sizing: border-box;
}

.menu>ul>li>ul>li>ul:before,
.menu>ul>li>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: .8em;
}

.menu>ul>li>ul>li>ul>li a {
	border: 0;
	opacity: 0.8;
}

.menu>ul>li>ul>li>ul>li a:hover {
	opacity: 1;
}

.menu>ul>li>ul.normal-sub {
	width: 200px;
	left: auto;
	padding: 0;
}

.menu>ul>li>ul.normal-sub>li {
	width: 100%;
	transition: all .5s;
}

.menu>ul>li>ul.normal-sub>li:hover {
	background: #005ED3;
}

.menu>ul>li>ul.normal-sub>li:hover a {
	color: #fff;
}

.menu>ul>li>ul.normal-sub>li a {
	border: 0;
	padding: 1em 10px;
}

.banner {
	width: 100%;
	height: auto;
}

.carousel-control.left {
	background: url(../images/left.png) no-repeat left center;
}

.carousel-control.right {
	background: url(../images/right.png) no-repeat right center;
}

.carousel-indicators li {
	width: 40px;
	border-radius: 0;
	background: #fff;
	border-color: #fff;
}

.carousel-indicators .active {
	width: 40px;
	height: 10px;
	margin: 1px;
	background: #005ED3;
	border: 0;
}


/*fast-nav*/

.fast-nav {
	width: 100%;
	height: 100%;
	padding: 30px 0;
	background: #fafafa;
	overflow: hidden;
}

.fast-nav .padding0 {
	padding: 0;
}

.fast-nav a.pbox_li {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 240px;
	overflow: hidden;
}

.fast-nav a img {
	width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}

.fast-nav a.pbox_li p {
	position: absolute;
	width: 100%;
	padding-top: 15px;
	padding-left: 25px;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	transition: all .6s;
}

.fast-nav a.pbox_li p b {
	line-height: 24px;
	font-size: 18px;
}

.fast-nav a.pbox_li small {
	font-size: 12px;
	opacity: 0.7;
}

.fast-nav a.pbox_li span.bline {
	display: block;
	background: #fff;
	position: absolute;
}

.fast-nav a.pbox_li span.leftb {
	width: 20px;
	height: 1px;
	right: -30px;
	bottom: 25px;
	transition: right ease .6s;
	-webkit-transition: right ease .6s;
}

.fast-nav a.pbox_li span.topb {
	width: 1px;
	height: 20px;
	bottom: -30px;
	right: 20px;
	transition: bottom ease .6s;
	-webkit-transition: bottom ease .6s;
}

.fast-nav a:hover p {
	padding-left: 35px;
}

.fast-nav a:hover span.leftb {
	right: 10px;
}

.fast-nav a:hover span.topb {
	bottom: 15px;
}

.fast-nav a:hover img {
	transform: scale(1.1);
}


/*sy_product*/

.sy_product {
	width: 100%;
	height: auto;
	background: #fff;
	overflow: hidden;
	float: left;
}

.sy_product .sy_tit {
	line-height: 12px;
	font-size: 24px;
	text-align: center;
	padding-top: 30px;
}

.sy_product .sy_tit h3 {
	font-weight: 400;
}

.sy_product .sy_tit small {
	font-size: 12px;
	color: #aaa;
}

.sy_product .sy_submenu {
	width: 100%;
	margin: 20px 0;
	height: auto;
	line-height: 30px;
}

.sy_product .sy_submenu a {
	display: inline-block;
	margin: 0 2px 4px 0;
	font-size: 12px;
	border: 1px solid #ddd;
	padding: 0 20px;
	color: #999;
	transition: all ease .6s;
	-webkit-transition: all ease .6s;
}

.sy_product .sy_submenu a:hover,
.sy_product .sy_submenu a.active {
	background: #005ED3;
	color: #fff;
	border-color: #005ED3;
}

.sy_product .picScroll-left {
	width: 100%;
	padding: 0;
	position: relative;
}

.sy_product .picScroll-left .bd {
	width: 100%;
	position: relative;
}

.sy_product .picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.sy_product .picScroll-left .bd ul li {
	padding: 0;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	
}

.sy_product .picScroll-left .bd ul li .pic {
	text-align: center;
	width: 100%;
	height:220px;
	overflow: hidden;
	position: relative;
	padding: 10px;
	border: 1px solid #ddd;
}
.sy_product .picScroll-left .bd ul li .pic a{
	display: inline-block;
	width: 100%;
	line-height: 200px;
}

.sy_product .picScroll-left .bd ul li .pic a img {
	display: inline-block;
	max-width: 100%;
	max-height: 200px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.sy_product .picScroll-left .bd ul li:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.sy_product .picScroll-left .bd ul li .pic h3 {
	position: absolute;
	bottom: 15px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 100%;
	transition: bottom ease 1s;
	-webkit-transition: bottom ease 1s;
}

.sy_product .picScroll-left .bd ul li .pic span.hbg {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	background: #000;
	opacity: 0.5;
	transition: height ease 1s;
	-webkit-transition: height ease 1s;
}


.sy_product .picScroll-left .bd .prev,
.picScroll-left .bd .next {
	display: block;
	position: absolute;
	z-index: 999;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 42px;
	margin-top: -25px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	background: #005ED3;
}

.sy_product .picScroll-left .bd .prev {
	right: 0;
}

.sy_ad {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fafafa;
	float: left;
}

.content_list {
	display: inline-block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.content_list li {
	margin: 50px 0;
	border-right: 1px solid #ddd;
}

.content_list li:last-child {
	border-right: 0;
}

.content_list li .title {
	color: #999;
	font-size: 13px;
	line-height: 30px;
}

.content_list li p {
	color: #005ED3;
	font-size: 14px;
	text-align: center;
}

.content_list li p.number .counterDX {
	font-family: helveticaneuethn, Arial;
	font-size: 50px;
	line-height: 52px;
	margin-top: 15px;
	text-align: center;
	vertical-align: top;
}

.content_list li p.number .title {
	font-size: 13px;
	line-height: 30px;
}

.content_list li p.number .unit {
	font-size: 14px;
	left: 3px;
	position: relative;
	top: 1px;
	vertical-align: top;
}


/*sy_case*/

.sy_case {
	padding: 0 50px;
}

.sy_case .sy_casebg {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
}

.sy_product .picScroll-right {
	width: 100%;
	padding: 15px;
	overflow: hidden;
	position: relative;
}

.sy_product .picScroll-right .bd {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.sy_product .picScroll-right .bd ul {
	overflow: hidden;
	zoom: 1;
}

.sy_product .picScroll-right .bd ul li {
	padding: 0;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	background: #fff;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

.sy_product .picScroll-right .bd ul li .pic {
	text-align: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding: 15px;
}

.sy_product .picScroll-right .bd ul li .pic img {
	width: 100%;
	height: 180px;
	max-width: 450px;
	max-height: 180px;
	display: block;
	margin: auto;
}

.sy_product .picScroll-right .bd ul li .pic h3 {
	line-height: 40px;
	font-size: 14px;
}

.sy_product .picScroll-right .bd ul li .pic h3 a {
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

.sy_product .picScroll-right .bd ul li .pic p {
	line-height: 24px;
	padding: 10px 0;
}

.sy_product .picScroll-right .bd ul li .pic p a {
	color: #999;
	font-size: 12px;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

.sy_product .picScroll-right .bd ul li:hover {
	background: #005ED3;
}

.sy_product .picScroll-right .bd ul li:hover h3 a {
	color: #fff;
}

.sy_product .picScroll-right .bd ul li:hover p a {
	color: #fff;
}

.sy_product .picScroll-right .hd {
	padding: 50px 0;
}

.sy_product .picScroll-right .hd ul {
	width: 100%;
	text-align: center;
}

.sy_product .picScroll-right .hd ul li {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	overflow: hidden;
	text-indent: -999px;
	margin: 0 10px;
	background: #ccc;
	cursor: pointer;
}

.sy_product .picScroll-right .hd ul li.on {
	background: #005ED3;
}


/*sy_new*/

.sy_new {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fafafa;
	padding: 0 50px;
}

.new_box {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.new-box-p ul li {
	width: 100%;
	height: auto;
	float: left;
	padding: 15px 0;
	border-bottom: 1px dotted #ddd;
}

.new-box-p ul li a {
	display: inline-block;
	width:100%;
}

.new-box-p ul li a .new-img {
	width: 30%;
	height: auto;
	overflow: hidden;
	float: left;
}

.new-box-p ul li a .new-img img {
	display: inline-block;
	width: 100%;
	transition: all .5s;
}

.new-box-p ul li a .new-txt {
	padding-left: 15px;
	width: 70%;
	float: left;
	overflow: hidden;
}

.new-box-p ul li a .new-txt h3 {
	font-weight: 400;
	line-height: 24px;
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
	transition: all .5s;
}

.new-box-p ul li a .new-txt p {
	font-size: 14px;
	color: #666;
	line-height: 18px;
}

.new-box-p ul li a .new-txt span {
	color: #005ED3;
	text-indent: -9999px;
	font-size: 18px;
	padding: 20px 0;
	transition: all .5s;
}

.new-box-p ul li:hover a img {
	transform: scale(1.1);
}

.new-box-p ul li:hover a .new-txt h3 {
	color: #005ED3;
}

.new-box-p ul li:hover a .new-txt span {
	text-indent: 0;
}

.new-box-c ul li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	padding-left: 50px;
}

.new-box-c ul li a {
	font-size: 14px;
	width: 100%;
	transition: all .5s;
}

.new-box-c ul li a,
.new-box-c ul li a span {
	display: inline-block;
}

.new-box-c ul li a span {
	padding: 0 15px;
	font-size: 12px;
	color: #aaa;
}

.new-box-c ul li:hover a {
	background: #005ED3;
	color: #fff;
}

.sy_about {
	padding: 30px 0;
	float: left;
	overflow: hidden;
	width: 100%;
}

.sy_about h3 {
	font-size: 24px;
	font-weight: 400;
	margin: 30px 0;
}

.sy_about h3 small {
	font-size: 12px;
}

.sy_about p {
	line-height: 24px;
	font-size: 14px;
	color: #888;
}

.sy_link {
	padding: 30px 0;
	float: left;
	overflow: hidden;
	width: 100%;
}

.sy_link h3 {
	font-size: 24px;
	font-weight: 400;
	margin: 30px 0;
	padding-left:15px;
}

.sy_link h3 small {
	font-size: 12px;
}

.sy_link p {
	line-height: 24px;
	font-size: 14px;
	color: #888;
}

/*sy_link*/
.link{width:100%;}
.link ul{display:inline;}
.link ul li{float:left;display:block;margin-right:20px;margin-bottom:10px;}
.link ul li a{text-decoration:none;}

footer {
	width: 100%;
	height: auto;
	padding: 20px 0;
	overflow: hidden;
	background: #f5f5f5;
	font-size: 12px;
	border-top: 1px solid #ddd;
}

footer .f_contact h3 {
	line-height: 40px;
	font-size: 18px;
	font-weight: 400;
}

footer .f_contact p {
	line-height: 20px;
}

footer .footer_tel .btn-tel {
	padding: 12px 35px;
	background: #005ED3;
	color: #fff;
	border-radius: 6px;
}

footer .footer_tel small {
	color: #999;
}

footer .footer_tel b {
	color: #005ED3;
	font-size: 24px;
}

footer .footer_tel img {
	display: inline-block;
}

.ftbot,
.ftbot a {
	height: 40px;
	line-height: 40px;
	/*background: #005ED3;*/
	color: #fff;
	font-size: 12px;
}


/*手机端底部*/

#mob-bottom {
	width: 100%;
	/*max-height: 64px;*/
	text-align: center;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed;
	bottom: 0;
	border-top: 2px solid #005ED3;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#mob-bottom .mob-bottom-item a {
	display: block;
	padding-top: 5px;
	padding-bottom: 2px;
	color: #616161;
	text-align: center;
	line-height: 1.5em;
	font-size: 12px;
}

#mob-bottom .mob-bottom-item a:hover {
	text-decoration: none;
}

#mob-bottom .mob-bottom-item a img {
	max-width: 28px;
}


/*全部-回到顶部*/

#clan-slider {
	position: fixed;
	_position: absolute;
	bottom: 30%;
	right: .1%;
	z-index: 1000;
}

#clan-slider ul {
	margin: 0;
	padding: 0;
	margin-top: -2px;
	list-style: none;
}

#clan-slider ul li {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	position: relative;
}

#clan-slider ul li a {
	display: block;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: 1px solid #005ED3;
	background-color: #005ED3;
	background-image: url(../images/clan-slider.png);
	background-repeat: no-repeat;
}

#slider-chat {
	background-position: -46px -92px;
	background-color: #005ED3;
}

#slider-qq {
	background-position: -46px -138px;
	background-color: #005ED3;
}

#slider-phone {
	background-position: -46px -184px;
	background-color: #005ED3;
}

#slider-wechat {
	background-position: -46px -230px;
	background-color: #005ED3;
}

#slider-goTop {
	background-position: -46px 0;
	background-color: #005ED3;
}

#clan-slider #slider-menu {
	background-position: 0 -46px;
	background-color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.7);
}

#clan-slider #slider-menu:hover {
	background-position: -46px -46px;
}

#clan-slider .clan-slider-tips {
	position: absolute;
	top: 0px;
	right: 48px;
	display: none;
	height: 48px;
	padding-left: 10px;
	padding-right: 2px;
	white-space: nowrap;
	border: 1px solid #005ED3;
	background-color: #005ED3;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
}

#clan-slider .clan-slider-tips-wechat {
	display: none;
	position: absolute;
	background-color: #005ED3;
	padding: 1px;
	bottom: 0;
	right: 50px;
}

#clan-slider .clan-slider-tips-wechat img {
	width: 120px;
	height: 120px;
}

.btn-more {
	display: inline-block;
	color: #aaa;
	box-shadow: 0 0 20px #eee;
	font-size: 16px;
	padding: 15px 80px;
	margin: 50px auto;
	background: #fff;
	border-radius: 30px;
	transition: all ease .6s;
	-webkit-transition: all ease .6s;
}

.btn-more:hover {
	background: #005ED3;
	color: #fff;
}

.btn-more-sm {
	padding: 8px 35px;
	margin: 20px auto;
	font-size: 12px;
}


/*皮肤*/

.color {
	left: 0;
	position: fixed;
	top: 20px;
	z-index: 9999;
}

.show_skin {
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	cursor: pointer;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 36px;
	text-align: center;
}

span.fa-cog {
	font-size: 18px;
	position: relative;
}

#skin {
	background: #fff none repeat scroll 0 0;
	list-style: outside none none;
	padding: 10px 8px;
	box-shadow: 0 0 3px #eee;
}

#skin li {
	background-image: url("../images/theme.gif");
	cursor: pointer;
	display: block;
	height: 15px;
	margin: 5px 2px;
	overflow: hidden;
	text-indent: -9999px;
	width: 15px;
}

#skin_0 {
	background-position: 0 0;
}

#skin_1 {
	background-position: 15px 0;
}

#skin_2 {
	background-position: 35px 0;
}

#skin_3 {
	background-position: 55px 0;
}

#skin_4 {
	background-position: 75px 0;
}

#skin_5 {
	background-position: 95px 0;
}

#skin_0.selected {
	background-position: 0 15px;
}

#skin_1.selected {
	background-position: 15px 15px;
}

#skin_2.selected {
	background-position: 35px 15px;
}

#skin_3.selected {
	background-position: 55px 15px;
}

#skin_4.selected {
	background-position: 75px 15px;
}

#skin_5.selected {
	background-position: 95px 15px;
}


/*========================内页css=============================*/

.ny_banner {
	width: 100%;
	height: 200px;
	overflow: hidden;
	background: #005ED3;
}

.ny_prodcut .picScroll-left .bd ul li {
	padding: 5px;
}

.position {
	padding-bottom: 10px;
	padding-top: 30px;
	border-bottom: 1px solid #ddd;
	height: auto;
	overflow: hidden;
}

.position h3 {
	font-size: 18px;
	padding: 0;
}

.position p {
	font-size: 14px;
	color: #666;
	padding: 0;
}

.position p a {
	color: #666;
}

.position p a:hover {
	color: #005ED3;
}

.pages .pagination a,
.pages .pagination a:hover,
.pages .pagination a:focus {
	color: #005ED3;
}
.pages .pagination .pageinfo{
	color:#005ED3;
}

.pages .pagination .thisclass{
    background:#005ED3;
	color:#fff;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-radius: 0;
}

.ny_content {
	padding: 15px 0;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}

.ny_box .new-box-p .new-img {
	min-width: 200px;
	width: 20%;
}

.ny_box .new-box-p .new-txt {
	width: 80%;
}

.article {
	padding: 25px 15px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.article h3.tit {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ddd;
	line-height: 24px;
}

.postbody {
	line-height: 24px;
	font-size: 14px;
	margin-top:30px;
}

.postbody img{
	max-width:100%;
}

.about_article .new-box-p ul li .new-img {
	min-width: 30%;
	width: 30%;
}

.about_article .new-box-p ul li .new-txt {
	width: 70%;
}

.about_article .new-box-p ul li a .new-txt h3 {
	margin-bottom: 0;
}

.pre_next {
	padding: 15px 0;
}

.pre_next p {
	line-height: 30px;
	font-size: 14px;
	color: #666;
}

.pre_next p a {
	color: #666;
}

.pre_next p a:hover {
	color: #333;
}

.list-inline {
	text-align: center;
}

.list-inline>li {
	max-width: 100px;
	height: auto;
	overflow: hidden;
	padding: 5px 0;
}

.liuyan {
	width: 100%;
	padding: 30px 0;
}

.liuyan input,
.liuyan textarea {
	border: 0;
	border-radius: 0;
	background: #f5f5f5;
	line-height: 40px;
}

.liuyan input {
	padding: 5px 10px;
	height: 40px;
}

.liuyan input:focus,
.liuyan textarea:focus {
	box-shadow: 0 0 0;
}

.liuyan input.btn-sub {
	width: 200px;
	height: 50px;
	background: #005ED3;
	color: #fff;
	float: left;
	margin-top:20px;
}

.join {
	font-size: 12px;
	color: #666;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
}

.sy_product .honner .picScroll-left .bd ul li .pic {
	height: 190px;
	width: 100%;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
}

.sy_product .honner .picScroll-left .bd ul li .pic img {
	max-height: 180px;
	height: auto;
	max-width: 100%;
	width: auto;
}

@media (max-width: 1600px) {
	body {
		font-size: 14px;
	}
}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {
	body {
		font-size: 12px;
	}
	.menu>ul>li a {
		padding: 15px 35px;
	}
	.sy_about h3 {
		margin: 0 0 30px 0;
	}
	.sy_link h3 {
		margin: 0 0 30px 0;
	}
	.ny_box .new-box-p .new-img {
		min-width: 25%;
		width: 25%;
	}
	.ny_box .new-box-p .new-txt {
		width: 75%;
	}
	.new-box-p ul li a .new-txt span {
		padding: 10px 0;
	}
}

@media (max-width: 992px) {
	.container {
		width: 100%;
	}
	.menu>ul>li a {
		padding: 15px 24px;
	}
	.search input#keywords {
		width: 170px;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 16px;
	}
	nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		background: #fff;
		height: 60px;
		width: 100%;
		box-shadow: 0 0 3px #eee;
	}
	.color {
		top: 60px;
		left: auto;
		right: 0;
	}
	nav .container {
		padding: 0;
	}
	nav .row {
		margin: 0;
	}
	.logo-xs {
		width: 70%;
		height: 60px;
		float: left;
		padding: 10px;
	}
	.logo-xs img {
		display: inline-block;
		width: auto;
		max-height: 100%;
	}
	.banner {
		margin-top: 60px;
	}
	.menu-container {
		width: 100%;
	}
	.menu-mobile {
		width: 30px;
		padding: 12px 0 0 0;
		margin: 0 10px;
		float: right;
		display: block;
	}
	span.bar {
		background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #aaa 20%, #aaa 23%, transparent 23%, transparent 48%, #aaa 48%, #aaa 50%, transparent 47%, transparent 76%, #aaa 76%, #aaa 78%, transparent 78%), -webkit-linear-gradient(transparent, transparent);
		background: linear-gradient(to bottom, transparent 0%, transparent 20%, #aaa 20%, #aaa 23%, transparent 23%, transparent 48%, #aaa 48%, #aaa 50%, transparent 47%, transparent 76%, #aaa 76%, #aaa 78%, transparent 78%), linear-gradient(transparent, transparent);
	}
	span.clicked {
		background: -webkit-linear-gradient(135deg, transparent 0%, transparent 48%, #aaa 49%, #aaa 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 48%, #aaa 49%, #fff 51%, transparent 51%, transparent 100%);
		background: linear-gradient(-45deg, transparent 0%, transparent 48%, #aaa 49%, #aaa 51%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 48%, #aaa 49%, #aaa 51%, transparent 51%, transparent 100%);
	}
	.menu-dropdown-icon:before {
		display: block;
	}
	.icon-dropdown:before {
		content: "-";
	}
	.menu>ul li:last-child.icon-dropdown:before {
		content: "";
	}
	.menu {
		width: 100%;
		height: 100%;
	}
	.menu>ul {
		position: absolute;
		z-index: 999;
		width: 70%;
		top: 0;
		left: -75%;
		height: 100%;
		overflow-y: scroll;
		background: #005ed3;
		box-shadow: 0 0 5px #002d65;
		transition: height 1s;
	}
	.menu>ul>li {
		width: 100%;
		float: none;
		border-bottom: 1px solid #0072ff;
		display: block;
	}
	.menu>ul>li a {
		padding: 1.5em;
		width: 100%;
		display: block;
	}
	.menu>ul>li>ul {
		position: relative;
	}
	.menu>ul>li>ul.normal-sub {
		width: 100%;
	}
	.menu>ul>li>ul>li {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.menu>ul>li>ul>li:first-child {
		margin: 0;
	}
	.menu>ul>li>ul>li>ul {
		position: relative;
	}
	.menu>ul>li>ul>li>ul>li {
		float: none;
	}
	.menu .show-on-mobile {
		left: 0;
	}
	.carousel-inner img {
		width: 200%;
		margin-left: -50%;
	}
	.imgbox .carousel-inner>.item>a>img,
	.imgbox .carousel-inner>.item>img {
		max-width: 100%;
	}
	.imgbox .carousel-inner img {
		margin-left: 0;
	}
	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img {
		max-width: 200%;
	}
	.carousel-indicators li {
		width: 10px;
		border-radius: 0;
		background: #fff;
		border-color: #fff;
	}
	.carousel-indicators li.active {
		width: 10px;
	}
	.carousel-control.left,
	.carousel-control.right {
		background-size: 40%;
	}
	.fast-nav {
		padding: 15px;
	}
	.fast-nav a.pbox_li p {
		padding-top: 5px;
		padding-left: 15px;
	}
	.fast-nav a.pbox_li p b {
		font-size: 14px;
	}
	/*sy_product*/
	.sy_product .sy_submenu {
		margin: 10px 13px;
	}
	.sy_product .sy_submenu a {
		padding: 0 20px;
		margin-bottom: 5px;
	}
	.sy_product .sy_tit {
		padding-top: 20px;
	}
	.sy_product .picScroll-left,
	.sy_case {
		padding: 0;
	}
	.sy_product .picScroll-left {
		background: #fff;
		margin: 10px 0;
	}
	.sy_product .picScroll-right .hd {
		padding: 15px 0;
	}
	/*sy_new*/
	.sy_new {
		padding: 0;
		padding-bottom: 20px;
	}
	/*footer*/
	footer {
		padding: 20px 0;
	}
	footer .f_contact {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
	}
	.ftbot {
		text-align: center;
		margin-bottom: 55px;
	}
	/*全部-返回顶部*/
	#clan-slider {
		bottom: 55px !important;
	}
	#clan-slider ul li a {
		background-color: rgba(255, 255, 255, 0.9) !important;
		border-color: transparent !important;
		border-radius: 50% !important;
	}
	#clan-slider #slider-goTop {
		background-position: -92px 0 !important;
		box-shadow: 0 0 10px #ccc;
	}
	#clan-slider #slider-goTop:hover {
		background-position: 0 0 !important;
	}
	.content_list li:nth-child(2n) {
		border-right: 0;
	}
	.content_list li {
		margin: 15px 0;
	}
	.content_list li p.number .counterDX {
		font-size: 30px;
	}
	.sy_about h3 {
		margin: 15px 0 10px 0;
		font-size: 18px;
	}
	.sy_link h3 {
		margin: 15px 0 10px 0;
		font-size: 18px;
	}
	h3 {
		font-size: 18px;
	}
	/*=============内页css=============*/
	.ny_box {
		margin-top: 60px;
	}
	.position h3 {
		padding: 10px 15px;
	}
	.pages {
		text-align: center;
	}
	.ny_box .new-box-p .new-img {
		min-width: 30%;
		width: 30%;
	}
	.ny_box .new-box-p .new-txt {
		width: 70%;
	}
	.new-box-p ul li {
		padding: 15px;
	}
	.about_article .new-box-p ul li {
		padding: 15px 0;
	}
	.about_article .sy_submenu {
		margin: 15px -2px;
	}
	.liuyan {
		padding: 15px;
	}
	.sy_product .honner .picScroll-left .bd ul li .pic {
		height: 130px;
	}
	.sy_product .honner .picScroll-left .bd ul li .pic img {
		max-height: 120px;
	}
    .sy_product .picScroll-left .bd ul li .pic {
	height:160px;
    }
    .sy_product .picScroll-left .bd ul li .pic a{
	line-height: 140px;
    }

    .sy_product .picScroll-left .bd ul li .pic a img {
	max-height: 140px;
    }
}

@media (max-width: 480px) {}