@import url("common.css");
@media only screen and (min-width: 992px) {
	.fullSlide {min-width: 1200px; width:100%; left:0; position:absolute; top:173px; height: 480px;overflow: hidden; background: #ececec;}
	.fullSlide .bd {position: relative;z-index: 0;}
	.fullSlide .bd ul {width: 100%;}
	.fullSlide .bd li {width: 100%;height: 480px;overflow: hidden;text-align: center;}
	.fullSlide .bd li a {display: block;height: 480px;line-height: 480px;overflow: hidden;text-indent: 999em;}
	.fullSlide .hd {width: 1200px;left: 50%;margin-left: -600px;bottom: 30px;position: absolute;z-index: 1;overflow: hidden;}
	.fullSlide .hd ul {width: 88px;height: 10px;margin: 0 auto;}
	.fullSlide .hd ul li {float: left;height: 10px;width: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px #fff solid;margin: 0 5px;display: inline;cursor: pointer;filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}
	.fullSlide .hd .on {background: #fff;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
	.fullSlide .prev, .fullSlide .next {position: absolute;left: 3%;top: 50%;margin-top: -45px;display: block;width: 50px;height: 90px;background: url(../images/bg_3.png) 0 0 no-repeat; z-index:1001;}
	.fullSlide .next {left: auto;right: 3%;background-position: 0 -90px;}
	.fullSlide .prev:hover, .fullSlide .next:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
	.fullSlide .swiper-words {position:absolute; width:100%; text-align:center; top:130px; z-index:888;}
	.fullSlide .swiper-words span {font-size:36px; font-weight:bold; color:#fff; text-align:center; width:100%; display:block;}
	.fullSlide .swiper-words font {font-size:16px; color:#fff; text-align:center; margin:0 auto; margin-top:30px; width:580px; display:block; line-height:250%;}
	.fullSlide .swiper-words .banurl {width:100%; position:absolute; margin-top:70px; text-align:center;}
	.fullSlide .swiper-words .banurl a {padding:12px 50px; margin:0 30px; border:1px solid #fff; color:#fff; border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.fullSlide .swiper-words .banurl a:hover {background-color:#027db9; color:#fff; border-color:#027db9;}
	
	.pagebody .isearch {text-align:left; line-height:66px; height:66px; overflow:hidden;}
	.pagebody .isearch label {color:#cc0000;}
	.pagebody .isearch label img {margin-right:6px;}
	.pagebody .isearch a {margin-right:10px; color:#5a5a5a;}
	.pagebody .isearch input {float:right; margin-top:16px; border:2px solid #2782f1; background-color:#fff; height:30px; line-height:30px; padding:0 5px;}
	.pagebody .isearch input {float:right; margin-top:16px;}
	.pagebody .isearch input[type="submit"] {height:34px; line-height:30px; background-color:#2782f1; padding:0 15px; color:#fff;}
	.pagebody .isearch input[type="text"] {border-right:none; width:240px;}
	
	.iabout {margin:0; margin-top:26px; height:447px;}
	.iabout img.iabtpic {float:left; border:5px solid #fff;}
	.iabout .itit1 {text-align:left; color:#fff; font-size:24px;}
	.iabout .iaboutright {width:900px; float:right;}
	.iabout .iaboutcont {font-size:14px; color:#fff; line-height:200%; margin-top:12px; text-align:left; padding-bottom:12px;}
	.iabout .itit2 {position:relative; text-align:left; width:100%; height:58px;}
	.iabout .itit2 span {display:block; width:100%; margin-top:20px; border-top:1px solid #d9d9d9; position:absolute; top:10px; z-index:10;}
	.iabout .itit2 font {position:absolute; top:18px; font-size:18px; font-weight:bold; background-color:#fff; padding-right:10px; float:left; z-index:11;}
	
	.marqueeleft{width:900px;overflow:hidden;margin:0 auto;}
	.marqueeleft ul{float:left;}
	.marqueeleft li {float:left; margin:0 7px; overflow:hidden; text-align:center; background-color:#fff}
	.marqueeleft li img {width:240px; height:150px;}
	.immenu {display:none;}
	
	.itit {width:100%; background:url(../images/bg_itit.png) bottom center no-repeat; padding-bottom:20px; text-align:center;}
	.itit h3 {color:#0082d0; font-size:24px; font-weight:bold; margin-bottom:5px;}
	.itit span {display:block; width:100%;}
	
	.product {padding-top:50px; height:506px;}
	.product .itit {display:none;}
	.product dl {width:175px; float:left;}
	.product dl dt {background-color:#0082d0; height:92px; color:#fff; margin-bottom:8px; text-align:center;}
	.product dl dt font {padding-top:20px; font-size:24px; font-weight:bold; display:block;}
	.product dl dd {margin-bottom:3px;}
	.product dl dd a {display:block; width:100%; text-align:center; color:#333; font-size:16px; line-height:34px; background-color:#fff;}
	.product dl dd a:hover {background-color:#0082d0; color:#fff;}
	.product dl dd.promore a {background-color:#da1010; font-size:14px; color:#fff;}
	.product ul {width:1004px; float:right;}
	.product ul li {float:left; margin-left:12px; line-height:60px; height:235px; width:239px; text-align:center; position:relative;}
	.product ul li img {border:4px solid #fff; width:231px; height:165px;}
	.product ul li font {position:absolute; display:block; top:0; left:0; width:239px; height:173px; background-color:#000; filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.product ul li a:hover font { filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
	
	.advantage {height:328px; overflow:hidden;}
	.advantage ul {height:180px;}
	.advantage ul li {width:149px; padding-right:53px; margin-right:54px; float:left; text-align:center; margin-top:48px; height:180px; border-right:1px solid #d9d9d9;}
	.advantage ul li:last-child {border:none; margin-right:0; padding-right:0;}
	.advantage ul li span {color:#0082d0; font-size:24px; display:block; padding:10px 0;}
	.advantage ul li img {width:95px;}
	
	.applfield {padding-top:30px; height:756px;}
	.applfield ul {margin-top:30px;}
	.applfield ul li {height:315px; float:left; line-height:36px; position:relative; float:left; width:378px; margin-right:33px; text-align:center;}
	.applfield ul li:nth-child(3n) {margin-right:0;}
	.applfield ul li a {font-size:14px; font-weight:bold;}
	.applfield ul li a img {width:378px; height:270px;}
	.applfield ul li font {position:absolute; display:block; top:0; left:0; width:378px; height:270px; background-color:#000; filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
	.applfield ul li a:hover font { filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
	
	.news {padding-top:30px; height:485px;}
	.news ul {margin-top:30px;}
	.news ul li {height:350px; float:left; line-height:36px; position:relative; float:left; width:280px; margin-right:26px; background-color:#fff;}
	.news ul li font {position:relative; display:block; width:100%; height:175px; overflow:hidden;}
	.news ul li a font img {-webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; position:absolute; left:0; top:0; width:280px; height:175px;}
	.news ul li a:hover font img {width:312px; height:195px; left:-16px; top:-10px;}
	.news ul li:nth-child(4n) {margin-right:0;}
	.news ul li h1 {font-size:16px; color:#5a5a5a; height:36px; overflow:hidden; width:calc(100% - 40px); margin:10px 20px 5px 20px; text-align:left}
	.news ul li span {font-size:12px; display:block; color:#5a5a5a; width:calc(100% - 40px); margin:0 20px; line-height:180%; text-align:left;}
	
	.honnor {padding-top:30px; height:235px;}
	.honnor #scrol {margin-top:30px; width:100%; text-align:center; height:100px;}
	.infiniteCarousel{width: 1200px; position: relative; margin:0 auto; height:100px;}
	
	.infiniteCarousel .wrapper{width: 1160px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  overflow: auto; margin: 0 20px; position: absolute; top: 0; height:100px;}
	
	.infiniteCarousel ul a img{border:1px solid #ccc; width:180px; height:100px;}
	
	.infiniteCarousel .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	
	.infiniteCarousel ul li {text-align:center; display:block; float:left; height: 100px; width: 232px;}
	
	.infiniteCarousel ul li a {font-size:12px;}
	
	.infiniteCarousel .arrow{display: block; height: 60px; width: 24px; text-indent: -999px; position: absolute; top: 20px; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	
	.infiniteCarousel .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	
	.infiniteCarousel .forward{background: url(../images/scla.jpg) no-repeat left center; left: 0px;}
	
	.infiniteCarousel .back{background: url(../images/sclb.jpg) no-repeat left center; right: 0px;}
	
	#noticebox {text-align:left;width: 540px;height: 260px;overflow-y: auto; margin:10px; line-height:160%; font-size:14px;}
	#noticebox img {max-width:540px; height:auto;}
}


@media only screen and (max-width: 991px) {
	.fullSlide {width:100%; left:0; position:absolute; top:121px; height: 320px;overflow: hidden; background: #ececec;}
	.fullSlide .bd {position: relative;z-index: 0;}
	.fullSlide .bd ul {width: 100%;}
	.fullSlide .bd li {width: 100%;height: 320px;overflow: hidden;text-align: center;}
	.fullSlide .bd li a {display: block;height: 320px;line-height: 320px;overflow: hidden;text-indent: 999em;}
	.fullSlide .hd {width: 100%;bottom: 30px;position: absolute;z-index: 1;overflow: hidden;}
	.fullSlide .hd ul {width: 88px;height: 10px;margin: 0 auto;}
	.fullSlide .hd ul li {float: left;height: 10px;width: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px #fff solid;margin: 0 5px;display: inline;cursor: pointer;filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}
	.fullSlide .hd .on {background: #fff;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
	.fullSlide .prev, .fullSlide .next {position: absolute;left: 3%;top: 50%;margin-top: -22px;display: block;width: 25px;height: 45px;background: url(../images/bg_3.png) 0 0 no-repeat; background-size:25px 90px; z-index:1001;}
	.fullSlide .next {left: auto;right: 3%;background-position: 0 -45px;}
	.fullSlide .prev:hover, .fullSlide .next:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
	.fullSlide .swiper-words {position:absolute; width:100%; text-align:center; top:60px; z-index:888;}
	.fullSlide .swiper-words span {font-size:18px; font-weight:bold; color:#fff; text-align:center;}
	.fullSlide .swiper-words font {font-size:14px; color:#fff; text-align:center; margin:0 50px; margin-top:30px; display:block; line-height:250%;}
	.fullSlide .swiper-words .banurl {display:none;}
	
	.pagebody .isearch {display:none;}
	
	.iabout {margin:0 0 20px 0;}
	.iabout img.iabtpic {display:none;}
	.iabout .itit1 {text-align:center; color:#fff; font-size:24px; background-color:#0082d0; padding:20px 0;}
	.iabout .iaboutright {}
	.iabout .iaboutcont {font-size:14px; background-color:#0082d0; color:#fff; line-height:200%; text-align:left; padding:0 10px 20px 10px;}
	.iabout .itit2 {position:relative; text-align:left; width:calc(100% - 20px); margin:0 10px; height:58px;}
	.iabout .itit2 span {display:block; width:100%; margin-top:20px; border-top:1px solid #d9d9d9; position:absolute; top:10px; z-index:10;}
	.iabout .itit2 font {position:absolute; top:18px; font-size:18px; font-weight:bold; background-color:#fff; padding-right:10px; float:left; z-index:11;}
	
	.marqueeleft{ width:calc(100% - 20px); margin:0 10px; overflow:hidden;margin:0 auto;}
	.marqueeleft ul{float:left;}
	.marqueeleft li {float:left; margin:0 7px; overflow:hidden; text-align:center; background-color:#fff}
	.marqueeleft li img {width:160px; height:100px;}
	
	.immenu {width:calc(100% - 19px); border-right:10px solid #fff; border-left:9px solid #fff; border-top:10px solid #fff; border-bottom:10px solid #fff; height:243px;}
	.immenu li {height:80px; border-top:1px solid #fff;}
	.immenu li a {color:#fff; display:block; width:100%; height:80px; line-height:80px;}
	.immenu li:nth-child(3n+1) {width:calc(33% - 1px); border-left:1px solid #fff; float:left;}
	.immenu li:nth-child(3n+2) {width:calc(34% - 1px); border-left:1px solid #fff; float:left;}
	.immenu li:nth-child(3n) {width:calc(33% - 1px); border-left:1px solid #fff; float:left;}
	.immenu li:nth-child(1) {background-color:#0082d0;}
	.immenu li:nth-child(2) {background-color:#0069a8;}
	.immenu li:nth-child(3) {background-color:#0082d0;}
	.immenu li:nth-child(4) {background-color:#0488a4;}
	.immenu li:nth-child(5) {background-color:#00abd0;}
	.immenu li:nth-child(6) {background-color:#0488a4;}
	.immenu li:nth-child(7) {background-color:#0082d0;}
	.immenu li:nth-child(8) {background-color:#0069a8;}
	.immenu li:nth-child(9) {background-color:#0082d0;}
	
	.itit {width:100%; background:url(../images/bg_itit.png) bottom center no-repeat; padding-bottom:20px;}
	.itit h3 {color:#0082d0; font-size:24px; font-weight:bold; margin-bottom:5px;}
	
	.product {padding:20px 0 6px 0; background-color:#f2f0f0;}
	.product dl {display:none;}
	.product ul {width:calc(100% - 10px); margin-left:10px; margin-top:20px;}
	.product ul li {float:left; width:calc(50% - 10px); margin-right:10px; text-align:center; padding-bottom:5px; line-height:32px;}
	.product ul li img {width:100%;}
	.product ul li span {display:block; height:32px; line-height:32px; overflow:hidden;}
	
	.advantage {margin:0; height:145px;}
	.advantage .itit3 img {display:none;}
	.advantage .itit3 {background:url(../images/bg_advantage.jpg) center no-repeat; height:32px; background-size:auto 32px;}
	.advantage ul {width:100%;}
	.advantage ul li {width:25%; float:left; font-size:10px; text-align:center; margin-top:20px;}
	.advantage ul li:last-child {display:none;}
	.advantage ul li span {color:#0082d0; font-size:16px; display:block; padding:10px 0;}
	.advantage ul li img {width:45px;}
	.advantage ul li font {display:none;}
	
	.applfield {padding:20px 0 6px 0; background-color:#f2f0f0;}
	.applfield ul {width:calc(100% - 10px); margin-left:10px; margin-top:20px;}
	.applfield ul li {float:left; width:calc(50% - 10px); margin-right:10px; text-align:center; padding-bottom:5px; line-height:32px;}
	.applfield ul li img {width:100%;}
	.applfield ul li span {display:block; height:32px; line-height:32px; overflow:hidden;}
	
	.news {padding:20px 0 5px 0; background-color:#0082d0;}
	.news .itit {background-image:url(../images/bg_itit1.png); color:#fff !important;}
	.news .itit h3 {color:#fff !important;}
	.news ul {width:100%; margin-top:20px;}
	.news ul li {margin:0 10px 15px 10px; height:72px; overflow:hidden; text-align:left;}
	.news ul li img {width:120px; height:75px; float:left; margin-right:10px;}
	.news ul li span {display:block; height:24px; line-height:24px; font-size:12px; color:#e9e7e7;}
	.news ul li h1 {font-size:14px; padding-bottom:6px; color:#fff; line-height:24px;}
	
	.honnor {padding:20px 0;}
	.honnor #scrol {margin-top:20px;}
	#scrol {0 auto; width:100%; text-align:center;}
	.infiniteCarousel{width: 1200px; position: relative; margin:0 auto;}
	
	.infiniteCarousel .wrapper{width: calc(100% - 20px); /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  overflow: auto; min-height: 10em; margin: 0 10px; position: absolute; top: 0; height:100px;}
	
	.infiniteCarousel ul a img{width:180px; height:100px;}
	
	.infiniteCarousel .wrapper ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; left:0;}
	
	.infiniteCarousel ul li {text-align:center; display:block; float:left; height: 100px; width: 232px;}
	
	.infiniteCarousel ul li a {font-size:12px;}
	
	.infiniteCarousel .arrow{display: block; height: 60px; width: 24px; text-indent: -999px; position: absolute; top: 20px; cursor: pointer; text-align:center; color:#fff; background-color:#e6e6e6; font-size:50px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	
	.infiniteCarousel .arrow:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
	
	.infiniteCarousel .forward{background: url(../images/scla.jpg) no-repeat left center; left: 10px;}
	
	.infiniteCarousel .back{background: url(../images/sclb.jpg) no-repeat left center; right: 10px;}
	
	#noticebox {text-align:left;width: 86vw;height: 116vw;overflow-y: auto; margin:2vw; line-height:160%; font-size:3.5vw;}
	#noticebox img {max-width:86vw; height:auto;}
}