@charset "UTF-8";

* {

	margin: 0;

	padding: 0;
	font-family: "微软雅黑" !important;
}

html {

	font-size: 62.5%;

}

body {

	margin: 0 auto;

	font-family: "微软雅黑" !important;

	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: Arial, Helvetica, sans-serif;

	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: Arial, Helvetica, sans-serif;

}

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--------------------------------------------------------------------*/




 @media only screen and (max-width: 767px) {


body {

	padding-bottom: 50px;

}

}





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



.pro-share {

	height: 26px;

	font-size: 0;

	letter-spacing: 0;

	font-family: Arial, Helvetica, sans-serif;

}

.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: Arial, Helvetica, sans-serif;

}

.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: Arial, Helvetica, sans-serif;

}

.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: 12px;

	width:300px; 

}

.header .navlist {

	float: right;

	margin-top: 39px;

}

.header .navlist > li {

	position: relative;

	float: left;

	margin-left: 38px;

}

.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: 10px;

}

.header .logo{ margin-left:0px}

}

 @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: 12.2857%;

	margin-left: 0;

	text-align: center;

}

.header .navlist > li > a {

	display: inline-block;

	font-size: 14px;text-transform: none;

	font-size: 1.4rem;

	padding-bottom: 0;

}

.header .wp {

	width: 100%;

}

}

 @media screen and (max-width: 767px) {

.header .navlist {

	display: none;

}
.header .logo{ width:100px}
}

.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;

}
.navlist1>li>a{text-transform:none !important;}
.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: Verdana, Geneva, sans-serif;

	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: 34px;

	margin-bottom: 0px;



}

.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: 32px;

}

 @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: Verdana, Geneva, sans-serif;

}

.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: Verdana, Geneva, sans-serif;

}

.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: Verdana, Geneva, sans-serif;

	background-color: #1C3753;

	text-align: center;

	line-height: 24px;

	padding-top: 15px;

	padding-bottom: 15px;

}

.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: "Elephant-Regular", Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-size: 2.4rem;

	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: 14px;

	font-size: 1.4rem;

	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: 22px;

	font-size: 2.2rem;

	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: "Elephant-Regular", Arial, Helvetica, sans-serif;

	font-size: 44px;

	font-size: 4.4rem;

	position: relative;

	font-weight: bold;

}

.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: "Elephant-Regular", Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-size: 2.8rem;

	line-height: 38px;

	margin-top: 38px;

}

.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;
	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: "Elephant-Regular", Arial, Helvetica, sans-serif;

	margin-top: 10px;

}

.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: "Elephant-Regular", Arial, Helvetica, sans-serif;

	font-size: 40px;

	font-size: 4rem;

	padding-top: 27px;

	position: relative;

	font-weight: bold;

}

.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: Tahoma, Geneva, sans-serif;

	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: 30px;

	border-radius: 20px;

	width: 48%;

	margin-left: 1%;

	margin-right: 1%;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

	padding: 0 5px;

	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 0px;

}

.ourpro-list p {

	color: #fff; margin-bottom:10px;

}

.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: 32px;

}

.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: Tahoma, Geneva, sans-serif;

	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;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

	margin-top: 8px;
	min-height: 72px;

}
.ourpro-list .item-desc a{ display:block}
.ourpro-list .item-desc, .ourpro-list .item-desc a {

	color: #303030;

}

 @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;

	min-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/m1bj.png) 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: "Elephant-Regular", Arial, Helvetica, sans-serif;

}

.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;
	text-indent: 2em;

}

.newscenter-list .item-title, .newscenter-list .item-title a {

	color: #011C3A;

}

.newscenter-list .item-desc {

	margin-top: 25px;

	line-height: 24px;

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-indent: 2em;

}
.newscenter-list .item-desc a{ display:block}
.newscenter-list .item-desc, .newscenter-list .item-desc a {

	color: #011C3A;

}

 @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: "GillSansMTPro-Heavy", Arial, Helvetica, sans-serif;

	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;
	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: "GillSansMTPro-Heavy", Arial, Helvetica, sans-serif;

	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; padding: 0 70px; }

@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 { width: 1000%; }

.cer-scroll .scroll-list li { float: left; width: 2.177%; margin-right: 0.435%; 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; max-width: 234px; 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: 3.2%; margin-right: 0.2%; }
  .cer-scroll .scroll-list .item-title { margin: 5px 0 0 !important; } }

@media only screen and (max-width: 550px) { .cer-scroll .scroll-list li { width: 4.9%; margin-right: 0.2%; } }

@media only screen and (max-width: 400px) { .cer-scroll .scroll-list li { width: 9%; margin: 0 .5%; } }
/* .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;

	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 {

	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;

}



.proslide-yiji {

	padding: 13px 0 18px;

}

.proslide-yiji > li {

	line-height: 25px; padding-top:5px;padding-bottom:5px;

	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;

	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: 16px;

	font-size: 1.6rem;

	line-height: 32px;

	color: #333;

	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: 16px;

	font-size: 1.6rem;

	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: Verdana, Geneva, sans-serif;

	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: Verdana, Geneva, sans-serif;

	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: Verdana, Geneva, sans-serif;

	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;
	text-indent: 2em;

}

.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-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;

	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;
	text-indent: 2em;

}

.news1-list .item-desc, .news1-list .item-desc a {

	color: #555555;

}

 @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;

	text-indent: 2em;

}

.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%;

    margin-left: -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 .tel-input, .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: Verdana, Geneva, sans-serif;

	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/c4.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 .item8{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 .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;

}


.n-map { margin: 90px 0 60px; }

@media screen and (max-width: 1219px) { .n-map { margin: 70px 0 60px; } }

@media screen and (max-width: 991px) { .n-map { margin: 50px 0; } }

@media screen and (max-width: 767px) { .n-map { margin: 30px 0; } }

.n-map .box-pic { position: relative; }

@media screen and (max-width: 767px) { .n-map .box-pic { font-size: 0; letter-spacing: 0; } }

.n-map .box-pic > img { display: block; max-width: 100%; }

@media screen and (max-width: 767px) { .n-map .box-pic .img1 { display: none; } }

.n-map .box-pic .img2 { display: none; }

@media screen and (max-width: 767px) { .n-map .box-pic .img2 { display: block; margin-bottom: 20px; } }

.n-map .box-pic .tip { position: absolute; width: 1.25%; }

.n-map .box-pic .tip > img { display: block; width: 100%; cursor: pointer; }

.n-map .box-pic .tip:hover .item-backdrop { display: block; }

@media screen and (max-width: 767px) { .n-map .box-pic .tip { display: inline-block; vertical-align: top; width: 48%; margin: 0 1%; position: relative; top: auto !important; left: auto !important; }
  .n-map .box-pic .tip > img { display: none; } }

@media screen and (max-width: 480px) { .n-map .box-pic .tip { width: 100%; margin: 0; } }

.n-map .box-pic .tip1 { top: 25.88652%; left: 12.16667%; }

.n-map .box-pic .tip2 { top: 32.2695%; left: 13.91667%; }

.n-map .box-pic .tip3 { top: 21.4539%; left: 26.91667%; }

.n-map .box-pic .tip4 { top: 20.21277%; left: 28.16667%; }

.n-map .box-pic .tip5 { top: 23.22695%; left: 27.75%; }

.n-map .box-pic .tip6 { top: 52.48227%; left: 47%; }

.n-map .box-pic .tip7 { top: 50.88652%; left: 48.5%; }

.n-map .box-pic .tip8 { top: 28.01418%; left: 46.08333%; }

.n-map .box-pic .tip9 { top: 19.85816%; left: 46.83333%; }

.n-map .box-pic .tip10 { top: 25.88652%; left: 48%; }

.n-map .box-pic .tip11 { top: 20.39007%; left: 48.33333%; }

.n-map .box-pic .tip12 { top: 18.43972%; left: 50.08333%; }

.n-map .box-pic .tip13 { top: 26.95035%; left: 51.25%; }

.n-map .box-pic .tip14 { top: 18.61702%; left: 52.08333%; }

.n-map .box-pic .tip15 { top: 22.16312%; left: 55.91667%; }

.n-map .box-pic .tip16 { top: 18.61702%; left: 59.91667%; }

.n-map .box-pic .tip17 { top: 44.68085%; left: 68.5%; }

.n-map .box-pic .tip18 { top: 75.53191%; left: 85.83333%; }

.n-map .box-pic .item-backdrop { display: none; position: absolute; left: 50%; margin-left: -100px; bottom: 100%; width: 200px; padding-bottom: 8px; z-index: 2; }

@media screen and (max-width: 767px) { .n-map .box-pic .item-backdrop { display: block; left: auto; margin: 0; width: 100%; position: relative; } }

.n-map .box-pic .item-backdrop .item-body { background: #1E7ACD; border: 1px solid #1E7ACD; background-color: rgba(30, 122, 205, 0.85); border-radius: 10px; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 28px; padding: 5px 15px; }
.n-map .box-pic .item-backdrop .item-body p{ color:#fff}
@media screen and (max-width: 767px) { .n-map .box-pic .item-backdrop .item-body { padding: 5px 10px; line-height: 1.5; font-size: 12px; font-size: 1.2rem; border-radius: 6px; } }


.m-kf2 { position: fixed; z-index: 10; right: 0; top: 40%;transform: translateY(-50%); z-index: 999;}
.m-kf2 .kf-item {position: relative; width: 50px;height: 50px; margin-right: 0px; display: block; line-height: 0; font-size: 0; margin-bottom: 2px; background-color: #1E7ACD; }
.m-kf2 .kf-item .icon{color: #1E7ACD;font-size: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50px;height: 50px; display:block;}
.m-kf2 .kf-item .icon.skype{ background:url(../images/skype.png) no-repeat center}
.m-kf2 .kf-item .icon.weixin4{ background:url(../images/wechat.png) no-repeat center}

.m-kf2 .kf-item .icon.whatsapp{ background:url(../images/whatsapp.png) no-repeat center}

.m-kf2 .kf-item .list-box{padding: 0px 10px; display: none;width: auto;height: auto; position: absolute;right: 100%;top: 0;}
.m-kf2 .kf-item .list-box>ul{padding: 12px 0; background-color: #1E7ACD;color: #fff;}
.m-kf2 .kf-item .list-box>ul>li{min-width: 100px;text-align:right;position: relative; font-size: 14px;color: #fff;line-height: 30px;padding: 0 20px;white-space: nowrap;}
.m-kf2 .kf-item .list-box>ul>li>img{max-width: 100px; display:block}
.m-kf2 .kf-item .list-box>ul>li>.wechat-text{ text-align:center;color: #fff; line-height:20px; margin:10px auto}

.m-kf2 .kf-item .list-box>ul>li>a{display: block; font-size: 14px;color: #fff;line-height: 30px;white-space: nowrap;}
.m-kf2 .kf-item .list-box>ul>li>a:hover{font-weight: bold;}
.m-kf2 .kf-item .list-box>ul>li:hover>.wechat-text{display: block;}

.m-kf2 .kf-item:hover .list-box{display: block;}
.m-kf2 .kf-item:hover .icon{color: #fff;}

@media screen and (max-width: 767px) {
  .m-kf2 {transform:unset;right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #1E7ACD; }
  .m-kf2 .kf-item {width: 33.333%; text-align: center; background-color: unset; box-shadow: none;float:left; }
  .m-kf2 .kf-item .list-box{padding: 0px 0px 10px;right: unset;top:unset;left: 0;bottom: 100%;width: auto;height: auto;}
   .kf-item:last-of-type .list-box{left: unset!important;right: 0!important;}
  .kf-item:last-of-type .list-box>ul:after{left:unset!important;right: 12px!important;}
}
@media screen and (max-width: 520px){
  .m-kf3 .kf-item{margin:0px;}
}
/*back-top*/
.back-top { width: 36px; height: 36px; background: url(../images/back-top.png) no-repeat center; 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; }
.pro1-top { padding: 19px 0 0;}
.pro1-txt .pro1-desc { overflow: hidden;font-size: 16px; font-size: 1.6rem; line-height: 28px; }
.pro1-txt .pro1-desc a{color: #2059a6;}
.pro1-txt .more_btn { display: none; color: #318DCE; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-top: 10px; margin-bottom: 10px;}

.pro1-txt .more_btn span {  color: #318DCE;cursor: pointer;font-weight: bold; }



/*==========main1==================*/

/*.main1 { background: url(../images/m1bj.png) no-repeat center top; padding-bottom: 64px; }*/



.main1 .m1_p { margin-top: 18px; margin-bottom: 36px; }



.main1 .m1_p a { color: #666; font-size: 14px; font-size: 1.4rem; line-height: 24px; text-align: center; display: block; height: 48px; overflow: hidden; }



.main1 .img-scroll { position: relative; width: 100%; }



.main1 .img-scroll .prev { position: absolute; display: block; width: 20px; height: 38px; top: 50%; margin-top: 17.5px; z-index: 99; }



.main1 .img-scroll .next { position: absolute; display: block; width: 20px; height: 38px; top: 50%; margin-top: 17.5px; z-index: 99; }



.main1 .img-scroll .prev { left: -24px; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; }



.main1 .img-scroll .next { right: -24px; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; }



.main1 .img-list { position: relative; width: 96%; overflow: hidden; margin: 0 auto; }



.main1 .img-list ul { width: 1000%; }



.main1 .img-list li { float: left; width: 273px; margin-right: 18px; }



.main1 .img-list li img { display: block; max-width: 176px; max-height: 176px; -moz-border-radius: 50%; border-radius: 50%; width: 100%; margin: 0 auto; }



.main1 .img-list li .m4zi { display: block;

    margin: 0 auto;

    max-width: 273px;

    width: 100%;

    font-size: 16px;

    font-size: 1.6rem;

    text-transform: uppercase;

    margin-top: 16px;

    color: #333;

    line-height: 38px;

    /* text-align: center; */

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-left: 20px;

    padding-right: 20px;}



.main1 .img-list li .m4zi:hover { color: #f47321; }



.main1 .img-list li .m3lien { padding-bottom: 25px; max-width: 273px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; background: url(../images/m2libj.png) no-repeat center bottom; }



.main1 .img-list li .more { margin: 0 auto; margin-top: 22px; color: #fff; font-size: 16px; font-size: 1.6rem; width: 175px; height: 36px; line-height: 36px; text-align: center; display: block; background: url(../images/m2more.png) repeat-x center top; }



@media screen and (max-width: 1260px) { .main1 .img-scroll { position: relative; width: 100%; }

  .main1 .img-scroll .prev { position: absolute; display: block; width: 20px; height: 38px; top: 50%; margin-top: 17.5px; z-index: 99; }

  .main1 .img-scroll .next { position: absolute; display: block; width: 20px; height: 38px; top: 50%; margin-top: 17.5px; z-index: 99; }

  .main1 .img-scroll .prev { left: 0px; cursor: pointer; background: url(../images/arrowleft.png) no-repeat center; }

  .main1 .img-scroll .next { right: 0px; cursor: pointer; background: url(../images/arrowright.png) no-repeat center; } }



@media screen and (max-width: 1219px) { .main1 .img-list { width: 100%; }

  .main1 .img-list li { width: 3%; margin-right: .5%; } }



@media screen and (max-width: 768px) { .main1 .img-scroll { margin-top: 20px; }

  .main1 .img-list li { width: 4.5%; margin-right: 1%; } }



@media screen and (max-width: 450px) { .main1 .img-list li { width: 10%; margin-right: .487%; } }

.our-project .index-title a{
	color: #333;
}
.main1{
	margin-top: 50px;
}