@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
	margin: 0;
	padding: 0
}
ul, ol, dl {
	list-style-type: none
}
address, caption, cite, code, dfn, em, th, var, i, b {
	font-style: normal;
	font-weight: normal
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
input, button {
	overflow: visible;
	vertical-align: middle;
	outline: none;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a, area {
	outline: none;
blr:expression(this.onFocus="this.blur"());
}
a:focus, a:hover, a:active {
	outline: none;
blr:expression(this.onFocus="this.blur"())
}
sub, sup {
	vertical-align: baseline
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
textarea {
	resize: none
}
input[type="submit"], input[type="button"] {
	cursor: pointer;
}
img {
	border: 0;
	vertical-align: middle
}
a img, img {
	-ms-interpolation-mode: bicubic;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #666;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
a:hover {
	text-decoration: none
}
body, th, td, button, input, select, textarea {
	font-family: Arial, "Î¢ÈíÑÅºÚ";
	font-size: 12px;
	color: #000;
	-webkit-appearance: none;
	border-radius: 0;
}
.layout {
	width: 1200px;
	margin: 0 auto;
	clear: both
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0
}
.clearfix {
*zoom:1
}
html {
	overflow-x: hidden;
}
.clear {
	clear: both;
}
body {
	position: relative;
	font-family: "微软雅黑", Arial;
}
.tsn {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}







/*@font-face{



	font-family: "Helvetica";



	src:url("../font/Helvetica.ttf");



}*/











@media(max-width:1220px) {
body.on {
	-webkit-transform: translate(-70%, 0);
	transform: translate(-70%, 0);
	position: relative;
}
}
/*header*/





.met-banner .slick-prev {
	background: url(../images/banpre.png);
	width: 40px;
	height: 40px;
}
.met-banner .slick-next {
	background: url(../images/bannext.png);
	width: 40px;
	height: 40px;
}
.header {
	height: 90px;
	width: 100%;
	position: relative;
	background: #35363a;
}
.pc-h {
	width: 1382px;
	margin: 0 auto;
}
.pc-h .logo {
	float: left;
}
.pc-h .pc-nav {
	float: left;
	margin-left: 35px;
}
.pc-navli .thNav {
	top: 90px;
	left: 0px;
	width: 150px;
	text-align: left;
	background: #fff;
	font-size: 16px;
	color: #333333;
	position: absolute;
	z-index: 9999;
}
.pc-navli .thNav .navdd:hover, .pc-navli .thNav dd:hover {
	background: #ff8f1c;
}
.pc-navli .thNav .navdd:hover a, .pc-navli .thNav dd:hover a {
	color: #fff !important;
	cursor: pointer;
}
.pc-navli .thNav .navdd, .pc-navli .thNav dd {
	position: relative;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	width: 150px;
	float: left;
	text-indent: 10px;
}
.pc-navli .thNav .navdd .shtopul {
	background: #fff;
	position: absolute;
	left: 150px;
	top: 0px;
	width: 150px;
}
.pc-navli .thNav .navdd .shtopul li a {
	color: #333 !important;
	font-size: 15px;
}
.pc-navli .thNav .navdd .shtopul li {
	width: 150px;
	height: 45px;
	line-height: 45px;
	text-align: left;
	text-indent: 15px;
}
.pc-navli .thNav .navdd .shtopul li:hover {
	background: #ff8f1c;
}
.pc-navli .thNav .navdd .shtopul li:hover>a {
	color: #fff !important;
}
.pc-navli .thNav .navdd .shtopul li .shtopul2{
	position:absolute; background:#fff; left:150px; top:0px;
	}
.pc-navli .thNav .navdd .shtopul li .shtopul2>li{ background:#fff;}
.pc-navli .thNav .navdd .shtopul li .shtopul2>li:hover{ background:#ff8f1c;}
.pc-navli .thNav .navdd .shtopul li .shtopul2>li:hover>a{ color:#fff;}
.pc-navli .thNav .navdd .shtopul li .shtopul2>li>a{ color:#333333;}
.pc-navli .thNav .navdd a, .pc-navli .thNav dd a {
	padding: 0px !important;
}
.pc-h .pc-nav ul li {
	float: left;
	text-align: center;
	line-height: 90px;
	font-size: 18px;
	color: #333333;
	position: relative;
}
.pc-h .pc-nav ul li a {
	padding: 0 25px;
}
.pc-h .pc-nav ul li a {
	color: #a2a2a2;
}
.pc-h .pc-nav ul li a:hover {
	color: #fff;
}
.slickNews.slick-slider {
	position: static;
}
.slickNews .slick-prev {
	position: absolute;
	right: 7%;
	left: auto;
	width: 40px;
	height: 40px;
	background: url(../images/c_prve.png) no-repeat;
	float: right;
	display: block;
	top: 10px
}
.slickNews .slick-next {
	position: absolute;
	right: 0%;
	left: auto;
	width: 40px;
	height: 40px;
	background: url(../images/c_next.png) no-repeat;
	float: right;
	display: block;
	top: 10px
}
 @media screen and (min-width:1360px) {
.slickNews .slick-prev:hover {
	background: url(../images/banpre.png) no-repeat;
}
.slickNews .slick-next:hover {
	background: url(../images/bannext.jpg) no-repeat;
}
}
 @media screen and (max-width:1220px) {
.slickNews .slick-prev {
	background-size: cover;
	height: 50px;
	background-position: center center;
	width: 50px;
}
.slickNews .slick-next {
	background-size: cover;
	height: 50px;
	background-position: center center;
	width: 50px;
}
.clumb_box .bd {
	width: 50%;
}
}
 @media screen and (max-width:768px) {
.slickNews .slick-prev {
	background-size: cover;
	height: 40px;
	background-position: center center;
	width: 30px;
}
.slickNews .slick-next {
	background-size: cover;
	height: 40px;
	background-position: center center;
	width: 30px;
}
}
/*.pc-h .pc-nav ul li.on a{color: #fff;}*/







.pc-h .lan {
	width: 100px;
	line-height: 90px;
	height: 90px;
	float: right;
	cursor: pointer;
	position: relative;
}
.pc-h .reg {
	border-right: 1px solid #ebebeb;
	width: 80px;
	height: 90px;
	float: right;
	cursor: pointer;
}
.pc-h .reg img {
	display: block;
	margin: 18px auto 0 auto;
}
.pc-h .reg span {
	margin-top: 11px;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666666;
	position: relative;
}
.pc-h .reg:hover {
	background: url(../images/nav_bg.png) no-repeat;
	background-position: center center;
}
.pc-h .reg:hover span {
	color: #fff;
}
.pc-h .reg a {
	width: 30%;
	display: block;
	margin: 0 auto;
}
.pc-h .login {
	border-right: 1px solid #ebebeb;
	width: 80px;
	height: 90px;
	float: right;
	border-left: 1px solid #ebebeb;
}
.pc-h .login img {
	display: block;
	margin: 18px auto 0 auto;
}
.pc-h .login span {
	margin-top: 11px;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666666;
	position: relative;
}
.pc-h .login:hover {
	background: url(../images/nav_bg.png) no-repeat;
	background-position: center center;
}
.pc-h .login:hover span {
	color: #fff;
}
.pc-h .login a {
	width: 30%;
	display: block;
	margin: 0 auto;
}
.pc-h .search {
	margin-right: 30px;
	margin-top: 30px;
	width: 182px;
	height: 30px;
	border: 1px solid #fff;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	float: right;
}
.pc-h .search input {
	line-height: 30px;
	height: 30px;
	margin-left: 13px;
	width: 135px;
	float: left;
	display: block;
	padding-right: 5px;
	background: #35363a;
}
 input::-webkit-input-placeholder {
 color:#a2a2a2;
}
 input::-moz-placeholder {   /* Mozilla Firefox 19+ */
 color:#a2a2a2;
}
 input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#a2a2a2;
}
 input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
 color:#a2a2a2;
}
.pc-h .search .submit {
	width: 15px;
	height: 16px;
	font-size: 0px;
	float: left;
	display: block;
	background: url(../images/serach_icon.png) no-repeat;
	margin-left: 0;
	margin-top: 6px;
	padding: 0
}
.pc-h .ch-lan {
	position: absolute;
	top: 90px;
	right: 0;
	width: 161px;
	border: 1px solid #ebebeb;
	z-index: 999;
	background: #fff;
	display: none;
}
.pc-h .ch-lan a {
	height: 43px;
	text-align: center;
	display: block;
	line-height: 43px;
	color: #666666;
	font-size: 14px;
}
.pc-h .ch-lan a:hover {
	background: #ff8f1c;
	color: #fff;
}
.pc-h .ch-lan .cn {
	border-top: 1px solid #ebebeb;
}
.clumb {
	width: 100%;
	height: 75px;
	background: #dddfdf;
}
.clumb_box {
	width: 1382px;
	margin: 0 auto;
	overflow: hidden;
}
.clumb_box h4 {
	float: left;
	line-height: 75px;
	font-size: 22px;
	color: #333333;
}
.clumb_box i {
	margin: 27px 17px 0 17px;
	width: 1px;
	height: 21px;
	display: block;
	float: left;
	background: #dedede;
}
.clumb_box .bd {
	float: left;
	width: 75%;
}
.clumb_box .bd ul li {
	line-height: 75px;
	font-size: 18px;
	color: #666666;
	outline: none;
}
.clumb_box .prev {
	width: 92px;
	height: 75px;
	background: url(../images/c_prve.png) no-repeat;
	float: right;
	display: block;
}
.clumb_box .next {
	width: 92px;
	height: 75px;
	background: url(../images/c_next.png) no-repeat;
	float: right;
	display: block;
}
.main {
	height: auto;
	overflow: auto;
	width: 100%;
	background: url(../images/in_news.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.main ul {
	margin: 50px auto 0 auto;
	width: 1380px;
	overflow: hidden;
}
.main ul li {
	width: 28%;
	float: left;
	background: #f6f7f9;
	margin-right: 8%;
	margin-bottom: 3%;
}
.main ul li a {
	display: block;
}
.main ul .first {
	width: 25%;
	float: left;
	padding: 1.8% 0% 0% 3%;
	background: url(../images/first.jpg) no-repeat;
	margin-bottom: 1% !important;
}
.main ul .first a {
	display: block;
}
.main ul .first h4 {
	font-size: 36px;
	color: #ff8f1c;
	font-family: Arial;
	font-weight: bold;
}
.main ul .first h5 {
	font-size: 36px;
	color: #333333;
	font-family: Arial;
	font-weight: bold;
}
.main ul .first h3 {
	font-size: 30px;
	color: #333;
	margin-top: 28px;
	position: relative;
}
.main ul .first h3:after {
	width: 60px;
	height: 3px;
	background: #1eb9ee;
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
}
.main ul .first div {
	margin-top: 24%;
	display: block;
	width: 230px;
	height: 48px;
	background: url(../images/view_more.png) no-repeat;
	text-align: center;
	line-height: 48px;
	color: #fff;
}
.main ul li img {
	    display: block;
    width: 99%;
    padding: 2px;
}
.main ul li .text {
	display: block;
	padding: 3% 4%;
	overflow: hidden;
	height: 71px;
}
.main ul li .text span {
	overflow: hidden;
	display: block;
	padding-bottom: 5px;
}
.main ul li .text span h5 {
	font-size: 18px;
	color: #333333;
	display: block;
	float: left;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.main ul li .text span em {
	float: right;
	font-size: 12px;
	color: #999999;
	display: block;
	width: 20%;
	text-align: right;
}
.main ul li .text p {
	display: block;
	font-size: 14px;
	color: #666666;
	height: 40px;
	overflow: hidden; line-height:20px;
}
.main ul li a:hover .text {
	background: #00bde9;
}
.main ul li a:hover .text span h5 {
	color: #fff;
}
.main ul li a:hover .text span em {
	color: #fff;
}
.main ul li a:hover .text p {
	color: #fff;
}
.main ul li:nth-child(3n) {
	margin-right: 0;
}
.main ul li:nth-child(6) {
	margin-right: 0;
}
.news-t {
	height: 400px;
	position: relative;
}
.newss {
	width: 100%;
	background: url(../images/index_a.jpg) center center no-repeat;
	height: 345px;
	overflow: hidden;
	background-size: cover;
}
.newss .content {
	padding: 65px 0 0 0;
	background: #eaebed;
	width: 1380px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -690px;
	overflow: hidden;
}
.newss .content .first {
	padding: 0 0 0 50px;
	width: 390px;
	height: 305px;
	float: left;
}
.newss .content .first h4 {
	font-size: 36px;
	color: #ff8f1c;
	font-family: 'Arial';
	font-weight: bold;
}
.newss .content .first h4 em {
	color: #333333;
	font-weight: bold;
}
.newss .content .first h3 {
	font-size: 30px;
	color: #333;
	margin-top: 18px;
	position: relative;
}
.newss .content .first h3:after {
	width: 60px;
	height: 3px;
	background: #1eb9ee;
	content: '';
	display: block;
	position: absolute;
	bottom: -40px;
}
.newss .content .first a {
	margin-top: 95px;
	display: block;
	width: 230px;
	height: 48px;
	background: url(../images/view_more.png) no-repeat;
	text-align: center;
	line-height: 48px;
	color: #fff;
}
.newss .content .first a:hover {
	background: url(../images/view_moreh.png) no-repeat;
}
.newss .content .n1 {
	float: right;
	overflow: hidden;
	width: 940px;
}
.newss .content .n1 .pic {
	float: left;
	margin-right: 30px;
	width: 380px;
}
.newss .content .n1 .pic img {
	display: block;
	width: 100%;
}
.newss .content .n1 span {
	color: #333333;
	font-size: 18px;
	margin-top: 10px;
	display: block;
	line-height: 20px;
}
.newss .content .n1 .pic a {
	display: block;
}
.newss .content .n1 .pic a:hover span {
	color: #1eb9ee;
}
.what {
	width: 1380px;
	margin: 40px auto 40px auto;
	overflow: hidden;
}
.what .w1 {
	width: 590px;
	float: left;
	background: url(../images/cnews.jpg) no-repeat;
	height: 264px;
	padding: 40px 50px;
}
.what .w1 .left {
	width: 230px;
	float: left;
}
.what .w1 h4 {
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
}
.what .w1 a {
	text-align: center;
	background: #fff;
	margin-top: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #ff8f1c;
	width: 230px;
	height: 48px;
	line-height: 48px;
	border-radius: 25px;
	display: block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
.what .w1 .right {
	line-height: 25px;
	font-size: 15px;
	color: #fff;
	text-indent: 30px;
}
.what .w1 .right span {
	background: url(../images/icon4.png) 76px 0 no-repeat;
	padding-left: 30px;
	color: #fff;
	font-size: 15px;
	display: block;
	text-align: right;
}
.what .w1 .right p {
	text-align: right;
	color: #fff;
	font-size: 15px;
	margin-top: 6px;
	display: block;
}
.what .w2 {
	width: 690px;
	float: right;
	background: #f6f7f9;
	height: 344px;
	position: relative;
}
.what .w2 .wList {
	width: 690px;
	margin: 9% auto 0 auto;
	overflow: hidden;
}
.what .w2 .wList li {;
	position: relative;
	float: left;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	outline: none;
}
.what .w2 .wList li img {
	width: 100%;
}
.what .w2 .wList li.slick-center {
	position: relative;
	z-index: 88;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
.what .w2 .wList li .pic img {
	width: 100%;
}
/*



.what .w2 .wList li:hover span{



		color: #1eb9ee;



		font-size: 22px;



		-webkit-transition: all .5s;



		-moz-transition: all .5s;



		transition: all .5s;



		display: block;







}*/











.what .w2 .wList li .pic {
	display: block;
	margin: 0 auto 0 auto;
}
.what .w2 .wList li span {
	font-size: 22px;
	color: #666666;
	display: block;
	text-align: center;
	position: absolute;
	bottom: 20%;
	left: 0;
	right: 0;
	margin: 0 auto
}
.w2 .view {
	display: none;
}
.what .w2 .wList li.slick-center span {
	color: #ff8f1c;
	font-size: 18px;
}
/*footer*/



.heat>.bd>.opty>li>.text>ul>li {
	list-style-type: disc;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	list-style-position: inside;
}
.tsn .news .content ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.news .content {
	font-size: 16px;
	line-height: 30px;
}
.aboutus .list li .txt ul li {
	list-style-type: disc;
	margin-bottom: inherit;
	list-style-position: inside;
}
.bor_show ul li .text p span {
	color: #333;
}
.tsn .caseList>ul>li .text {
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.tsn .caseList>ul>li .text ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: auto;
}
.tsn .solts.tsn .text ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.tsn .solts.tsn .txt2 ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.ws-1 ul li:last-child {
	border-right: none;
}
.footer {
	background: #1eb9ef;
	height: 248px;
	padding-top: 63px;
}
.footer .fbox {
	width: 1380px;
	margin: 0 auto;
}
.footer .fbox .left {
	width: 554px;
	float: left;
	border-right: 1px solid #e1e1e1;
}
.footer .fbox .left .text {
	float: left;
}
.footer .fbox .left .text .share {
	margin-top: 20px;
}
.footer .fbox .left .text .share span {
	font-size: 16px;
	color: #fff;
}
.footer .fbox .left .text p {
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.page {
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	width: 100%;
	font-size: 15px;
}
.footer .fbox .left .txt {
	margin-left: 60px;
	float: left;
	margin-top: 33px;
}
.footer a {
	color: #fff;
}
.footer .fbox .left .txt span {
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}
.footer .fbox .right {
	overflow: hidden;
	float: right;
}
.footer .fbox .right dl {
	width: 120px;
	float: left;
	text-align: center;
}
.footer .fbox .right dl:frist-child{
	width:200px;
	}
.footer .fbox .right dl dt {
	font-size: 18px;
	color: #333333;
	margin-bottom: 30px;
}
.footer .fbox .right dl dd {
	font-size: 14px;
	color: #666666;
	margin-bottom: 13px;
	width: 100px;
	float:left;
}
.footer .fbox .right dl dd a {
	color: #fff; font-size:12px;
}
.footer .fbox .right dl dd a:hover {
	color: #fff;
	text-decoration: underline;
}
.fo {
	width: 100%;
	height: 70px;
	background: #333333;
	color: #fff;
}
.fo .fo_box {
	width: 1380px;
	margin: 0 auto;
	overflow: hidden;
}
.fo .fo_box .left {
	float: left;
}
.fo .fo_box a {
	color: #fff;
	font-size: 14px;
	line-height: 70px;
}
.fo .fo_box .right {
	float: right;
	line-height: 70px;
	color: #fff;
	font-size: 14px;
}
.m_nav {
	display: none;
}
.m_menu {
	display: none;
}
.banner {
	overflow: hidden;
	display: block;
}
.banner ul li {
	height: 670px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden
}
.banner ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.mBner {
	display: none;
}
.newss .content .n1 .divul {
	width: 500px;
	float: right;
	padding-right: 10px;
}
.newss .content .n1 .divul li {
	width: 500px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.newss .content .n1 .divul li a {
	font-size: 18px;
}
.newss .content .n1 .divul li span {
	font-size: 14px;
	display: inline-block;
	float: right;
}
 @media screen and (min-width: 1366px) {
.main ul .first div:hover {
	background: url(../images/view_moreh.png) no-repeat;
}
}
 @media screen and (max-width: 1366px) {
}
.newss .content .n1 {
	width: 940px;
}
 @media screen and (max-width: 1440px) {
.newss .content .n1 {
	width: 825px;
}
.pc-h {
	width: 1200px;
}
.pc-h .pc-nav {
	margin-left: 30px;
}
.pc-h .pc-nav ul li a {
	padding: 0 20px;
}
.pc-h .reg {
	width: 65px;
}
.pc-h .login {
	width: 65px;
}
.pc-h .search {
	width: 145px;
	margin-right: 15px;
}
.pc-h .search input {
	width: 100px;
}
.pc-h .reg a {
	width: 37%;
	display: block;
	margin: 0 auto;
}
.pc-h .login a {
	width: 37%;
	display: block;
	margin: 0 auto;
}
.clumb_box {
	width: 1200px;
}
.main ul {
	width: 1200px;
}
.newss .content {
	width: 1200px;
	margin-left: -600px;
}
.newss .content .first {
	width: 325px;
}
.newss .content .n1 .pic {
	width: 345px;
	float: left;
}
.newss .content .n1 .divul {
	width: 440px;
	float: right;
}
.newss .content .n1 .divul li {
	width: 440px;
	float: left;
	height: 35px;
	line-height: 35px;
}
.newss .content .n1 .divul li span {
	font-size: 14px;
	display: inline-block;
	float: right;
}
.newss .content .n1 .pic img {
	width: 100%;
}
.what {
	width: 1200px;
}
.what .w1 {
	width: 500px;
	padding: 40px 15px;
}
.what .w2 {
	width: 670px;
}
.footer .fbox {
	width: 1200px;
}
.footer .fbox .right dl {
	text-align: center;
	width: 100px;
}
.fo .fo_box {
	width: 1200px;
}
.main ul .first div {
	margin-top: 15%;
	padding-bottom: 7%;
}
.main {
}
.banner ul li {
	height: 500px;
}
}
 @media screen and (max-width: 1220px) {
.pc-nav, .lan, .reg, .login, .search, .ch-lan {
	display: none;
}
.pc-h {
	width: 100%;
}
.pc-h .logo {
	float: none;
	margin: 0 auto;
	width: 284px;
}
.clumb {
	line-height: 50px;
	height: 50px;
}
.clumb_box {
	width: 90%;
	margin: 0 auto;
}
.clumb_box h4, .clumb_box .bd ul li {
	line-height: 50px;
}
.clumb_box h4 {
	font-size: 20px;
}
.clumb_box i {
	margin: 15px 17px 0 17px;
}
.clumb_box .bd ul li {
	font-size: 16px;
	width: 350px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.clumb_box .prev, .clumb_box .next {
	height: 50px;
	background-position: 0 -11px;
}
.clumb_box .prev:hover {
	background: url(../images/c_prve02.png) no-repeat;
	background-position: 0 -11px;
}
.clumb_box .next:hover {
	background: url(../images/c_next02.jpg) no-repeat;
	background-position: 0 -11px;
}
.main {
	height: auto;
}
.main ul {
	width: 90%;
	margin: 5% auto 0 auto;
}
.main ul li {
	width: 32%;
	margin-right: 1.3%;
}
.main ul .first {
	padding: 0;
	width: 32%;
	height: auto;
}
.main ul .first h4, .main ul .first h5, .main ul .first h3 {
	font-size: 26px;
}
.main ul .first h3 {
	margin-top: 4%;
}
.main ul .first a {
	padding: 10% 0 0 10%;
}
.main ul li a {
	width: auto;
	height: auto;
}
.main ul li .pic img {
	width: 99%;
}
.main ul li .pic {
	width: auto;
}
.main ul .first div {
	margin-bottom: 9%;
	margin-top: 34%;
	width: 55%;
	height: 38px;
	line-height: 38px;
	background: url(../images/view_moreh.png) no-repeat;
	background-position: center center;
	background-size: cover;
}
/*.main ul .first div:hover{margin-bottom: 10%; margin-top: 34%;width: 55%;height: 38px;line-height: 38px;background-position: center center; background-size: cover;}



*/



.main ul li .text {
	padding: 28px 8px;
}
.pc-h .ch-lan {
	display: none !important;
}
.newss .content {
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-top: 3%;
	top: 10%;
	padding-bottom: 3%;
}
.newss .content .first {
	float: none;
	width: 100%;
	padding-left: 0;
	height: 50px;
}
.newss .content .first h4 {
	font-size: 26px;
	text-align: center;
}
.newss .content .first h3, .newss .content .first a {
	display: none;
}
.newss .content .n1 {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.newss .content .n1 .pic {
	width: 32%;
	margin-right: 1.3%;
}
.newss .content .view {
	width: 24%;
	font-size: 14px;
	background: #1eb9ee;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 25px;
	margin: 3% auto 0 auto;
}
.newss .content .view a {
	color: #fff;
}
.what {
	width: 90%;
	margin: 3% auto;
}
.what .w1 .left h4 {
	font-size: 26px;
}
.what .w1 .left h5 {
	font-size: 26px;
}
.what .w2 {
	width: 100%;
	float: none;
	height: auto;
}
.what .w1 .left a {
	height: 38px;
	line-height: 38px;
	width: 50%;
}
.what .w2 .wList {
	width: 100%;
	margin: 0 auto;
}
.what .w1 {
	display: none;
	float: none;
	width: 100%;
}
.footer {
	height: auto;
	padding-top: 4%;
}
.footer .fbox {
	width: 90%;
}
.footer .fbox .right {
	float: none;
}
.footer .fbox .right {
	float: none;
	width: 100%;
	display: none;
}
.footer .fbox .right dl {
	margin-left: 0%;
	margin-right: 0%;
	width: 25%;
}
.footer .fbox .right dl dt {
	margin-bottom: 5%;
}
.footer .fbox .left {
	float: none;
	height: auto;
	overflow: hidden;
	margin-top: 3%;
	width: 100%;
	border-right: none;
	padding-bottom: 3%;
}
.footer .fbox .left .txt {
	float: right;
}
.fo .fo_box {
	width: 90%;
}
.m_nav {
	width: 5%;
	position: absolute;
	right: 5%;
	top: 31%;
	display: block;
	z-index: 999;
}
.m_nav img {
	width: 100%;
}
.m_menu {
	position: fixed;
	width: 49%;
	right: -72.4%;
	top: 0;
	padding: 5px 0 0 2px;
	border-left: 6px solid #1eb9ee;
	height: 100%;
	z-index: 99;
	display: block;
}
.m_menu form {
	width: 90%;
	margin: 6% auto;
	overflow: hidden;
}
.m_menu form input {
	width: 60%;
	padding: 0 5%;
	height: 30px;
	border: 1px solid #a3a3a3;
	display: block;
	float: left;
}
.m_menu form .submit {
	padding: 0;
	width: 29%;
	background: #1eb9ee;
	border: none;
	height: 32px;
	color: #fff;
	font-size: 14px;
}
.m_menu .log-rag {
	width: 90%;
	margin: 0 auto;
}
.m_menu .log-rag a {
	width: 100%;
	display: block;
	height: 30px;
	margin-bottom: 3%;
}
.m_menu .log-rag a:nth-child(1) {
	background: #0a7da5;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.m_menu .log-rag a:nth-child(2) {
	background: #1fbdf3;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.m_menu .m-nm {
	width: 90%;
	margin: 3% auto;
}
.m_menu .m-nm li {
	font-size: 13px;
	line-height: 50px;
}
.m_menu .m-nm li a {
	display: block;
	padding-left: 5%;
	border-bottom: 1px solid #e3e0e0;
}
.m_menu .m-nm li a.on {
	background: #1eb9ee;
	color: #fff
}
.m_menu select {
	width: 85%;
	margin: 0 auto;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 5%;
	background: url(../images/select.png) 96% center no-repeat;
}
.banner ul li {
	height: 400px;
}
.newss .content .n1 span {
	font-size: 14px;
}
.w2 .view {
	display: block;
	margin-bottom: 3%;
	width: 24%;
	font-size: 14px;
	background: #1eb9ee;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 25px;
	margin: 3% auto 0 auto;
}
.w2 .view a {
	color: #fff;
}
.what .w2 {
	padding-bottom: 3%;
}
.main ul li .text span h5 {
	float: none;
	width: 100%;
}
.main ul li .text span em {
	float: none;
	width: 100%;
	text-align: left;
	margin-top: 2%;
}
}
 @media screen and (max-width:768px) {
.header {
	height: 60px;
}
.pc-h .logo {
	height: 60px;
	width: 190px;
}
.pc-h .logo img {
	width: 100%
}
.m_menu {
	border-left: 4px solid #1eb9ee;
	width: 71%;
}
.m_menu form input {
	width: 59%;
}
.clumb {
	height: 40px;
	line-height: 40px;
}
.clumb_box h4 {
	line-height: 40px;
	font-size: 14px;
}
.clumb_box i {
	margin: 5px 10px 0 10px;
}
.clumb_box .bd ul li {
	width: 185px;
	font-size: 12px;
	line-height: 40px;
}
.clumb_box .prev, .clumb_box .next {
	height: 40px;
	width: 40px;
	background-size: 40px 40px;
	background-position: 0 0px;
}
.clumb_box .next:hover {
	background-position: 0 0px;
	background-size: 40px 40px;
}
.clumb_box .prev:hover {
	background-position: 0 0px;
	background-size: 40px 40px;
}
.main ul li {
	width: 48%;
	margin-right: 2%;
	box-sizing: border-box;
}

.main ul .first {
	width: 48%;
	padding: 0%;
}
.main ul .first h4, .main ul .first h5, .main ul .first h3 {
	font-size: 18px;
}
.main ul .first div {
	margin-top: 33%;
	background-size: contain;
}
.main ul li .text {
	padding: 10px 10px;
	height: 75px;
}
.main ul li .text span h5 {
	font-size: 14px;
}
.main ul li .text p {
	height: 20px;
	overflow: hidden;line-height:20px;
}
.footer .fbox .right dl {
	float: none;
	width: 100%;
	overflow: hidden;
}
.footer .fbox .right dl dt {
	margin-bottom: 2%;
}
.footer .fbox .right dl dd {
	float: left;
	width: auto;
	padding: 1%;
	border: 1px solid #ccc;
	margin-right: 2%;
}
.fo {
	height: auto;
}
.fo .fo_box .left {
	float: none;
}
.fo .fo_box .right {
	float: none;
}
.fo .fo_box a {
	line-height: 30px;
}
.fo .fo_box .right {
	line-height: 30px;
}
.banner ul li {
	height: 230px;
}
.newss, .news-t {
	height: auto;
	background: none;
}
.newss .content {
	position: static;
}
.newss .content .n1 .pic {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%;
}
.newss .content .view {
	width: 50%;
}
.what .w2 .wList li .pic img {
	width: 70%;
	margin: 0 auto;
}
.w2 .view {
	width: 50%;
}
.newss .content .first h4, .newss .content .first h4 em {
	font-size: 20px;
}
.banner {
	display: none;
}
.mBner {
	display: block;
}
}
 @media screen and (max-width:640px) {
.m_nav {
	width: 10%;
	top: 30%;
	right: 5%;
}
.footer .fbox .left .txt {
	margin-left: 0px;
	width: 30%;
}
.footer .fbox .left .text .logo {
	width: 322px;
}
.main ul .first div {
	margin-top: 32%;
}
}
 @media screen and (max-width:478px) {
.footer .fbox .left .text {
	float: none;
}
.footer .fbox .left .txt {
	float: none;
}
.footer .fbox .left .txt span {
	text-align: left;
}
.footer .fbox .left .text .logo img {
	width: 100%;
}
}
 @media screen and (max-width:384px) {
.m_menu {
	width: 70%;
}
.m_menu form .submit {
	font-size: 12px;
}
.clumb_box .bd ul li {
	width: 130px;
}
.footer .fbox .left .text .logo {
	width: 75%;
}
.main ul .first {
	width: 100%;
	float: none;
}
.main ul li {
	width: 100%;
	float: none;
}
.main ul .first div {
	margin-top: 22%;
	margin-bottom: 0;
}
.main ul .first a {
	padding: 10% 0 6% 10%;
}
.clumb_box h4 {
	font-size: 12px;
}
.clumb_box i {
	margin: 10px 5px 0 5px;
}
.newss .content .view, .w2 .view {
	width: 60%;
	line-height: 35px;
	height: 35px;
}
}
/*m_banner*/











.m_banner ul li {
	height: 400px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
 @media screen and (max-width: 1220px) {
.m_banner ul li {
	height: 300px;
}
}
 @media screen and (max-width: 768px) {
.m_banner ul li {
	height: 115px;
}
}
/*m_banner*/











.m-clmb {
	width: 100%;
	background: #dddfdf;
}
.mb_box {
	line-height: 60px;
	width: 1380px;
	margin: 0 auto;
	height: 60px;
}
.mb_box span {
	font-size: 16px;
	color: #666666;
	display: block;
	float: left;
}
.mb_box .sp1 {
	padding-left: 40px;
	background: url(../images/home.png)left center no-repeat;
}
.mb_box i {
	float: left;
	display: block;
	background: url(../images/xxx.png) no-repeat;
	width: 5px;
	height: 9px;
	margin: 25px 30px 0 30px;
}
.mb_box .sp2 {
	background: url(../images/hicon.png) right center no-repeat;
	padding-right: 40px;
	cursor: pointer;
	position: relative;
}
.mb_box .sp2:hover {
	background: url(../images/hicon2.png) right center no-repeat;
	color: #1eb9ee;
}
.mb_box .sp3 {
	color: #1eb9ee;
}
.m-clmb .secend {
	position: absolute;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	left: 0%;
	background: #fff;
	display: none;
	z-index: 9999;
}
.m-clmb .secend a {
	width: 253px;
	height: 49px;
	border-bottom: 1px solid #d1d1d1;
	display: block;
	line-height: 49px;
	padding-left: 30px;
	font-size: 16px;
}
.m-clmb .secend a:hover {
	background: #1eb9ee;
	color: #fff;
}
.product {
	padding: 30px 0 0 0;
	width: 1380px;
	overflow: hidden;
	margin: 0 auto;
}
.product h2 {
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	color: #333;
}
.product h3 {
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	color: #ff8f1c;
}
.product ul {
	width: 100%;
}
.product ul li {
	width: 22%;
	margin-right: 4%;
	float: left;
	margin-bottom: 3%;
}
.product ul li:nth-child(4n) {
	margin-right: 0px;
}
.product ul img {
	display: block;
	width: 100%;
}
.product ul li p {
	heigth: 30px;
	line-height: 30px;
	text-align: center;
}
 @media screen and (max-width: 1440px) {
.product {
	width: 1200px;
	margin: 0 auto;
	padding-top: 35px;
}
}
 @media screen and (max-width: 1220px) {
.product {
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-top: 3%;
	top: 10%;
	padding-bottom: 3%;
}
.product ul {
	width: 90%;
	margin: 5% auto 0 auto;
}
}
 @media screen and (max-width:768px) {
.product ul li {
	width: 48%;
	margin-right: 2%;
	box-sizing: border-box;
}
}
 @media screen and (max-width:640px) {
.product ul li {
	width: 100%;
	float: none;
}
}
 @media screen and (max-width: 384px) {
.product ul li {
	width: 100%;
	float: none;
}
}
/*------*/















/*about*/











.aboutus {
	width: 1380px;
	margin: 3% auto 0 auto;
}
.aboutus .tag h1 {
	font-size: 36px;
	color: #333333;
	font-family: Arial;
	font-weight: bold;
	display: block;
	text-align: center;
}
.aboutus .tag h2 {
	display: block;
	text-align: center;
	display: block;
	font-size: 30px;
	color: #ff8f1c;
	margin-top: 1%;
}
.aboutus .tag i {
	display: block;
	width: 5%;
	height: 3px;
	margin: 1% auto;
	background: #1eb9ee;
}
.aboutus .text {
	overflow: hidden;
	margin-top: 5%;
}
.aboutus .text .wz {
	float: left;
	display: block;
	line-height: 35px;
	font-size: 16px;
	color: #333333;
	width: 45%;
	overflow: hidden;
}
.aboutus .text .pic {
	float: right;
	width: 50%;
}
.aboutus .list {
	margin-top: 5%;
}
.aboutus .list li {
	width: 100%;
	margin-bottom: 2%;
}
.aboutus .list li .titel {
	height: 52px;
	line-height: 52px;
	background: #f6f7f9;
	cursor: pointer;
}
.aboutus .list li .titel h4 {
	float: left;
	font-size: 22px;
	color: #333333;
	padding-left: 2%;
}
.aboutus .list li .titel em {
	font-size: 16px;
	color: #333333;
	margin-right: 1%;
	display: block;
	float: right;
}
.aboutus .list li.on .titel i {
	background: #f6f7f9 url(../images/adcc.png) no-repeat;
	display: block;
	width: 14px;
	height: 15px;
	float: right;
	margin-right: 2%;
	margin-top: 1.5%;
}
.aboutus .list li .titel i {
	background: #f6f7f9 url(../images/adcc.png) no-repeat;
	display: block;
	width: 14px;
	height: 15px;
	float: right;
	margin-right: 2%;
	margin-top: 1.5%;
	background-position: 0 -15px
}
.aboutus .list li .txt {
	padding: 2% 0;
	display: none;
}
.aboutus .list li .txt p {
	font-size: 16px;
	color: #333333;
	line-height: 40px;
}
.aboutus .list li .txt h4 {
	font-size: 20px;
	color: #ff8f1c;
	padding: 2% 0;
}
.aboutus .list li .txt .pic {
	overflow: hidden;
	width: 100%;
	overflow: hidden;
	padding: 0 0 2% 0;
}
.aboutus .list li .txt .pic img {
	width: 47%;
	display: block;
	box-sizing: border-box;
}
.aboutus .list li .txt .pic img:nth-child(1) {
	float: left;
}
.aboutus .list li .txt .pic img:nth-child(2) {
	float: right;
}
.aboutus .list li .txt h3 {
	display: inline-block;
	width: 32%
}
.aboutus .list li .txt h3 img {
	display: block;
	width: 100%;
	height: auto;
}
 @media screen and (max-width: 1440px) {
.mb_box {
	width: 1200px;
}
.aboutus {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.mb_box {
	width: 90%;
	height: 40px;
	line-height: 40px;
}
.mb_box .sp2 {
	display: none;
}
.mb_box i:nth-child(4) {
	display: none;
}
.aboutus {
	width: 90%;
}
.aboutus .text .pic img {
	width: 100%;
}
.mb_box i {
	margin: 15px 30px 0 30px;
}
.aboutus .tag h1 {
	font-size: 30px;
}
.aboutus .tag h2 {
	font-size: 20px;
}
.aboutus .text p {
	font-size: 14px;
	line-height: 30px;
	text-overflow: ellipsis;
}
.aboutus .list li .titel {
	height: 35px;
	line-height: 35px;
}
.aboutus .list li .titel h4 {
	font-size: 18px;
}
.aboutus .list li .txt p {
	font-size: 14px;
	line-height: 35px;
}
.aboutus .list li .txt h4 {
	font-size: 18px;
}
.aboutus .list li.on .titel i, .aboutus .list li .titel i {
	margin-top: 10px;
}
.aboutus .list li .txt h3 {
	display: inline-block;
	width: 49%
}
.aboutus .list li .txt h3 img {
	display: block;
	width: 100%;
	height: auto;
}
}
 @media screen and (max-width: 945px) {
.aboutus .text .wz {
	float: none;
	width: 100%;
}
.aboutus .text .pic {
	float: none;
	width: 100%;
}
}
 @media screen and (max-width: 768px) {
.m-clmb {
	display: none;
}
.aboutus .tag h1 {
	font-size: 24px;
}
.aboutus .tag h2 {
	font-size: 18px;
}
.aboutus .list li .titel em {
	font-size: 14px;
}
.aboutus .list li.on .titel i {
	margin-top: 10px
}
.aboutus .list li .titel i {
	margin-top: 3%;
}
.aboutus .list li .txt p {
	line-height: 30px;
}
.aboutus .list li .titel h4 {
	font-size: 14px;
}
.aboutus .list li .titel em {
	font-size: 12px;
	margin-right: 5%;
}
.aboutus .list li .txt h4 {
	font-size: 14px;
}
.aboutus .list li .txt .pic img:nth-child(1), .aboutus .list li .txt .pic img:nth-child(2) {
	width: 100%;
	float: none;
	margin-bottom: 3%;
}
.aboutus .list li .txt h3 {
	display: inline-block;
	width: 100%
}
.aboutus .list li .txt h3 img {
	display: block;
	width: 100%;
	height: auto;
}
}
/*about*/











/*service*/











.service {
	width: 100%;
	margin: 2% auto;
}
.service p {
	text-align: left;
	line-height: 20px;
	color: #666666;
	font-size: 16px;
	line-height: 35px;
	width: 1380px;
	margin: 0 auto;
}
.service .txt {
	overflow: hidden;
	width: 100%;
	background: #f6f7f9;
	margin-top: 2%;
}
.service .txt .txt-box {
	padding: 3% 0;
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.service .txt .txt-box .left {
	float: left;
}
.service .txt .txt-box .left .pic img {
	width: 100%;
	display: block;
}
.service .txt .txt-box .right {
	float: right;
	width: 48%;
}
.service .txt .txt-box .right h4 {
	font-size: 30px;
	color: #333333;
}
.service .txt .txt-box .right .txt ul {
	overflow: hidden;
	width: 655px;
}
.service .txt .txt-box .right .txt ul li {
	padding-left: 20px;
	float: left;
	font-size: 16px;
	color: #666666;
	width: 277px;
	margin-top: 2%;
	background: url(../images/disc.jpg) center left no-repeat;
}
.service .title {
	margin-top: 3%;
}
.service .title h4 {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 30px;
}
.service .title .ylist {
	width: 1379px;
	margin: 4% auto;
	overflow: hidden;
	position: relative;
}
.service .title .ylist li {
	width: 20%;
	border-right: 1px solid #ededed;
	float: left;
}
.service .title .ylist li img {
	margin: 0 auto;
	display: block;
}
.service .title .ylist li span {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #1eb9ee;
	margin-top: 5%;
}
.service .title .clist {
	width: 1379px;
	margin: 4% auto;
	overflow: hidden;
	position: relative;
}
.service .title .clist li {
	width: 30%;
	float: left;
	margin-right: .5%;
	margin-left: .5%;
	outline: none
}
.service .title .clist li span {
	display: block;
	font-size: 16px;
	color: #333333;
	padding: 4% 0;
	font-weight: bold;
}
.service .title .clist li p span {
	padding: initial;
	color: #666666;
	font-size: 18px;
}
.service .title .clist li p {
	padding-left: 3%;
	display: block;
	text-align: left;
	font-size: 16px;
	color: #666666;
	margin-bottom: 1%;
	line-height: normal;
	background: url(../images/clisticon.jpg) center left no-repeat;
}
 @media screen and (max-width: 1440px) {
.service p {
	width: 1200px;
}
.service .title .ylist {
	width: 1199px;
}
.service .title .clist {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.service p {
	width: 90%;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
.service .txt .txt-box {
	width: 90%;
}
.service .txt .txt-box .left {
	width: 50%;
}
.service .txt .txt-box .right .txt ul li {
	width: 47%;
	font-size: 14px;
	margin-top: 1%;
}
.service .title .ylist, .service .title .clist {
	width: 90%
}
.service .title .ylist li span, .service .title .clist li span {
	font-size: 16px;
}
.service .title .clist li p {
	font-size: 14px;
	margin-bottom: 3%;
}
}
 @media screen and (max-width: 1070px) {
.service .txt .txt-box .left {
	float: none;
	width: 100%;
}
.service .txt .txt-box .right {
	float: none;
	padding: 2% 0;
	width: 100%;
}
.service .txt .txt-box .left .pic {
	width: 100%;
}
.service .txt .txt-box .right .txt ul {
	width: 100%;
}
.service .txt .txt-box .right .txt ul li {
	width: 90%;
}
}
 @media screen and (max-width: 768px) {
.service .title h4 {
	font-size: 20px;
}
.service .txt .txt-box .right h4 {
	font-size: 20px;
}
.service .title .clist li p {
	padding-left: 0;
	background: none;
	width: 100%;
	font-size: 12px;
}
}
/*service*/















/*value*/











.value {
	width: 100%;
	margin-bottom: 5%;
	margin-top: 3%;
}
.value .vl-box {
	padding: 1%;
	width: 1380px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
.value ul {
	width: 1380px;
	margin: 0 auto;
	background: #f6f7f9;
	position: relative;
	overflow: hidden;
}
.value ul li {
	display: block;
	float: left;
	width: 25%;
	padding-top: 1.5%;
	Padding-bottom: 2%;
}
.value ul li a {
	display: block;
}
.value ul li img {
	display: block;
	margin: 0 auto;
}
.value ul li span {
	display: block;
	font-size: 22px;
	text-align: center;
	color: #333333;
	padding: 5% 0;
}
.value ul li p {
	display: block;
	font-size: 16px;
	color: #666666;
	line-height: 25px;
	text-align: center;
	height: 130px;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}
.value ul li:hover {
	background: #1eb9ee;
	box-shadow: 0px 0px 25px #888888;
}
.value ul li:hover span {
	color: #fff
}
.value ul li:hover p {
	color: #fff;
}
 @media screen and (max-width: 1440px) {
.value .vl-box {
	width: 1200px;
	padding: 0
}
.value ul {
	width: 1200px;
	height: auto;
	padding: 0;
}
}
 @media screen and (max-width: 1220px) {
.value ul, .value .vl-box {
	width: 100%;
}
.value ul li span {
	font-size: 20px;
}
.value ul li p {
	font-size: 14px;
	height: auto;
}
.value ul li:hover {
	background: none;
	box-shadow: none;
}
.value ul li:hover span {
	display: block;
	font-size: 20px;
	text-align: center;
	color: #333333;
	padding: 5% 0;
}
.value ul li:hover p {
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	text-align: center;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}
}
 @media screen and (max-width: 768px) {
.value ul li span {
	font-size: 16px;
}
.value ul li:hover span {
	font-size: 16px;
}
}
/*value*/















/*solititons*/







.solts {
	width: 1380px;
	margin: 2% auto;
}
.solts .txt1 {
	overflow: hidden;
	height: 412px;
	border-bottom: 1px solid #d9d9d9;
}
.solts .txt1 .text {
	float: left;
	width: 50%;
}
.solts .txt1 .text h4 {
	font-size: 26px;
	color: #333333;
	margin-bottom: 3%;
}
.solts .txt1 .text p {
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.solts .txt1 .pic {
	float: right;
	width: 50%;
	text-align: right;
}
.solts .txt1 .pic img {
	border: 1px solid #c3c3c3;
}
.solts .txt2 {
	width: 1200px;
	margin: 3% auto;
}
.solts .txt2 h4 {
	font-size: 26px;
	color: #333333;
	display: block;
	text-align: center;
}
.solts .txt2 p {
	font-size: 16px;
	color: #333333;
	text-align: center;
	line-height: 28px;
}
 @media screen and (max-width: 1440px) {
.solts {
	width: 1200px;
}
.solts .txt1 .text {
	width: 45%;
}
}
 @media screen and (max-width: 1220px) {
.solts {
	width: 90%;
}
.solts .txt1 {
	height: auto;
	padding-bottom: 3%;
}
.solts .txt1 .pic img {
	width: 100%;
	text-align: center;
}
.solts .txt1 .text {
	height: 230px;
	overflow: hidden;
}
.solts .txt2 {
	width: 100%;
}
.solts .txt2 .pic img {
	width: 100%;
}
.solts .txt1 .text h4, .solts .txt2 h4 {
	font-size: 22px;
	margin-bottom: 1%;
}
.solts .txt1 .text p, .solts .txt2 p {
	font-size: 14px;
}
.solts .txt2 p {
	padding: 1% 0;
}
}
 @media screen and (max-width: 1024px) {
.solts .txt1 .text {
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 3%;
}
.solts .txt1 .pic {
	float: none;
	width: 100%;
}
}
 @media screen and (max-width: 768px) {
.solts .txt1 .text h4, .solts .txt2 h4 {
	font-size: 18px;
}
.solts .txt1 .text p {
	line-height: 30px;
}
}
/*solititons*/











/*news*/







.news {
	width: 1380px;
	margin: 3% auto;
}
.news .top {
	border-bottom: 1px dashed #d1d1d1;
	padding-bottom: 2%;
}
.news .top h4 {
	font-size: 22px;
	color: #1eb9ee;
	display: block;
	text-align: center;
}
.news .top h5 {
	font-size: 18px;
	color: #333333;
	display: block;
	text-align: center;
	padding: 1% 0;
}
.news .top span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #666666;
}
.news .content video {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.news .content {
	margin-top: 2%;
}
.news .content p {
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}
.news .link {
	overflow: hidden;
	margin-top: 3%;
	border-top: 1px solid #d1d1d1;
}
.news .link a {
	font-size: 16px;
	color: #333333;
	padding: 2% 0;
}
.news .link span {
	display: inline-block;
	margin-right: 25px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
}
.news .link a:nth-child(2) {
	float: right;
}
.news .link a:hover {
	color: #1eb9ee;
}
 @media screen and (max-width: 1440px) {
.news {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.news {
	width: 90%;
}
.news .link a {
	width: 100%;
	display: block;
}
.news .link a:nth-child(1) {
	float: none;
}
.news .link a:nth-child(2) {
	float: none;
}
.news .top h4 {
	font-size: 18px;
}
.news .top h5 {
	font-size: 16px;
}
.news .top span {
	font-size: 14px;
}
.news .content p {
	font-size: 14px;
	line-height: 25px;
}
.news .link a {
	font-size: 14px;
	padding: 1% 0;
}
.news .content img {
	width: 100%;
	height: auto;
}
}
 @media screen and (max-width: 768px) {
.news .top h4 {
	font-size: 16px;
}
.news .top h5 {
	font-size: 14px;
}
.news .content img {
	width: 100%;
	height: auto
}
.news .content video {
	width: 100%;
	height: auto;
}
}
/*news*/







/*border*/







.border {
	width: 1380px;
	margin: 3% auto;
}
.border ul {
	overflow: hidden;
}
.border ul li {
	width: 18%;
	margin-right: 2%;
	float: left;
	margin-bottom: 3%
}
.border ul li a {
	display: block;
}
.border ul li .pic {
	position: relative;
}
.border ul li .pic img {
	width: 100%;
}
.border ul li .pic i {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #1eb9ee;
	opacity: .5;
}
.border ul li span {
	font-size: 20px;
	color: #333333;
	margin-top: 5%;
	display: block;
	background: url(../images/borspan01.png) center right no-repeat;
}
.border ul li:hover span {
	color: #1eb9ee;
	background: url(../images/borspan02.png) center right no-repeat;
}
.border ul li:hover i {
	display: block;
}
.bor_show {
	width: 1380px;
	margin: 3% auto;
}
.bor_show ul {
	overflow: visible;
	margin-bottom: 15%
}
.bor_show ul li {
	overflow: hidden;
	outline: none
}
.bor_show ul li .pic {
	float: left;
	width: 319px;
}
.bor_show ul li .text {
	float: left;
	width: 970px;
	margin-left: 50px;
	height: 429px
}
.bor_show ul li .text h4 {
	font-size: 26px;
	color: #333333;
}
.bor_show ul li .text span {
	font-size: 16px;
	color: #fd8e1c;
	padding: 1% 0;
	display: block;
}
.bor_show ul li .text p {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	border-top: 3px solid #1eb9ee;
	padding-top: 2%;
	display: block;
}
.scrollbar5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #1eb9ee
}
.scrollbar5 .mCSB_scrollTools {
	top: 0;
}
.scrollbar5 .mCSB_inside > .mCSB_container {
	width: 97%;
}
.scrollbar5 .mCSB_scrollTools .mCSB_draggerRail {
	height: 100%;
}
 @media screen and (max-width: 1440px) {
.border {
	width: 1200px;
}
.bor_show {
	width: 1200px;
}
.bor_show ul li .pic {
}
.bor_show ul li .text {
	width: 831px;
}
.bor_show ul li .text p {
	overflow: hidden;
}
}
 @media screen and (max-width: 1220px) {
.border {
	width: 90%;
}
.border ul li {
	width: 31%
}
.border ul li span {
	font-size: 16px;
}
.border ul li:hover .pic i {
	display: none;
}
.border ul li span {
	color: #333333;
	background: url(../images/borspan01.png) center right no-repeat;
}
.border ul li:hover span {
	color: #333333;
	background: url(../images/borspan01.png) center right no-repeat;
}
.bor_show {
	width: 90%;
}
.bor_show ul li .pic {
	float: none;
	width: 40%;
}
.bor_show ul li .text {
	float: none;
	margin-left: 0;
	width: 100%;
	margin-top: 12px;
}
.bor_show ul li .text p {
	height: auto;
}
.bor_show ul li .text h4 {
	font-size: 20px;
}
.bor_show ul li .text span {
	font-size: 14px;
}
.bor_show ul li .text p {
	font-size: 14px;
}
}
 @media screen and (max-width: 768px) {
.border ul li {
	width: 48%;
	box-sizing: border-box;
}
.border ul li span {
	background-size: 22px 7px;
}
.border ul li span {
	font-size: 14px;
}
.bor_show ul {
	height: auto;
	margin-bottom: 0
}
.bor_show ul li .text h4 {
	font-size: 19px
}
}
/*border*/



















/*inte*/







.inte {
	margin: 3% 0;
}
.text1 {
	width: 1380px;
	margin: 0 auto;
	font-size: 16px;
	color: #666666;
	line-height: 35px;
}
.text2 {
	width: 100%;
	background: #eaebed;
	margin-top: 3%;
}
.text2 .text-box {
	width: 1380px;
	margin: 0 auto;
	padding: 3% 0;
}
.text2 .text-box h4 {
	display: block;
	font-size: 30px;
	color: #333333;
	text-align: center;
}
.text2 .text-box p {
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	margin-top: 1%;
}
.text2 .text-box .pic {
	width: 1200px;
	margin: 3% auto 0 auto;
}
.text2 .text-box .pic img {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.text3 {
	width: 1380px;
	margin: 3% auto 0 auto;
}
.text3 h4 {
	display: block;
	font-size: 30px;
	color: #333333;
	text-align: center;
}
.text3 .txt {
	overflow: hidden;
}
.text3 .txt ul li {
	overflow: hidden;
	margin-top: .8%;
}
.text3 .txt ul li .pic {
	float: left;
	width: 520px;
}
.text3 .txt ul li .pic img {
	width: 100%;
}
.text3 .txt ul li .wz {
	float: left;
	width: 55%;
	background: #eaebed;
	padding: 41px;
	height: 211px;
}
.text3 .txt ul li .wz h5 {
	font-size: 20px;
	color: #1eb9ee;
}
.text3 .txt ul li .wz p {
	font-size: 16px;
	color: #333333;
	line-height: 35px;
	margin-top: 2%;
}
 @media screen and (max-width: 1440px) {
.text1 {
	width: 1200px;
}
.aboutus {
	width: 1200px;
}
.text2 .text-box {
	width: 1200px;
}
.text3 {
	width: 1200px;
}
.text3 .txt ul li .pic {
	width: 439px;
}
.text3 .txt ul li .wz {
	height: 168px
}
}
 @media screen and (max-width: 1220px) {
.text1 {
	width: 90%;
}
.text2 .text-box {
	width: 90%;
}
.text2 .text-box img {
	width: 100%;
	height: auto
}
.text1, .aboutus {
	width: 90%;
}
.text3 {
	width: 90%;
}
.text3 .txt ul li .pic {
	width: 100%;
	float: none;
}
.text3 .txt ul li .wz {
	width: 92%;
	float: none;
	height: auto;
	padding: 3% 4%;
}
.text2 .text-box h4, .text3 h4 {
	font-size: 20px;
}
.text2 .text-box p, .text3 .txt ul li .wz p {
	font-size: 16px;
	line-height: 25px;
}
.text3 .txt ul li .wz h5 {
	font-size: 18px;
}
.text2 .text-box .pic {
	width: 100%;
}
.text2 .text-box .pic img {
	width: 100%;
}
}
 @media screen and (max-width: 768px) {
.text1 {
	font-size: 14px;
	line-height: 25px;
}
.text2 .text-box p, .text3 .txt ul li .wz p {
	font-size: 14px;
	text-align: left;
}
.text3 .txt ul li .wz h5 {
	font-size: 16px;
}
}
/*inte*/















/*brand*/







.brand {
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.brand .br1 {
	width: 100%;
	background: #f6f7f9;
}
.brand .br1 .br-box {
	width: 1380px;
	margin: 0 auto;
	padding: 2% 0;
	overflow: hidden;
}
.brand .br1 .br-box .text {
	float: left;
	width: 60%;
}
.brand .br1 .br-box .text h4 {
	margin-top: 6%;
	font-size: 24px;
	color: #333333;
}
.brand .br1 .br-box .text span {
	font-size: 20px;
	color: #333333;
	margin-top: 2%;
	display: block;
}
.brand .br1 .br-box .text p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: 2%;
}
.brand .br1 .br-box .pic {
	float: right;
	width: 30%;
}
.brand .br1 .br-box .pic img {
	width: 100%
}
.brand .br2 {
	width: 100%;
	background: #fff;
}
.brand .br2 .br-box {
	width: 1380px;
	margin: 0 auto;
	padding: 2% 0;
	overflow: hidden;
}
.brand .br2 .br-box .text {
	float: left;
	width: 60%;
}
.brand .br2 .br-box .text h4 {
	margin-top: 6%;
	font-size: 24px;
	color: #333333;
}
.brand .br2 .br-box .text span {
	font-size: 20px;
	color: #333333;
	margin-top: 2%;
	display: block;
}
.brand .br2 .br-box .text p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: 2%;
}
.brand .br2 .br-box .pic {
	float: right;
	width: 30%;
}
.brand .br2 .br-box .pic img {
	width: 100%;
}
 @media screen and (max-width: 1440px) {
.brand .br1 .br-box, .brand .br2 .br-box {
	width: 1100px;
}
}
 @media screen and (max-width: 1220px) {
.brand .br1 .br-box, .brand .br2 .br-box {
	width: 90%;
}
.brand .br1 .br-box .pic img, .brand .br2 .br-box .pic img {
	width: 100%
}
.brand .br1 .br-box .text h4 {
	font-size: 20px;
	margin-top: 3%;
}
.brand .br1 .br-box .text span {
	font-size: 16px;
}
.brand .br1 .br-box .text p {
	font-size: 14px;
}
}
 @media screen and (max-width: 1024px) {
.brand .br1 .br-box .text, .brand .br2 .br-box .text {
	float: none;
	width: 100%;
}
.brand .br1 .br-box .pic, .brand .br2 .br-box .pic {
	float: none;
	width: 60%;
}
}
 @media screen and (max-width: 768px) {
.brand .br1 .br-box .text h4, .brand .br2 .br-box .text h4 {
	font-size: 16px;
}
.brand .br1 .br-box .text span {
	font-size: 14px;
}
.brand .br1 .br-box .pic, .brand .br2 .br-box .pic {
	float: none;
	width: 80%;
}
.brand .br1 .br-box .text p, .brand .br2 .br-box .text p {
	font-size: 12px;
}
}
/*brand*/















/*forms*/







.forms {
	width: 1200px;
	margin: 3% auto;
}
.forms .mb {
	overflow: hidden;
	margin-bottom: 3%;
}
.forms .select1 {
	height: 48px;
	background: url(../images/selection.png) 95% center no-repeat;
	width: 48%;
	padding-left: 2%;
	float: left;
	display: block;
	line-height: 48px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #cbcccb;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.forms .select2 {
	height: 48px;
	background: url(../images/selection.png) 95% center no-repeat;
	width: 48%;
	padding-left: 2%;
	float: right;
	display: block;
	line-height: 48px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #cbcccb;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.forms .mb input {
	width: 46%;
	padding-left: 2%;
	border: 1px solid #cbcccb;
	line-height: 48px;
	font-size: 16px;
	color: #333333;
}
.forms .mb input:nth-child(1) {
	float: left;
}
.forms .mb input:nth-child(2) {
	float: right;
}
.forms .mb textarea {
	width: 97%;
	border: 1px solid #cbcccb;
	height: 210px;
	padding-left: 2%;
	padding-top: 2%;
	font-size: 16px;
	color: #333333;
}
.forms .mb .yzm {
	width: 70%;
	display: block;
	float: left;
}
.forms .mb img {
	margin-left: 2%;
	;
	display: block;
	float: left;
	height: 48px;
	width: 25%;
}
.forms .mb .ms {
	overflow: hidden;
	float: left;
	width: 50%;
}
.forms .mb .submit {
	width: 22%;
	padding: 0;
	color: #fff;
	font-size: 14px;
	background: #1eb9ee;
	border: none;
	margin-left: 3%;
	;
	display: block;
	float: left;
}
.forms .mb .reset {
	width: 23%;
	padding: 0;
	color: #333;
	font-size: 14px;
	background: #d1d1d1;
	border: none;
	text-align: center;
	margin-left: 2%;
	;
	display: block;
	float: left;
}
 @media screen and (max-width: 1220px) {
.forms {
	width: 90%;
}
.forms .mb .ms {
	float: left;
	width: 50%;
}
.forms .mb .submit {
	width: 22% !important;
}
}
 @media screen and (max-width: 768px) {
.forms .mb {
	margin-bottom: 0
}
.forms .select1, .forms .select2 {
	height: 38px;
	float: none;
	width: 100%;
	margin-bottom: 3%;
	display: block;
	line-height: 38px;
	font-size: 14px;
}
.forms .mb input:nth-child(1), .forms .mb input:nth-child(2) {
	float: none;
	width: 97%;
	margin-bottom: 3%;
	line-height: 38px;
	font-size: 14px;
}
.forms .mb .ms {
	margin-top: 2%;
	width: 100%;
}
.forms .mb .yzm {
	width: 60% !important;
	float: left !important;
}
.forms .mb img {
	width: 35%;
	height: 48px;
}
.forms .mb .submit, .forms .mb .reset {
	width: 100% !important;
	margin-left: 0;
	line-height: 38px;
}
.forms .mb textarea {
	font-size: 14px;
}
}
/*forms*/















/*soc*/







.soc {
	width: 1380px;
	margin: 3% auto;
}
.soc .txt p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-align: left;
	margin-bottom: 2%;
}
.soclist {
	overflow: hidden;
	margin-top: 3%;
}
.soclist li {
	overflow: hidden;
	margin-bottom: 2%;
}
.soclist li a {
	display: block;
}
.soclist li .pic {
	float: left;
	width: 480px;
}
.soclist li .pic img {
	width: 100%;
}
.soclist li .text {
	float: left;
	width: 818px;
	border: 1px solid #d6d6d6;
	padding: 40px;
	height: 197px;
}
.soclist li .text h4 {
	font-size: 22px;
	color: #333333;
	display: block;
	border-bottom: 1px dashed #e7e6e6;
	padding-bottom: 10px;
}
.soclist li .text p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 20px;
}
.soclist li .text em {
	display: block;
	font-size: 16px;
	color: #999999;
	margin-top: 27px;
}
 @media screen and (min-width: 1440px) {
.soclist li:hover .text h4 {
	color: #1eb9ee;
}
.soclist li:hover .text em {
	color: #1eb9ee;
}
}
 @media screen and (max-width: 1440px) {
.soc {
	width: 1200px;
}
.soclist li .pic {
	width: 418px;
}
.soclist li .text {
	width: 730px;
	padding: 22px;
}
}
 @media screen and (max-width: 1220px) {
.soc {
	width: 755px;
}
.soc .txt p {
	font-size: 14px;
	margin-bottom: 1%;
	line-height: 25px;
}
.soclist {
	width: 768px;
	margin: 3% auto 0 auto;
}
.soclist li .pic {
	width: 327px;
}
.soclist li .text {
	width: 382px;
	height: 145px;
}
.soclist li .text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.soclist li .text em {
	margin-top: 17px;
}
.soclist li .text h4 {
	font-size: 18px;
}
.soclist li .text p {
	font-size: 14px;
}
.soclist li .text em {
	font-size: 14px;
}
}
 @media screen and (max-width: 768px) {
.soc {
	width: 90%;
}
.soclist {
	width: 100%;
}
.soclist li .pic {
	float: none;
	width: 100%;
}
.soclist li .pic img {
	width: 100%;
	height: auto;
}
.soclist li .text {
	width: 94%;
	padding: 3%;
	border-left: none;
	border-right: none
}
}
/*soc*/















/*invt*/



.invt {
	margin: 3% 0;
}
.invt .int01 {
	width: 1380px;
	margin: 0 auto;
}
.invt .int02 {
	width: 1380px;
	margin: 0 auto
}
.invt .tag {
	padding: 4% 0;
	background: #f6f7f9;
	margin-top: 3%;
}
.invt .tag .tag-box {
	width: 1380px;
	margin: 0 auto;
}
.invt .tag .tag-box h4 {
	font-size: 30px;
	color: #333333;
	display: block;
	text-align: center;
}
.invt .tag .tag-box span {
	font-size: 16px;
	color: #333333;
	display: block;
	text-align: center;
	padding: 2% 0;
}
.invt .tag .tag-box img {
	display: block;
	margin: 0 auto
}
.invt .rule {
	width: 945px;
	margin: 3% auto;
}
.invt .rule h4 {
	display: block;
	text-align: center;
	font-size: 30px;
	color: #333333;
}
.invt .rule .title {
	overflow: hidden;
	margin-top: 3%;
}
.invt .rule .title span:nth-child(1) {
	width: 69.8%;
	float: left;
	line-height: 60px;
	color: #fff;
	background: #1eb9ee;
	text-align: center;
	font-size: 22px;
}
.invt .rule .title span:nth-child(2) {
	width: 30%;
	float: right;
	line-height: 60px;
	color: #fff;
	background: #1eb9ee;
	text-align: center;
	font-size: 22px;
}
.invt .rule ul li {
	overflow: hidden;
	line-height: 60px;
	border-bottom: 1px solid #e9e9e9;
}
.invt .rule ul li span {
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	float: left;
	color: #666666;
	font-size: 16px;
	padding-left: 5%;
}
.invt .rule ul li a {
	width: 30%;
	float: right;
	font-size: 16px;
	color: #666666;
	text-align: center;
	display: block;
	background: url(../images/inv04.png) 68px 21px no-repeat;
}
 @media screen and (min-width: 1366px) {
.invt .rule ul li:hover {
	background: #f6f7f9;
}
.invt .rule ul li:hover span {
	color: #1eb9ee;
}
.invt .rule ul li:hover a {
	background: url(../images/inv05.png) 68px 21px no-repeat;
}
}
 @media screen and (max-width: 1440px) {
.invt .int01 {
	width: 1200px;
}
.invt .int02 {
	width: 1200px;
}
.invt .int01 img, .invt .int02 img {
	width: 100%;
}
.invt .tag .tag-box {
	width: 100%;
}
}
 @media screen and (max-width: 1220px) {
.invt .int01 {
	width: 90%;
}
.invt .int02 {
	width: 90%;
}
.invt .tag .tag-box {
	width: 90%;
}
.invt .tag .tag-box h4 {
	font-size: 20px;
}
.invt .rule h4 {
	font-size: 20px;
}
.invt .rule .title span:nth-child(1) {
	line-height: 50px;
	font-size: 16px;
}
.invt .rule .title span:nth-child(2) {
	line-height: 50px;
	font-size: 16px;
}
.invt .rule ul li span {
	line-height: 50px;
	font-size: 14px;
}
.invt .rule ul li a {
	line-height: 50px;
	background: none;
	font-size: 14px;
}
.invt .rule {
	width: 90%;
}
.invt .tag .tag-box img {
	width: 100%;
}
}
 @media screen and (max-width: 768px) {
.invt .tag .tag-box span {
	font-size: 14px;
}
.invt .tag .tag-box h4, .invt .rule h4 {
	font-size: 16px;
}
.invt .rule .title span:nth-child(1), .invt .rule .title span:nth-child(2) {
	line-height: 40px;
}
.invt .rule ul li span, .invt .rule ul li a {
	line-height: 40px;
}
}
/*invt*/











/*summary*/







.summary {
	width: 1380px;
	margin: 3% auto;
}
.summary .hd {
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9
}
.summary .hd ul {
	overflow: hidden;
	float: left;
}
.summary .hd ul li {
	cursor: pointer;
	width: 164px;
	height: 50px;
	border: 1px solid #d9d9d9;
	float: left;
	text-align: center;
	color: #666666;
	font-size: 22px;
	line-height: 50px;
}
.summary .hd ul li.on {
	border: 1px solid #1eb9ee;
	color: #fff;
	background: #1eb9ee
}
.summary .bd {
	margin-top: 3%;
}
.summary .bd ul {
	overflow: hidden;
}
.summary .bd ul li {
	float: left;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 4%;
}
.summary .hd .chose {
	float: right;
}
.summary .hd .chose span {
	font-size: 16px;
	color: #666666;
	line-height: 50px;
	display: block;
	float: left;
}
.summary .hd .chose select {
	display: block;
	float: left;
	width: 117px;
	line-height: 30px;
	border: 1px solid #1eb9ee;
	margin-top: 10px;
	padding-left: 5px;
	background: url(../images/sbsb.jpg) 95px 12px no-repeat;
}
.summary .bd .top {
	height: 60px;
	background: #1eb9ee;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.summary .bd .top .sp1 {
	width: 60%;
	;
	float: left;
	display: block;
}
.summary .bd .top .sp2 {
	width: 19%;
	;
	float: left;
	display: block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.summary .bd .top .sp3 {
	width: 20%;
	float: left;
	display: block;
}
.summary .bd .bot {
	padding: 15px 0;
	text-align: left;
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9
}
.summary .bd .bot .sp1 {
	width: 55%;
	;
	float: left;
	display: block;
	padding-left: 5%;
}
.summary .bd .bot .sp2 {
	width: 20%;
	;
	float: left;
	display: block;
	text-align: center;
	background: url(../images/inv04.png) 80px 0px no-repeat;
}
.summary .bd .bot .sp3 {
	width: 20%;
	float: left;
	display: block;
	text-align: center;
}
.summary .bd .bot:hover {
	background: #f6f7f9;
}
.summary .bd .bot:hover .sp1 {
	color: #1eb9ee;
}
.summary .bd .bot:hover .sp2 {
	color: #1eb9ee;
	background: url(../images/inv05.png) 80px 0 no-repeat;
}
.summary .bd .bd1 dl {
	display: none;
}
 @media screen and (max-width: 1440px) {
.summary {
	width: 1200px;
}
.summary .bd .bot .sp1 {
	line-height: 25px;
}
.summary .bd .bot .sp2 {
	background-position: 53px 22px;
}
.summary .bd .bot:hover .sp2 {
	background-position: 53px 22px;
}
}
 @media screen and (max-width: 1220px) {
.summary {
	width: 90%;
}
.summary .bd ul li img {
	width: 100%;
}
.summary .hd ul li {
	width: 130px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}
.summary .bd .bot .sp2 {
	background: none;
}
.summary .bd .bot:hover .sp2 {
	background: none;
	;
}
.summary .hd .chose span {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.summary .hd .chose select {
	width: 80px;
	margin-top: 0;
	background-position: 60px 12px;
}
.summary .bd .top {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.summary .bd .bot {
	font-size: 14px;
}
.summary .bd .bot .sp1 {
	width: 60%;
	padding-left: 0;
}
}
 @media screen and (max-width: 768px) {
.summary .hd ul li {
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.summary .bd .bot, .summary .bd .top {
	display: none;
}
.summary .bd .bd1 dl {
	display: block;
	overflow: hidden;
}
.summary .bd .bd1 dl dd {
	width: 100%;
	float: none;
	margin-bottom: 2%;
	border-bottom: 1px solid #e9e9e9;
}
.summary .bd .bd1 dl dd h5 {
	font-size: 18px;
}
.summary .bd .bd1 dl dd span {
	font-size: 14px;
	padding: 3% 0%;
	display: block;
}
.summary .bd .bd1 dl dd h4 {
	font-size: 14px;
	background: url(../images/inv05.png ) left center no-repeat;
	padding-left: 25px;
	color: #1eb9ee;
	background-size: 16px
}
.summary .bd ul li {
	width: 100%
}
}
 @media screen and (max-width: 640px) {
.summary .hd ul li {
	width: 90px;
	height: 25px;
	line-height: 25px;
}
.summary .hd ul {
	float: none;
}
.summary .hd .chose {
	float: none;
	padding: 3% 0;
	overflow: hidden;
}
.summary .hd .chose span {
	font-size: 14px;
	height: 25px;
	line-height: 25px;
}
.summary .hd .chose select {
	line-height: 25px;
	height: 25px;
	background-position: 60px 10px;
}
/*.summary .bd .bd1 dl dd{width: 100%;float: none;margin-bottom: 2%;}*/











}
/*summary*/















/*cale*/







.cale {
	width: 100%;
	margin: 3% auto;
}
.cale .hd {
	border-bottom: 1px solid #d9d9d9;
	height: 44px;
}
.cale .hd ul {
	overflow: hidden;
	width: 1380px;
	margin: 0 auto;
}
.cale .hd ul li {
	color: #666666;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 44px;
	float: left;
	outline: none;
}
.cale .hd ul li.on span {
	color: #1eb9ee;
	border-bottom: 5px solid #1eb9ee;
	display: inline-block;
	height: 39px;
}
.cale .bd {
	width: 1380px;
	margin: 2% auto 0 auto;
}
.cale .bd ul li {
	overflow: hidden;
}
/*.cale .bd ul li .sp1{float: left;width: 20%;}



.cale .bd ul li .sp2{float: left;width: 39%;}







.cale .bd ul li .sp1 dt{display: block; float: left;width: 99.7%;height: 60px;line-height: 60px;color: #fff;background: #1eb9ee;font-size: 20px;border-right: 1px solid #fff;text-align: center;}



.cale .bd ul li .sp1:nth-child(1) dt{border-left: 1px solid #1eb9ee;width: 99.6%;}



.cale .bd ul li .sp2 dt{display: block; float: left;width: 100%;background: #1eb9ee;font-size: 20px;border-right: 1px solid #1eb9ee;height: 60px;line-height: 60px;color: #fff;text-align: center;}















.cale .bd ul li .sp1 dd{display: block; float: left;width: 99.7%;height: 60px;line-height: 60px;color: #333;background: #fff;font-size: 20px;border-right: 1px solid #d9d9d9;text-align: center;border-bottom: 1px solid #d9d9d9;}



.cale .bd ul li .sp2 dd{display: block; float: left;width: 100%;background: #fff;font-size: 20px;border-right: 1px solid #d9d9d9;height: 60px;line-height: 60px;color: #333;text-align: center;border-bottom: 1px solid #d9d9d9;}



.cale .bd ul li .sp1:nth-child(1) dd{border-left: 1px solid #d9d9d9;width: 99.6%;}



    */











.cale .bd ul li dl dt span {
	background: #1eb9ee;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	float: left;
	display: block;
	padding: 1% 0;
}
.cale .bd ul li dl dt .sp1 {
	width: 20%;
	border-right: 1px solid #ffffff;
}
.cale .bd ul li dl dt .sp2 {
	width: 38%;
	border-right: 2px solid #1eb9ee;
}
.cale .bd ul li dl dd span {
	background: #ffffff;
	font-size: 16px;
	color: #333333;
	text-align: center;
	float: left;
	display: block;
	padding: 1% 0;
	border-bottom: 1px solid #d9d9d9;
}
.cale .bd ul li dl dd .sp1 {
	width: 20%;
	border-right: 1px solid #d9d9d9;
}
.cale .bd ul li dl dd .sp1:nth-child(1) {
	border-left: 1px solid #d9d9d9;
}
.cale .bd ul li dl dd .sp2 {
	width: 38%;
	border-right: 1px solid #d9d9d9;
}
.cale .bd ul li dl dt span {
	font-size: 18px;
}
.cale .bd ul li .m-dl {
	display: none;
}
.cale .bd ul li .pic {
	width: 43%;
	margin-right: 2%;
	border: 5px solid #f6f7f9;
	padding: 2%;
	float: left;
	overflow: hidden;
	float: left;
	margin-bottom: 3%;
}
.cale .bd ul li .pic .pt {
	float: left;
	width: 50%;
}
.cale .bd ul li .pic .pt img {
	width: 100%;
}
.cale .bd ul li .pic .text {
	font-size: 46%;
	margin-left: 4%;
	float: left;
}
.cale .bd ul li .pic .text h5 {
	font-size: 22px;
	color: #666666;
}
.cale .bd ul li .pic .text p {
	font-size: 18px;
	color: #333333;
	margin-top: 5%;
	height: 160px;
}
.cale .bd ul li .pic .text .txt {
	overflow: hidden;
}
.cale .bd ul li .pic .text .txt a {
	display: block;
	float: left;
	font-size: 16px;
	color: #666666;
	background: url(../images/inv04.png) no-repeat center left;
	padding-left: 30px;
}
.cale .bd ul li .pic .text .txt span {
	float: right;
	display: block;
	font-size: 16px;
	color: #666666
}
.cale .bd .boz ul {
	overflow: hidden;
}
.cale .bd .boz ul li {
	float: left;
	padding-bottom: 2%;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
	margin-bottom: 2%;
}
.cale .bd .boz ul li .pic1 {
	float: left;
	width: 15%;
}
.cale .bd .boz ul li .pic1 img {
	width: 100%;
}
.cale .bd .boz ul li .text {
	float: left;
	margin-left: 3%;
	width: 82%
}
.cale .bd .boz ul li .text h4 {
	font-size: 18px;
	color: #333333;
	margin-top: 3%;
}
.cale .bd .boz ul li .text .td span {
	font-size: 16px;
	color: #666666;
	display: block;
	float: left;
}
.cale .bd .boz ul li .text .td {
	overflow: hidden;
	margin-top: 2.5%;
}
.cale .bd .boz ul li .text .td em {
	float: right;
	font-size: 14px;
	color: #666666;
	width: 15%;
	padding-bottom: 1%;
	border-bottom: 3px solid #969696;
	margin-right: 5%;
	background: url(../images/emicon.png) right top no-repeat;
}
 @media screen and (min-width: 1336px) {
.cale .bd .boz ul li:hover .text h4 {
	color: #1eb9ee;
}
.cale .bd .boz ul li:hover .text em {
	color: #1eb9ee;
	background: url(../images/emicon02.png) right top no-repeat;
	border-bottom: 3px solid #1eb9ee;
}
.cale .bd ul li .pic:hover .text h5 {
	font-size: 22px;
	color: #1eb9ee;
}
.cale .bd ul li .pic:hover .text .txt a {
	background: url(../images/inv05.png) no-repeat center left;
}
.cale .bd ul li .pic:hover .text p {
	color: #fd8e1b;
}
}
 @media screen and (max-width: 1440px) {
.cale .hd ul {
	width: 1200px;
}
.cale .bd {
	width: 1200px;
}
.cale .bd ul li .sp1:nth-child(1) dt {
	width: 99.3%
}
.cale .bd ul li .sp1:nth-child(1) dd {
	width: 99.3%;
}
.cale .bd ul li .pic .text p {
	height: 130px;
}
}
 @media screen and (max-width: 1220px) {
.cale .hd ul {
	width: 90%;
}
.cale .bd {
	width: 90%;
}
.cale .bd ul li .sp1 {
	width: 50%;
}
.cale .bd ul li .sp2 {
	width: 50%;
}
.cale .bd ul li .sp2 dd {
	border: none;
}
.cale .bd ul li .sp1 dd {
	border: none;
}
/*.cale .bd ul li .sp1:nth-child(1) dt{width: 99.5%;}



	.cale .bd ul li .sp1:nth-child(1) dd{border: none;}







	.cale .bd ul li .sp1 dt,.cale .bd ul li .sp1:nth-child(1) dt{height: 30px;line-height: 30px;font-size: 16px;}



	.cale .bd ul li .sp2 dt{line-height: 30px;height: 30px;font-size: 14px;}







	.cale .bd ul li .sp1 dd,.cale .bd ul li .sp1:nth-child(1) dd{height: 30px;line-height: 30px;font-size: 14px;}



	.cale .bd ul li .sp2 dd{height: 30px;line-height: 30px;font-size: 14px;}



	.cale .bd ul li .sp1:nth-child(1) dt{width: 99.1%}*/







.cale .bd ul li .pic .pt {
	width: 100%;
	float: none;
}
.cale .bd ul li .pic {
	width: 26%;
	margin-right: 1%;
}
.cale .bd ul li .pic .text {
	float: none;
	width: 100%;
	margin-left: 0;
	font-size: 16px;
}
.cale .bd ul li .pic .text h5 {
	font-size: 16px;
}
.cale .bd ul li .pic .text p {
	font-size: 14px;
	height: auto;
}
.cale .bd ul li .pic .text .txt {
	margin-top: 3%;
}
.cale .bd ul li .pic .text .txt a {
	font-size: 14px;
}
.cale .bd ul li .pic .text .txt span {
	font-size: 14px;
}
.cale .bd .boz ul li .pic1 {
	float: none;
	width: 40%;
}
.cale .bd .boz ul li .text {
	float: none;
	margin-left: 0;
	width: 100%;
}
.cale .bd .boz ul li .text h4 {
	font-size: 16px;
	margin-top: 2%;
}
.cale .bd .boz ul li .text .td span {
	font-size: 14px;
	width: 100%;
	float: none;
}
.cale .bd .boz ul li .text .td {
	margin-top: 2%;
}
.cale .bd .boz ul li .text .td em {
	float: none;
	width: 100%;
	padding: 0;
	background: none;
	margin-top: 1%;
	display: block;
	border-bottom: none;
}
}
 @media screen and (max-width: 768px) {
.cale .bd ul li .pic {
	width: 41%;
	margin-right: 1%;
}
.cale .bd ul li .pic .text h5 {
	font-size: 14px;
}
.cale .bd ul li .pic .text .txt a {
	float: none;
	padding: 6% 0;
	background: none;
}
.cale .bd ul li .pic .text .txt span {
	float: none;
}
.cale .bd .boz ul li .text h4 {
	font-size: 14px;
}
.cale .bd .boz ul li .pic1 {
	width: 100%
}
.cale .hd ul li.on span {
	border-bottom: 2px solid #1eb9ee;
	height: 42px;
}
.cale .bd ul li dl {
	display: none;
}
.cale .bd ul li .m-dl {
	display: block;
}
.cale .bd ul li .m-dl div {
	width: 100%;
	margin-bottom: 5%;
	overflow: hidden;
}
.cale .bd ul li .m-dl div span {
	width: 50%;
	overflow: hidden;
	display: block;
	float: left;
}
.cale .bd ul li .m-dl div span h5 {
	width: 100%;
	background: #1eb9ee;
	color: #fff;
	text-align: center;
	display: block;
	padding: 1% 0;
	font-size: 16px;
}
.cale .bd ul li .m-dl div span em {
	display: block;
	font-size: 14px;
	text-align: center;
	padding: 2% 0;
}
}
/*cale*/







/*contact*/







.cant {
	width: 1380px;
	margin: 3% auto;
}
.cant2 {
	display: none;
}
.cant dl {
	overflow: hidden;
}
.cant dl dt .sp1 {
	float: left;
	display: block;
	line-height: 60px;
	text-align: center;
	width: 477px;
	height: 60px;
	border-left: 1px solid #1eb9ee;
	border-right: 1px solid #fff;
	height: 60px;
	color: #fff;
	font-size: 20px;
	background: #1eb9ee;
	border-right: 1px solid #fff;
}
.cant dl dt .sp2 {
	float: left;
	display: block;
	line-height: 60px;
	text-align: center;
	width: 238px;
	height: 60px;
	border-left: 1px solid #1eb9ee;
	border-right: 1px solid #fff;
	height: 60px;
	color: #fff;
	font-size: 20px;
	background: #1eb9ee;
	border-right: 1px solid #fff;
}
.cant dl dt .sp3 {
	float: left;
	display: block;
	line-height: 60px;
	text-align: center;
	width: 659px;
	height: 60px;
	border-left: 1px solid #1eb9ee;
	border-right: 1px solid #fff;
	height: 60px;
	color: #fff;
	font-size: 20px;
	background: #1eb9ee;
	border-right: 1px solid #1eb9ee;
}
.cant dl dd .sp1 {
	border-bottom: 1px solid #d9d9d9;
	float: left;
	display: block;
	line-height: 60px;
	text-align: center;
	width: 477px;
	height: 60px;
	border-left: 1px solid #d9d9d9;
	height: 60px;
	color: #333;
	font-size: 20px;
	background: #fff;
}
.cant dl dd .sp2 {
	border-bottom: 1px solid #d9d9d9;
	float: left;
	display: block;
	line-height: 60px;
	text-align: center;
	width: 238px;
	height: 60px;
	border-left: 1px solid #d9d9d9;
	height: 60px;
	color: #333;
	font-size: 20px;
	background: #fff;
}
.cant dl dd .sp3 {
	border-bottom: 1px solid #d9d9d9;
	float: left;
	display: block;
	line-height: 60px;
	text-align: center;
	width: 659px;
	height: 60px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	height: 60px;
	color: #333;
	font-size: 20px;
	background: #fff;
	border-right: 1px solid #d9d9d9;
}
 @media screen and (max-width: 1440px) {
.cant {
	width: 1200px;
}
.cant dl dt .sp3 {
	width: 479px;
}
.cant dl dd .sp3 {
	width: 479px;
}
}
 @media screen and (max-width: 1220px) {
.cant {
	display: block;
}
.cant {
	width: 1024px;
}
.cant dl dt .sp3 {
	width: 303px;
}
.cant dl dd .sp3 {
	width: 305px;
}
}
 @media screen and (max-width: 1024px) {
.cant {
	display: none;
}
.cant2 {
	width: 90%;
	margin: 3% auto;
	display: block;
	overflow: hidden;
}
.cant2 li {
	float: left;
	width: 50%;
	margin-bottom: 2%;
}
.cant2 li h5 {
	font-size: 16px;
	color: #333;
	display: block;
}
.cant2 li span {
	display: block;
	font-size: 14px;
	color: #333333;
}
.cant2 li div {
	margin: 2% auto
}
}
 @media screen and (max-width: 640px) {
.cant2 li {
	float: none;
	width: 100%;
	border-bottom: 1px solid #ccc
}
}
/*contact*/















/*会员登录*/











#fade {
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	position: absolute;
	top: 0;
	display: none;
	z-index: 88
}
.showbox {
	width: 638px;
	background: #fff;
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-bottom: 30px;
	display: none;
	z-index: 99
}
.showbox .colse {
	position: absolute;
	right: 5%;
	top: 4%;
	background: url(../images/coles.jpg) no-repeat;
	width: 14px;
	height: 14px;
}
.showbox h5 {
	font-size: 26px;
	color: #333;
	text-align: center;
	padding-top: 5%;
margin-bottom:
}
.showbox p {
	font-size: 16px;
	color: #999999;
	display: block;
	text-align: left;
	padding: 2% 0 3% 0;
	width: 357px;
	margin: 0 auto
}
.showbox form {
	width: 357px;
	margin: 0 auto;
}
.showbox form .mb {
	margin-bottom: 3%;
	overflow: hidden;
}
.showbox form .mb label {
	display: block;
	float: left;
	width: 85px;
	font-size: 16px;
	color: #333333;
	text-align: left;
	line-height: 38px;
}
.showbox form .mb .box {
	height: 16px;
	border: 1px solid #dddddd;
	width: 236px;
	float: left;
	padding: 12px 0px 12px 12px;
}
.showbox form .mb .box input {
	width: 208px;
	height: 21px;
	display: block;
	float: left;
}
.showbox form .mb .box i {
	border-left: 1px solid #dddddd;
	padding: 0 5px;
	display: block;
	float: left;
}
.showbox form .mb .submit {
	margin-left: 78px;
	margin-top: 5%;
	width: 130px;
	height: 48px;
	background: #1eb9ee;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	font-family: '微软雅黑';
}
.showbox form .mb .reg {
	margin-top: 5%;
	width: 130px;
	height: 48px;
	background: #c0c0c0;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	font-family: '微软雅黑';
}
.showbox form .mt {
	overflow: hidden;
	height: 30px;
	border-bottom: 1px dashed #c0c0c0;
	margin-top: 7%;
	margin-bottom: 3%;
}
.showbox form .mt h4 {
	display: block;
	float: left;
	font-size: 16px;
	color: #333333;
}
.showbox form .mt em {
	display: block;
	float: right;
	background: url(../images/sqicon.jpg) no-repeat center right;
	padding-right: 25px;
	color: #c0c0c0;
	line-height: 30px;
	cursor: pointer;
}
.showbox form .mt em.on {
	background: url(../images/sqicon2.jpg) no-repeat center right;
}
.showbox form .mb .button {
	margin-left: 78px;
	margin-top: 4%;
	width: 280px;
	height: 48px;
	background: #1eb9ee;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	font-family: '微软雅黑';
}
.showbox form .up {
	display: none;
}
/*注册*/



.showbox1 {
	width: 638px;
	background: #fff;
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-bottom: 30px;
	display: none;
	z-index: 99
}
.showbox1 .colse {
	position: absolute;
	right: 5%;
	top: 4%;
	background: url(../images/coles.jpg) no-repeat;
	width: 14px;
	height: 14px;
}
.showbox1 h5 {
	font-size: 26px;
	color: #333;
	text-align: center;
	padding-top: 5%;
	margin-bottom: 5%;
}
.showbox1 form {
	width: 357px;
	margin: 0 auto;
}
.showbox1 form .mb {
	margin-bottom: 3%;
	overflow: hidden;
}
.showbox1 form .mb label {
	display: block;
	float: left;
	width: 85px;
	font-size: 16px;
	color: #333333;
	text-align: left;
	line-height: 38px;
}
.showbox1 form .mb label em {
	color: #ea0000;
	font-size: 16px;
}
.showbox1 form .mb .box {
	height: 16px;
	border: 1px solid #dddddd;
	width: 236px;
	float: left;
	padding: 12px 0px 12px 12px;
}
.showbox1 form .mb .box input {
	width: 208px;
	height: 21px;
	display: block;
	float: left;
}
.showbox1 form .mb .box i {
	border-left: 1px solid #dddddd;
	padding: 0 5px;
	display: block;
	float: left;
}
.showbox1 form .mb .box.mail {
	width: 250px;
	padding: 0;
	height: 38px;
	line-height: 38px;
	border: none;
}
.showbox1 form .mb .box.mail input {
	width: 95px;
	line-height: 36px;
	height: 36px;
	border: 1px solid #dddddd;
}
.showbox1 form .mb .box.mail span {
	display: block;
	float: left;
	margin-left: 5px;
}
.showbox1 form .mb .submit {
	margin-left: 86px;
	margin-top: 5%;
	width: 250px;
	height: 48px;
	background: #1eb9ee;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	font-family: '微软雅黑';
	float: none;
	display: block;
}
.showbox1 form .mb .reg {
	margin-left: 86px;
	margin-top: 2%;
	width: 250px;
	height: 48px;
	background: #c0c0c0;
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	font-family: '微软雅黑';
	float: none;
	display: block;
}
.showbox1 form .mt {
	overflow: hidden;
	height: 30px;
	border-bottom: 1px dashed #c0c0c0;
	margin-top: 7%;
	margin-bottom: 3%;
}
.showbox1 form .mt h4 {
	display: block;
	float: left;
	font-size: 16px;
	color: #333333;
}
.showbox1 form .mt em {
	display: block;
	float: right;
	background: url(../images/sqicon.jpg) no-repeat center right;
	padding-right: 25px;
	color: #c0c0c0;
	line-height: 30px;
	cursor: pointer;
}
 @media screen and (max-width: 1220px) {
.pc-h {
	z-index: 9999;
}
.showbox, .showbox1 {
	width: 450px;
}
.showbox h5, .showbox1 h5 {
	font-size: 20px;
}
.showbox p {
	font-size: 14px;
}
.showbox form .mb .submit, .showbox form .mb .button {
	height: 38px;
	line-height: 38px;
}
.showbox1 form .mb .submit, .showbox1 form .mb .button {
	height: 38px;
	line-height: 38px;
}
.showbox1 form .mb .reg {
	height: 38px;
	line-height: 38px;
}
}
 @media screen and (max-width: 768px) {
.showbox {
	width: 90%;
	top: 7%;
	position: absolute;
}
.showbox form {
	width: 90%;
	margin: 0 auto;
}
.showbox h5 {
	font-size: 16px;
}
.showbox form .mb label {
	width: 100%;
	float: none;
}
.showbox form .mb .box {
	width: 89%;
	padding: 0 5%;
	height: 38px;
}
.showbox form .mb .box input {
	width: 100%;
	height: 38px;
	line-height: 38px;
}
.showbox form .mb .box i {
	display: none;
}
.showbox form .mb .submit, .showbox form .mb .button {
	margin-left: 0;
}
.showbox p {
	width: 90%;
	margin: 0 auto;
}
.showbox1 {
	width: 90%;
	top: 7%;
	position: absolute;
}
.showbox1 form {
	width: 90%;
	margin: 0 auto;
}
.showbox1 h5 {
	font-size: 16px;
}
.showbox1 form .mb label {
	width: 100%;
	float: none;
}
.showbox1 form .mb .box {
	width: 89%;
	padding: 0 5%;
	height: 38px;
}
.showbox1 form .mb .box input {
	width: 100%;
	height: 38px;
	line-height: 38px;
}
.showbox1 form .mb .box i {
	display: none;
}
.showbox form .mb label, .showbox1 form .mb label {
	font-size: 14px;
}
.showbox1 form .mb .submit, .showbox1 form .mb .reg {
	width: 100%;
	margin-left: 0;
	font-size: 14px;
}
}
/*-------*/











.finbox dl {
	overflow: hidden;
}
.finbox dl dd {
	width: 595px;
	height: 245px;
	border: 10px solid #f6f7f9;
	padding: 20px;
	float: left;
	margin-right: 5%;
	margin-bottom: 3%;
}
.finbox dl dd .pic {
	float: left;
	width: 180px;
}
.finbox dl dd .text {
	float: left;
	margin-left: 28px;
}
.finbox dl dd .text .td {
	color: #666666;
	font-size: 22px;
	margin-top: 20px;
	height: 200px;
}
.finbox dl dd .text .txt {
	overflow: hidden;
	width: 360px;
}
.finbox dl dd .text .txt span {
	float: left;
	padding-left: 22px;
	display: block;
	color: #666666;
	font-size: 16px;
	background: url(../images/inv04.png) center left no-repeat;
}
.finbox dl dd .text .txt p {
	float: right;
	color: #666666;
	font-size: 14px;
	display: block;
}
 @media screen and (max-width: 1440px) {
.finbox dl dd {
	width: 518px;
	margin-right: 3%;
}
.finbox dl dd .text .txt {
	width: 310px;
}
}
 @media screen and (max-width: 1220px) {
.finbox {
	width: 100%;
}
.finbox dl dd .pic {
	width: 100%;
	float: none;
}
.finbox dl dd .pic img {
	width: 100%;
}
.finbox dl dd {
	height: auto;
	width: 41%;
	float: left;
	padding: 3%;
	border: 1px solid #f6f7f9;
	margin-right: 4%;
}
.finbox dl dd .text {
	float: none;
	margin-left: 0;
}
.finbox dl dd .text .td {
	width: auto;
	height: auto;
	font-size: 18px;
	margin-top: 5%;
}
.finbox dl dd .text .txt {
	width: 100%;
	margin-top: 5%;
	background: none;
	display: block;
}
.finbox dl dd .text .txt span {
	background: none;
	padding-left: 0
}
}
/*-------------------------*/











.mile {
	overflow: hidden;
}
.mile dl dd {
	margin-bottom: 3%;
	overflow: hidden;
}
.mile dl dd .left {
	float: left;
	width: 18%;
	border-bottom: 1px solid #e0e0e0;
}
.mile dl dd .left h4 {
	display: block;
	font-size: 26px;
	color: #333333
}
.mile dl dd .right {
	float: right;
	width: 77%;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	padding-bottom: 2%;
}
.mile dl dd .right p {
	font-size: 16px;
	color: #333;
	display: block;
	background: url(../images/milecion02.jpg) left center no-repeat;
	padding-left: 20px;
	line-height: 28px;
}
.mile dl dd .right p:hover {
	color: #1eb9ee;
	background: url(../images/milecion01.jpg) left center no-repeat
}
.mile dl dd .left:hover h4 {
	color: #1eb9ee;
}
 @media screen and (max-width: 1220px) {
.mile dl dd {
	height: auto;
}
.mile dl dd .left {
	float: left;
	height: auto;
	width: 100%;
	border: none;
	margin-bottom: 2%
}
.mile dl dd .right {
	float: none;
	height: auto;
	width: 100%;
	padding-bottom: 3%;
}
}
 @media screen and (max-width: 768px) {
.mile dl dd .left h4 {
	font-size: 20px;
}
.mile dl dd .right p {
	font-size: 14px;
}
.finbox dl dd .text .td, .finbox dl dd .text .txt span {
	font-size: 14px;
}
.finbox dl dd .text .txt span {
	float: none;
	margin-bottom: 8px;
}
.finbox dl dd .text .txt p {
	float: none;
}
}
/*global*/







.global {
	width: 1380px;
	margin: 3% auto;
	overflow: hidden;
}
.global .map {
	float: left;
	width: 70%;
}
.global .map img {
	width: 98%;
}
.global .text {
	float: right;
	background: #f6f7f9;
	width: 26%;
	padding: 3% 2%;
}
.global .text .td {
	margin-bottom: 8%;
}
.global .text h4 {
	color: #1eb9ee;
	font-size: 25px;
}
.global .text span {
	font-size: 18px;
	color: #333333;
	padding: 3% 0%;
	display: block;
}
.global .text p {
	font-size: 16px;
	color: #666666;
	display: block;
	margin-bottom: 6%;
}
.global .text .td:nth-child(2) {
	border-top: 1px solid #cbcccb;
	padding-top: 5%;
}
.global .text.chcn {
	margin-top: 5%;
}
.glbbox {
	width: 1380px;
	margin: 3% auto 0 auto;
}
.glbbox .hd {
	background: #1eb9ee;
	height: 54px;
	line-height: 54px;
}
.glbbox .hd ul {
	overflow: hidden;
	width: 80%;
	margin: 0 auto
}
.glbbox .hd ul li {
	float: left;
	width: 16.6%;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	cursor: pointer;
}
.glbbox .hd ul li.on {
	background: #fd8e1c;
}
.glbbox .bd {
	margin-top: 3%;
}
.glbbox .bd ul li {
	overflow: hidden;
	margin-bottom: 3%;
}
.glbbox .bd ul li .left {
	float: left;
	width: 20%;
	height: 118px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 16px;
	color: #333333;
}
.glbbox .bd ul li .right {
	float: right;
	width: 78%;
	border-bottom: 1px solid #e0e0e0;
	height: 118px;
}
.glbbox .bd ul li .right p {
	font-size: 16px;
	color: #333333;
	margin-bottom: 1%;
}
.city {
	margin-bottom: 5%;
}
.city ul {
	margin-top: 5%;
	display: none;
}
.city ul li {
	width: 100%;
	height: 97px;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	margin-top: 3%;
}
.city ul li h3 {
	display: block;
	float: left;
	width: 25%;
	color: #333333;
	font-size: 16px;
}
.city ul li .txt {
	width: 75%;
	float: right;
}
.city ul li .txt p {
	color: #333333;
	font-size: 16px;
	margin-bottom: 1%;
}
.city ul.on {
	display: block;
}
/*.glbbox span{width: 100%;height:67px ;background: #1eb9ee;text-align: center;display: block;line-height: 67px;color: #fff;font-size: 22px;}*/







.china-map {
	width: 815px;
	float: left;
	position: relative;
	height: 675px;
}
.china-map li {
	position: absolute;
	cursor: pointer;
}
.china-map .xj {
	left: 0;
	top: 84px;
}
.china-map .xj i {
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	top: 85px;
	left: 130px;
	z-index: 999;
	line-height: 30px;
}
.china-map .xj:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .xz {
	left: 36px;
	top: 316px;
}
.china-map .xz i {
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	top: 46px;
	left: 86px;
	z-index: 999;
	line-height: 30px;
}
.china-map .xz:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .yn {
	left: 320px;
	top: 473px;
}
.china-map .yn i {
	top: 20px;
	left: 19px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .yn:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .qh {
	left: 209px;
	top: 277px;
}
.china-map .qh i {
	top: 5px;
	left: 57px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .qh:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .sichuan {
	left: 326px;
	top: 377px;
}
.china-map .sichuan i {
	top: 5px;
	left: 35px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .sichuan:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .gx {
	left: 436px;
	top: 522px;
}
.china-map .gx i {
	top: -5px;
	left: 33px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .gx:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .gd {
	left: 526px;
	top: 536px;
}
.china-map .gd i {
	top: -27px;
	left: 13px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .gd:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .fj {
	left: 625px;
	top: 476px;
}
.china-map .fj i {
	top: -13px;
	left: -12px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .fj:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .nh {
	left: 507px;
	bottom: 2px;
}
.china-map .nh i {
	top: -41px;
	left: -25px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .nh:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .tw {
	left: 695px;
	top: 526px;
}
.china-map .tw i {
	top: -30px;
	left: -33px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .tw:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .gs {
	left: 271px;
	top: 217px;
}
.china-map .gs i {
	top: 91px;
	left: 122px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .gs:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .nmg {
	left: 338px;
	top: 10px;
}
.china-map .nmg i {
	top: 188px;
	left: 122px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .nmg:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .nx {
	left: 437px;
	top: 283px;
}
.china-map .nx i {
	top: -23px;
	left: -25px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .nx:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .hz {
	left: 420px;
	top: 471px;
}
.china-map .hz i {
	top: -16px;
	left: 7px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .hz:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .zj {
	left: 656px;
	top: 405px;
}
.china-map .zj i {
	top: -8px;
	left: -14px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .zj:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .hn {
	left: 509px;
	top: 452px;
}
.china-map .hn i {
	top: -8px;
	left: 5px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .hn:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .xx {
	left: 454px;
	top: 277px;
}
.china-map .xx i {
	top: 48px;
	left: -6px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .xx:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .hb {
	left: 499px;
	top: 395px;
}
.china-map .hb i {
	top: -25px;
	left: 16px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .hb:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .cxx {
	left: 453px;
	top: 418px;
}
.china-map .cxx i {
	top: -25px;
	left: -12px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .cxx:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .jx {
	left: 586px;
	top: 450px;
}
.china-map .jx i {
	top: -25px;
	left: -12px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .jx:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .shanxi {
	left: 522px;
	top: 252px;
}
.china-map .shanxi i {
	top: 19px;
	left: -19px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .shanxi:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .hehei {
	left: 566px;
	top: 210px;
}
.china-map .hehei i {
	top: 19px;
	left: -19px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .hehei:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .beijing {
	left: 590px;
	top: 241px;
	z-index: 999;
}
.china-map .beijing i {
	top: -48px;
	left: -29px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .beijing:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .henan {
	left: 527px;
	top: 335px;
}
.china-map .henan i {
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) center center no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	top: 5px;
	left: 6px;
	z-index: 999;
	line-height: 30px;
}
.china-map .henan:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	top: -18px;
	left: 8px;
	font-size: 14px;
}
.china-map .hlj {
	left: 628px;
	top: 4px;
}
.china-map .hlj i {
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) center center no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	top: 64px;
	left: 58px;
	z-index: 999;
	line-height: 30px;
}
.china-map .hlj:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .jl {
	left: 658px;
	top: 133px;
}
.china-map .jl i {
	top: -18px;
	left: 32px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .jl:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .tj {
	left: 610px;
	top: 254px;
	z-index: 8888;
}
.china-map .tj i {
	top: -48px;
	left: -36px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 8888;
	line-height: 30px;
}
.china-map .tj:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .ll {
	left: 634px;
	top: 185px;
}
.china-map .ll i {
	top: -21px;
	left: 18px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .ll:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .anhui2 {
	left: 596px;
	top: 362px;
}
.china-map .anhui2 i {
	top: -38px;
	left: 36px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .anhui2:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .shandong {
	left: 593px;
	top: 293px;
}
.china-map .shandong i {
	top: -22px;
	left: -8px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .shandong:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .jiangsu {
	left: 615px;
	top: 350px;
}
.china-map .jiangsu i {
	top: 2px;
	left: -26px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .jiangsu:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.china-map .sh {
	left: 696px;
	top: 405px;
}
.china-map .sh i {
	top: -58px;
	left: -36px;
	color: #fff;
	font-size: 0px;
	text-align: center;
	display: block;
	background: url(../images/address01.png) 38px 47px no-repeat;
	width: 94px;
	height: 67px;
	position: absolute;
	z-index: 999;
	line-height: 30px;
}
.china-map .sh:hover i {
	background: url(../images/address02.png) center center no-repeat;
	width: 94px;
	height: 67px;
	font-size: 14px;
}
.m-map {
	display: none;
}
#ChinaMap {
	display: block;
	float: left
}
.map .tTle {
	padding: 1% 0;
	width: 100%;
	background: #1eb9ee;
	width: 1380px;
	margin: 0 auto
}
.map .tTle span {
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	display: block;
}
 @media screen and (max-width: 1440px) {
.glbbox {
	width: 1200px;
}
.global {
	width: 1200px;
}
.map .tTle {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.global {
	width: 90%;
}
.global .map {
	width: 100%;
	float: none;
}
.global .text {
	float: none;
	width: 96%;
	overflow: hidden;
}
.global .text .td {
	width: 45%;
	float: left;
}
.global .text .td:nth-child(1) {
	float: left;
}
.global .text .td:nth-child(2) {
	float: right;
	padding: 0;
	border: none;
}
.global .text h4 {
	font-size: 18px;
}
.global .text span {
	font-size: 16px;
}
.global .text p {
	font-size: 14px;
}
.glbbox {
	width: 90%;
}
.glbbox .hd ul {
	width: 100%;
}
.glbbox .hd ul li {
	width: 33.33%;
	line-height: 35px;
	font-size: 16px;
}
.glbbox .hd {
	height: auto;
	line-height: normal;
}
.glbbox .bd ul li {
	border-bottom: 1px solid #e0e0e0;
}
.glbbox .bd ul li .left {
	width: 100%;
	float: none;
	border-bottom: none;
	height: auto;
	padding-bottom: 2%;
}
.glbbox .bd ul li .right {
	width: 100%;
	float: none;
	border-bottom: none;
}
.glbbox .bd ul li .right p {
	font-size: 14px;
}
.china-map {
	display: none;
}
.city {
	display: none;
}
.m-map {
	display: block;
	width: 90%;
	margin: 5% auto;
	position: relative;
	z-index: 999999999
}
.m-map dl dt {
	cursor: pointer;
	width: 95%;
	padding-left: 5%;
	background: #1eb9ee;
	color: #fff;
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	border-bottom: 1px solid #fff;
}
.m-map dl dd {
	background: #f6f7f9;
	width: 95%;
	padding-left: 5%;
	border-bottom: 1px solid #cecece;
	display: none;
}
.m-map dl dd span {
	font-size: 14px;
	color: #333;
	padding: 1% 0;
	display: block;
}
.m-map dl dd p {
	font-size: 12px;
	color: #333;
	padding: 1% 0%;
}
.m-map dl.on dd {
	display: block;
}
.map .tTle {
	width: 100%;
}
#ChinaMap {
	display: none;
}
.itemCon {
	display: block;
}
}
 @media screen and (max-width: 768px) {
.global .text .td:nth-child(1) {
	border-bottom: 1px solid #cecece
}
.global .text .td:nth-child(1), .global .text .td:nth-child(2) {
	float: none;
	width: 100%;
}
.global .text h4 {
	font-size: 16px;
}
.global .text span {
	font-size: 14px;
}
.itemCon {
	display: none
}
.m-map dl dt {
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}
}
/*global*/











/*newsbox*/







.newsbox {
	overflow: hidden;
	width: 1380px;
	margin: 0 auto;
}
.newsbox dl {
	border-top: 3px solid #1eb9ee;
}
.newsbox dl dd {
	height: 108px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
	padding-top: 3%;
	cursor: pointer;
}
.newsbox dl dd .left {
	float: left;
	width: 13%;
	border-right: 1px solid #d9d9d9;
}
.newsbox dl dd .left h5 {
	font-size: 50px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.newsbox dl dd .left h4 {
	color: #666666;
	font-size: 14px;
	text-align: center;
}
.newsbox dl dd .right {
	float: right;
	width: 84%;
}
.newsbox dl dd .right h3 {
	font-size: 18px;
	color: #333333;
}
.newsbox dl dd .right p {
	font-size: 16px;
	color: #666666;
	margin-top: 1%;
}
.newsbox dl dd .right em {
	float: right;
	font-size: 14px;
	color: #666666;
	background: url(../images/emicon.png) right center no-repeat;
	padding-right: 60px;
	border-bottom: 3px solid #969696;
	padding-bottom: .5%;
}
.page {
	overflow: hidden;
	width: 24%;
	margin: 0 auto;
	padding-bottom: 3%;
}
.page span {
	float: left;
	display: block;
	font-size: 12px;
	color: #999999;
	line-height: 45px;
	width: 45px;
	text-align: center;
}
.page .next {
	background: url(../images/pagenext.jpg) no-repeat;
}
.page .next:hover {
	background: url(../images/pagenext01.jpg) no-repeat;
}
.page span.on {
	background: #1eb9ee;
	color: #fff;
}
.page a.on {
	background: #1eb9ee;
	color: #fff;
}
 @media screen and (min-width: 1366px) {
.newsbox dl dd:hover {
	background: #1eb9ee;
}
.newsbox dl dd:hover .left h5, .newsbox dl dd:hover .left h4 {
	color: #fff;
}
.newsbox dl dd:hover .right h3 {
	color: #fff;
}
.newsbox dl dd:hover .right p {
	color: #fff;
}
.newsbox dl dd:hover .right em {
	color: #fff;
	background: url(../images/borspan03.jpg) right center no-repeat;
	border-bottom: 3px solid #ffffff;
}
}
 @media screen and (max-width: 1440px) {
.newsbox {
	width: 1200px
}
.page {
	width: 50%;
}
}
 @media screen and (max-width: 1220px) {
.newsbox dl dd {
	height: auto;
	padding-bottom: 2%;
}
.newsbox {
	width: 100%
}
.newsbox dl dd .left {
	float: none;
	width: 100%;
}
.newsbox dl dd .left h5 {
	text-align: left;
}
.newsbox dl dd .left h4 {
	text-align: left;
}
.newsbox dl dd .right {
	float: none;
	width: 100%;
}
.newsbox dl dd .right em {
	float: none;
	border: none;
	background: none;
	margin-top: 2%;
	display: block;
}
.newsbox dl dd .left h5 {
	font-size: 20px;
}
.newsbox dl dd .right p {
	font-size: 14px;
}
.newsbox dl dd .right h3 {
	font-size: 14px;
}
.newsbox dl dd .left h4 {
	padding: 1% 0;
}
.page a {
	width: 33px;
	height: 33px;
	line-height: 33px;
}
.page a:hover {
	width: 33px;
	height: 33px;
	background: #1eb9ee;
	color: #fff;
}
.page .next, .page .next:hover {
	background-position: 0px -4px;
}
}
 @media screen and (max-width: 768px) {
.page {
	width: 45%;
}
.newsbox dl dd .left:after {
	display: block;
	content: '';
	clear: both
}
.newsbox dl dd .left h4 {
	display: inline-block;
	float: left
}
.newsbox dl dd .left h5 {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	padding: 1% 0;
	margin-left: 5px;
}
}
 @media screen and (max-width: 640px) {
.page {
	width: 75%;
}
}
 @media screen and (max-width:414px) {
.page {
	width: 80%;
}
}
/*newsbox*/















.eventList {
	overflow: hidden;
	width: 1380px;
	margin: 3% auto;
}
.eventList li {
	width: 47%;
	float: left;
	border: 1px solid #d9d9d9;
	margin-right: 5%;
	margin-bottom: 2%;
}
.eventList li .logo {
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 3% 0;
	border-bottom: 1px solid #d9d9d9;
}
.eventList li>a {
	width: 227px;
	background: url(../images/veiw_aa1.jpg) no-repeat;
	height: 54px;
	display: block;
	margin: 3% auto;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
}
.eventList li>a:hover {
	background: url(../images/veiw_aa2.jpg) no-repeat;
	color: #fff;
}
/*滚动条*/



.c1 {
	height: 157px;
	padding: 4%;
}
.c1 p {
	line-height: 25px;
	font-size: 16px;
	color: #333333
}
.c1 p em {
	color: #1eb9ee;
}
.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
	color: #333333;
	font-size: 16px;
	line-height: 25px;
}
.mCSB_inside > .mCSB_container {
	width: 100%;
}
.mCSB_scrollTools {
	position: absolute;
	width: 6px;
	left: auto;
	top: 32px;
	right: 2px;
	bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;
	right: -.2px;
	border-radius: 5px
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 3px;
	height: 157px;
	margin: 0 auto;
	background: #f6f6f6;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 6px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #d2d2d2;
	background: #ebebeb;
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.scroll {
	position: relative;
	border-bottom: 1px dashed #d9d9d9;
}
/*滚动条*/



.showbox .c2 {
	height: 380px;
}
.showbox1 .c2 {
	height: 480px;
}
.c2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #1eb9ee;
}
 @media screen and (max-width: 1440px) {
.eventList {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.eventList {
	width: 90%;
}
.eventList li {
	width: 99%;
	margin-right: 0;
	float: none;
}
.c1 p {
	font-size: 14px;
}
.eventList li a {
	width: 117px;
	height: 44px;
	line-height: 44px;
	background-size: cover;
	background-position: center center;
	font-size: 14px;
}
.eventList li a:hover {
	width: 117px;
	height: 44px;
	line-height: 44px;
	background-size: cover;
	background-position: center center;
}
.eventList li .logo img {
	width: 50%;
}
}
.pc-nav ul li .pc-seced {
	left: -80px;
	display: none;
	position: absolute;
	top: 90px;
	width: 1300px;
	background: url(../images/seced.png) no-repeat;
	z-index: 999;
	margin: 0 auto;
	border-top: 1px solid #e6e6e6;
	padding-top: 27px;
	right: 0;
	height: 310px;
	overflow: hidden;
}
.thNav .mCSB_scrollTools {
	width: 1px;
	background: #d5d5d5;
	top: 0
}
.thNav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 3px;
	background: #cacaca;
	left: -1px;
}
.thNav .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}
.thText .mCSB_scrollTools {
	width: 1px;
	background: #d5d5d5;
	top: 0
}
.thText .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 3px;
	background: #cacaca;
	left: -1px;
}
.thText .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}
.thText .thBox {
	display: none;
	overflow: hidden;
}
.thBox .imgPic {
	float: left;
	height: 260px;
	border-right: 1px solid #d5d5d5;
	padding: 0 3%;
	width: 13%;
	border-left: 1px solid #d5d5d5;
}
.thBox .imgPic img {
	width: 100%;
	margin-top: 100%
}
.thBox .text {
	float: left;
	height: 260px;
	margin-left: 6%;
	width: 73%;
}
.thBox .text h2 {
	font-size: 20px;
	color: #1eb9ee;
	text-align: left;
	line-height: normal;
}
.thBox .text p {
	font-size: 14px;
	color: #666666;
	line-height: normal;
	text-align: left;
	line-height: 25px;
	margin-top: 15px
}
.pc-nav ul li .pc-seced .thText {
	float: left;
	width: 48%;
	height: 260px;
	overflow: hidden;
	margin-left: 1%
}
.pc-nav ul li .pc-seced .thText dl {
	display: block;
	width: 40%;
	float: left;
}
.pc-nav ul li .pc-seced .thText dl dd {
	width: 100%;
	line-height: normal;
	text-align: left;
	font-size: 14px;
	margin-bottom: 12px;
}
.pc-nav ul li .pc-seced .thText dl dd a {
	color: #999999;
}
.pc-nav ul li .pc-seced .thText dl dd a:hover {
	color: #1eb9ee
}
.m-sed {
	display: none;
}
.m-nm li h3 {
	cursor: pointer;
	display: none;
	padding-left: 5%;
	border-bottom: 1px solid #fff;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #bbcfe2;
}
.m-sed dd {
	display: block;
	height: 45px;
	line-height: 45px;
}
 @media screen and (max-width: 1440px) {
.pc-nav ul li .pc-seced {
	background-size: cover;
	width: 1200px;
	background-position: center center;
	left: 0;
}
}
/*新增页面*/











/*wifi*/







.wifilist {
	width: 1380px;
	margin: 0% auto 0 auto;
}
.wifilist li {
	overflow: hidden;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px solid #d9d9d9;
}
.wifilist li .text h4 {
	font-size: 22px;
	color: #333333;
}
.wifilist li .text h4 a:hover {
	color: #1eb9ee;
}
.wifilist li .text p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: 2%;
}
.wifilist li .text .link {
	overflow: hidden;
	margin-top: 10%;
}
.wifilist li .text .link a {
	width: 25%;
	display: block;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	float: left;
}
.wifilist li .text .link .a1 {
	background: url(../images/a2.png) no-repeat;
	margin-right: 5%;
}
.wifilist li .text .link .a2 {
	background: url(../images/a2.png) no-repeat;
	margin-right: 5%;
}
.wifilist li .text .link .a3 {
	background: url(../images/a2.png) no-repeat;
}
.wifilist li .td {
	overflow: hidden;
}
.wifilist li .td .text {
	width: 50%;
	float: left;
}
.wifilist li .pic {
	float: right;
	width: 45%;
	border: 1px solid #b2b2b2;
}
.wifilist li .pic div {
	outline: none;
}
.wifilist li .pic div img {
	width: 100%;
}
.wifilist li .pic div span {
	width: 100%;
	background: #b2b2b2;
	display: block;
	color: #fff;
	padding: 2% 0;
	text-align: center;
	font-size: 16px;
}
.opty li .text h4 {
	font-size: 22px;
	color: #333333;
}
.opty li .text p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: 2%;
}
.opty li .text .link {
	overflow: hidden;
	margin-top: 19%;
}
.opty li .text .link a {
	width: 25%;
	display: block;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	float: left;
}
.opty li .text .link .a1 {
	background: url(../images/a2.png) no-repeat;
	    width: 166px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}
.opty li .text .link .a2 {
	background: url(../images/a2.png) no-repeat;
	    width: 166px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}
.opty li .text .link .a3 {
	background: url(../images/a2.png) no-repeat;
}
.opty li {
	overflow: hidden;
	width: 100%;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.opty {
	position: relative;
	width: 50%;
	float: left;
}
.wifiPic {
	width: 45%;
	float: left;
}
.wifiPic div {
	outline: none;
}
.wifiPic span {
	width: 100%;
	background: #b2b2b2;
	display: block;
	color: #fff;
	padding: 2% 0;
	text-align: center;
	font-size: 16px;
}
.opty li .text .txt {
	overflow: hidden;
}
.opty li .text .txt div {
	width: 50%;
	float: left;
	margin-top: 2%;
}
.opty li .text .txt div h3 {
	font-size: 18px;
	color: #1eb9ee;
	font-weight: bold;
}
.opty li .text .txt div em {
	font-size: 16px;
	color: #333333;
	margin-top: 3%;
}
 @media screen and (max-width: 1440px) {
.wifilist {
	width: 1200px;
}
.wifilist li .text .link a {
	width: 28%;
}
.wifilist li .text .link {
	margin-top: 11%;
}
.opty li .text .link a {
	width: 28%;
}
.opty li .text .link {
	position: absolute;
    left: 0px;
    bottom: 30px;
    width: 166px;
    height: 48px;
}
}
 @media screen and (min-width: 1360px) {
.wifilist li .text .link .a1:hover {
	background: url(../images/a1.png) no-repeat;
}
.wifilist li .text .link .a2:hover {
	background: url(../images/a1.png) no-repeat;
}
.wifilist li .text .link .a3:hover {
	background: url(../images/a1.png) no-repeat;
}
.opty li .text .link .a1:hover {
	background: url(../images/a1.png) no-repeat;
}
.opty li .text .link .a2:hover {
	background: url(../images/a1.png) no-repeat;
}
.opty li .text .link .a3:hover {
	background: url(../images/a1.png) no-repeat;
}
}
 @media screen and (max-width: 1220px) {
.wifilist {
	width: 90%;
}
.wifilist li .pic {
	float: none;
	margin: 3% auto 0 auto;
	width: 100%;
}
.wifilist li .td .text {
	float: none;
	width: 100%;
}
.wifilist li .text h4 {
	font-size: 18px;
}
.wifilist li .text p {
	margin-top: 1%;
	font-size: 14px;
}
.wifilist li .text .link {
	margin-top: 3%;
}
.wifilist li .pic div span {
	font-size: 14px;
}
.wifilist li .text .txt div h3 {
	font-size: 16px;
}
.wifilist li .text .txt div em {
	font-size: 14px;
}
.heat .bd {
	width: 90%;
	margin: 0 auto;
}
.opty {
	width: 100%;
	float: none;
}
.wifiPic {
	width: 98%;
	float: none;
	margin: 3% auto 0 auto
}
.wifiPic span {
	padding: 1% 0;
	font-size: 14px;
}
.opty li .text .link {
	margin-top: 2%;
}
.opty li .text .link .a2, .opty li .text .link .a1 {
	display: block;
	background: #00bde9;
	line-height: 38px;
	font-size: 14px;
}
.opty li .text .link .a3 {
	display: block;
	background: #00bde9;
	line-height: 38px;
	font-size: 14px;
}
.wifilist li .text .link {
	margin-top: 2%;
}
.wifilist li .text .link .a2, .wifilist li .text .link .a1 {
	display: block;
	background: #00bde9;
	line-height: 38px;
	font-size: 14px;
}
.wifilist li .text .link .a3 {
	display: block;
	background: #00bde9;
	line-height: 38px;
	font-size: 14px;
}
}
 @media screen and (max-width: 768px) {
.wifilist li .pic {
	width: 98%;
}
.wifilist li .text h4 {
	font-size: 16px;
	line-height: 25px;
}
.wifilist li .text .link a {
	width: 45%;
}
.wifilist li .text .txt div {
	width: 100%;
	float: none;
}
.opty li .text p {
	font-size: 14px;
}
.opty li .text .txt div {
	float: none;
	width: 100%;
}
.opty li .text .txt div h3 {
	font-size: 16px;
}
.opty li .text .txt div em {
	font-size: 14px;
}
.opty li .text .link .a2, .opty li .text .link .a1 {
	font-size: 12px;
	line-height: 28px;
	margin-bottom: 2%;
}
.opty li .text .link .a3 {
	font-size: 12px;
	line-height: 28px;
	width: 45%;
}
.wifilist li .text .link .a2, .wifilist li .text .link .a1 {
	font-size: 12px;
	line-height: 28px;
	width: 45%;
	margin-bottom: 2%;
}
.wifilist li .text .link .a3 {
	font-size: 12px;
	line-height: 28px;
	width: 45%;
}
.content {
	padding: 20px 0 !important;
}
}
/*wifi*/















/*pro*/







.pro {
	width: 1380px;
	margin: 0% auto;
	border-bottom: 1px solid #d9d9d9;
	padding: 2% 0;
}
.pro h4 {
	display: block;
	text-align: center;
	font-size: 26px;
	color: #333333;
	margin-bottom: 2%;
}
.pro p {
	color: #333333;
	font-size: 16px;
	margin-bottom: 1%;
}
.caseList {
	width: 1380px;
	margin: 0% auto;
	padding: 2% 0;
}
.caseList h4 {
	display: block;
	text-align: center;
	font-size: 26px;
	color: #333333;
	margin-bottom: 2%;
}
.caseList ul li {
	overflow: hidden;
	margin-bottom: 3%;
}
.caseList ul li .pic {
	float: left;
	width: 36%;
}
.caseList ul li .text {
	width: 61%;
	float: right;
}
.caseList ul li .text h5 {
	font-size: 18px;
	color: #1eb9ee;
	margin-top: 1%;
}
.caseList ul li .text p {
	font-size: 16px;
	color: #333333;
	margin-top: 1%;
	display: block;
}
.heat {
	overflow: hidden;
	width: 1380px;
	position: relative;
	margin: 0 auto;
}
.heat .hd {
	width: 50%;
	overflow: hidden;
}
.heat .hd li {
	width: 162px;
	background: #eaebed;
	height: 45px;
	font-size: 16px;
	color: #333333;
	float: left;
	margin-right: 2%;
	text-align: center;
	line-height: 45px;
	cursor: pointer;
}
.heat .hd li.on {
	width: 162px;
	height: 51px;
	background: url(../images/proHover.png) no-repeat;
	color: #fff;
}
.onh3 {
	width: 162px;
	height: 51px;
	background: url(../images/proHover.png) no-repeat;
	color: #fff;
	height: 51px;
	font-size: 16px;
	text-align: center;
	line-height: 51px;
	cursor: pointer;
}
.heat .bd {
	overflow: hidden;
	padding-bottom: 3%
}
 @media screen and (max-width: 1440px) {
.heat {
	width: 1200px;
}
.heat .hd {
	top: 8%;
}
.pro {
	width: 1200px;
}
.caseList {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.pro {
	width: 90%;
}
.caseList {
	width: 90%;
}
.caseList ul li .pic img {
	width: 100%;
}
.pro h4, .caseList h4 {
	font-size: 20px;
}
.caseList ul li .text h5 {
	font-size: 16px;
}
.pro p, .caseList ul li .text p {
	font-size: 13px;
	line-height: 25px;
}
.heat {
	width: 100%;
}
.heat img{max-width:100%;height: auto !IMPORTANT;}
.heat .hd {
	position: static;
	overflow: hidden;
	width: 90%;
	text-align: center;
	margin: 2% auto 0 auto;
}
.heat .hd li {
	display: inline-block;
	width: 20%;
	font-size: 14px;
	height: auto;
	line-height: normal;
	padding: 1% 0;
}
.heat .hd li.on {
	background: #1eb9ee;
	height: auto;
	width: 20%;
	font-size: 14px;
}
}
 @media screen and (max-width: 768px) {
.caseList ul li .pic {
	float: none;
	width: 100%;
}
.caseList ul li .text {
	float: none;
	width: 100%;
}
.pro h4, .caseList h4 {
	font-size: 18px;
}
}
/*pro*/















/*proyy*/







.proyy {
	width: 1380px;
	margin: 0% auto;
	padding: 3% 0;
}
.proyy p {
	font-size: 18px !important;
}
.proyy ul, .proyy li {
	list-style-type: disc;
}
.proyy h4 {
	display: block;
	text-align: center;
	font-size: 26px;
	color: #333333;
	margin-bottom: 2%;
}
.proyy .pic {
	display: block;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
.inTe h4 {
	display: block;
	text-align: center;
	font-size: 26px;
	color: #333333;
	padding-top: 2%;
}
.inTe {
	margin: 0% 0 3% 0%;
	background-image: url(../images/inTe_bg.jpg);
	background-position: center center;
	padding: 0% 0 2% 0;
}
.inTe .text3 {
	width: 1380px;
	margin: 0% auto 0 auto;
}
.inTe .text3 .txt {
	overflow: hidden;
}
.inTe .text3 .txt ul li {
	overflow: hidden;
	margin-top: .2%;
	outline: none;
	margin-bottom: 20px;
}
.content {
	padding: 20px 30px 40px;
}
.inTe .text3 .txt ul li .pic {
	float: left;
	width: 38%;
}
.inTe .text3 .txt ul li .pic img {
	width: 456px;
	height: 231px;
}
.inTe .text3 .txt ul li .wz {
	float: right;
	width: 41%;
	background: none;
	padding: 0% 14.4% 0% 3%;
	height: 211px;
}
.inTe .text3 .txt ul li .wz h3 {
	font-size: 26px;
	color: #333333;
	margin-bottom: 2%;
}
.inTe .text3 .txt ul li .wz h5 {
	font-size: 18px;
	color: #1eb9ee;
}
.inTe .text3 .txt ul li .wz p {
	font-size: 16px;
	color: #333333;
	line-height: 35px;
	margin-top: 0%;
}
.inTe .text3 .txt ul li .wz .view {
	background: #b2b2b2;
	width: 25%;
	display: block;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 4%;
	display: block;
}
.ctrl {
	overflow: hidden;
width:
}
.ctrl li {
	width: 28%;
	margin-right: 1%;
	outline: none;
	text-align: left
}
.ctrl li h5 {
	font-size: 18px;
	color: #1eb9ee;
	margin-top: 2%;
}
.ctrl li .pt {
	text-align: center;
}
.ctrl li .pt img {
	display: block
}
.ctrl li span {
	display: block;
	overflow: hidden;
	font-size: 16px;
	color: #999999;
	width: 90%;
	margin-top: 2%;
}
.ctrl li span h3 {
	float: left;
	display: block;
	width: 26%;
}
.ctrl li span em {
	float: left;
	display: block;
	width: 56%;
	line-height: 25px;
}
.ctrl li p {
	font-size: 16px;
	color: #333333;
	padding: 1% 0;
}
.ctrl li span i {
	width: 100%;
}
 @media screen and (max-width:1440px) {
.inTe .text3 {
	width: 1200px;
}
.inTe .text3 .txt ul li .wz {
	width: 37%;
	padding: 1% 19.4% 0 3%
}
.proyy {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.proyy {
	width: 90%;
}
.proyy img{max-width:100%; height:auto !important;}
.proyy h4 {
	font-size: 20px;
}
.proyy .pic {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.proyy .pic img {
	width: 100%;
	height: auto;
}
.proyy img {
	width: 100%;
	height: auto
}
.inTe .text3 {
	width: 90%;
}
.inTe .text3 .txt ul li .pic {
	width: 100%;
	float: none;
}
.inTe .text3 .txt ul li .pic img {
	width: 100%;
}
.inTe .text3 .txt ul li .wz {
	width: 92%;
	float: none;
	height: auto;
	padding: 12% 4%;
}
.inTe .text3 .txt ul li .wz h5 {
	font-size: 18px;
}
.inTe .text3 .txt ul li .wz h3 {
	font-size: 20px;
}
.ctrl li h5 {
	font-size: 14px;
}
.ctrl li span {
	font-size: 14px;
}
.ctrl li span h3 {
	width: 100%;
	float: none;
}
.ctrl li span em {
	width: 100%;
	float: none;
}
.ctrl li p {
	font-size: 14px;
	color: #333333;
}
.inTe h4 {
	font-size: 20px;
}
.inTe .text3 .txt ul li .wz .view {
	width: 50%;
	margin: 4% auto 0 auto;
	font-size: 14px;
	line-height: 38px;
}
}
 @media screen and (max-width: 768px) {
.proyy h4 {
	font-size: 18px;
}
.inTe .text3 .txt ul li .wz h5 {
	font-size: 14px;
}
.inTe .text3 .txt ul li .wz h3 {
	font-size: 16px;
}
.inTe .text3 .txt ul li .wz p {
	font-size: 14px;
	line-height: 25px;
}
.inTe h4 {
	font-size: 18px;
}
.inTe .text3 .txt ul li .wz .view {
	line-height: 28px;
}
}
 @media screen and (max-width: 640px) {
.ctrl li {
	width: 100%;
	margin-right: 0;
}
.ctrl li .pt img {
	width: 100%;
}
}
/*proyy*/















/*applecte*/







.applecte {
	width: 1380px;
	margin: 0 auto;
	padding: 3% 0;
}
.applecte h4 {
	display: block;
	text-align: center;
	font-size: 26px;
	color: #333333;
	margin-bottom: 2%;
}
.applecte .txt {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.applecte .txt span {
	font-size: 16px;
	color: #333333;
	margin-right: 5%;
	text-align: center;
	line-height: 25px;
}
.suck {
	margin-top: 3%;
	border-bottom: 1px solid #d9d9d9;
}
 @media screen and (max-width: 1440px) {
.applecte {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.applecte {
	width: 90%;
}
.applecte .txt {
	width: 90%;
}
.applecte .txt span {
	display: block;
	font-size: 14px;
}
.applecte h4 {
	font-size: 20px;
}
.suck div img {
	width: 100% !important;
	height: auto;
}
}
 @media screen and (max-width: 1220px) {
.applecte .txt span {
	display: block;
	font-size: 13px;
}
.applecte h4 {
	font-size: 18px;
}
}
/*applecte*/











/*caList*/







.caList {
	overflow: hidden;
	width: 1380px;
	margin: 2% auto;
}
.caList dl {
	overflow: hidden;
	margin-bottom: 2%;
}
.caList dl dt {
	font-size: 26px;
	color: #333333;
	margin-bottom: 2%;
}
.caList dl dt:after {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}
.caList dl dd {
	float: left;
	width: 48%;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
}
.caList dl dd .pic {
	width: 45%;
	float: left;
}
.caList dl dd .text {
	float: right;
	width: 52%;
}
.caList dl dd .text h5 {
	font-size: 20px;
	color: #333333;
	padding: 2% 0;
}
.caList dl dd .text h5:hover {
	color: #1eb9ee;
}
.caList dl dd .text p {
	font-size: 16px;
	color: #666666;
	line-height: 25px;
	margin-top: 1%;
}
.caList dl dd .text em {
	font-size: 14px;
	color: #666666;
	margin-top: 10%;
	display: block;
}
 @media screen and (max-width: 1440px) {
.caList {
	width: 1200px;
}
.aboutus p {
	font-size: 18px;
}
.caList dl dd .pic {
	width: 48%;
}
.caList dl dd .pic img {
	width: 100%;
}
.caList dl dd .text {
	width: 50%;
}
.caList dl dd .text h5 {
	font-size: 18px;
}
.caList dl dd .text p {
	font-size: 14px;
}
.caList dl dd .text em {
	font-size: 12px;
}
}
 @media screen and (max-width: 1220px) {
.caList {
	width: 90%;
}
.caList dl dt {
	font-size: 20px;
}
.caList dl dd .text p {
	height: 50px;
	overflow: hidden;
}
.caList dl dd .text em {
	margin-top: 1%;
}
}
 @media screen and (max-width: 830px) {
.caList dl dd .text h5 {
	font-size: 16px;
}
.caList dl dd .text p {
	font-size: 14px;
	height: 20px;
}
.caList dl dd .text em {
	margin-top: 5%;
}
}
 @media screen and (max-width: 768px) {
.caList dl {
	overflow: hidden;
	margin-bottom: 5%;
}
.caList dl dd {
	width: 100%;
}
.caList dl dt {
	font-size: 18px;
}
.caList dl dd .pic {
	width: 100%;
	float: none;
}
.caList dl dd .text {
	width: 100%;
	float: none;
}
.caList dl dd .text em {
	margin-top: 3%;
}
}
/*caList*/















/*ws1*/











.ws-1 {
	width: 1380px;
	margin: 3% auto;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 3%;
}
.ws-1 h4 {
	font-size: 26px;
	color: #333333;
	text-align: center;
}
.ws-1 ul {
	overflow: hidden;
	margin-top: 5%;
}
.ws-1 ul li {
	float: left;
	width: 24%;
	border-right: 1px solid #e8e8e8;
}
.ws-1 ul li img {
	display: block;
	margin: 0 auto;
	width: auto ! important
}
.ws-1 ul li span {
	display: block;
	text-align: center;
	margin-top: 5%;
	font-size: 20px;
	color: #1eb9ee;
}
.ws-1 ul li p {
	display: block;
	width: 70%;
	margin: 5% auto 0 auto;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
 @media screen and (max-width: 1440px) {
.ws-1 {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.ws-1 {
	width: 90%;
}
.ws-1 ul li p {
	display: none;
}
.ws-1 ul li img {
	width: 80% !important;
}
.ws-1 h4 {
	font-size: 20px;
}
.ws-1 ul li span {
	font-size: 16px;
}
}
 @media screen and (max-width: 768px) {
.ws-1 h4 {
	font-size: 18px;
}
.ws-1 ul li span {
	font-size: 14px;
}
.ws-1 ul li img {
	width: 80% !important;
}
}
/*ws1*/











/*ws2*/











.ws-2 {
	width: 1380px;
	margin: 3% auto;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 3%;
}
.ws-2 h4 {
	font-size: 26px;
	color: #333333;
	text-align: center;
}
.ws-2 p {
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	margin-top: 1%;
}
.ws-2 ul {
	margin-top: 3%;
}
.ws-2 ul li img {
	width: auto !important;
	display: block;
	margin: 0 auto;
	text-align: center;
}
 @media screen and (max-width: 1440px) {
.ws-2 {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.ws-2 {
	width: 90%;
}
.ws-2 p {
	font-size: 14px;
}
.ws-2 h4 {
	font-size: 20px;
}
.ws-2 ul li img {
	width: 80% !important;
}
}
 @media screen and (max-width: 1220px) {
.ws-2 h4 {
	font-size: 18px;
}
}
/*ws2*/



















/*ws3*/











.ws-3 {
	width: 1380px;
	margin: 3% auto;
	padding-bottom: 3%;
}
.ws-3 h4 {
	font-size: 26px;
	color: #333333;
	text-align: center;
}
.ws-3 ul li {
	width: 32%;
	margin-right: 1%;
	overflow: hidden;
	margin-top: 1%;
	background: url(../images/hehebg.jpg) no-repeat;
	background-size: 100% 100%
}
.ws-3 ul li .text {
	padding: 3% 2%;
	background: #f6f7f9;
	overflow: hidden;
}
.ws-3 ul li .text h5 {
	float: left;
	background: #f6f7f9;
	font-size: 18px;
	color: #333333;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ws-3 ul li .text h3 {
	float: right;
	background: #f6f7f9;
	font-size: 14px;
	color: #999999;
	display: block;
}
.ws-3 ul li img {
	width: 100%;
}
 @media screen and (max-width: 1440px) {
.ws-3 {
	width: 1200px;
}
}
 @media screen and (min-width: 1336px) {
.ws-3 ul li .text:hover {
	background: #1eb9ee;
}
.ws-3 ul li .text:hover h5 {
	color: #fff;
	background: #1eb9ee;
}
.ws-3 ul li .text:hover h3 {
	color: #fff;
	background: #1eb9ee;
}
}
 @media screen and (max-width: 1220px) {
.ws-3 {
	width: 90%;
}
.ws-3 h4 {
	font-size: 20px;
}
.ws-3 ul li {
	width: 48%;
	margin-right: 1%;
}
}
 @media screen and (max-width: 768px) {
.ws-3 {
	width: 90%;
}
.ws-3 h4 {
	font-size: 18px;
}
.ws-3 ul li {
	width: 100%;
	margin-right: 0%;
}
.ws-3 ul li .text h5 {
	font-size: 14px;
}
}
/*ws3*/















/*ws4*/



.f4 {
	width: 100%;
	background: #eaebed;
	padding-top: 2%;
}
.ws-4 {
	width: 1380px;
	padding-bottom: 3%;
	margin: 0 auto
}
.ws-4 h4 {
	font-size: 26px;
	color: #333333;
	text-align: center;
}
.ws-4 ul {
	overflow: hidden;
	margin-top: 3%;
}
.ws-4 ul li {
	float: left;
	width: 47%;
	margin-right: 3%;
	overflow: hidden;
	margin-bottom: 2%;
}
.ws-4 ul li .pic {
	float: left;
	display: block;
	width: 50%;
}
.ws-4 ul li .pic img {
	width: 100%;
}
.ws-4 ul li .text {
	float: right;
	background: #fff;
	width: 44%;
	padding: 3%;
}
.ws-4 ul li .text h3 {
	font-size: 20px;
	color: #333333;
}
.ws-4 ul li .text p {
	font-size: 16px;
	color: #666666;
	margin-top: 2%;
	height: 80px;
	border-bottom: 1px dashed #cecece;
	line-height: 25px;
	overflow: hidden;
}
.ws-4 ul li .text em {
	margin-top: 5.9%;
	display: block;
}
 @media screen and (max-width: 1440px) {
.ws-4 {
	width: 1200px;
}
.ws-4 ul li .text h3 {
	font-size: 18px;
	color: #333333;
}
.ws-4 ul li .text p {
	font-size: 14px;
	height: 65px;
}
}
 @media screen and (min-width: 1336px) {
.ws-4 ul li:hover .text {
	background: #1eb9ee;
}
.ws-4 ul li:hover .text h3 {
	color: #fff;
}
.ws-4 ul li:hover .text p {
	color: #fff;
	border-color: #fff;
}
.ws-4 ul li:hover .text em {
	color: #fff;
}
}
 @media screen and (max-width: 1220px) {
.ws-4 h4 {
	font-size: 20px;
}
.ws-4 {
	width: 90%;
}
.ws-4 ul li .text p {
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ws-4 ul li .text em {
	margin-top: 15%
}
.ws-4 ul li .text h3 {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}
 @media screen and (max-width: 1024px) {
.ws-4 ul li {
	margin-bottom: 5%;
}
.ws-4 ul li .pic {
	width: 100%;
	float: none;
}
.ws-4 ul li .text {
	width: 94%;
	float: none;
}
.ws-4 ul li .text em {
	margin-top: 3%;
}
.ws-4 h4 {
	font-size: 18px;
}
}
 @media screen and (max-width: 414px) {
.ws-4 ul li .text h3 {
	font-size: 16px;
}
.ws-4 ul li .text p {
	font-size: 13px;
}
}
/*ws4*/















/*ws5*/







.ws5 {
	width: 1380px;
	margin: 0 auto;
}
.ws5 .c2 {
	height: 390px;
	padding: 4% 0%;
}
.ws5 .c2 p {
	line-height: 25px;
	font-size: 16px;
	color: #333333
}
.ws5 .c2 p em {
	color: #1eb9ee;
}
.ws5 .mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}
.ws5 .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}
.ws5 .mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.ws5 .mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}
.ws5 .mCSB_inside > .mCSB_container {
	width: 98%;
}
.ws5 .mCSB_scrollTools {
	position: absolute;
	width: 6px;
	left: auto;
	top: 32px;
	right: 2px;
	bottom: 0;
}
.ws5 .mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.ws5 .mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;
	right: -.2px;
	border-radius: 5px
}
.ws5 .mCSB_scrollTools .mCSB_draggerRail {
	width: 3px;
	height: 390px;
	margin: 0 auto;
	background: #f6f6f6;
}
.ws5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 6px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #1eb9ee;
}
.ws5 .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.ws5 .c2 .content {
	overflow: hidden;
	margin-top: 3%;
}
.ws5 .c2 .content div {
	float: left;
	overflow: hidden;
}
.ws5 .c2 .content img {
	float: right;
}
 @media screen and (max-width: 1440px) {
.ws5 {
	width: 1200px;
}
}
 @media screen and (max-width: 1220px) {
.ws5 {
	width: 90%;
}
.ws5 img {
	width: 100%;
	height: auto;
}
}
 @media screen and (max-width: 768px) {
.ws5 .c2 {
	height: auto;
}
}
/*ws5*/















/*新增页面*/







.test {
	position: fixed;
	left: 0;
	top: 100px;
	background: #fff;
	border: 1px #ccc solid;
	z-index: 9999999999999;
}
/*-------登录之后--------*/























.mlogin {
	display: none;
}
.pc-h .loged {
	width: 150px;
	height: 90px;
	float: right;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
.pc-h .loged span {
	display: block;
	text-align: center;
	margin-top: 13%;
}
.pc-h .loged a {
	text-align: center;
	display: block;
	margin-top: 8%;
	text-decoration: underline;
}
 @media screen and (max-width: 1440px) {
.pc-h .loged {
	width: 120px;
}
}
 @media screen and (max-width: 1220px) {
.pc-h .loged {
	display: none;
}
.mlogin {
	display: block;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.mlogin span {
	width: 65%;
	float: left;
	padding-left: 5%;
	font-size: 14px;
}
.mlogin a {
	display: 30%;
	float: left;
	text-align: center;
	font-size: 14px;
	text-decoration: underline;
}
}
/*-------登录之后--------*/







 /*下载列表*/







.showbox2 {
	width: 730px;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 999;
	padding: 2% 1% 1% 1%;
	display: none;
}
.showbox2 ul {
}
.showbox2 ul li {
	overflow: hidden;
	padding-bottom: 1%;
	margin-bottom: 1%;
	border-bottom: 1px solid #e8e8e8;
}
.showbox2 ul li span {
	float: left;
	display: block;
	width: 90%;
	font-size: 16px;
	overflow: hidden;
}
.showbox2 ul li a {
	display: block;
	float: right;
	width: 10%;
	text-align: center;
	font-size: 14px;
	background: url(../images/inv05.png) no-repeat center left;
}
.showbox2 .colse {
	position: absolute;
	right: 3%;
	top: 5%;
	background: url(../images/coles.jpg) no-repeat;
	width: 14px;
	height: 14px;
}
.showbox2 .title {
	font-size: 18px;
	color: #333;
	display: block;
	margin-bottom: 3%;
}
.showbox2 .c3 {
	height: 350px;
}
.showbox2 .mCSB_inside > .mCSB_container {
	width: 98%;
}
.showbox2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #1eb9ee;
}
 @media screen and (max-width: 768px) {
.showbox2 {
	width: 80%;
	padding: 3% 2% 1% 5%;
}
.showbox2 ul li span {
	font-size: 12px;
}
.showbox2 ul li {
	padding: 2% 0;
}
.showbox2 .mCSB_inside > .mCSB_container {
	width: 95%;
}
.showbox2 ul li span {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 80%;
}
.showbox2 ul li a {
	width: 20%;
	background: none
}
.showbox2 .title {
	font-size: 16px;
}
}
 @media screen and (max-width: 320px) {
.showbox2 .c3 {
	height: 200px;
}
.showbox2 .title {
	font-size: 14px;
}
}
/*下载列表*/































.test {
	position: fixed;
	left: 0;
	top: 100px;
	background: #fff;
	border: 1px #ccc solid;
	border-bottom: none;
}
.test li {
	border-bottom: 1px #ccc solid;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	padding: 0 30px;
}
.test li h3 {
	font-size: 16px;
	color: #000;
}
/*分页*/



.page {
}
#AspNetPager1 a:hover {
	background: #1eb9ee none repeat scroll 0 0;
	color: #FFF;
}
#AspNetPager1_input {
	display: none;
}
#AspNetPager1_btn {
	display: none;
}
#AspNetPager1 {
	color: #c0c0c0;
}
 @media screen and (max-width:768px) {
#AspNetPager1 a {
	background: #f2f2f2 none repeat scroll 0 0;
	color: #999999;
	display: block;
	float: left;
	font-size: 18px;
	/* height: 44px; */



            /* line-height: 44px; */



	margin-right: 1%;
	text-align: center;/* width: 44px; */



}
#AspNetPager1 .cpb {
	width: 33px !important;
	height: 33px !important;
	line-height: 33px;
}
}
.pc-nav ul li .services dl dt a {
	color: #333333;
}
.pc-nav ul li .services dl dt a:hover {
	color: #1eb9ee;
}
.pc-nav ul li .thridBox {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.pc-nav ul li .thridBox>.tBox {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: 438px;
	margin-right: 39px;
}
.pc-nav ul li .thridBox>.tBox>h4 {
	color: #333333;
	font-size: 16px;
	border-bottom: 2px solid #ff8f1c;
	height: 36px;
	line-height: 20px;
}
.pc-nav ul li .thridBox>.tBox>dl {
	overflow: hidden;
}
.pc-nav ul li .thridBox>.tBox>dl>dd {
	font-size: 14px;
	width: 203px;
	color: #939393;
	line-height: 45px;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	text-align: center;
}
.pc-nav ul li .thridBox>.tBox>dl>dd>a {
	color: #939393;
	padding: 0
}
.pc-nav ul li .thridBox>.tBox>dl>dd>a:hover {
	color: #1eb9ee;
	padding: 0;
}
.clumb_box {
	position: relative;
}
.slick-slider {
	position: static;
}
.slickNews .slick-prev {
	position: absolute;
	right: 7%;
	left: auto;
	width: 92px;
	height: 75px;
	background: url(../images/c_prve.png) no-repeat;
	float: right;
	display: block;
	top: 10px
}
.slickNews .slick-next {
	position: absolute;
	right: 0%;
	left: auto;
	width: 92px;
	height: 75px;
	background: url(../images/c_next.png) no-repeat;
	float: right;
	display: block;
	top: 10px
}
 @media screen and (min-width:1360px) {
.slickNews .slick-prev:hover {
	background: url(../images/c_prve02.png) no-repeat;
}
.slickNews .slick-next:hover {
	background: url(../images/c_next02.jpg) no-repeat;
}
}
 @media screen and (max-width:1220px) {
.slickNews .slick-prev {
	background-size: cover;
	height: 50px;
	background-position: center center;
	width: 50px;
}
.slickNews .slick-next {
	background-size: cover;
	height: 50px;
	background-position: center center;
	width: 50px;
}
.clumb_box .bd {
	width: 50%;
}
}
 @media screen and (max-width:768px) {
.slickNews .slick-prev {
	background-size: cover;
	height: 40px;
	background-position: center center;
	width: 30px;
}
.slickNews .slick-next {
	background-size: cover;
	height: 40px;
	background-position: center center;
	width: 30px;
}
}
.mts {
	background: url(../images/msbg.png) center center;
	padding: 60px 0
}
.mts .tag h1 {
	font-size: 36px;
	color: #333333;
	font-family: Arial;
	font-weight: bold;
	display: block;
	text-align: center;
}
.mts .tag h2 {
	display: block;
	text-align: center;
	font-size: 30px;
	color: #ff8f1c;
}
.mts .tag i {
	display: block;
	width: 4%;
	height: 3px;
	margin: 10px auto;
	background: #1eb9ee;
}
.mts ul {
	margin-top: 30px
}
.mts ul li {
	width: 100%;
	padding: 20px 0
}
.mts ul li .txt {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
.mts ul li .txt h1 {
	font-size: 26px;
	color: #333333;
}
.mts ul li .txt span {
	display: block;
	padding: 8px 0px 10px 0;
	border-bottom: 1px solid #07ace6;
	font-size: 16px;
	color: #fd8e1c;
	margin-bottom: 10px
}
.mts ul li:hover {
	background: #e3e2e2
}
 @media screen and (max-width:1200px) {
.mts ul li .txt {
	width: 96%
}
.mts .tag h1 {
	font-size: 30px;
}
.mts .tag h2 {
	font-size: 20px
}
.mts ul li .txt h1 {
	font-size: 18px
}
.mts ul li .txt span {
	padding: 10px 0
}
}
 @media screen and (max-width:768px) {
.mts {
	padding: 30px 0
}
.mts ul {
	margin-top: 15px
}
.mts .tag h1 {
	font-size: 24px;
}
.mts .tag h2 {
	font-size: 18px;
}
}
 @media screen and (max-width:640px) {
.mts {
	padding: 20px 0
}
.mts ul {
	margin-top: 15px
}
.mts .tag h1 {
	font-size: 22px;
}
.mts .tag h2 {
	font-size: 16px;
}
.mts ul li .txt span {
	font-size: 14px
}
}
.met-banner {
	width: 100%;
	margin: 0 !important;
	display: table;
	background: #ccc
}
.met-banner.fixedheight {
	display: -moz-deck
}
.met-banner.fixedheight .slick-slide {
	height: 100%
}
.banner-ny-h .slick-slide {
	height: 100% !important;
}
.met-banner.fixedheight .slick-slide img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.banner-ny-h .slick-slide .cover-image {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.met-banner.banner-ny-h {
	height: 150px
}
.met-banner.banner-ny-h .slick-slide img {
	min-height: 100px
}
 @media (max-width:991px) {
.met-banner.banner-ny-h {
	height: 100px
}
}
.met-banner.slick-slider {
	display: block
}
.met-banner .slick-list, .met-banner .slick-track {
	height: 100%
}
.met-banner .slick-slide {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden
}
.met-banner .slick-slide:first-child {
	display: block
}
.met-banner .slick-slide a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}
.met-banner .slick-slide img {
	min-height: 150px
}
.met-banner .slick-next {
	right: 15px
}
.met-banner .slick-next i {
	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	background: url(../images/jiantou.png) -39px 0 no-repeat
}
.met-banner .slick-prev {
	left: 15px
}
.met-banner .slick-prev i {
	background: url(../images/jiantou.png) 0 0 no-repeat
}
.met-banner .slick-arrow {
	top: 50%;
	text-align: center;
	opacity: .38;
	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
	transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms
}
.met-banner .slick-arrow:hover {
	opacity: 1
}
.met-banner .slick-arrow i {
	font-size: 0;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px
}
 @media (max-width:767px) {
.met-banner .slick-arrow i {
	font-size: 12px
}
}
.met-banner .slick-dots {
	margin: 0;
	bottom: 20px
}
.met-banner .slick-dots li {
	margin: 0 2px
}
 @media (max-width:991px) {
.met-banner {
	height: 150px
}
}
 @media (min-width:768px) {
.met-banner:hover .slick-arrow {
	display: block !important
}
}
 @media (max-width:767px) {
.met-banner .slick-dots {
	bottom: 5px
}
.met-banner .slick-dots li {
	width: 15px;
	height: 15px;
	margin: 0
}
}
.met-banner .banner-text {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.met-banner .banner-text .container {
	height: 100%;
	display: table;
	text-align: center;
	padding: 0 25px
}
.met-banner .banner-text .container .banner-text-con {
	display: table-cell;
	vertical-align: middle
}
.met-banner .banner-text .line {
	width: 81px;
	height: 4px;
	background: #b30f0e;
	display: block;
	margin: 0 auto;
	margin-bottom: 36px
}
.met-banner .banner-text.p-1 .container {
	text-align: left
}
.met-banner .banner-text.p-1 .container .banner-text-con div {
	width: 60%;
	float: left
}
.met-banner .banner-text.p-1 .container .banner-text-con div .line {
	margin: 0;
	margin-bottom: 36px
}
.met-banner .banner-text.p-2 .container {
	text-align: right
}
.met-banner .banner-text.p-2 .container .banner-text-con div {
	width: 60%;
	float: right;
	position: relative
}
.met-banner .banner-text.p-2 .container .banner-text-con div .line {
	position: absolute;
	right: 0
}
.met-banner .banner-text.p-2 .container .banner-text-con div h4 {
	margin-top: 36px
}
.met-banner .banner-text.p-5 .line {
	margin: 0 auto;
	margin-bottom: 36px
}
.met-banner .banner-text h4, .met-banner .banner-text p {
	color: #fff
}
.met-banner .banner-text h4 {
	margin: 0;
	font-size: 42px;
	font-weight: 600
}
.met-banner .banner-text h4 b {
	color: #b30f0e
}
.met-banner .banner-text p {
	font-size: 18px;
	margin: 20px 0 0;
	text-shadow: none;
	font-weight: normal
}
.met-banner .banner-text .btn {
	margin-top: 30px;
	font-size: 20px
}
 @media (max-width:991px) {
.met-banner .banner-text h4 {
	font-size: 20px
}
.met-banner .banner-text p {
	font-size: 30px
}
}
 @media (max-width:767px) {
.met-banner .banner-text .container {
	width: 100%
}
.met-banner .banner-text.p-5 .container .banner-text-con {
	width: 100%
}
.met-banner .banner-text h4 {
	font-size: 18px
}
.met-banner .banner-text p {
	margin-top: 15px;
	font-size: 24px
}
.met-banner .banner-text .btn {
	margin-top: 20px;
	font-size: 16px
}
}
 @media (max-width:479px) {
.met-banner .banner-text h4 {
	font-size: 16px
}
.met-banner .banner-text p {
	margin-top: 10px;
	font-size: 20px
}
}
.met-banner-ny {
	background-color: #b30f0e;
	height: 120px
}
.met-banner-ny h1, .met-banner-ny h2 {
	margin: 0;
	padding: 10px 30px;
	font-size: 35px;
	font-weight: 300;
	text-shadow: none;
	color: #fff
}
 @media (max-width:767px) {
.met-banner-ny {
	height: 90px
}
.met-banner-ny h1, .met-banner-ny h2 {
	font-size: 26px
}
}
.met-banner .banner-text .line {
	background-color: #02328d!important;
}
.met-banner .banner-text h4 b {
	color: #02328d!important;
}
.met-banner .slick-arrow {
}
.met-banner-ny {
	background-color: #fff!important;
}
