@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
}
body {
	margin: 0 auto;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 14px;
	font-size: 1.4rem;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}
img {
	border: none;
}
ul li {
	list-style-type: none;
}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
}
a {
	text-decoration: none;
	color: #333;
	outline: none;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
}
h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}
.clear {
	clear: both;
}
.maln {
	margin-left: auto !important;
}
input, textarea {
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	border: none;
	outline: none;
}
img {
	max-width: 100%;
	border: 0px solid #ccc;
}
table, embed, video {
	max-width: 100%;
}
input, textarea {
	border: none;
	background: none;
	font-family: "Microsoft Yahei", "微软雅黑";
}
input[type="submit"], textarea[type="submit"] {
	cursor: pointer;
}
input[type="checkbox"], textarea[type="checkbox"] {
	cursor: pointer;
}
input[type="radio"], textarea[type="radio"] {
	cursor: pointer;
}
input:focus, textarea:focus {
	outline: none;
}
textarea {
	resize: none;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.fix {
 *zoom: 1;
}
.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
/* html5 */

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display: block;
}
ul, form, p, a, img, table, tr, td, ul, li, dd, dt, dl, span, div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input, textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



::-webkit-input-placeholder {
 color: #A6A6A6;
 opacity: 1;
}

:-o-placeholder {
 color: #A6A6A6;
 opacity: 1;
}

::-moz-placeholder {
 color: #A6A6A6;
 opacity: 1;
}

/* Mozilla Firefox 19+ */

:-ms-input-placeholder {
 color: #A6A6A6;
 opacity: 1;
}
/* Internet Explorer 10+ */





.self-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.self-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.self-ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.self-ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.common-vc {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.common-hc {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.common-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
/**/

[class*="-item"] .item-pic {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
}
[class*="-item"] .item-pic img {
	-webkit-transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	transition: all 350ms;
}
[class*="-item"] .item-pic:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
[class*="-item"] .item-title {
	overflow: hidden;
}
[class*="-item"] .item-title a:hover {
	color: #1E7ACD !important;
}
[class*="-item"] .item-desc {
	overflow: hidden;
}
[class*="-item"] .item-desc a {
	display: block;
	color: #666;
}
[class*="-item"] .item-desc a:hover {
	color: #1E7ACD !important;
}
/* @media screen and (min-width:1420px) {.wp {width: 1410px;margin: auto;}} 

@media screen and (min-width:1220px) and (max-width:1419px) {.wp {width: 1200px;margin: auto;}} */

.wp {
	width: 1200px;
	margin: auto;
}
 @media screen and (min-width: 1220px) {
.wp {
	width: 1200px;
	margin: auto;
}
}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.wp {
	width: 980px;
	margin: auto;
}
}
 @media screen and (max-width: 999px) {
.wp {
	width: 95%;
	margin: auto;
}
}
 @media screen and (min-width: 1220px) {
.no_marginr {
	margin-right: auto !important;
}
.no_marginl {
	margin-left: auto !important;
}
}
 @media screen and (min-width: 1000px) and (max-width: 1219px) {
.no_marginr {
	margin-right: auto !important;
}
.no_marginl {
	margin-left: auto !important;
}
}
/*-------------table start-------------------------------------------------------------------*/

.table table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
	border: 1px solid #ccc;
	background: #eee
}
.table table tr td {
	padding: 3px;
	border: 1px solid #ccc;
	position: relative;
}
 @media screen and (max-width: 1000px) {
.table {
	overflow: scroll;
}
.table table {
	width: 1000px;
}
}
/*-------------table end---------------------------------------------------------------------*/

/*-------------proslide_menubtn start--------------------------------------------------------*/

.proslide_menubtn {
	display: none;
	width: 23px;
	height: 18px;
	position: absolute;
	top: 12px;
	right: 12px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 9999;
	cursor: pointer;
}
.proslide_menubtn span {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	background-color: #FFFFFF;
}
 @media screen and (max-width: 767px) {
.proslide_menubtn {
	display: block;
}
}
/*-------------proslide_menubtn end----------------------------------------------------------*/

/*-------------page-start--------------------------------------------------------------------*/

.page {
	text-align: center;
	overflow: hidden;
}
.page a {
	width: 35px;
	height: 30px;
	line-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 2.5px 10px;
	border: solid 1px #e5e5e5;
	background-color: #fff;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
}
.page .prev, .page .next {
	width: 61px !important;
	margin: 0 2px 10px;
}
.page a:hover, .page .page-active {
	background-color: #1E7ACD !important;
	color: #FFFFFF !important;
	border-color: #1E7ACD !important;
}
.fl {
	float: none;
	display: inline-block;
}
.add-form {
	float: none;
	display: inline-block;
	background: url(../images/af-bg.png) no-repeat right center;
	padding-right: 19px;
	margin-left: 13px;
}
.add-btn {
	width: 150px;
	height: 30px;
	line-height: 24px;
	text-align: center;
	border: solid 1px #1E7ACD;
	background-color: #1E7ACD;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
}
.add-btn:hover {
	background-color: #333;
	color: #FFFFFF;
	border-color: #333;
}
 @media only screen and (max-width: 767px) {
.fl {
	float: none;
}
.add-btn {
	font-size: 12px;
	font-size: 1.2rem;
}
.add-form {
	float: none;
	display: inline-block;
}
.page a {
	font-size: 12px;
	font-size: 1.2rem;
}
}
/*-------------page-end--------------------------------------------------------------------*/

/*-------------contact start---------------------------------------------------------------*/

.contact-pc {
	right: 0;
	width: 69px;
	z-index: 999;
	position: fixed;
}
.contact-pc li {
	width: 69px;
	height: 69px;
	border-radius: 5px;
	margin-bottom: 2px;
	position: relative;
}
.contact-pc li a {
	display: block;
	height: 69px;
}
.c1 {
	background: #13C1F3 url(../images/skype.png) no-repeat center;
}
.c2 {
	background: #2180E7 url(../images/whatsapp.png) no-repeat center;
}
.c3 {
	background: #67DDFF url(../images/wechat.png) no-repeat center;
	cursor: pointer;
}
.c4 {
	background: #0068D3 url(../images/email.png) no-repeat center;
}
.c5 {
	background: #293395 url(../images/back-top.png) no-repeat center;
	cursor: pointer;
}
.contact-pc .c3 .ewm {
	position: absolute;
	top: 0;
	left: 125px;
	max-width: 120px;
	width: 120px;
	height: 120px;
}
.contact-pc .c3:hover .ewm {
	left: -125px;
}
.contact-phone {
	position: fixed;
	bottom: 0;
	height: 50px;
	left: 0;
	right: 0;
	display: none;
	z-index: 999;
}
.contact-phone li {
	width: 50%;
	height: 50px;
	float: left;
	position: relative;
}
.contact-phone li a {
	display: block;
	height: 50px;
}
.contact-phone .c3 img {
	position: absolute;
	bottom: 50px;
	left: 0;
	display: none;
	min-width: 120px;
}
 @media only screen and (max-width: 767px) {
.contact-pc {
	display: none;
}
.contact-phone {
	display: block;
}
body {
	padding-bottom: 50px;
}
}
/*back-top*/

.back-top {
	width: 50px;
	height: 50px;
	background: url(../images/back-top.jpg) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	position: fixed;
	right: 0px;
	bottom: -100px;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	cursor: pointer;
	z-index: 998;
}
 @media only screen and (max-width: 767px) {
.back-top {
	width: 40px;
	height: 40px;
	display: none;
}
}
/*-------------contact end-----------------------------------------------------------------*/

/*-------------pro-share start-------------------------------------------------------------*/

.pro-share {
	height: 26px;
	font-size: 0;
	letter-spacing: 0;
	font-family: "Microsoft Yahei", "微软雅黑";
}
.pro-share .share-title {
	margin-right: 8px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	line-height: 26px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	font-family: "Microsoft Yahei", "微软雅黑";
}
.pro-share .share-pic {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	vertical-align: top;
	height: 26px;
}
 @media screen and (max-width: 767px) {
.pro-share .share-title {
	font-size: 12px;
	font-size: 1.2rem;
}
}
/*-------------pro-share end---------------------------------------------------------------*/

/*-------------m-oths----------------------------------------------------------------------*/

.m-oths {
	padding: 45px 0 0;
	border-top: solid 1px #BFBFBF;
	font-family: "Microsoft Yahei", "微软雅黑";
}
.m-oths .oths-item {
	line-height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 36px;
}
.m-oths .oths-item, .m-oths .oths-item a, .m-oths .oths-item .item-name {
	color: #333;
}
.m-oths .oths-item a:hover {
	color: #1E7ACD;
}
.m-oths .oths-item-1 {
	margin-bottom: 9px;
	background: url(../images/other1.png) no-repeat left top;
}
.m-oths .oths-item-2 {
	background: url(../images/other2.png) no-repeat left top;
}
 @media only screen and (max-width: 767px) {
.m-oths {
	padding: 20px 0 0;
}
.m-oths .oths-item {
	font-size: 14px;
	font-size: 1.4rem;
}
}
/*-------------bread start-----------------------------------------------------------------*/

.bread {
	background-color: transparent;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	padding: 39px 0 32px;
	overflow: hidden;
}
.bread, .bread a {
	color: #333;
}
.bread a {
	font-size: 14px;
	font-size: 1.4rem;
}
.bread a:hover, .bread .bread-active {
	color: #1E7ACD;
}
 @media screen and (max-width: 767px) {
.bread {
	padding: 15px 0;
}
}

/*-------------bread end-------------------------------------------------------------------*/

.search-box ::-webkit-input-placeholder {
 color: #1E7ACD;
 opacity: 1;
}

/* WebKit browsers */

.search-box :-o-placeholder {
 color: #1E7ACD;
 opacity: 1;
}

/* Mozilla Firefox 4 to 18 */

.search-box ::-moz-placeholder {
 color: #1E7ACD;
 opacity: 1;
}

/* Mozilla Firefox 19+ */

.search-box :-ms-input-placeholder {
 color: #1E7ACD;
 opacity: 1;
}
/* Internet Explorer 10+ */

.search {
	position: relative;
	margin-left: 38px;
	margin-top: 39px;
}
.search .search-icon {
	cursor: pointer;
	width: 74px;
	height: 38px;
	display: block;
	border-radius: 19px;
	background: #1C3753 url(../images/search.png) no-repeat center;
}
.search .search-box {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 999;
	width: 278px;
	height: 32px;
	border-radius: 2px;
	border: solid 1px #BFBFBF;
	background-color: #FFFFFF;
	cursor: pointer;
	border-radius: 16px;
}
.search .search-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 35px 0 9px;
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
}
.search .search-submit {
	position: absolute;
	background: url(../images/search_nav.png) no-repeat center center;
	-webkit-background-size: 20px 20px;
	background-size: 20px;
	width: 35px;
	height: 100%;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
 @media screen and (max-width: 1219px) {
.search {
	margin-left: 20px;
}
}
 @media screen and (max-width: 1219px) {
.search {
	position: absolute;
	top: 0;
	margin-top: 3px;
	right: 40px;
}
.search .search-icon {
	cursor: pointer;
	width: 45px;
	height: 28px;
	display: block;
	border-radius: 17px;
	background: #1C3753 url(../images/search.png) no-repeat center;
	-webkit-background-size: 15px 15px;
	background-size: 15px;
}
.search .search-box {
	top: 32px;
}
}
/*-------------header start----------------------------------------------------------------*/

.header {
	background: url(../images/bg1.png) no-repeat top center;
}
.header .logo {
	float: left;
	display: block;
	margin-top: 9px;
	width: 160px;
}
.header .navlist {
	float: right;
	margin-top: 39px;
}
.header .navlist > li {
	position: relative;
	float: left;
	margin-left: 20px;
}
.header .navlist > li > a {
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: uppercase;
	display: block;
	line-height: 40px;
	color: #fff;
	padding-bottom: 15px;
}
.header .navlist > li:first-child {
	margin-left: 0;
}
.header .navlist .nav-active > a, .header .navlist > li:hover > a {
	border-bottom: solid 4px #fff;
	border-bottom: solid 4px rgba(255, 255, 255, 0.57);
}
 @media screen and (max-width: 1219px) {
.header {
	background-image: none;
	background-color: #1E7ACD;
}
.header .navlist > li {
	margin-left: 15px;
}
}
 @media screen and (max-width: 1219px) {
.header {
	background-color: #f4f4f4;
}
.header .logo {
	float: none !important;
	margin: 15px auto;
}
.header .navlist {
	width: 100%;
	background-color: #1E7ACD;
	margin-top: 0;
	padding-top: 4px;
}
.header .navlist > li {
	width: 14.2857%;
	margin-left: 0;
	text-align: center;
}
.header .navlist > li > a {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 0;
}
.header .wp {
	width: 100%;
}
}
 @media screen and (max-width: 767px) {
.header .navlist {
	display: none;
}
}
.header .navlist li:hover .yiji {
	top: 100%;
}
.header .yiji {
	position: absolute;
	top: -9999px;
	left: 50%;
	margin-left: -130px;
	z-index: 9999;
	background-color: #F5F5F5;
	padding: 10px 0;
	width: 220px;
}
.header .yiji li {
	position: relative;
}
.header .yiji li a {
	display: block;
	padding: 5px 16px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	border-bottom: solid 1px #fff;
}
.header .yiji li:hover > a {
	background-color: #1E7ACD;
	color: #fff;
}
.header .yiji li:hover .erjibox {
	left: 100%;
}
.header .erjibox {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 220px;
	border-left: solid 3px transparent;
}
.header .erji {
	background-color: #F5F5F5;
	padding: 10px 0 0;
}
/* 767 navlist1 */

.navlist1 {
	display: none;
	width: 100%;
	background-color: #1E7ACD;
}
.navlist1 > li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 36px;
}
.navlist1 > li > a {
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
}
.navlist1 .nav-active > a, .navlist1 > li:hover > a {
	border-bottom: solid 2px #fff;
	border-bottom: solid 2px rgba(255, 255, 255, 0.57);
}
 @media screen and (max-width: 767px) {
.navlist1 {
	display: block;
}
.search {
	display: none
}
}

/*-------------header end------------------------------------------------------------------*/

/*-------------footer start----------------------------------------------------------------*/

.footer ::-webkit-input-placeholder {
 color: #666;
 opacity: 1;
}

/* WebKit browsers */

.footer :-o-placeholder {
 color: #666;
 opacity: 1;
}

/* Mozilla Firefox 4 to 18 */

.footer ::-moz-placeholder {
 color: #666;
 opacity: 1;
}

/* Mozilla Firefox 19+ */

.footer :-ms-input-placeholder {
 color: #666;
 opacity: 1;
}
/* Internet Explorer 10+ */

.footer .f-top {
	background-color: #1E7ACD;
	padding: 42px 0 28px;
}
.footer, .footer p, .footer li, .footer a {
	color: #fff;
}
.footer a:hover {
	text-decoration: underline;
}
.footer li {
	line-height: 28px;
	font-size: 16px;
	font-size: 1.6rem;
}
.footer .footer-title {
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 36px;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.footer .footer-title, .footer .footer-title a {
	color: #fff;
}
.footer .flist1 {
	float: left;
	width: 381px;
	margin-right: 62px;
}
.footer .flist1 ul {
	margin-top: 14px
}
.footer .flist1 .f-logo {
	display: block;
	max-width: 100%;
	margin-top: 17px;
	margin-bottom: 0px;
	margin-left: 43px
}
.footer .flist1 .dianhua span {
	color: #fff;
	display: inline-block;
	margin-left: 8px
}
.footer .flist1 .whatapp span {
	color: #fff;
	display: inline-block;
	margin-left: 8px
}
.footer .f-follow {
	margin-top: 58px;
}
 @media screen and (max-width: 767px) {
.footer .f-follow {
	margin-top: 0px;
}
}
.footer .f-follow a {
	float: left;
	display: inline-block;
	margin-right: 13px;
	margin-top: 17px;
}
.footer .f-follow .youtube {
	position: relative;
	top: -2px;
}
.footer .f-follow svg {
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.footer .f-follow svg:hover {
	margin-top: -5px;
	margin-bottom: 5px;
}
.footer .flist2 {
	float: left;
	width: 154px;
}
.footer .flist2 ul {
	margin-top: 40px;
}
.footer .flist2 li {
	text-transform: capitalize;
}
.footer .flist3 {
	width: 496px;
	float: right;
}
.footer .flist3 .footer-title {
	padding-left: 23px;
}
.footer .f-form {
	padding-top: 13px;
	margin-top: 40px;
}
.footer .fstar {
	background: url(../images/star1.png) no-repeat 10px 19px;
	margin-bottom: 10px;
	padding-left: 23px;
}
.footer .fstar input {
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.8);
	height: 44px;
	line-height: 44px;
	border: solid 1px #CCCCCC;
	width: 100%;
	font-family: "Microsoft Yahei", "微软雅黑";
}
.footer .fname {
	background: url(../images/f1.png) no-repeat 9px center;
	padding-left: 34px;
	padding-right: 10px;
}
.footer .ftel {
	background: url(../images/f2.png) no-repeat 9px center;
	padding-left: 34px;
	padding-right: 10px;
}
.footer .fmail {
	background: url(../images/f3.png) no-repeat 9px center;
	padding-left: 34px;
	padding-right: 10px;
}
.footer .fmes {
	height: 105px;
	border: solid 1px #CCCCCC;
	width: 100%;
	background: #FFFFFF url(../images/f4.png) no-repeat 8px 12px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 12px 10px 10px 34px;
	display: block;
	font-family: "Microsoft Yahei", "微软雅黑";
}
.footer .finput50 {
	width: 50%;
	float: left;
}
.footer .fcodeinput {
	width: 170px !important;
	float: left;
	margin-right: 11px;
	padding: 0 11px;
}
.footer .fcodeimg {
	display: block;
	width: 122px;
	height: 44px;
	cursor: pointer;
}
.footer .fcodebtn {
	width: 160px !important;
	float: right;
	background-color: #fff !important;
	border-color: #fff !important;
	color: #000;
	text-transform: uppercase;
}
.footer .f-bot {
	font-family: "Microsoft Yahei", "微软雅黑";
	background-color: #1C3753;
	text-align: center;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 2px;
}
.footer .f-bot .f-follow {
	display: none;
	text-align: center;
}
.footer .f-bot .f-follow a {
	float: none;
	margin: 0 3px;
}
.footer .f-bot .f-follow .youtube {
	top: 2px;
}
.footer .f-bot .copyright .reanod {
	margin: 0 5px 0 10px;
}
.footer .f-bot .links {
	padding: 5px 0 0;
}
.footer .f-bot .links a {
	display: inline-block;
	margin: 0 15px;
}
 @media screen and (max-width: 1219px) {
.footer .flist1 {
	width: 350px;
	padding-right: 15px;
	margin-right: 0;
}
.footer .flist2 {
	width: 154px;
}
.footer .flist3 {
	width: 400px;
}
.footer .fcodeinput {
	width: 120px !important;
}
.footer .fcodebtn {
	width: 112px !important;
}
}
 @media screen and (max-width: 999px) {
.footer .footer-title {
	margin-bottom: 20px;
}
.footer .flist1, .footer .flist2 {
	width: 50%;
}
.footer .flist2 {
	border-right: 0;
}
.footer .flist3 {
	width: 100%;
	margin-top: 30px;
}
.footer .flist3 .footer-title {
	padding-left: 0;
}
.footer .fcodeinput {
	width: 200px !important;
}
.footer .fcodebtn {
	width: 200px !important;
	float: left;
	margin-left: 10px;
}
}
 @media screen and (max-width: 767px) {
.footer .f-top {
	display: none;
}
.footer .f-bot {
	padding: 8px 0;
}
.footer .f-bot .f-follow {
	display: block;
}
.footer .f-bot .links {
	display: none;
}
}
/*-------------footer end------------------------------------------------------------------*/

/*-------------index start-----------------------------------------------------------------*/

/* Why Choose Us start */

/* .three-list start */

.three-list {
	position: relative;
	z-index: 9;
	margin-top: -190px;
	padding: 0 2px 0 1px;
}
.three-list .list-item {
	background-color: #1C3753;
	float: left;
	width: 397px;
	margin-left: 3px;
	text-align: center;
	padding: 49px 0 28px;
}
.three-list .list-item:hover {
	background-color: #1E7ACD;
}
.three-list .item-pics {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
}
.three-list .item-pics img {
	width: 100%;
	max-width: 57px;
	max-height: 57px;
	margin: 0 auto;
	display: block;
}
.three-list .item-title {
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 28px;
	font-size: 2.8rem;
	margin-top: 32px;
	padding: 0 10px;
}
.three-list .item-title, .three-list .item-title a, .three-list .item-title a:hover {
	color: #fff !important;
}
.three-list .item-desc {
	margin-top: 6px;
	font-display: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	height: 72px;
	padding: 0 28px;
}
.three-list .item-desc, .three-list .item-desc a, .three-list .item-desc a:hover {
	color: #fff !important;
}
 @media screen and (max-width: 1219px) {
.three-list {
	margin-top: -120px;
	padding: 0;
}
.three-list .list-item {
	width: 324px;
}
.three-list .item-desc {
	padding: 0 10px;
}
}
 @media screen and (max-width: 999px) {
.three-list {
	margin-top: 0;
}
.three-list .list-item {
	width: 32.33%;
	margin: 30px 0.5% 0;
}
}
 @media screen and (max-width: 767px) {
.three-list .list-item {
	padding: 30px 0;
}
.three-list .item-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 10px;
}
.three-list .item-desc {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 5px;
}
}
 @media screen and (max-width: 640px) {
.three-list .list-item {
	padding: 20px 0;
	width: 100%;
	margin: 20px auto 0;
}
.three-list .item-desc {
	height: auto;
}
}
/* .three-list end */

/* .why-box start */

.why-box {
	padding-bottom: 50px;
}
.index-about {
	margin-top: 36px
}
.why-box .item-left {
	float: left;
	width: 380px; margin-right:10px
}
.why-box .item-title {
	margin-top: 51px;
	padding-top: 35px;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 44px;
	font-size: 4.4rem;
	position: relative;
}
.why-box .item-title:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 71px;
	height: 1px;
	background-color: #333;
}
 @media screen and (max-width: 1219px) {
.why-box .item-title {
	font-size: 36px;
	font-size: 3.6rem;
	padding-top: 25px;
}
}
 @media screen and (max-width: 999px) {
	 .index-about {
	margin-top: 0px
}
.why-box .item-title {
	font-size: 30px;
	font-size: 3rem;
	padding-top: 15px;
}
}
 @media screen and (max-width: 767px) {
.why-box .item-title {
	font-size: 24px;
	font-size: 2.4rem;
}
}
.why-box .item-subt {
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 34px;
	margin-top: 22px;
}
.why-box .item-subt a:hover {
	color: #1E7ACD;
}
.why-box .item-body {
	overflow: hidden;
	margin-top: 68px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
}
.why-box .item-body, .why-box .item-body p, .why-box .item-body a {
	color: #555;
}
.why-box .item-body p {
	margin-top: 21px;
}
.why-box .item-body p  a{ display:block; text-indent:2em}
.why-box .item-btn {
	display: block;
	width: 161px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	background: #1E7ACD;
	color: #fff !important;
	font-family: "Microsoft Yahei", "微软雅黑";
	margin-top: 53px;
}
.why-box .item-btn:hover {
	background: #333
}
 @media screen and (max-width: 1219px) {
.why-box .item-body {
	margin-top: 40px;
}
}
 @media screen and (max-width: 999px) {
.why-box .item-left {
	width: 100%;
	float: none;
	margin-top: 0;
}
.why-box .item-subt {
	margin-top: 20px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 32px;
}
.why-box .item-body {
	margin-top: 2px;
}
.why-box .item-btn {
	float: none;
	margin-top: 20px;
}
.why-box .item-body p,.why-box .item-subt {
    margin-top:10px;
}
}
 @media screen and (max-width: 767px) {
.why-box {
	padding-bottom: 30px;
}
.why-box .item-title {
	margin-top: 30px;
}
.why-box .item-subt {
	margin-top: 15px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 28px;
}
.why-box .item-body {
	margin-top: 0;
}
.why-box .item-body p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
}
.why-box .item-btn {
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px;
}
}
/* .why-box end */

/* Why Choose Us end */

.index-title {
	text-align: center;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 40px;
	font-size: 4rem;
	padding-top: 27px;
	position: relative;
}
.index-title, .index-title a {
	color: #fff;
}
.index-title a:hover {
	text-decoration: underline
}
.index-title:after {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	margin-left: -35px;
	width: 71px;
	height: 1px;
	background-color: #fff;
}
 @media screen and (max-width: 1219px) {
.index-title {
	font-size: 36px;
	font-size: 3.6rem;
	padding-top: 25px;
}
}
 @media screen and (max-width: 999px) {
.index-title {
	font-size: 30px;
	font-size: 3rem;
	padding-top: 15px;
}
}
 @media screen and (max-width: 767px) {
.index-title {
	font-size: 24px;
	font-size: 2.4rem;
}
}
/* our-products start */

.our-products {
	background: url(../images/web1.jpg) no-repeat top center;
	padding: 50px 0 0;
}
 @media screen and (max-width: 767px) {
.our-products {
	padding: 30px 0 0;
}
}
.our-products .tab-options {
	width: 1238px;
	margin-top: 31px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0
}
.our-products .tab-options li {
	margin-top: 10px;
	float: none;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 50px;
	border-radius: 25px;
	padding: 0 15px;
	cursor: pointer;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", "微软雅黑";
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 10px
}
.our-products .tab-options li:hover, .our-products .tab-options li.tab-active {
	background-color: #115DA2;
}
 @media screen and (max-width: 1250px) {
.our-products .tab-options {
	width: 100%;
	margin-left: 0;
}
}
 @media screen and (max-width: 1219px) {
.our-products .tab-options {
	width: 100%;
}
.our-products .tab-options li {
	padding: 0 28px;
	font-size: 14px;
	font-size: 1.4rem;
}
}
 @media screen and (max-width: 999px) {
.our-products .tab-options li {
	line-height: 40px;
	border-radius: 20px; /*width: 20%;*/
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 11px;
	text-align: center;
}
}
 @media screen and (max-width: 767px) {
.our-products .tab-options {
	margin-top: 10px;
	display: block
}
.our-products .tab-options li {
	line-height: 40px;
	border-radius: 20px;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 11px;
	text-align: center;
}
}
 @media screen and (max-width: 640px) {
.our-products .tab-options li { /*width: auto;*/
	margin-top: 5px;
}
}
 @media screen and (max-width: 522px) {
.our-products .tab-options li {
	font-size: 12px;
	font-size: 1.2rem;
}
}
 @media screen and (max-width: 454px) {
.our-products .tab-options li {
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	box-sizing: border-box;
	display: block
}
}
.ourpro-list {
	padding: 64px 0 14px;
}
.ourpro-list p {
	color: #fff
}
.ourpro-list .list-item {
	float: left;
	width: 31.66%;
	margin-left: 2.5%;
	padding: 14px 18px 10px;
	background-color: #fff;
	border: solid 1px #D7D7D7;
	margin-bottom: 36px;
}
.ourpro-list .item-pic {
	width: 100%;
}
.ourpro-list .item-pic img {
	display: block;
	max-width: 380px;
	width: 100%;
}
.ourpro-list .item-body {
	padding: 0 12px;
}
.ourpro-list .item-title {
	font-family: "Microsoft Yahei", "微软雅黑";
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 17px;
}
.ourpro-list .item-title, .ourpro-list .item-title a {
	color: #303030;
}
.ourpro-list .item-desc {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	height: 72px;
	margin-top: 8px;
}
.ourpro-list .item-desc, .ourpro-list .item-desc a {
	color: #303030; text-indent:2em
}
 @media screen and (max-width: 999px) {
.ourpro-list {
	padding: 50px 0 14px;
}
.ourpro-list .list-item {
	width: 31.33%;
	margin: 0 1% 30px;
}
}
 @media screen and (max-width: 767px) {
.ourpro-list {
	padding: 30px 0 14px;
}
.ourpro-list .list-item {
	width: 48%;
	margin: 0 1% 30px;
}
.ourpro-list .item-title {
	font-size: 16px;
	font-size: 1.6rem;
}
.ourpro-list .item-desc {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	height: 66px;
}
}
 @media screen and (max-width: 640px) {
.ourpro-list .list-item {
	padding: 10px;
}
}
 @media screen and (max-width: 400px) {
.ourpro-list .list-item {
	width: 98%;
	margin: 0 1% 20px;
}
}
/* our-products end */

/* our-project start */

.our-project {
	background: url(../images/web2.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 51px 0;
	margin-bottom: 52px;
}
 @media screen and (max-width: 767px) {
.our-project {
	padding: 30px 0;
	background: url() #3281cb;
	margin-bottom: 30px;
}
}
.our-project .ex-scroll {
	position: relative;
}
.our-project .ex-scroll .box-bd {
	width: 100%;
	overflow: hidden;
}
.our-project .ex-scroll .box-list {
	width: 1000%;
}
.our-project .ex-scroll .box-list .list-wp {
	float: left;
	width: 10%;
	position: relative;
	text-align: center;
}
.our-project .ex-scroll .box-list .item-pic {
	margin: 32px auto 0;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	width: 230px;
	height: 230px;
	padding: 8px;
	border-radius: 50%;
}
.our-project .ex-scroll .box-list .item-pic img {
	display: block;
	width: 100%;
	max-width: 214px;
	border-radius: 50%;
	margin: 0 auto;
}
.our-project .ex-scroll .box-list .item-title {
	margin-top: 59px;
	font-size: 20px;
	font-size: 2rem;
	font-family: "Microsoft Yahei", "微软雅黑";
}
.our-project .ex-scroll .box-list .item-title, .our-project .ex-scroll .box-list .item-title a, .our-project .ex-scroll .box-list .item-title a:hover {
	color: #fff !important;
}
.our-project .ex-scroll .box-list .item-desc {
	margin-top: 27px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	height: 72px;
}
.our-project .ex-scroll .box-list .item-title a:hover, .our-project .ex-scroll .box-list .item-desc a:hover {
	text-decoration: underline
}
.our-project .ex-scroll .box-list .item-desc, .our-project .ex-scroll .box-list .item-desc a, .our-project .ex-scroll .box-list .item-desc a:hover {
	color: #fff !important;
}
 @media screen and (max-width: 999px) {
.our-project .ex-scroll .box-list .item-pic {
	margin: 30px auto 0;
}
.our-project .ex-scroll .box-list .item-title {
	margin-top: 30px;
}
}
 @media screen and (max-width: 767px) {
.our-project .ex-scroll .box-list .item-title {
	margin-top: 15px;
	font-size: 20px;
	font-size: 2rem;
}
.our-project .ex-scroll .box-list .item-desc {
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	height: 66px;
}
}
.our-project .ex-scroll .box-page {
	margin-top: 17px;
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}
.our-project .ex-scroll .page-item {
	margin: 0 3px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	width: 27px;
	height: 27px;
	background: url(../images/web7.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
}
.our-project .ex-scroll .page-item.active {
	background: url(../images/web7_1.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
}
 @media screen and (max-width: 350px) {
.our-project .ex-scroll .page-item {
	width: 24px;
	height: 24px;
}
}
/* News Center start */

.news-center {
	border-top: solid 1px #ccd2d8;
}
.news-center .index-title {
	font-size: 45px;
	font-size: 4.5rem;
	padding-top: 21px;
}
.news-center .index-title, .news-center .index-title a {
	color: #333;
}
.news-center .index-title:after {
	background-color: #333;
}
 @media screen and (max-width: 1219px) {
.news-center .index-title {
	font-size: 36px;
	font-size: 3.6rem;
}
}
 @media screen and (max-width: 999px) {
.news-center .index-title {
	font-size: 30px;
	font-size: 3rem;
	padding-top: 15px;
}
}
 @media screen and (max-width: 767px) {
.news-center .index-title {
	font-size: 24px;
	font-size: 2.4rem;
}
}
.newscenter-list {
	padding-top: 44px;
}
.newscenter-list .list-item {
	float: left;
	width: 31%;
	margin-left: 3.5%;
	margin-bottom: 48px;
}
.newscenter-list .item-pic {
	width: 100%;
}
.newscenter-list .item-pic img {
	display: block;
	max-width: 372px;
	margin: 0 auto;
	width: 100%;
}
.newscenter-list .item-date {
	background: url(../images/date.png) no-repeat left center;
	padding-left: 29px;
	line-height: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666;
	margin-top: 17px;
}
.newscenter-list .item-title {
	margin-top: 16px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 24px;
}
.newscenter-list .item-title, .newscenter-list .item-title a {
	color: #011C3A;
}
.newscenter-list .item-desc {
	margin-top: 25px;
	line-height: 24px;
	height: 48px;
}
.newscenter-list .item-desc, .newscenter-list .item-desc a {
	color: #011C3A;
}
 .newscenter-list .item-desc a { text-indent:2em}
 @media screen and (max-width: 999px) {
.newscenter-list .list-item {
	width: 31.33%;
	margin: 0 1% 30px;
}
}
 @media screen and (max-width: 767px) {
.newscenter-list {
	padding-top: 30px;
}
.newscenter-list .item-title {
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.newscenter-list .item-desc {
	margin-top: 5px;
}
}
 @media screen and (max-width: 640px) {
.newscenter-list .list-item {
	width: 48%;
}
}
 @media screen and (max-width: 400px) {
.newscenter-list .list-item {
	width: 98%;
}
}
/* News Center end */

/*-------------index end-------------------------------------------------------------------*/

.page_wrap {
	padding: 0 0 60px;
}
 @media screen and (max-width: 1219px) {
.page_wrap {
	padding: 0 0 60px;
}
}
 @media screen and (max-width: 999px) {
.page_wrap {
	padding: 0 0 50px;
}
}
 @media screen and (max-width: 767px) {
.page_wrap {
	padding: 0 0 30px;
}
}
/*-------------about1 start----------------------------------------------------------------*/

/* .about-bar start */

.about-bar {
	background-color: #E9E7E7;
	line-height: 44px;
	margin-bottom: 5px;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase;
}
.about-bar a {
	position: relative;
	display: block;
	float: left;
	width: 310px;
	margin-left: 135px;
	text-align: center;
}
.about-bar a:first-child {
	margin-left: 0;
}
.about-bar a span {
	display: inline-block;
	padding-left: 31px;
}
.about-bar .item1 span {
	background: url(../images/about-bar1.png) no-repeat left center;
}
.about-bar .item1:hover, .about-bar .item1.active {
	background-color: #1E7ACD;
	color: #fff
}
.about-bar .item1:hover span, .about-bar .item1.active span {
	background: url(../images/about-bar1_1.png) no-repeat left center;
	color: #fff;
}
.about-bar .item1:hover:after, .about-bar .item1.active:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 5px;
	bottom: -5px;
	left: 0;
	background: url(../images/web9.png) no-repeat center bottom;
}
.about-bar .item2 span {
	background: url(../images/about-bar2.png) no-repeat left center;
}
.about-bar .item2:hover, .about-bar .item2.active {
	background-color: #1E7ACD;
	color: #fff
}
.about-bar .item2:hover span, .about-bar .item2.active span {
	background: url(../images/about-bar2_1.png) no-repeat left center;
	color: #fff;
}
.about-bar .item2:hover:after, .about-bar .item2.active:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 5px;
	bottom: -5px;
	left: 0;
	background: url(../images/web9.png) no-repeat center bottom;
}
.about-bar .item3 span {
	background: url(../images/about-bar3.png) no-repeat left center;
}
.about-bar .item3:hover, .about-bar .item3.active {
	background-color: #1E7ACD;
	color: #fff;
}
.about-bar .item3:hover span, .about-bar .item3.active span {
	background: url(../images/about-bar3_1.png) no-repeat left center;
	color: #fff;
}
.about-bar .item3:hover:after, .about-bar .item3.active:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 5px;
	bottom: -5px;
	left: 0;
	background: url(../images/web9.png) no-repeat center bottom;
}
 @media screen and (max-width: 1219px) {
.about-bar a {
	margin-left: 25px;
}
}
 @media screen and (max-width: 999px) {
.about-bar a {
	font-size: 14px;
	font-size: 1.4rem;
	width: 33.33%;
	margin-left: 0;
}
}
 @media screen and (max-width: 850px) {
.about-bar .item1 {
	width: 44%;
}
.about-bar .item2, .about-bar .item3 {
	width: 28%;
}
}
 @media screen and (max-width: 640px) {
.about-bar a {
	text-align: left;
	padding: 0 23px;
	line-height: 40px;
	width: 100% !important;
}
.about-bar a:after {
	display: none;
}
}
/* .about-bar end */

/* .about1-box start */

.about1-box .item-videobox {
	width: 50.75%;
	max-width: 609px;
	overflow: hidden;
	margin-left: 3.167%;
	margin-top: 59px;
}
/*.about1-box .item-video {

	position: relative;

	overflow: hidden;

	padding-bottom: 56.978%; 

	height: 0;

}*/

.about1-box .item-video img {
	max-width: 100%
}
.about1-box .item-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.about1-box .item-video iframe body {
	margin: 0px !important;
}
 @media screen and (max-width: 999px) {
.about1-box .item-videobox {
	width: 100%;
	margin: 50px auto 0;
	float: none !important;
}
}
 @media screen and (max-width: 767px) {
.about1-box .item-videobox {
	margin: 30px auto 0;
}
}
.about1-box .item-body {
	margin-top: 53px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 36px;
}
.about1-box .item-body p{ text-indent:2em}
 @media screen and (max-width: 999px) {
.about1-box .item-body {
	margin-top: 40px;
	line-height: 30px;
}
}
 @media screen and (max-width: 767px) {
.about1-box .item-body {
	margin-top: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
}
}
/* .about1-box end */

/* certificate start */

.cer-title {
	position: relative;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 55px;
}
.cer-title span {
	display: inline-block;
	padding: 0 52px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}
.cer-title span:before, .cer-title span:after {
	position: absolute;
	content: '';
	width: 41px;
	height: 4px;
	background-color: #1E7ACD;
	top: 50%;
	margin-top: -2px;
}
.cer-title span:before {
	left: -41px;
}
.cer-title span:after {
	right: -41px;
}
.cer-title:after {
	position: absolute;
	content: '';
	width: 100%;
	left: 0;
	height: 2px;
	background-color: #999;
	top: 50%;
	margin-top: -1px;
	z-index: 0;
}
 @media screen and (max-width: 767px) {
.cer-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.cer-title span {
	padding: 0 30px;
}
}
 @media screen and (max-width: 400px) {
.cer-title:after, .cer-title span:after, .cer-title span:before {
	display: none;
}
}
/* .cer-scroll start */

.cer-scroll {
	position: relative;
	overflow: hidden;
}
 @media screen and (max-width: 767px) {
.cer-scroll {
	padding: 0 50px;
}
}
.cer-scroll .scroll-btns .scroll-btn {
	width: 42px;
	height: 45px;
	display: inline-block;
	top: 50%;
	margin-top: -42px;
	position: absolute;
	cursor: pointer;
}
.cer-scroll .scroll-btns .scroll-btn.prev {
	background: url(../images/prev1.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	left: 0;
}
.cer-scroll .scroll-btns .scroll-btn.prev:hover {
	background-image: url(../images/prev1.png);
}
.cer-scroll .scroll-btns .scroll-btn.next {
	background: url(../images/next1.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	right: 0;
}
.cer-scroll .scroll-btns .scroll-btn.next:hover {
	background-image: url(../images/next1.png);
}
 @media screen and (max-width: 767px) {
.cer-scroll .scroll-btns .scroll-btn {
	width: 35px;
	height: 35px;
	margin-top: -31px;
}
}
.cer-scroll .scroll-list-box {
	width: 100%;
	overflow: hidden;
}
.cer-scroll .scroll-list {
	font-size: 0;
	letter-spacing: 0
}
.cer-scroll .scroll-list li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 23%;
	margin-right: 0.9%;
	margin-left: 0.9%;
	position: relative;
}
.cer-scroll .scroll-list .item-pics {
	display: block;
	overflow: hidden;
	position: relative;
}
.cer-scroll .scroll-list .item-pics img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.cer-scroll .scroll-list .item-pics:hover .item-backdrop {
	top: 0;
}
.cer-scroll .scroll-list .item-backdrop {
	position: absolute;
	bottom: 0;
	top: 999px;
	left: 0;
	width: 100%;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transition: all .5s;
	background: #000 url(../images/web10.png) no-repeat center;
	background: rgba(0, 0, 0, 0.5) url(../images/web10.png) no-repeat center;
}
.cer-scroll .scroll-list .item-title {
	text-align: center;
	line-height: 22px;
	margin: 17px 0 0 0;
}
 @media only screen and (max-width: 999px) {
.cer-scroll .scroll-list .item-backdrop {
	display: none;
}
}
 @media only screen and (max-width: 767px) {
.cer-scroll .scroll-list li {
	width: 23%;
}
.cer-scroll .scroll-list .item-title {
	margin: 5px 0 0 !important;
}
}
 @media only screen and (max-width: 550px) {
.cer-scroll .scroll-list li {
	width: 48%;
}
}
 @media only screen and (max-width: 400px) {
.cer-scroll .scroll-list li {
	width: 98%;
}
}
/* .cer-scroll end */

/* certificate end */

/*-------------about1 end------------------------------------------------------------------*/

/*-------------about2 start----------------------------------------------------------------*/

.about2-box {
	padding: 53px 0 26px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 36px;
}
.about2-box p{ text-indent:2em}
 @media screen and (max-width: 999px) {
.about2-box {
	line-height: 30px;
}
.about2-box p {
	margin-bottom: 30px;
}
}
 @media screen and (max-width: 767px) {
.about2-box {
	padding: 30px 0 26px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
}
.about2-box p {
	margin-bottom: 15px;
}
}
/*-------------about2 end------------------------------------------------------------------*/

/*-------------about3 start----------------------------------------------------------------*/

.about3-list {
	padding: 49px 0 30px;
	font-size: 0;
	letter-spacing: 0
}
.about3-list .list-item {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-left: 5%;
}
.about3-list .item-pic {
	width: 100%;
}
.about3-list .item-pic img {
	display: block;
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
.about3-list .item-title {
	text-align: center;
	line-height: 26px; padding-top:5px; padding-bottom:5px;
	margin-top: 9px;
	margin-bottom: 21px;
	font-size: 14px;
	font-size: 1.4rem;
}
 @media screen and (max-width: 999px) {
.about3-list .list-item {
	width: 31.33%;
	margin: 0 1%;
}
}
 @media screen and (max-width: 767px) {
.about3-list {
	padding: 30px 0 20px;
}
.about3-list .item-title {
	text-align: center;
	line-height: 25px;
	margin-top: 0;
	margin-bottom: 10px;
}
}
 @media screen and (max-width: 600px) {
.about3-list .list-item {
	width: 48%;
	margin: 0 1%;
}
}
/*-------------about3 end------------------------------------------------------------------*/

/*-------------products1 start-------------------------------------------------------------*/

/*proslide start*/

.proslide {
	width: 270px;
}
.proslide-title {
	position: relative;
	font-size: 22px;
	font-size: 2.2rem;
	background: #1C3753;
	line-height: 40px;
	padding: 10px 0 10px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}
.proslide-title a {
	color: #FFFFFF;
	text-transform: uppercase;
}
.proslide-title a:hover {
	text-decoration: underline
}
.pro-slidenav > li > a:hover, .pro-slidenav .slide-active > a {
	color: #FFFFFF;
	background-color: #1E7ACD;
}
.pro-slidenav > li > a:hover:after, .pro-slidenav .slide-active > a:after {
	background: url(../images/slide1_1.png) no-repeat center;
}
.pro-slidenav > li {
	background-color: #f6f6f6;
	margin-bottom: 5px;
}
.pro-slidenav > li > a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	padding: 10px 29px 10px 24px;
	position: relative;
	background-color: #ededed;
}
.pro-slidenav > li > a:after {
	position: absolute;
	content: '';
	width: 14px;
	height: 14px;
	top: 50%;
	margin-top: -7px;
	right: 11px;
	background: url(../images/slide1.png) no-repeat center;
}
.proslide-yiji {
	padding: 13px 0 18px;
}
.proslide-yiji > li {
	line-height: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
.proslide-yiji > li a {
	color: #333;
}
.slide-active2 > a, .proslide-yiji > li > a:hover {
	color: #1E7ACD !important;
}
 @media screen and (max-width: 999px) {
.proslide {
	float: none !important;
	width: 100%;
}
}
 @media screen and (max-width: 767px) {
.proslide-title {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0;
}
.pro-slidenav {
	display: none;
	margin: 0;
}
.pro-slidenav > li > a {
	font-size: 14px;
	font-size: 14px;
	padding: 5px 29px 5px 15px;
}
.proslide-yiji {
	padding: 10px 0;
}
.proslide-yiji > li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 28px;
	padding: 0 20px;
}
}
/*pro1-main start*/

.pro-main {
	width: 886px;
}
 @media screen and (max-width: 1219px) {
.pro-main {
	width: 680px;
}
}
 @media screen and (max-width: 999px) {
.pro-main {
	width: 100%;
	float: none !important;
	margin-bottom: 30px;
}
}
.pro1-list {
	margin-bottom: 34px;
	font-size: 0;
	letter-spacing: 0
}
.pro1-list li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 280px;
	margin-left: 23px;
	padding-bottom: 49px;
}
.pro1-list .item-pic {
	width: 100%;
	position: relative;
}
.pro1-list .item-pic img {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
}
.pro1-list .item-title {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: center;
	margin-top: 17px;
}
.pro1-list .item-btnbox {
	margin-top: 4px;
}
.pro1-list .item-btnbox input {
	margin-right: 8px;
	margin-left: 46px;
	position: relative;
	top: 3px;
}
.pro1-list .item-btnbox .item-btn {
	display: inline-block;
	width: 131px;
	height: 37px;
	line-height: 36px;
	border: solid 1px #ABABAB;
	color: #737572;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem
}
.pro1-list .item-btnbox .item-btn:hover {
	background-color: #1E7ACD;
	color: #FFFFFF;
	border-color: #1E7ACD;
}
 @media screen and (max-width: 1219px) {
.pro1-list li {
	width: 214px;
	margin-left: 13px;
}
.pro1-list .item-btnbox {
	text-align: center;
}
.pro1-list .item-btnbox input {
	margin-right: 5px;
	margin-left: 0;
}
}
 @media screen and (max-width: 999px) {
.pro1-list {
	margin-bottom: 0;
}
.pro1-list li {
	width: 31.33%;
	margin: 0 1%;
}
}
 @media screen and (max-width: 767px) {
.pro1-list {
	margin-bottom: 10px;
}
.pro1-list li {
	padding-bottom: 30px;
}
.pro1-list .item-title {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
}
.pro1-list .item-btnbox {
	margin-top: 10px;
}
.pro1-list .item-btnbox input {
	margin-right: 5px;
}
.pro1-list .item-btnbox .item-btn {
	width: 110px;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
	font-size: 1.2rem;
}
}
 @media screen and (max-width: 550px) {
.pro1-list li {
	padding-bottom: 20px;
}
.pro1-list li {
	width: 48%;
	margin: 0 1%;
}
}
/*-------------products1 end---------------------------------------------------------------*/

/*-------------products2 start-------------------------------------------------------------*/

.m-propic {
	margin: 0 auto 0;
	width: 586px;
	float: left;
}
.m-propic .pic-big {
	position: relative;
	float: right;
	width: 453px;
	margin-left: 13px;
}
.m-propic .big-img {
	display: block;
	line-height: 0;
	font-size: 0;
	border: 0 solid #CCCCCC;
}
.m-propic .big-img .zoomPad {
	float: none;
	z-index: 8;
}
.m-propic .zoomWrapperImage img {
	max-width: 1200px;
}
.m-propic .pic-small {
	position: relative;
	float: left;
	width: 120px;
	padding: 29px 0;
	overflow: hidden;
}
.m-propic .pic-btn {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.m-propic .pic-btn.prev {
	top: 0;
	background-image: url("../images/up.png");
}
.m-propic .pic-btn.prev:hover {
	background-image: url("../images/up_1.png");
}
.m-propic .pic-btn.next {
	bottom: 0;
	background-image: url("../images/down.png");
}
.m-propic .pic-btn.next:hover {
	background-image: url("../images/down_1.png");
}
.m-propic .pic-list {
	height: 284px;
	overflow: hidden;
	padding: 0 4px;
}
.m-propic .pic-list ul {
	height: 2000px;
}
.m-propic .list-item {
	margin-bottom: 15px;
}
.m-propic .item-pic {
	display: block;
	border: 1px solid transparent;
}
.m-propic .item-pic img {
	width: 100%;
	display: block;
}
.m-propic .item-pic:hover {
	border-color: #1E7ACD;
}
.m-propic .item-pic.zoomThumbActive {
	border-color: #1E7ACD;
}
.m-propic2 {
	display: none;
}
 @media screen and (max-width: 1219px) {
.zoomPad {
	cursor: default !important;
}
.zoomPup {
	display: none !important;
}
.zoomWindow {
	display: none !important;
}
.zoomPreload {
	display: none !important;
}
.m-propic {
	max-width: 100%;
	float: none;
}
.m-propic .pic-big {
	height: auto;
}
/*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }
 @media screen and (max-width: 767px) {
.m-propic1 {
	display: none;
}
.m-propic2 {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.m-propic2 .box-btn {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	display: block;
	width: 12px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.m-propic2 .box-btn.prev {
	left: 0;
	background-image: url(../images/prev2.png);
}
.m-propic2 .box-btn.next {
	right: 0;
	background-image: url(../images/next2.png);
}
.m-propic2 .box-btn.prev:hover {
	background-image: url(../images/prev2.png);
}
.m-propic2 .box-btn.next:hover {
	background-image: url(../images/next2.png);
}
.m-propic2 .box-list {
	overflow: hidden;
}
.m-propic2 .box-list ul {
	width: 1000%;
}
.m-propic2 .list-item {
	float: left;
	margin-left: .1%;
	margin-right: .1%;
	margin-bottom: 0;
	width: 3.13%;
}
}
 @media only screen and (max-width: 500px) {
.m-propic2 .list-item {
	float: left;
	margin-left: .1%;
	margin-right: .1%;
	margin-bottom: 0;
	width: 4.8%;
}
}
 @media only screen and (max-width: 350px) {
.m-propic2 .list-item {
	float: left;
	margin-left: .1%;
	margin-right: .1%;
	margin-bottom: 0;
	width: 9.8%;
}
}
.pro2-info {
	float: right;
	width: 277px;
}
.pro2-info .item-title {
	cursor: default;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: solid 1px #7D7D7D;
	padding: 15px 0 19px;
	line-height: 30px
}
.pro2-info .item-word {
	cursor: default;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 32px;
	min-height: 184px;
	padding: 14px 0;
}
.pro2-info .item-word p{ text-indent:2em}
.pro2-info .item-word p, .pro2-info .item-word li, .pro2-info .item-word strong, .pro2-info .item-word a {
	color: #333;
}
.pro2-info .item-word img, .pro2-info .item-word iframe {
	max-width: 100%;
}
.pro2-info .item-btns {
	margin: 42px 0 0;
}
.pro2-info .item-btn {
	width: 127px;
	height: 35px;
	line-height: 35px;
	background-color: #E5E5E5;
	display: inline-block;
	text-align: center;
}
.pro2-info .item-btn:hover {
	background-color: #1E7ACD;
	color: #FFFFFF;
}
.pro2-info .item-btn1 {
	margin-right: 18px;
}
 @media only screen and (max-width: 1219px) {
.pro2-info {
	float: none;
	width: 100%;
	margin-top: 50px;
}
.pro2-info .item-word {
	min-height: auto;
}
}
 @media only screen and (max-width: 999px) {
.pro2-info .item-btns {
	margin: 20px 0 0;
}
}
 @media only screen and (max-width: 767px) {
.pro2-info {
	margin-top: 30px;
}
.pro2-info .item-title {
	padding-bottom: 10px;
}
.pro2-info .item-word {
	padding-top: 20px;
	line-height: 26px;
}
}
 @media only screen and (max-width: 400px) {
.pro2-info .item-btn {
	width: 47.5%;
	float: left;
}
.pro2-info .item-btn1 {
	margin-right: 5%;
}
}
/* pro2-spec start */

.pro2-spec .item-title {
	margin-top: 46px;
	font-size: 26px;
	font-size: 2.6rem;
	text-transform: uppercase;
	text-align: center;
	background: url(../images/web11.png) repeat-x center;
}
.pro2-spec .item-title span {
	padding: 0 10px;
	background-color: #fff;
	color: #1C3753;
}
 @media screen and (max-width: 767px) {
.pro2-spec .item-title {
	font-size: 22px;
	font-size: 2.2rem;
}
}
.pro2-spec .item-desc {
	padding: 16px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 32px;
	color: #333;
}
.pro2-spec .item-desc p{ text-indent:2em}
.pro2-spec .item-desc p, .pro2-spec .item-desc li, .pro2-spec .item-desc a, .pro2-spec .item-desc strong {
	color: #333;
}
.pro2-spec .item-desc img, .pro2-spec .item-desc iframe {
	max-width: 100%;
}
.pro2-spec .item-desc table tr td {
	border: solid 1px #a0a0a0;
	line-height: 36px;
	padding: 0 10px;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	word-wrap: break-word;
	text-align: center
}
 @media screen and (max-width: 767px) {
.pro2-spec .item-desc {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
}
}
/* pro2-spec end */

/*-------------products2 end---------------------------------------------------------------*/

/*-------------project1 start--------------------------------------------------------------*/

/* page-bar start */

.page-bar {
	text-align: center;
	background: url(../images/web12.png) repeat-x center 49px;
}
.page-bar a {
	display: inline-block;
	width: 152px;
	line-height: 30px;
	padding-top: 110px;
	text-align: center;
	margin: 0 41px;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-weight: bold;
	color: #666;
}
.page-bar .item1 {
	background: url(../images/web13.png) no-repeat top center;
}
.page-bar .item1:hover, .page-bar .item1.active {
	background-image: url(../images/web13_1.png);
	color: #1E7ACD;
}
.page-bar .item2 {
	background: url(../images/web14.png) no-repeat top center;
}
.page-bar .item2:hover, .page-bar .item2.active {
	background-image: url(../images/web14_1.png);
	color: #1E7ACD;
}
.page-bar .item3 {
	background: url(../images/web15.png) no-repeat top center;
}
.page-bar .item3:hover, .page-bar .item3.active {
	background-image: url(../images/web15_1.png);
	color: #1E7ACD;
}
.page-bar .item4 {
	background: url(../images/web16.png) no-repeat top center;
}
.page-bar .item4:hover, .page-bar .item4.active {
	background-image: url(../images/web16_1.png);
	color: #1E7ACD;
}
 @media screen and (max-width: 640px) {
.page-bar a {
	width: 49%;
	margin: 0;
}
}
/* page-bar end */

.project1-list {
	padding: 18px 0 0;
}
.project1-list .list-item {
	height: 276px;
	float: left;
	width: 29.1666%;
	margin-top: 48px;
	margin-bottom: 50px;
	margin-left: 6.25%;
	background-color: #f2f2f2;
	border-bottom: solid 2px #ededed;
	font-family: "Microsoft Yahei", "微软雅黑";
	text-align: center;
}
.project1-list .list-item:hover {
	background-color: #1E7ACD;
	border-bottom: #1E7ACD;
	padding: 16px 0;
}
.project1-list .list-item:hover .item-title {
	display: none;
}
.project1-list .list-item:hover .item-pic {
	border: solid 5px #fff;
	margin: 0 auto;
}
.project1-list .item-pic {
	width: 100%;
	border: solid 5px transparent;
	max-width: 239px;
	margin: -25px auto 0;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.project1-list .item-pic img {
	display: block;
	width: 100%;
	max-width: 230px;
	margin: 0 auto;
}
.project1-list .item-title {
	line-height: 30px;
	padding: 15px 0 20px;
}
 @media screen and (max-width: 999px) {
.project1-list {
	padding: 20px 0 0;
}
.project1-list .list-item {
	height: auto;
	width: 31.33%;
	margin: 0 1% 50px;
	padding: 15px 10px 0;
}
.project1-list .list-item:hover {
	background-color: #f2f2f2;
	border-bottom: solid 2px #ededed;
	padding: 15px 10px 0;
}
.project1-list .list-item:hover .item-title {
	display: block;
}
.project1-list .list-item:hover .item-pic {
	border: 0;
	margin: 0 auto;
}
.project1-list .item-pic {
	margin: 0 auto;
	border: 0;
	max-width: 229px;
}
}
 @media screen and (max-width: 767px) {
.project1-list {
	padding: 20px 0 0;
}
.project1-list .list-item {
	height: auto;
	margin-bottom: 30px;
	padding: 15px 10px 0;
}
.project1-list .list-item:hover {
	padding: 15px 10px 0;
}
.project1-list .list-item:hover .item-title {
	display: block;
}
.project1-list .list-item:hover .item-pic {
	border: 0;
	margin: 0 auto;
}
.project1-list .item-pic {
	margin: 0 auto;
	border: 0;
	max-width: 229px;
}
.project1-list .item-title {
	padding: 10px 0;
}
}
 @media screen and (max-width: 640px) {
.project1-list .list-item {
	width: 48%;
}
}
/*-------------project1 end----------------------------------------------------------------*/

/*-------------project2 start--------------------------------------------------------------*/

.project2-content {
	font-family: "Microsoft Yahei", "微软雅黑";
	padding: 18px 0 0;
}
.project2-content .item-title {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	color: #000;
}
.project2-content .item-desc {
	line-height: 28px;
	padding: 31px 0 0;
}
.project2-content .item-desc, .project2-content .item-desc p, .project2-content .item-desc li, .project2-content .item-desc a, .project2-content .item-desc b, .project2-content .item-desc span, .project2-content .item-desc strong {
	color: #333;
}
.project2-content .item-desc img, .project2-content .item-desc iframe {
	max-width: 100%;
}
.project2-content .item-desc p{ text-indent:2em}
.project2-content .item-imgs > div {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-top: 44px;
}
.project2-content .item-imgs > div img {
	display: block;
	width: 100%;
	max-width: 576px;
	margin: 0 auto;
}
 @media screen and (max-width: 999px) {
.project2-content .item-imgs > div {
	width: 48%;
	margin: 20px 1% 0;
}
}
 @media screen and (max-width: 480px) {
.project2-content .item-imgs > div {
	width: 98%;
}
}
.project2-content .m-oths {
	border-top: 0;
}
 @media screen and (max-width: 999px) {
.project2-content {
	padding: 20px 0 0;
}
}
 @media screen and (max-width: 767px) {
.project2-content {
	padding: 20px 0 0;
}
.project2-content .item-desc {
	line-height: 24px;
	padding: 20px 0 0;
}
}
/*-------------project2 end----------------------------------------------------------------*/

/*-------------download start--------------------------------------------------------------*/

.download-list {
	padding: 10px 0 20px;
}
.download-list .list-item {
	background-color: #EFEFEF;
	position: relative;
	padding: 20px 0 20px 20px;
	margin-bottom: 58px;
}
.download-list .item-pics {
	float: left;
	width: 96px;
	margin-right: 29px;
}
.download-list .item-pics img {
	display: block;
	width: 100%;
	max-width: 96px;
	margin: 0 auto;
}
.download-list .item-body {
	overflow: hidden;
	padding-right: 230px;
}
.download-list .item-title {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	margin-top: 20px;
}
.download-list .item-title, .download-list .item-title a {
	color: #1E50A3;
}
.download-list .item-desc {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
}
.download-list .item-desc p{ text-indent:2em} 
.download-list .item-desc, .download-list .item-desc a {
	color: #4D4D4D;
}
.download-list .item-btn {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	background-color: #1E50A3;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 15px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 30px;
}
.download-list .item-btn:hover {
	color: #ccc
}
.download-list .item-btn:after {
	position: absolute;
	content: '';
	width: 21px;
	height: 21px;
	background: url(../images/d2.png) no-repeat center;
	top: 50%;
	margin-top: -10px;
	right: 10px;
}
 @media screen and (max-width: 1219px) {
.download-list .item-body {
	padding-right: 200px;
}
}
 @media screen and (max-width: 999px) {
.download-list .list-item {
	margin-bottom: 50px;
}
}
 @media screen and (max-width: 767px) {
.download-list {
	padding-bottom: 10px;
}
.download-list .list-item {
	margin-bottom: 30px;
}
.download-list .item-title {
	margin-top: 0;
	line-height: 26px;
}
.download-list .item-desc {
	line-height: 24px;
}
}
 @media screen and (max-width: 640px) {
.download-list .list-item {
	padding: 15px;
}
.download-list .item-body {
	padding-right: 0;
}
.download-list .item-btn {
	position: relative;
	top: auto;
	right: auto;
	margin: 20px auto 0;
}
}
 @media screen and (max-width: 440px) {
.download-list .item-pics {
	float: none;
	margin: 0 auto 20px;
}
}
/*-------------download end----------------------------------------------------------------*/

/*-------------news1 start-----------------------------------------------------------------*/

.news1-list {
	padding: 34px 0 70px;
}
.news1-list .list-item {
	border-bottom: solid 1px #BFBFBF;
	padding: 42px 0 40px;
}
.news1-list .item-pic {
	float: left;
	width: 274px;
	margin: 0 24px 0 3px;
}
.news1-list .item-pic img {
	display: block;
	width: 100%;
	max-width: 274px;
	margin: 0 auto;
}
.news1-list .item-body {
	overflow: hidden;
}
.news1-list .item-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 26px;
	margin-top: 1px;
}
.news1-list .item-date {
	line-height: 26px;
	color: #888;
	margin-top: 14px;
}
.news1-list .item-desc {
	line-height: 26px;
	height: 78px;
	margin-top: 19px;
}
.news1-list .item-desc, .news1-list .item-desc a {
	color: #555555;
}
.news1-list .item-desc a{ text-indent:2em}
 @media screen and (max-width: 999px) {
.news1-list {
	padding: 34px 0 50px;
}
}
 @media screen and (max-width: 767px) {
.news1-list {
	padding: 0 0 30px;
}
.news1-list .list-item {
	padding: 30px 0;
}
.news1-list .item-title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 0;
}
.news1-list .item-date {
	margin-top: 5px;
}
.news1-list .item-desc {
	margin-top: 10px;
}
}
 @media screen and (max-width: 550px) {
.news1-list .item-pic {
	float: none;
	margin: 0 auto 30px;
}
.news1-list .item-date {
	margin-top: 0;
}
.news1-list .item-desc {
	margin-top: 5px;
}
}
/*-------------news1 end-------------------------------------------------------------------*/

/*-------------news2 start-----------------------------------------------------------------*/

.news2-content {
	margin-top: 55px;
}
.news2-content .item-title {
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
}
.news2-content .item-subt {
	margin-top: 24px;
	line-height: 26px;
	text-align: center;
	color: #888;
}
.news2-content .item-subt .pro-share {
	display: inline-block;
	margin-left: 28px;
}
.news2-content .item-subt .pro-share .share-title {
	color: #666;
}
.news2-content .item-desc {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 60px 0 62px;
	line-height: 24px;
}
.news2-content .item-desc, .news2-content .item-desc p, .news2-content .item-desc li, .news2-content .item-desc a, .news2-content .item-desc b, .news2-content .item-desc span, .news2-content .item-desc strong {
	color: #555;
}
.news2-content .item-desc img, .news2-content .item-desc iframe {
	max-width: 100%;
}
.news2-content .item-desc p{ text-indent:2em}
 @media screen and (max-width: 999px) {
.news2-content .item-desc {
	padding: 40px 0;
}
}
 @media screen and (max-width: 767px) {
.news2-content {
	margin-top: 30px;
}
.news2-content .item-title {
	font-size: 20px;
	font-size: 2rem;
}
.news2-content .item-subt {
	margin-top: 10px;
}
.news2-content .item-desc {
	padding: 20px 0;
	line-height: 24px;
}
}
/*-------------news2 end-------------------------------------------------------------------*/

/*-------------contact start---------------------------------------------------------------*/

.contact-left {
	width: 662px;
}
.contact-left .item-title {
	line-height: 30px;
	color: #666;
	margin-bottom: 24px;
	padding-left: 14px;
}
 @media screen and (max-width: 767px) {
.contact-left .item-title {
	line-height: 24px;
}
}
.form-group .star {
	background: url(../images/star.png) no-repeat left center;
}
.form-group input {
	height: 54px;
	line-height: 54px;
	border: solid 1px #D2D2D2;
	font-size: 14px;
	font-size: 1.4rem;
}
.form-group .input50 {
	float: left;
	width: 50%;
	margin-bottom: 23px;
}
.form-group .input50 input {
	float: right;
	width: 313px;
	padding: 0 14px;
}
.form-group .input100 {
	float: left;
	width: 100%;
	background-position-y: 18px;
	margin-bottom: 14px;
}
.form-group .input100 input {
	float: right;
	width: 648px;
	padding: 0 14px;
}
.form-group .country-input {
	background-image: none !important;
}
.form-group .name-input, .form-group .tel-input {
	padding-right: 4px;
}
.form-group .mail-input {
	background-position-x: 3px;
}
.form-group textarea {
	float: right;
	width: 648px;
	height: 193px;
	border: solid 1px #D2D2D2;
	resize: none;
	padding: 10px 14px;
	font-size: 14px;
	font-size: 1.4rem;
}
.nostar {
	background-image: none !important;
}
.input-code {
	float: left;
	width: 100%;
	padding-left: 12px;
}
.code {
	float: left;
	width: 178px;
	padding: 0 15px;
	margin-right: 22px;
}
.code-img {
	float: left;
	cursor: pointer;
}
.submit {
	float: right;
	width: 250px;
	color: #FFFFFF;
	text-align: center;
	background-color: #1962AC;
	cursor: pointer;
	border: 0 !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}
 @media only screen and (max-width: 1219px) {
.contact-left {
	width: 600px;
}
.form-group .input50 input {
	width: 282px;
}
.form-group textarea, .form-group .input100 input {
	width: 585px;
}
.form-group .submit {
	width: 188px;
}
}
 @media only screen and (max-width: 999px) {
.contact-left {
	width: 100%;
}
.form-group .input50 input {
	width: 96%;
}
.form-group textarea, .form-group .input100 input {
	width: 98%;
}
.form-group .mail-input {
	background-position-x: 1%;
}
.form-group .code {
	width: 30%;
	margin-right: 3%;
}
.form-group .submit {
	width: 30% !important;
	float: left;
	margin-left: 3%;
}
.form-group .name-input, .form-group .tel-input {
	padding-right: 0;
}
.form-group .submit {
	width: 188px;
}
}
 @media only screen and (max-width: 767px) {
.form-group .input50 {
	margin-bottom: 15px;
}
.form-group input, .form-group textarea {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px !important;
	height: 120px;
}
.form-group input {
	height: 40px;
	line-height: 40px;
	padding: 0 10px !important;
}
.form-group .code-img {
	height: 40px;
}
}
 @media only screen and (max-width: 600px) {
.form-group .input50 {
	width: 100%;
}
.form-group textarea {
	width: 96%;
}
.form-group .mail-input {
	background-position-x: left;
}
.form-group .input-code {
	background-position-y: 18px;
	padding-left: 4%;
}
.form-group .submit {
	width: 98% !important;
	margin: 0 auto;
	margin-top: 22px;
}
}
 @media only screen and (max-width: 500px) {
.form-group .code {
	width: 45%;
}
}
.contact-right {
	width: 504px;
}
.contact-right .cr-top {
	margin-top: 30px;
	font-family: "Microsoft Yahei", "微软雅黑";
	font-weight: bold;
	line-height: 30px;
	background: url(../images/c8.png) no-repeat left top;
	padding-left: 54px;
	padding-bottom: 33px;
}
.contact-right .cr-top .item-title {
	color: #1E7ACD;
	font-size: 18px;
	font-size: 1.8rem;
}
.contact-right .cr-top .item-desc {
	margin-top: 15px;
}
 @media screen and (max-width: 999px) {
.contact-right .cr-top {
	margin-top: 0;
}
}
 @media screen and (max-width: 767px) {
.contact-right .cr-top {
	line-height: 24px;
	padding-left: 54px;
	padding-bottom: 20px;
}
.contact-right .cr-top .item-title {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
}
.contact-right .cr-top .item-desc {
	margin-top: 10px;
}
}
.contact-right .c-r-list {
	border: solid 1px #BFBFBF;
	padding: 20px 28px 34px;
}
.contact-right .c-r-list li {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 36px;
	padding-left: 30px;
	color: #333;
}
.contact-right .c-r-list a:hover {
	color: #1E7ACD;
}
.contact-right .c-r-list .item1 {
	background: url(../images/c1.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
.contact-right .c-r-list .item2 {
	background: url(../images/c2.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
.contact-right .c-r-list .item3 {
	background: url(../images/c3.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
.contact-right .c-r-list .item4 {
	background: url(../images/fax.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
.contact-right .c-r-list .item5 {
	background: url(../images/c5.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
.contact-right .c-r-list .item6 {
	background: url(../images/c6.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
.contact-right .c-r-list .item7 {
	background: url(../images/c7.png) no-repeat left center;
}
.contact-right .c-r-list .item7 {
	margin-top: 8px;
	background-position-y: 3px;
	line-height: 26px;
}
 @media only screen and (max-width: 1219px) {
.contact-right {
	width: 360px;
}
}
 @media only screen and (max-width: 999px) {
.contact-right {
	width: 100%;
	padding-bottom: 30px;
}
}
 @media only screen and (max-width: 767px) {
.contact-right {
	padding-bottom: 15px;
}
.contact-right .c-r-list {
	padding: 15px;
}
.contact-right .c-r-list li {
	line-height: 36px;
	font-size: 14px;
	font-size: 1.4rem;
}
.contact-right .c-r-list .item7 {
	background-position-y: 6px;
}
}
.map {
	padding: 62px 0 0;
}
 @media only screen and (max-width: 767px) {
.map {
	padding: 30px 0 0;
}
}
/*-------------contact end-----------------------------------------------------------------*/ 

/*# sourceMappingURL=style.css.map */

.page a.no:hover {
	border: solid 1px #e5e5e5!important;
	background-color: #fff!important;
	color: #333!important;
}
.item-btns a.no:hover {
	color: #333!important;
	background-color: #E5E5E5!important;
}
.ppp {
	line-height: 30px;
}
.at-resp-share-element .at-icon {
	width: 24px!important;
	height: 24px!important;
}
.at-style-responsive .at-share-btn {
	padding: 0!important;
	border-radius: 2px!important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width: 24px!important;
	height: 24px!important;
}
.at-resp-share-element .at-share-btn {
	margin-bottom: 0!important;
	margin-right: 3px!important;
}
.listcart {
	width: 100%;
	margin-bottom: 40px;
}
.listcart a {
	display: inline-block;
	height: 37px;
	width: 160px;
	line-height: 36px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	cursor: pointer;
	border: solid 1px #ABABAB;
	color: #737572;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 10px;
}
/*==============================================================*/

.table table tr td.first {
	width: 278px !important;
	height: 145px !important;
}
.table table tr td.first:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 240px;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	display: block;
	-webkit-transform: rotate(-53deg);
	-moz-transform: rotate(-53deg);
	-o-transform: rotate(-53deg);
	transform: rotate(-53deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	-ms-transform: rotate(-53deg);
	-ms-transform-origin: bottom;
	display: none \9;
}
.table table tr td.first:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 286px;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	display: block;
	-webkit-transform: rotate(-75deg);
	-moz-transform: rotate(-75deg);
	-o-transform: rotate(-75deg);
	transform: rotate(-75deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	-ms-transform: rotate(-75deg);
	-ms-transform-origin: bottom;
	display: none \9;
}
 @media only screen and (max-width: 1219px) {
.table table tr td {
	padding: 0 15px !important;
}
.table table tr td.first:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 270px;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	display: block;
	-webkit-transform: rotate(-58deg);
	-moz-transform: rotate(-58deg);
	-o-transform: rotate(-58deg);
	transform: rotate(-58deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	-ms-transform: rotate(-58deg);
	-ms-transform-origin: bottom;
	display: none \9;
}
.table table tr td.first:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 284px;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	display: block;
	-webkit-transform: rotate(-78deg);
	-moz-transform: rotate(-78deg);
	-o-transform: rotate(-78deg);
	transform: rotate(-78deg);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	-ms-transform: rotate(-78deg);
	-ms-transform-origin: bottom;
	display: none \9;
}
}
.cer-box {
	margin-top: 30px
}
.xunpanc a:hover {
	color: #1962AC
}
.at-resp-share-element .at4-share-count-container {
	text-decoration: none;
	float: right;
	padding-right: 15px;
	line-height: 25px !important;
}
.m-hdlang {
	position: relative;
	float: right;
	z-index: 9999;
    margin-left:10px;
	margin-top: 39px;
}
.m-hdlang .lang-btn, .m-hdlang .lang-item {
	position: relative;
	display: block;
	width: 110px;
	height: 34px;
	line-height: 34px;
	padding-left: 9px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	font-family: "FuturaStd-Medium";
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.m-hdlang .lang-btn img, .m-hdlang .lang-item img {
	vertical-align: middle;
	margin-top: -5px;margin-right: 4px;
}
.m-hdlang .lang-btn {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
}
.m-hdlang .lang-btn:hover {
	border-radius: 5px;
}
.m-hdlang .lang-btn.active {
	border-radius: 5px 5px 0 0;
}
.m-hdlang .lang-list {
	position: absolute;
	display: none;
	left: 0;
	top: 100%;
	background-color:#1e7acd;
	border: 1px solid #fff;
	border-radius: 0 0 5px 5px;
	margin-top: -1px;
}
.m-hdlang .lang-item:hover {
	background-color: rgba(255, 255, 255, 0.15);
}
 @media screen and (max-width:1219px){
    .m-hdlang{position: absolute;
	
	z-index: 9999;
	margin-left:0px;
	margin-top: 0;
	top: 0;right: 100px;}
	.m-hdlang .lang-btn{color: #333;border: 1px solid #333;}
	.m-hdlang .lang-list{background-color:#1e7acd;border: 1px solid #333;}
 }

 @media screen and (max-width:500px){
      .m-hdlang{right: 46px;}
      .m-hdlang .lang-btn, .m-hdlang .lang-item{width:66px;}
      .m-hdlang .lang-btn img, .m-hdlang .lang-item img{display:none;}
 }