@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family: 'opensans';font-size: 14px;font-size: 1.4rem;height: 100%; }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea,select,option {font-family: 'opensans';font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}

@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}

.text-l{text-align: left!important;}
.text-r{text-align: right!important;}
.text-c{text-align: center!important;}
.color6{color: #666666!important;}
.self-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.self-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

/*********************** search *****************************/
.search ::-webkit-input-placeholder {/* WebKit browsers */
 color:#999;}
.search :-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999;}
.search ::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999;}
.search :-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999;}
.search{width:33px;z-index:9999;background:none;margin-top: 15px;}
.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {cursor: pointer; position: absolute;top: 0;left:0px;outline: none;width:223px;height: 27px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:4px; background:none;}
.sb-icon-search,.sb-search-submit{width: 33px;height: 26px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../images/search.png) no-repeat center;border:none;cursor: pointer;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 223px;height:27px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#fff; border-radius:17px;border: 1px solid #01B2CC;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(../images/search.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}

/*.container*/
.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }
.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }
.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }
.container .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }
.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background:#fff url(../images/search.png) no-repeat center center; }
.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top:45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }
.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center;  }
.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }
.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px;}
.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }
.container .nav > ul > li .c-show { display: none; width: 100%; }
.container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;  font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2{position: relative; }
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a  span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > dl{padding: 20px;}
.container .nav > ul > dl dd{float: left;margin: 0 2px;}
.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #01B2CC; }
@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }


/***********  lunbo  *************/
#lun1,#lun2{position: relative;}
.slidepic .carouse{width:100%;overflow:hidden;position:relative}
.slidepic .slideItem .banner-img{width:100%;display: block;}
.slidepic .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slidepic .console{
	height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slidepic .dotList{
    text-align: center;
    position: absolute;bottom: 12px;width: 100%;left: 0;
}
.slidepic .dotList ul li{
	display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/point.png) no-repeat center center;
    margin-left: 11px;

    cursor:pointer;
}
.slidepic .dotList ul li.active{
	 background: url(../images/point2.png) no-repeat center center;
}
.slidepic .carousel-control{
	position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    z-index:999;
}
.slidepic .carousel-control.left{
	left:0;
	background-image:url("../images/prev.png");
	cursor:pointer;
}
.slidepic .carousel-control.right{
	right:0;
	background-image:url("../images/next.png");
	cursor:pointer;
}
.slidepic .slidedetail{display:none;}


.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding:1px;
    display:none
}
.imgtoVideo .imgtoVideoDetail >div{
	 background: rgba(0, 98, 197,0.8);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
	 width: 100%;
     height: 100%;
     text-align:center;
}
.imgtoVideo .tovideo .imgtoVideoDetail{
	display:block;
}
.imgtoVideo .tovideo .imgtoVideoDetail >div{
	    background: #0C2D47;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 17%;
}
.imgtoVideo .imgtoVideoDetail .fa-search{
	color: #fff;
    font-size: 25px;
    margin-top: 21%;
}
.contentIV{
	position: fixed;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(20, 43, 73,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
    margin:0 auto;
    z-index:-999;
    max-width:1024px;
    display:none;
}

#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{
	position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
    z-index: 999;
}

@media screen and (max-width:639px) {
.slidepic .dotList ul li{margin-left: 10px;}
.slidepic .dotList{bottom: 5px;}
.slidepic .dotList ul li{width: 10px;height: 10px;border-radius: 5px;overflow: hidden;}
.slidepic .carousel-control.left,.slide .carousel-control.right{display: none;}
}
/*-------------------------------------------------------------------------------------------------*/
.header .h-p{
	margin-top: 5px;
}
.header .logo{
	margin-right: -22px;
	margin-top: -4px;
}
.hnav-list2{display: none;}
.hnav-list>li{
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: arial;
	font-weight: bold;
	height: 64px;
	line-height: 64px;
	margin-left: 74px;
	position: relative;
	z-index: 100;
}
.hnav-list>li a{
	display: block;
	height: 64px;
}
.hnav-list>li a:hover{
	color: #01B2CC!important;
	border-bottom: solid 3px #01B2CC;
	box-sizing: border-box;
}
.hnav-active{
	color: #01B2CC!important;
	border-bottom: solid 3px #01B2CC;
	box-sizing: border-box;
}
.hnav-active a{
	color: #01B2CC!important;
}
@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.hnav-list li{
		margin-left: 25px;
	}
}
@media only screen and (max-width: 999px) {
	.hnav-list{width: 100%;}
	.hnav-list>li{width: 20%;margin: 0;text-align: center;}
}
@media only screen and (max-width: 767px) {
	.search{display: none;}
	.hnav-list{display: none;}
	.hnav-list2{display: block;}
	.hnav-list2>li{width: 25%;height: 50px;line-height: 50px;font-size: 1.4rem;font-size: 14px;}
	.hnav-list2>li a{height: 50px;line-height: 50px;}
	.header .h-p{margin: 10px 0;}
	.container .menubtn{
		top: 40px;
	}
}
/*level*/
.level1{
	position: absolute;
	top:-9999px;
	left:-350px;
	z-index:99;
	width: 916px;
	background-color: #000000;
	padding:12px 0 34px;	
}
.level1 ul{
	width: 239px;
	margin-right: 68px;
	box-sizing: border-box;
}
.l-left{margin-left: 28px;}
.l-right{margin-right: 30px!important;}
.level1 li{
	float: left;
	font-family: 'OpenSans';
	font-weight: normal;
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFFFFF;
}
.level1 li a{color: #FFFFFF;display: inline;}
.level1 li a:hover{color: #01B2CC;border: none;}
.level1 li.l-t{width: 219px;}
.level1 li.l-t a{
	color: #01B2CC;
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: solid 1px #4C4C4C;
	line-height: 36px;
	margin-bottom: 6px;
}
@media only screen and (max-width: 1219px) {
	.level1{left: -300px;}
}
@media only screen and (max-width: 999px) {
	.level1 {
		left: -150px;
		width: 750px;
		background-color: #000000;
		padding: 12px 0 34px;
	}
	.level1 ul {
		width: 33.33%;
		margin-right: 0;
		text-align: left;
		padding: 0 20px;
	}
	.l-left {
		margin-left: 0;
	}
	.l-right {
		margin-right: 0!important;
	}
}
.hnav-list>li:hover .level1{top: 100%;}

/**/
.need_box{
	padding: 61px 0 64px 0;
}
.n-title,.p-title,.news-title,.say-title{
	font-size: 48px;
	font-size: 4.8rem;
	font-family: 'ErasITCBold';
	line-height: 56px;
	position: relative;
	margin-bottom: 48px;
	text-transform: uppercase;
}
.n-title a,.p-title a,.news-title a,.say-title a{display: block;}
.n-title:after,.p-title:after,.news-title:after,.say-title:after{
	position: absolute;
	content: "";
	height: 3px;
	left: 47.5%;
	right: 45.7%;
	bottom: -21px;
	background-color: #00E027;
}
.p-title:after{
	bottom: -28px;
}
.n-word{line-height: 30px;padding: 0 45px;box-sizing: border-box;}
.n-word a{color: #666666;display: block;}
.n-word a:hover{color: #01B2CC}
.n-btn{
	display: block;
	width:142px;
	height:38px;
	line-height:38px;
	background:#FFFFFF;
	border-radius:19px;
	border: solid 1px #00E027;
	font-family: 'OpenSansBold';
	color:#00E027;
	margin: 24px auto 45px;
	box-sizing: border-box;
}
.n-btn:hover{
	background-color:#00E027 ;
	color: #FFFFFF;
}
.n-video-box{width: 781px;overflow: hidden;margin: 0 auto;}
.n-video{
	position: relative;
	overflow: hidden;
	padding-bottom: 56.47%;
	height: 0;
}
.n-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.n-video iframe body{ margin:0px !important;}
@media only screen and (max-width: 781px) {
	.n-video-box{width: 100%;max-width: 100%;}
}
/*.product-box{
	padding: 0 0 76px;
}*/
.p-list{
	padding: 32px 0 76px;
}
.p-list li{
	float: left;
	width: 220px;
	margin-left: 25px;
}
.p-list li img{width: 100%;max-width: 500px;max-height:453px;margin: 0 auto;display: block;}
.p-list li p{
	padding: 15px 0 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.p-list li p a:hover{color: #22A0D1;}
@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.p-list li{margin-left: 10px;width: 188px;}
}
@media only screen and (max-width: 999px) {
	.p-list li{width: 23%;margin: 0 1%;}
}
@media only screen and (max-width: 640px) {
	.p-list li{width: 31.33%;margin: 0 1%;}
	.p-list{
		padding: 0;
	}
}
@media only screen and (max-width: 450px) {
	.p-list li{width: 48%;margin: 0 1%;}
}

@media only screen and (max-width:767px ) {
	.n-title, .p-title,.news-title{
		font-size:30px;
		font-size: 3rem;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.need_box{padding: 30px 0;}
	.n-btn{margin: 24px auto;}
}
@media only screen and (max-width:640px ) {
	.n-title, .p-title,.news-title{
		font-size:30px;
		font-size: 3rem;
		/*margin-bottom: 24px;*/
	}
	.n-title:after, .p-title:after,.news-title:after{
		height: 0;
	}
	.need_box{
		padding: 31px 0 34px 0;
	}
}

.news-box{
	padding: 63px 0 62px;
}
.news-title:after{
	bottom: -18px;
}
.news-list{padding: 10px 0 0;}
.news-list li{
	float: left;
	width: 370px;
	margin-left: 45px;
}
.news-list li img{
	width: 100%;
	max-width: 370px;
	margin: 0 auto;
	display: block;
}
.news-list a{display: block;}
.news-list .news-subt{
	font-family: 'OpenSansBold';
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin: 12px 0 6px;
}
.news-list .news-subt a{display: block;}
.news-list .news-subt a:hover{color: #01B2CC;}
.news-list .news-word{
	font-size: 14px;
	font-size: 1.4rem;
	color: #666666;
	line-height: 30px;
	margin-bottom: 13px;
}
.news-list .news-word a{color: #666666;display: block;}
.news-list .news-word a:hover{color: #01B2CC;}
.news-list .news-time{
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	background: url(../images/web4.png) no-repeat left center;
	padding-left: 22px;
	margin-bottom: 15px;
}
@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.news-list li {
		width: 310px;
		margin-left: 25px;
	}
}
@media only screen and (max-width:999px) {
	.news-list li {
		width: 48%;
		margin: 0 1%;
	}
}
@media only screen and (max-width:767px) {
	.news-box{
	padding: 33px 0 32px;
}
}
@media only screen and (max-width:450px ) {
	.news-list li {
		width: 98%;
		margin: 0 1%;
	}
}

/*blue-box*/
.blue-box{
	/*background-color: #31a6d4;*/
	background: url(../images/web17.png) repeat;
	padding: 25px 0 0;
}
.blue-box .blue-left{width: 664px;}
.blue-box .blue-left img{
	width: 100%;
	max-width: 664px;
	display: block;
	margin: 0 auto;
}
.blue-right{
	width: 440px;
	margin-top: 123px;
	/*position: absolute;
	top: 100px;
	right: 0;*/
	/*transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);*/
}
.blue-title{
	font-family: 'ErasITCBold';
	font-size: 54px;
	font-size: 5.4rem;
	line-height: 68px;
	color: #FFFFFF;
}
.blue-title a,.blue-word a{color: #FFFFFF;display: block;}
.blue-word{
	color: #FFFFFF;
	line-height: 30px;
	margin: 26px 0 35px;
	font-style: italic;
}
.blue-btn{
	width:200px;
	height:50px;
	background:rgba(255,255,255,1);
	border-radius:25px;
	display: block;
}
.blue-btn span{
	display: block;
	width:200px;
	height:50px;
	line-height: 50px;
	background: url(../images/web14.png) no-repeat 7px center;
	padding-left: 65px;
	font-family: 'OpenSansBold';
	font-size: 18px;
	color: #22A0D1;
}

@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.blue-box .blue-left{width: 458px;}
	.blue-right{width:440px;margin-top: 50px;}
}
@media only screen and (max-width: 999px) {
	.blue-box .blue-left{width: 100%}
	.blue-right{width:100%;margin-top: 0;margin-bottom: 20px;}
}
@media only screen and (max-width: 767px) {
	.blue-title{font-size: 30px;font-size: 3rem;line-height: 30px;}	
	.blue-word{margin: 17px 0;line-height: 22px;}
}
/*say*/
.say-box{
	padding: 62px 0 0;
}

.say-box .slidepic .dotList{
	bottom: 48px!important;
}
.say-box .slidepic .dotList ul li{
	width: 14px!important;
	height: 14px!important;
	margin: 0 8px!important;
	background-image: url(../images/web18.png);
}
.say-box .slidepic .dotList ul li.active{
	background-image: url(../images/web19.png);
}
.say-box{background-color: #f8f8f8;text-align: center;}
.say-box .carouse{
	text-align: center;
	padding:36px 0 115px;
}
.say-box .slideItem img{
	margin-bottom: 25px;
	border-radius: 50%;
	box-shadow:0 0 10px rgb(0,0,0,0.4) ;
	-webkit-box-shadow:0 0 10px rgb(0,0,0,0.4) ;
}
.say-box .slideItem p a{
	display: block;
	color: #666666;
	line-height: 30px;
}
.say-box .slideItem p a:hover{color: #01B2CC;}
@media only screen and (max-width: 767px) {
	.say-box{padding: 31px 0 0;}
	.say-box .carouse{padding:18px 0 58px;}
	.say-box .slidepic .dotList{bottom: 24px!important;}
	.say-title{margin-bottom: 12px;font-size: 3rem;font-size: 30px;line-height: 30px;}
	.say-box .slideItem p a{line-height: 22px;}
	
	.n-title:after,.p-title:after,.news-title:after,.say-title:after{height: 0;}
}
/*bottom*/
.bottom-bnav-top a:hover,.bottom-nav-bot a:hover{
	color: #22A0D1;
}
.bottom-bnav-top,.bottom-bnav-bot{
	background-color: #0C0C0C;
}
.bottom-bnav-three{
	padding: 25px 0 56px;
}
.bottom-bnav-top .bnavt-left{
	margin-right: 195px;
	
}
.bottom-bnav-top .bnavt-middle{
	/*margin-right: 179px;*/
	width: 390px;
}
.twomail{padding-left: 48px;box-sizing: border-box;}
.bottom-bnav-top .bnavt-right{
	width: 295px;
}
.bottom-bnav-top .bnavt-right a{
	margin-left: 13px;
	display: inline-block;
	margin-bottom: 25px;
}
.bnavt-left .left-title,
.bnavt-middle .middle-title,
.bnavt-right .right-title{
	color: #FFFFFF;
	font-size: 24px;
	font-size: 2.4rem;
	text-transform: uppercase;
	margin: 20px 0 19px;
}
.bnavt-middle .middle-title a{color: #FFFFFF;}
.bottom-bnav-top li{
	color: #BBBBBB;
	line-height: 30px;
}
.bottom-bnav-top li a{
	color: #BBBBBB;
}
.link{
	padding: 30px 0 16px;
	color: #BBBBBB;
}
.link a{
	color: #BBBBBB;
	margin-right: 20px;
}

.bottom-bnav-bot{
	border-top: solid 1px #373737;
	padding: 15px 0 19px;
}
.bottom-bnav-bot p{
	color: #BBBBBB;
	text-align: center;
	line-height: 24px;s
}
.bottom-bnav-bot p a{
	color: #BBBBBB;
}
@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.bottom-bnav-top .bnavt-left {
		margin-right: 85px;
	}
}
@media only screen and (max-width:999px ) {
	.bottom-bnav-top .bnavt-left {
		margin-right: 35px;
	}
	.bottom-bnav-top .bnavt-right.no_margin{margin-left: 0!important;}
}
@media only screen and (max-width:905px ) {
	.bottom-bnav-three{
		padding-bottom: 0;
	}
	.bottom-bnav-top .bnavt-left {
		margin-right: 22px;
	}
	.bottom-bnav-top .bnavt-middle{
		width: 350px;
	}
	.bottom-bnav-top .bnavt-right{
		width: 215px;
	}
	.bottom-bnav-top .bnavt-right a{
		margin-left: 5px;
		display: inline-block;
		margin-bottom: 25px;
	}
}
@media only screen and (max-width:767px ) {
	.bottom-bnav-top{display: none;}
	
}


/*contact*/
.contact{
	width: 53px;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 9999999999;
}
.contact li{
	width: 53px;
	height: 53px;
	background: #BDBDBD;
	/*border-bottom: solid 1px #FFFFFF;*/
	box-sizing: border-box;
	margin-bottom: 1px;
}
.contact li:hover{
	background-color: #03B3CC;
}
.contact li img{
	display: block;
	margin: 0 auto;
}
.c1,.c2{
	padding: 15px 0 0;
}
.c3{
	padding: 14px 0 0;
	position: relative;
}
.contact .c3:hover .ewm-pc{
	left: -100px;
}
.ewm-pc{
	position: absolute;
	z-index: 9999999;
	left: 100000000px;
	bottom: 0;
	width: 100px;
}
.contact2 .c3:hover .ewm-phone{
	top:-100px;
}
.ewm-phone{
	position: absolute;
	z-index: 9999999;
	top:100000000px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 100px;
}
.c4{
	padding: 19px 0 0;
	border-bottom: 0;
}

.contact2{
 	width: 100%;
 	height: 53px;
 	position: fixed;
 	bottom: 0;
 	display: none;
}
.contact2 li{
	width: 25%;
	height: 53px;
	float: left;
	/*border-right: solid 1px #FFFFFF;*/
	box-sizing: border-box;
	background: #BDBDBD;
}
.contact2 li:hover{
	background-color: #03B3CC;
}
.contact2 li img{margin: 0 auto;display: block;}
@media only screen and (max-width: 767px) {
	.contact{display: none;}
	.contact2{display: block;}
	.bottom-bnav-bot{margin-bottom: 53px;}
}


/*products1*/
/*bread*/
.bread-box{
	background: url(../images/web25.png) top center;
	padding: 66px 0 61px;
}
.current-page{
	font-size: 30px;
	font-family: 'OpenSansBold';
}
.current-page a{color: #FFFFFF;}
.current-page a:hover{color: #01B2CC;}
.bread{
	color: #999;
	line-height: 30px;
	margin-top: 11px;
}
.bread a{color:#999}
.bread a:hover{color: #01B2CC;}
.active_page{color: #01B2CC!important;}

.product1-list{
	padding:41px 0 50px;
}
.product1-box{
	width: 504px;
	float: left;
	margin-left: 192px;
	padding: 35px 0 0;
}
.pb-img{
	width: 100%;
	/*border: solid 1px #000;*/
}
.pb-img img{
	width: 100%;
	max-width: 504px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px #000;*/
	/*box-sizing: border-box;*/
}
.pb-title{
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 44px;
	margin-top: 6px;
}
.pb-title a{display: block;}
.pb-title a:hover{color: #01B2CC;}
.pb-word{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.pb-word a{color: #666666;display: block;}
.pb-word a:hover{color: #01B2CC;}
.pb-btn{
	display: block;
	width:146px;
	height:35px;
	line-height: 34px;
	border-radius:18px;
	border: solid 1px #01B2CC;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	color:#01B2CC;
	margin: 21px auto 0px;
}
.pb-btn:hover{
	background-color: #01B2CC;
	color: #FFFFFF;
}
@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.product1-box{width:465px; margin-left: 50px;}
}
@media only screen and (max-width:999px ) {
	.product1-box{width: 48%;margin: 0 1%;}
}
@media only screen and (max-width:767px ) {
	.bread-box{
		padding: 26px 0 20px;
	}
	.bread{margin: 0;}
	.product1-list{padding:21px 0 25px;}
	
}
@media only screen and (max-width:550px ) {
	.product1-box{width: 100%;margin: 0;padding: 20px 0 0;}
}

/*-------------------------products2--------------------------------------*/
.products2-main{}
.p2-kind{
	margin: 75px 0 0;
}
.p2-kind li{
	/*width: 25%;*/
	font-family: 'OpenSansBold';
	font-size: 18px;
	font-size: 1.8rem;
	float: left;
	margin:0 0 39px 88px;
	/*list-style: square;*/
	position: relative;
}
.p2-kind li a{display: block;position: relative;}
.p2-kind li a:hover{color: #01B2CC;}
.p2-kind li:hover a:after{background-color: #01B2CC;}
.p2-kind li a:after{
	position: absolute;
	content:"";
	width: 4px;
	height: 4px;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background-color: #333333;
}

.p2-box{
	width: 280px;
	margin-left:26px;
	float: left;
	/*padding: 16px 14px 0 ;*/
	/*box-sizing: border-box;*/
}

.p2b-img{width: 100%;}
.p2b-img img{width: 100%;max-width:500px;max-height: 453px;display: block;margin: 0 auto;}
.p2b-title{
	line-height: 30px;
	margin: 5px 0 5px;
}
.p2b-title a{display: block;}
.p2b-title a:hover{color: #01B2CC;}
.p2b-word{line-height: 26px;display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical}
.p2b-word a{color: #666666;display: block;}
.p2b-word a:hover{color: #01B2CC;}

.p2-bot{
	/*background: url(../images/web26.png) no-repeat 62px center;*/
	margin: 12px 0 55px;
	text-align: center;
	/*padding-left: 88px;*/
}
.p2-bot input{position: relative;top: 5px;left:2px;margin: 0;width: 13px;height: 13px;cursor: pointer;}
.p2-btn{
	display: inline-block;
	width:120px;
	height:35px;
	line-height: 30px;
	border-radius:18px;
	border: solid 1px #01B2CC;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	color:#01B2CC;
	font-family: arial;
	text-align: center;
	margin-left: 13px;
}
.p2-btn:hover{
	background-color: #01B2CC;
	color: #FFFFFF;
}

/*page number*/
.page-number{
	text-align: center;
	padding-bottom: 8px;
}
.page-number a{
	display: inline-block;
	width: 34px;
	height: 28px;
	border: solid 1px #e5e5e5;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 2px;
}
.page-number a:hover{
	background-color: #01B2CC;
	color: #FFFFFF;
}
.page-number .current{
	background-color: #01B2CC;
	color: #FFFFFF;
}
.page-number a.prev,
.page-number a.next{
	width: 61px;
}
.page-number .add{
	width: 150px;
	background-color: #01B2CC;
	color: #FFFFFF;
	font-size: 14px;
	font-size: 1.4rem;
	margin:0 0 0 12px;
}
.page-number .last{
	border: 0;
	width: 15px;
	margin: 0;
}
.page_products2 .news-box{padding: 63px 0 82px;}

@media only screen and (min-width: 1000px) and (max-width:1219px) {
	.p2-kind li{margin:0 0 39px 50px;}
	.p2-box{width: 230px;margin-left:20px;}
}
@media only screen and (max-width:999px ) {
	.p2-box{width: 31.33%;margin: 0 1%;}
}
@media only screen and (max-width:767px ) {
	.p2-kind{margin: 25px 0 0;}
	.p2-kind li{margin:0 0 10px 50px;}
	.page_products2 .news-box{padding: 33px 0 32px;}
	.page-number a{margin-bottom: 15px;}
}
@media only screen and (max-width:700px ) {
	.p2-box{width: 48%;margin: 0 1%;}
}
@media only screen and (max-width:400px ) {
	.p2-box{width: 280px;margin: 0 auto;float: none;}
	.p2-bot{margin: 12px 0 25px;}
}
/*-----------------------------------product3-----------------------------------------------------------*/
.products3-main{
	padding: 15px 0 58px;
}
.zuo_part{width: 636px;/*overflow:hidden;*/}


.left-pro{width:636px;text-align:left;margin: 0 auto;}
.left-pro .t1{width:120px;float:left;position: relative;}
.left-pro .t2{width:500px;text-indent:0;float:right;}
.left-pro .t2 a{ display:block;}
.left-pro .t2 img{text-indent:0;display: block;}
#showArea img{cursor:pointer;display:block;margin-bottom:30px;width:120px;height:109px;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:0 auto;width: 22px;height: 13px;background: url("../images/web28.png") no-repeat;margin-bottom: 18px;}
#gobottom{cursor:pointer;display:block; margin:auto;width: 22px;height: 13px;background: url("../images/web29.png") no-repeat;margin-top: 18px;}
#gotop:hover{background: url("../images/web28_1.png") no-repeat;}
#gobottom:hover{background: url("../images/web29_1.png") no-repeat;}
.t1:hover #gotop{display: block;}
.t1:hover #gobottom{display: block;}
#showArea{height:391px;overflow:hidden;}
/*#showArea a:hover{ background:url(../images/zhizhen.png) no-repeat left center;}*/
#showArea a:hover img{}

.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF;}
.MagicZoomBigImageCont img{width:800px;height:710px}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}


/*.img_fdj{display: none;overflow: hidden;}*/
/*.img-scroll.img_fdj{
	position: relative;margin: 0 auto;width: 100%;
}
.img-scroll.img_fdj .img-list ul{position:relative;width:1000%;overflow: hidden;margin: 0 auto;}
.img-scroll.img_fdj .img-list li{width: 100%;float: left;}
.img-scroll.img_fdj li img{width: 100%;display: block;max-width: 500px;margin: 0 auto;}*/

.img-scroll.img_fdj { position: relative; width: 100%; overflow: hidden; margin: 0 auto; display: none;}
.img-scroll.img_fdj .prev, .img-scroll .next { position: absolute; display: block; width: 35px; height: 35px; top: 50%; margin-top: -30.5px; z-index: 9999; }
.img-scroll.img_fdj .prev { left: 0; cursor: pointer; background: url(../images/web52.png) no-repeat center; }
.img-scroll.img_fdj .next { right: 0; cursor: pointer; background: url(../images/web53.png) no-repeat center; }
.img-scroll.img_fdj .prev:hover { background: url(../images/web52_1.png)) no-repeat center; }
.img-scroll.img_fdj .next:hover { background: url(../images/web53_1.png) no-repeat center; }
.img-scroll.img_fdj .img-list{overflow:hidden}
.img-scroll.img_fdj .img-list ul { width: 1000%; }
.img-scroll.img_fdj .img-list li { float: left; width: 10%;}
.img-scroll.img_fdj .img-list li img { width: 100%; margin: 0 auto; display: block;max-width: 500px;}
.right-part{
	float: right;
	width: 477px;
}
.right-part h1{
	font-size: 26px;
	font-size: 2.6rem;
	border-bottom: solid 1px #dbdbdb;
	padding: 10px 0 16px;
	margin-bottom: 21px;
}
.right-part .right-part-content{line-height: 30px; color: #666666;}
.right-part .right-part-content p,
.right-part .right-part-content li,
.right-part .right-part-content span,
.right-part .right-part-content b{
	color: #666;
}
.right-part .right-part-content img,
.right-part .right-part-content iframe{max-width: 100%;}

.r-p-btns{
	margin: 114px 0 27px;
	text-align: center;
}
.r-p-btns .now-btn,.r-p-btns .next-btn{
	display: inline-block;
	width:211px;
	height:43px;
	line-height: 42px;
	border-radius:22px;
	text-align: center;
	/*font-family: arial;*/
	font-size: 16px;
	font-size: 1.6rem;
	float: left;
	box-sizing: border-box;
	
}
.r-p-btns .now-btn{
	border: #01B2CC 1px solid;
	background:rgba(1,178,204,1);
	color: #FFFFFF;
}
.r-p-btns .now-btn:hover{
	border: #01B2CC 1px solid;
	color: #01B2CC;
	background-color: transparent;
}
.r-p-btns .next-btn{
	border: #01B2CC 1px solid;
	color: #01B2CC;
	margin-left: 50px;
}
.r-p-btns .next-btn:hover{
	background:rgba(1,178,204,1);
	color: #FFFFFF;
	
}

.right-part .share span{
	position: relative;
	top: -8px;
	color: #999999;
}
.right-part .share img{margin-left: 5px;}


/**/
.products3-detail{
	padding: 0 0 30px;
}
.products3-detail .product-line{margin-bottom: 8px!important;}
.products3-detail .product-line:after{left: 324px!important;}
.products3-content{line-height: 30px;}
.products3-content p,
.products3-content span,
.products3-content b,
.products3-content li{
	color: #333333;
}
.products3-content img,.products3-content frame{max-width: 100%;}
.page_products3 .product-line{margin-bottom: -5px;}
.page_products3 .product-line a{color: #01B2CC;}
.page_products3 .product-line:after{left: 351px;}
.page_products3 .p-list{padding: 32px 0 82px;}

@media only screen and (max-width:1219px ) {
	.MagicZoomBigImageCont,.MagicZoomBigImageCont img{ display:none !important}
	.MagicZoomPup { background:rgba(255,255,255,0)}
	.zuo_part{float: none;margin: 0 auto;}
	.right-part{width: 100%;}
	.right-part .share{text-align: center;}
	.right-part h1{text-align: center;}
	.r-p-btns .now-btn,.r-p-btns .next-btn{float: none;}
}
@media only screen and (max-width:767px ) {
	.zuo_part{display: none;}
	.img-scroll.img_fdj{display: block;}
	.page_products3 .p-list{padding: 32px 0 40px ;}
	.products3-main{/*padding: 15px 0 20px;*/padding:0;}
	.r-p-btns{margin: 30px 0 27px;}
	.page_products3 .product-line{font-size: 2.4rem;font-size: 24px;}
	.page_products3 .product-line:after{height: 0;}
	.right-part h1{font-size: 20px;font-size: 2rem;margin-bottom: 0;}
}
@media only screen and (max-width:501px ) {
	.r-p-btns .now-btn,.r-p-btns .next-btn{
		width: 40%;
		margin: 0 5%;
	}
	.r-p-btns .next-btn{margin-left: 0;}
	
}

/*-------------------3-News-1-------------------------*/
.page_news1 .news-box{
	padding: 63px 0 85px;
}
.page_news1 .news-list{
	padding: 14px 0 0 ;
}
.page_news1 .news-list li{
	margin-bottom: 41px;
}
.product-line{
	font-family: 'ErasITCBold';
	font-size: 32px;
	font-size: 3.2rem;
	position: relative;
	color: #01B2CC;
	text-align: left;
	text-transform: uppercase;
}
.product-line a{color: #01B2CC;}
.product-line:after{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	left: 271px;
	height: 1px;
	background-color: #01B2CC;
}
.page_news1 .p-list{
	padding: 26px 0 83px;
}

@media only screen and (max-width:767px) {
	.page_news1 .news-box {
		padding: 23px 0 25px;
	}
	.page_news1 .news-list li {
		margin-bottom: 21px;
	}
	.page_news1 .p-list {
		padding: 26px 0 23px;
	}
}

/*---------------------------NEWS2-------------------------------------*/
.page_news2{
	padding: 71px 0 60px;
}
.news2-left{
	float: left;
	width: 72.5%;
}
.news2-left .news2-title{
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	color: #333;
}
.news2-left .news2-time{
	font-size: 14px;
	font-size: 1.4rem;
	color: #666;
	background: url(../images/web4.png) no-repeat left center;
	position: relative;
	padding: 14px 10px 16px 22px;
}
.news2-left .news2-time:after{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	right: 0;
	height: 2px;
	background-color: #01B2CC;
}
.news2-left .news2-content{
	padding:30px 0;
}
.news2-left .news2-content{line-height: 30px;color: #333333;}
.news2-left .news2-content p,
.news2-left .news2-content span,
.news2-left .news2-content li,
.news2-left .news2-content a,
.news2-left .news2-content b{
	color: #333;
}
.news2-left .news2-word img{max-width: 100%;}
/**/
.updown-btns{margin-bottom: 30px;}
.prev-detail{
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom: dashed 1px #cfcfcf;
	background: url(../images/web42.png) no-repeat left center;
	padding: 7px 23px 5px;
}
.next-detail{
	font-size: 14px;
	font-size: 1.4rem;
	background: url(../images/web43.png) no-repeat left center;
	padding: 7px 23px 5px;
}
.prev-detail span{color: #666666;}
.prev-detail a,.next-detail a{color: #666;}
.prev-detail a:hover,.next-detail a:hover{color: #01B2CC;}


.news2-right{
	float: right;
	width: 280px;
}
.news2-right .back-list-btn{
	display: block;
	width:222px;
	height:51px;
	line-height: 50px;
	background:rgba(1,178,204,1);
	border-radius:10px;	
	font-family: 'OpenSansBold';
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	margin: 7px auto 34px;
	color: #FFFFFF;
}
.news2-right .share{
	width: 100%;
	text-align: center;
	line-height: 26px;
	margin-bottom: 19px;
}
.news2-right .share span{
	position: relative;
	top: -5px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #666666;
}
.news2-slide{
	width: 280px;
	border: solid #dcdcdc 1px;
	padding:0 12px 0;
	box-sizing: border-box;
}
.news2-slide .news2s-t{
	font-size: 24px;
	font-size: 2.4rem;
	font-family: 'OpenSansBold';
	color: #01B2CC;
	line-height: 40px;
	padding: 6px 0 10px 10px;
	background: url(../images/web56.png) no-repeat left 17px;
}
.news2-slide-box{padding-bottom: 20px;}
.news2-slide-box img{width: 100%;max-width: 100%;}
.news2sb-t{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	font-family: 'OpenSansBold';
	margin:2px 0 1px;
}
.news2sb-t a{color: #333;display: block;}
.news2sb-t a:hover{color: #01B2CC;}
.news2sb-word{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
}
.news2sb-word a{color: #666;display: block;}
.news2sb-word a:hover{color: #01B2CC;}

@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.news2-left{width: 68%;}
}
@media only screen and (max-width:999px ) {
	.news2-left{width: 60%;}
	.news2-right{
		width: 250px;
	}
	.news2-slide{
		width: 250px;
	}
}
@media only screen and (max-width:767px ) {
	.news2-left .news2-title{font-size: 2rem;font-size: 20px;}
	.news2-left .news2-content{padding: 15px 0;}
	.page_news2{padding: 21px 0 20px}
	.news2-left{width: 100%;}
	.news2-right{
		width:100%;
	}
	.news2-slide{
		width: 100%;
	}
	.news2-slide-box{width: 280px;margin: 0 auto;}
	.news2-slide .news2s-t{text-align: center;}
	.news2-right .back-list-btn{margin-bottom: 20px;}
	.updown-btns{margin-bottom: 15px;}
}
/*---------------------contact------------------------------*/
.page_contact{
	padding: 78px 0 58px;
}
.four-list{
	padding: 0 0 54px;
}
.four-list li{
	float: left;
	width: 24.33%;
	text-align: center;
}
.four-list li img{
	width: 140px;
	display: block;
	margin: 0 auto 25px;
}
.four-list li p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 35px;
}
.four-list li.address-li{
	width: 26%;
}
.four-list li a:hover{color: #01B2CC;}

/*from*/
.from-title{
	font-size: 24px;
	font-size: 2.4rem;
	color: #01B2CC;
	text-align: center;
	text-transform: uppercase;
}
.from-subt{
	font-size: 16px;
	font-size: 1.6rem;
	color: #666666;
	text-align: center;
	margin:3px 0 39px;
}
.from-box{
	
}
.from-left div{
	background: url(../images/web34.png) no-repeat left center;
	padding-left: 16px;
	margin-bottom: 19px;
}
.from-left input{
	width:479px;
	height:50px;
	line-height: 50px;
	border: solid 1px #bfbfbf;
	font-size: 14px;
	font-size: 1.4rem;
	box-sizing: border-box;
	padding: 0 10px 0 41px;
}
.name{background: url(../images/web37.jpg) no-repeat 8px center;}
.mail{background: url(../images/web38.jpg) no-repeat 8px center;}
.tel{background: url(../images/web39.jpg) no-repeat 8px center;}
.country{background: url(../images/web40.png) no-repeat 8px center;}

.from-right{float: right;}
.from-right div{
	margin-bottom: 19px;
}
.from-right .textarea-box{
	margin-bottom: 15px;
	background: url(../images/web34.png) no-repeat left 20px;
	padding-left: 16px;

}
.from-right textarea{
	width:644px;
	height:186px;
	border: solid 1px #bfbfbf;
	font-size: 14px;
	font-size: 1.4rem;
	resize: none;
	box-sizing: border-box;
	background: url(../images/web41.jpg) no-repeat 8px 16px;
	padding: 10px 41px 10px 41px;
	line-height: 30px;
}
.from-right .group{
	background: url(../images/web34.png) no-repeat left center;
	padding-left: 16px;
}
.from-right .code{
	width:242px;
	height:50px;
	line-height: 50px;
	border: solid 1px #bfbfbf;
	font-size: 14px;
	font-size: 1.4rem;
	box-sizing: border-box;
	padding: 0 12px;
}
.from-right .code-img{
	position: relative;
	top: -1px;
	margin-left: 7px;
	cursor: pointer;
}
.from-right .submit{
	width:199px;
	height:50px;
	line-height: 50px;
	text-align: center;
	background:rgba(1,178,204,1);
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFFFFF;
	cursor: pointer;
}
.map{padding: 40px 0 40px;}
.map img{width: 100%;display: block}

@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.from-left input{width:369px;}
	.from-right textarea{width:534px;}
	.from-right .code{
	width:182px;}
	.from-right .submit{
	width:149px;}
	
}
@media only screen and (max-width:999px ) {
	.from-left,.from-right{width: 100%;padding-right: 5%;box-sizing: border-box;}
	.from-left div,.from-right .textarea-box,.from-right .group{width: 100%;}
	.from-left input{
		width: 100%!important;
	}
	.from-right textarea{
		width: 100%
	}
	.from-right{float: left;}
	.from-right .submit{float: left;margin-left: 10px;}
}
@media only screen and (max-width:767px ) {
	.four-list li img{margin-bottom: 10px;}
	.four-list li p{line-height: 22px;}
	.page_contact{padding: 28px 0 0;}
	.from-subt{margin-bottom: 20px;}
	.from-left,.from-right{width: 100%;padding-right: 5%;box-sizing: border-box;}
	.from-left div,.from-right .textarea-box,.from-right .group{width: 100%;}
	.from-left input{
		width: 100%!important;
	}
	.from-right textarea{
		width: 100%
	}
	.from-right .code{width: 100%;margin-bottom: 19px;}
	.from-right .code-img{
		margin-left: 0;
		top: 0;
		margin-bottom: 19px;
		display: block;
		float: none;
	}
	.from-right .submit{margin:0 auto;float: none;display: block;width: 100%;}
	.from-right .group{
		background: url(../images/web34.png) no-repeat left 23px;
	}
	.map{padding: 0px 0 30px;}
	
	.four-list{padding: 0 0 0}
	.four-list li{
		width: 48%;
		margin: 0 1%;
		padding-bottom: 38px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.four-list li.address-li{
		width: 48%;
	}
	.four-list li p{font-size: 14px;font-size: 1.4rem;}
}
@media only screen and (max-width:400px ) {
	.four-list li{
		width: 98%;
		margin: 0 1%;
		padding-bottom: 18px;
	}
	.four-list li.address-li{
		width: 98%;
	}
}

/*----------------------About US--------------------------*/
.page_about{
	padding: 76px 0 100px;
}
.about-videop{
	margin: 40px 0 -5px;
}
.about-videop p{
	line-height: 30px;
	margin-bottom: 30px;
}
.about-icons{margin-bottom: 51px;}
.about-icons img{margin-right: 46px;}
.about-icons .icon3{margin-right: 0;}

/**/
.img-scroll { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }
.img-scroll .prev, .img-scroll .next { position: absolute; display: block; width: 35px; height: 45px; top: 50%; margin-top: -30.5px; z-index: 9999; }
.img-scroll .prev { left: 0; cursor: pointer; background: url(../images/web52.png) no-repeat center; }
.img-scroll .next { right: 0; cursor: pointer; background: url(../images/web53.png) no-repeat center; }
.img-scroll .prev:hover { background: url(../images/web52_1.png) no-repeat center; }
.img-scroll .next:hover { background: url(../images/web53_1.png) no-repeat center; }

.img-scroll .img-list ul { width: 1000%; }
.img-scroll .img-list li { float: left; width: 2.5%;}
.img-scroll .img-list li img { width: 100%; margin: 0 auto; display: block;max-width: 480px;max-height: 400px;}
#baguetteBox-overlay{display: none;}

@media only screen and (max-width:767px ) {
	.img-scroll .img-list li{width: 3.33%;}
	.about-icons{margin-bottom: 28px;}
	.about-videop p{margin-bottom: 15px;}
}
@media only screen and (max-width:550px) {
	.img-scroll .img-list li{width: 5%;}
	.about-icons img{margin-right:15px;margin-bottom: 10px;}
}
@media only screen and (max-width:400px ) {
	.img-scroll .img-list li{width: 10%;}
	.img-scroll .img-list li img{width:90% ;margin: 0 5%;}
}
/**/
.page_about .jblue-box{background: #FFFFFF; padding: 84px 0 0 0;}
.page_about .jblue-box .blue-left{
	width: 663px;
}
.page_about .jblue-box .blue-right{
	margin-top: 40px;
}
.page_about .jblue-box .blue-word {margin: 24px 0 0;color: #666666;}
.page_about .jblue-box .blue-title {color: #01B2CC;}
.page_about .jblue-box .blue-btn {
	background:rgba(1,178,204,1);
}
.page_about .jblue-box .blue-btn span{
	color: #FFFFFF;
}
@media only screen and (min-width: 1000px) and (max-width: 1219px) {
	.page_about .jblue-box .blue-left{width: 520px;}
	.page_about .jblue-box .blue-right{width:440px;margin-top: 0;}
	.page_about .jblue-box .blue-word{margin: 24px 0 0;}
}
@media only screen and (max-width:999px ) {
	.page_about{padding: 76px 0 50px;}
	.page_about .jblue-box .blue-left{
		width: 100%;
	}
	.page_about .jblue-box .blue-right{
		width: 100%;
	}
}
@media only screen and (max-width:767px ) {
	.page_about .jblue-box .blue-right{margin-top: 20px;}
	.page_about .jblue-box .blue-title{font-size: 30px;font-size: 3rem;}	
	.page_about .jblue-box .blue-word{margin: 24px 0 18px;}
	.page_about{padding: 26px 0 0px;}
	.page_about .jblue-box{padding: 22px 0 0;}
	.about-videop{margin-top: 20px;}
}

/*回到顶部*/
.back-top{position: fixed;right: 5px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 99999px;}