﻿
*{margin:0;padding:0;outline:0;vertical-align:baseline;background:transparent;-webkit-font-smoothing: antialiased;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body { font: 14px/1.5 "微软雅黑","Microsoft YaHei",Arial, Tahoma, Helvetica, sans-serif;margin: auto;overflow-x: hidden;}
html{max-width:1920px;margin: 0 auto !important;}
input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus { color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;}
ol, ul, li { list-style: none;}
input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea { overflow: auto; resize: none;}
table { border-collapse: collapse; border: 0;}
img { border: 0; outline: 0; vertical-align: middle;}
a { text-decoration: none;}
a:focus { outline: 0;}
input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);}
.fl{float: left;}
.fr{float: right;}
.container{width: 1200px;margin: 0 auto;}
.noTxt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#cnzz_stat_icon_1280459880{display: none;}

/**/
.startVideo{width: 100%;height: 100%;box-sizing: border-box;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;overflow: hidden;background: #0FA2EF;}
.startVideo video{height: 1200px;position: absolute;left: -275px;right: 0;top: -170px;margin: auto;}
/*轮播banner*/
.marquee-box {overflow:hidden;width:100%;position: absolute;left: 0px;bottom: 0px;height:937px;}
.marquee{width:10000%;height:100%;}
.wave-list-box {float:left;}
.wave-list-box ul{float:left; height:100%; overflow:hidden;}
.wave-list-box ul li{height:100%; width:100%; float:left;  list-style:none; }
.wave-list-box ul li img{width: auto;height: 937px;display: block;margin: 0 auto;}

.start{width: 84%;height: 100%;box-sizing: border-box;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.start .iTop{width: 100%;height: 90px;box-sizing: border-box;margin-top: 7%;}
.start .sLogo{width: 536px;box-sizing: border-box;float: left;}
.start .sLogo img{display: block;margin: 0 auto;}
.start .sLogo a{display: block;}




.sMain{box-sizing: border-box;margin-top: 20%;padding: 10px 0 10px 0; overflow: hidden;}
.sMain .itemOne{width: 300px;height: 230px;float: left;position: relative;overflow: hidden;box-sizing: border-box;background: url(../image/itemBg.png) center no-repeat;border-radius: 10px;background-size:100% 100%;}
.sMain .itemOne a{float: left;display: block;box-sizing: border-box;border-radius: 5px;margin-left: 24px;}
.sMain .itemOne .item-common{width: 120px;height: 75px;box-sizing: border-box;padding: 10px 15px 15px 65px;margin-top: 24px;}
.sMain .itemOne .item-jyzn{background: url(../image/jyzn-2.png) 15px no-repeat #ffffff;}
.sMain .itemOne .item-yygh{background: url(../image/yygh-3.png) 15px no-repeat #ffffff;margin-left: 12px;}
.sMain .itemOne .item-qyxzpt{width: 252px;height: 90px;box-sizing: border-box;padding: 15px 20px;text-align: justify;background: #1a75aa;margin-top: 12px;}
.sMain .itemOne .item-common h3{font-size: 18px;color: #333333;font-weight: normal;}
.sMain .itemOne .item-qyxzpt h3{font-size: 24px;color: #fcfcfc;font-weight: bold;}
.sMain .itemOne .item-qyxzpt p{font-size: 14px;color: #fcfcfc;font-family: 'Arial';}

.sMain .itemOne span{display: block;width: 100px;height: 40px;font-size: 14px;color: #b0f7ff;text-align: center;margin-top: 26px;line-height: 40px;box-sizing: border-box;border-radius: 20px;border: 1px solid #65eaf9;}
.sMain .itemOne .light{ position:absolute; left:-140px; top:0; width:100px; height:235px;/* 根据图像高度自行修改 */
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.sMain .itemOne:hover .light{ left:380px; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }


.sMain .itemTwo{width: 230px;height: 230px;float: left;box-sizing: border-box;position: relative;background: url(../image/itemBg2.png) center 22px no-repeat #ffffff;border-radius: 10px;margin-left: 22px;}
.sMain .itemTwo a{position: relative;display: block;width:100%;height:100%;box-sizing: border-box;padding: 10px 20px;border-radius: 10px;}
.sMain .itemTwo .itemImg{width: 65px;height: 65px;margin: 10px auto 0;box-sizing: border-box;}
.sMain .itemTwo h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-top: 14px;}
.sMain .itemTwo p{font-size: 16px;color: #666666;font-family: "Arial";text-align: center;margin-top: 1px;}
.sMain .itemTwo i{display: block;width: 60px;height: 6px;margin: 15px auto 0;background: rgba(229,246,248,.86);}
.sMain .itemTwo .ita{background: url(../image/itemGzb.png) center no-repeat;}
.sMain .itemTwo .itb{background: url(../image/itemYhb.png) center no-repeat;}
.sMain .itemTwo .itc{background: url(../image/itemYwb.png) center no-repeat;}
.sMain .itemTwo:hover{background: url(../image/itemBgHover.png) center 30px no-repeat #01A5B8;box-shadow: 0 0 5px 2px rgba(0,0,0,.25);-webkit-transform: translate(0, -5px);-ms-transform: translate(0, -5px);-o-transform: translate(0, -5px);transform: translate(0, -5px);}
.sMain .itemTwo:hover h3{color: #FFFFFF;}
.sMain .itemTwo:hover p{color: #FFFFFF;}
.sMain .itemTwo:hover .ita{background: url(../image/itemGzbHover.png) center no-repeat;}
.sMain .itemTwo:hover .itb{background: url(../image/itemYhbHover.png) center no-repeat;}
.sMain .itemTwo:hover .itc{background: url(../image/itemYwbHover.png) center no-repeat;}
.sMain .itemYqb{background: url(../image/item-yqb.png) center no-repeat !important;background-size: 100% 100%;}
.sMain .itemYqb a{padding: 30px 20px 20px;}
.sMain .itemYqb img{width: auto;height: auto;display: block;margin: 0 auto;}
.sMain .itemYqb h3{color: #ffffff;}

.itemHover{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.iBottom{box-sizing: border-box;padding-top: 10px;}
.iBottom .iImg{float: left;box-sizing: border-box;}
.iBottom .iImg .iImgItem{float: left;height: 70px;position: relative;box-sizing: border-box;}
.iBottom .iImg .iImgItem .iImgHover{width: 110px;height: auto;display: none;right: -100px;top: 0;margin: auto;border-radius: 2px;overflow: hidden;position: absolute;box-sizing: border-box;background: #FFFFFF;z-index: 99;}
.iBottom .iImg .iImgItem .iImgHover img{width: 100px;height: auto;display: block;margin: 5px auto 0;}
.iBottom .iImg .iImgItem .iImgHover p{font-size: 12px;color: #333333;text-align: center;margin-bottom: 5px;}

.iBottom .iImg a{display: block;float: left;width: 70px;height: 70px;margin-right: 20px;font-size: 0; box-sizing: border-box;border-radius: 70px;background: rgba(255,255,255,.9);cursor: pointer;}
.iBottom .iImg a.iXcx{background: url(../image/tVideo.png) 55% center no-repeat #FFFFFF;background-size: auto 30px;}
.iBottom .iImg a.iOa{margin-top: 20px;background: url(../image/tOa.png) center no-repeat #FFFFFF;background-size: auto 25px;}
.iBottom .iImg a.iYygh{margin-top: 10px;background: url(../image/tYygh.png) center no-repeat #FFFFFF;background-size: auto 28px;}
.iBottom .iImg a.iEwm{margin-top: 30px;background: url(../image/tEwm.png) 53% center no-repeat #FFFFFF;}
.iBottom .iImg a.iYygh:hover{background: url(../image/tYyghHover.png) center no-repeat #004f58;background-size: auto 28px;}
.iBottom .iImg a.iEwm:hover{background: url(../image/tEwmHover.png) center no-repeat #004f58;}
.iBottom .iImg a.iOa:hover{background: url(../image/tOaHover.png) center no-repeat #004f58;background-size: auto 25px;}
.iBottom .iImg a.iXcx:hover{background: url(../image/tVideoHover.png) center no-repeat #004f58;background-size: auto 30px;}
.iBottom .iImgItem:hover .iImgHover{display: block;}

.fixBg{width: 100%;height: 100%;position: fixed;left: 0;right: 0;bottom: 0;top: 0;box-sizing: border-box;margin: auto;z-index: 9999;background: rgba(0,0,0,.4);}
.fixModel{width: 430px;height: 260px;position: fixed;left: 0;right: 0;bottom: 0;top: 0;margin: auto;box-sizing: border-box;padding: 10px;z-index: 99999;background: rgba(255,255,255,.68);}
.fixModel .fixContent{width: 100%;height: 100%;box-sizing: border-box;padding: 30px 28px;background: #FFFFFF;text-align: justify;}
.fixModel .fixContent h3{font-size: 18px;color: #333333;font-weight: normal;margin-top: 10px;letter-spacing: 1px;}
.fixModel .fixContent a{display: block;font-size: 16px;color: #FFFFFF;width: 160px;height: 42px;line-height: 42px;margin: 40px auto 0;text-align: center;background: #4d90cb;}



@-webkit-keyframes yuanbox {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
}
@keyframes yuanbox {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
}
@-webkit-keyframes yuanbox1 {
 0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
}
@keyframes yuanbox1 {
 0% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
	
	.start{width: 90%;}
	
	
}
@media (max-width: 768px) {
	html{font-size:20px;}
	
	.start{width: 100%;height: 100%;box-sizing: border-box;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
	.start .iTop{width: 100%;height: 90px;box-sizing: border-box;margin-top: 2rem;padding: 0 0.5rem;}
	.start .sLogo{width: 100%;box-sizing: border-box;float: left;}
	.start .sLogo img{display: block;margin: 0 auto;width: 100%;height: auto;}
	
	.sMain{box-sizing: border-box;margin-top: 2rem;padding: 0.5rem 0; overflow: hidden;}
	.sMain .itemOne{width: 98%;height: auto;float: left;margin-left: 1%; background: none;overflow: hidden;margin-bottom: 0.5rem;}
	.sMain .itemOne a{float: left;display: block;box-sizing: border-box;border-radius: 0;margin-left: 0;}
	.sMain .itemOne .item-common{width: 49%;height: 6.5rem;box-sizing: border-box;padding: 2.3rem 0.5rem 0;margin-top: 0;border-radius: 0.5rem;}
	.sMain .itemOne .item-jyzn{background: url(../image/jyzn-2.png) center 1rem no-repeat #ffffff;}
	.sMain .itemOne .item-yygh{background: url(../image/yygh-3.png) center 1rem no-repeat #ffffff;margin-left: 2%;}
	.sMain .itemOne .item-qyxzpt{width: 100%;height: auto;box-sizing: border-box;padding: 0.8rem 0.8rem;text-align: justify;background: #42c4d3;margin-bottom: 3%;display: none;}
	.sMain .itemOne .item-common h3{font-size: 0.85rem;color: #333333;font-weight: 600;text-align: center;margin-top: 1rem;}
	.sMain .itemOne .item-qyxzpt h3{font-size: 0.8rem;color: #fcfcfc;font-weight: bold;text-align: center;}
	.sMain .itemOne .item-qyxzpt p{display: none;}
	
	.sMain .itemOne .light{display: none;}
	
	.sMain .itemTwo{width: 48%;height: 6.5rem;background: url(../image/itemBg2.png) center 0.8rem no-repeat #ffffff;background-size: auto 2.5rem; border-radius: 0.5rem;margin-left: 1.5%;margin-bottom: 1.5%;}
	.sMain .itemTwo a{position: relative;display: block;width:100%;height:100%;box-sizing: border-box;padding: 0.5rem;border-radius: 0.5rem;}
	.sMain .itemTwo .itemImg{width: 65px;height: 65px;margin: 0 auto 0;box-sizing: border-box;}
	.sMain .itemTwo h3{font-size: 0.85rem;color: #333333;font-weight: bold;text-align: center;margin-top: 0;}
	.sMain .itemTwo p{font-size: 0.65rem;color: #666666;font-family: "Arial";text-align: center;margin-top: 1px;}
	.sMain .itemTwo i{display: none;}
	.sMain .itemTwo .ita{background: url(../image/itemGzb.png) center no-repeat;background-size: auto 1.2rem;}
	.sMain .itemTwo .itb{background: url(../image/itemYhb.png) center no-repeat;background-size: auto 1.2rem;}
	.sMain .itemTwo .itc{background: url(../image/itemYwb.png) center no-repeat;background-size: auto 1.2rem;}
	.sMain .itemTwo:hover{background: url(../image/itemBgHover.png) center 0.8rem no-repeat #01A5B8;}
	.sMain .itemTwo:hover .ita{background: url(../image/itemGzbHover.png) center no-repeat;background-size: auto 1.2rem;}
	.sMain .itemTwo:hover .itb{background: url(../image/itemYhbHover.png) center no-repeat;background-size: auto 1.2rem;}
	.sMain .itemTwo:hover .itc{background: url(../image/itemYwbHover.png) center no-repeat;background-size: auto 1.2rem;}

	.sMain .itemYqb{background: url(../image/item-yqb.png) center no-repeat !important;background-size: 100% 100%;}
	.sMain .itemYqb a{padding: 1rem 0.5rem 0.5rem;}
	.sMain .itemYqb img{width: auto;height: 3rem;display: block;margin: 0 auto;}
	.sMain .itemYqb h3{color: #ffffff;margin-top: 0.5rem;}
	
	.iBottom{box-sizing: border-box;padding-top: 0.5rem;margin-top: 1rem;}
	.iBottom .iImg{float: left;box-sizing: border-box;padding: 0 0.5rem;}
	.iBottom .iImg .iImgItem{float: left;height: 3rem;position: relative;box-sizing: border-box;margin-left: 0.6rem;}
	.iBottom .iImg .iImgItem .iImgHover{width: 5rem;height: auto;display: none;box-shadow: 0 0 5px 2px rgba(0,0,0,.15);left: -1rem;right: 0!important;top: -6rem!important;margin: auto;border-radius: 2px;overflow: hidden;position: absolute;box-sizing: border-box;background: #FFFFFF;z-index: 99;}
	.iBottom .iImg .iImgItem .iImgHover img{width: 4.5rem;height: auto;display: block;margin: 0.2rem auto 0;}
	.iBottom .iImg .iImgItem .iImgHover p{font-size: 0.6rem;color: #333333;text-align: center;margin-bottom: 0;}
	
	.iBottom .iImg a{display: block;float: left;width: 3rem;height: 3rem;margin-right: 0;box-sizing: border-box;border-radius: 3rem;}
	.iBottom .iImg a.iOa{background: url(../image/tOa.png) center no-repeat #FFFFFF;background-size: auto 1.3rem;}
	.iBottom .iImg a.iEwm{margin-top: 0;background: url(../image/tEwm.png) center no-repeat #FFFFFF;background-size: auto 1.3rem;}
	.iBottom .iImg a.iWechat{margin-top: 0;background: url(../image/tWechat.png) center no-repeat #FFFFFF;background-size: auto 1.3rem;}
	.iBottom .iImg a.iXcx{margin-top: 0;background: url(../image/tXcx.png) center no-repeat #FFFFFF;background-size: auto 1.3rem;}
	.iBottom .iImg a.iOa:hover{background: url(../image/tOaHover.png) center no-repeat #004f58;background-size: auto 1.3rem;}
	.iBottom .iImg a.iEwm:hover{background: url(../image/tEwmHover.png) center no-repeat #004f58;background-size: auto 1.3rem;}
	.iBottom .iImg a.iWechat:hover{background: url(../image/tWechatHover.png) center no-repeat #004f58;background-size: auto 1.3rem;}
	.iBottom .iImg a.iXcx:hover{background: url(../image/tXcxHover.png) center no-repeat #004f58;background-size: auto 1.3rem;}
	.iBottom .iImgItem:hover .iImgHover{display: block;}
	
	
}
/*iphone 6*/
@media screen and (min-width:375px){ 
html{ font-size: 20px;}  
}
@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 21.973px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.613px;}  
}
@media screen and (min-width:480px){ 
html{ font-size:25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size:28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size:42.667px;}  
}