@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;font-family:"font2","微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ min-width: 1280px;}
.top{ height: 105px; width: 100%; background: url(../images/bg_01.jpg) top center no-repeat #02b4fe; background-size:100% auto; padding: 0 1.5%; box-sizing: border-box;}
.top .nav{ float: left; padding-top: 50px;}
.top .nav ul li{; background: url(../images/index_05.jpg); width: 120px; height: 40px; padding-top:14px; text-align: center; box-sizing: border-box; transition: 0.5s; float: left; margin-right: 30px; }
.top .nav ul li a{ color: #fff;}
.top .nav ul li:hover{ background: url(../images/index_03.jpg);}
.top .nav ul li.on{ background: url(../images/index_03.jpg);}
.top .topRight{ float: right; padding-top: 55px;}
.top .topRight a{ display: block; float: right; line-height: 34px; font-size: 16px; color: #fff;}
.top .topRight .serach{ width: 360px; height: 34px; border-radius:17px; border: 1px solid #65d7fe; float: right; margin-right: 45px; position: relative;}
.top .topRight .serach button{ cursor: pointer; display: block; border: none; background: none; outline: none; position: absolute; right: 10px; top: 0; width: 32px; height: 32px; background: url(../images/icon1_03.png) center center no-repeat;}
.top .topRight .serach input{ text-indent: 15px; width: 100%; height: 100%; border: 0; outline: none; background: none; display: block; color: #fff;}
.top .topRight .serach input::-webkit-input-placeholder{ color: #65d7fe;}
.banner{ width: 100%; padding: 20px 1.5%; box-sizing: border-box;}
.banner img{ display: block; width: 100%; height: auto;}
.indexList{ width: 100%; height: auto; padding: 0 1.5%; box-sizing: border-box;}
.indexList ul{ width: 100%; overflow: hidden;}
.indexList ul li{ border-radius:8px; float: left; width: 15.5%; margin-right: 1.4%; margin-bottom: 20px; border-radius:8px ; overflow: hidden; }
.indexList ul li:nth-child(6n){ margin-right: 0;}
.indexList ul li .icon{ width: 100%; height: auto; overflow: hidden;}
.indexList ul li .icon img{ display: block; width: 100%; height: auto; transition: 0.5s;}

.indexList ul li .text{ width: 100%; overflow: hidden; padding: 0 4%; box-sizing: border-box; height: 60px; background: #fff;}
.indexList ul li .text .textLeft{ float: left;}
.indexList ul li .text .textLeft h2{ height: 38px; font-size: 14px; line-height: 38px; color:#333;}
.indexList ul li .text .textLeft p{ font-size: 10px; line-height: 12px; overflow: hidden; height: 12px; color: #a7a7a7;}

.indexList ul li .text .textRight{ float: right;}
.indexList ul li .text .textRight .pic{ height:60px; line-height: 60px; float: left;}
.indexList ul li .text .textRight .pic img{ vertical-align: middle; display: inline-block;}
.indexList ul li .text .textRight .Nr{ float: left; padding-left: 8px; line-height: 60px; font-size: 15px; color: #333;}
.indexList ul li:hover .icon img{ transform: scale(1.1);}

.footer{ width: 100%; line-height: 50px; height: 50px; text-align: center; background:#02b4fe; color: #fff;}

.container{position: relative; width: 100%; padding: 20px 1.5%; box-sizing: border-box; overflow: hidden;}
.conLeft{ float: left; background: url(../images/bg2_03.jpg); width: 302px; height: 934px; padding: 28px 10px 0 12px; box-sizing: border-box;}
.conLeft .serach{ width: 100%; height: 40px; background: #00618d; border-radius:4px; position: relative;}
.conLeft .serach input{ display: block; width: 100%; height: 100%; color: #fff; border: none; background: none; text-indent: 10px;}
.conLeft .serach input::-webkit-input-placeholder{ color: #fff;}
.conLeft .serach button{ width: 40px; height: 40px; background: url(../images/icon1_03.png) center center no-repeat; border: none; outline: none; position: absolute; right: 0; top: 0;}
.conLeft .list{ width: 100%; padding-top: 30px;}
.conLeft .list li{margin-bottom: 2px; width: 100%; border: 1px solid #02b4fe; box-sizing: border-box; border-radius:6px; overflow: hidden;}
.conLeft .list li p{ background: #02b4fe; width: 100%; height: 40px; color: #fff; line-height: 40px; font-size: 15px; position: relative; text-indent: 20px; cursor: pointer;}
.conLeft .list li p span{ display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/page2_09.jpg) center center no-repeat; transition: 0.5s;}
.conLeft .list li.on1 p span{ transform: rotate(180deg);}
.conLeft .list li dl{ display: none; width: 100%; padding:10px 20px; box-sizing: border-box;}
.conLeft .list li dl dd .bt{line-height: 30px; width: 100%; height:30px; border-radius:4px; text-indent: 20px; transition: 0.5s; color: #fff; display: block; position: relative;}
.conLeft .list li dl dd .bt:hover{ background: #016996;}
.conLeft .list li dl dd .bt span{ width: 30px; height: 30px; background: url(../images/arrow_02.png) center center no-repeat; position: absolute; right: 0; top: 0; transition: 0.5s;}
.conLeft .list li dl dd .nr{ width: 100%; display: none;}
.conLeft .list li dl dd .nrBox{ text-indent: 40px; color: #bbbbbb; transition: 0.5s; height: 30px; line-height: 30px; border-radius:5px ;}
.conLeft .list li dl dd .nrBox a{color: #bbbbbb;}
.conLeft .list li dl dd .nrBox:hover{ background: #02b4fe;}
.conLeft .list li dl dd .nrBox:hover a{ color: #fff;}
.conLeft .list li dl dd.on .bt span{ transform: rotate(180deg);}

.conRight{ box-sizing: border-box; float: right; background: url(../images/bg2_05.jpg); width: 146px; height: 934px; padding: 50px 32px 0 34px; position: relative; transition: 0.5s;}
.conRight .click{ position: absolute; right: 0; top: 50%; transform: translate(100%,-50%); background: url(../images/page2_18.jpg); width: 13px; height: 70px; cursor: pointer;}
.conRight ul{ width: 100%;}
.conRight ul li{ width: 100%; margin-bottom: 30px;}
.conRight ul li img{ display: block; width: 100%;}
.conRight.on{ float: right; margin-right: -150px;}
.conRight.on .click{ right: auto; left: 0; transform: translate(-100%,-50%) rotate(180deg);}
.conMain{ transition: 0.5s; float: left; width: calc(100% - 448px); height: 934px; padding: 0 1%; box-sizing: border-box; overflow: hidden;}
.conMain .icon{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.conMain img{ display: block; width: auto; height: 100%; transform: translateX(-50%); position: absolute; left: 50%;}
.conMain.on{ width: calc(100% - 302px);}

.conFixed1{ position: absolute; right: 1.5%; top: 20px; background: url(../images/bg3_03.png); width: 503px; height: 934px; padding: 40px 22px 0 23px; box-sizing: border-box;}
.conFixed1 .layerTop{ width: 100%;}
.conFixed1 .layerTop .tit{font-size: 18px; color: #fff; width: 100%; height: 30px; line-height: 30px;}
.conFixed1 .layerTop .tit span{ width: 6px; height: 20px; display: inline-block; border-radius:3px; vertical-align: middle; background: #02b4fe; margin-right:6px; transform: translateY(-2px);}
.conFixed1 .layerTop .tit ul{ overflow: hidden; float: right;}
.conFixed1 .layerTop .tit ul li{cursor: pointer; float: right; height: 30px; display: inline-block; margin-left: 10px; padding: 0 15px; color: #fff; background: #4385a1; border-radius:5px; font-size: 14px;}
.conFixed1 .layerTop .tit ul li a{ font-size: 14px; color: #fff;}
.conFixed1 .layerTop .tit ul li:last-child{ background: #02b4fe;}
.conFixed1 .layerTop textarea{ margin-top: 10px; height: 100px; width: 100%; border-radius:5px; background: #00618d; padding: 10px; box-sizing: border-box; font-size: 14px; resize: none;}
.conFixed1 .layerTop button{ margin:20px auto; width: 80px; height: 30px; border-radius:4px; font-size: 14px; color: #fff; border: none; outline: none; background: #02b4fe; cursor: pointer;}
.conFixed1 .layerList{ width: 100%;}
.conFixed1 .layerList li{ width: 100%; height: 80px; border: 1px solid #02b4fe; border-radius:6px; padding: 0 10px; background: url(../images/arrow_03.jpg) 430px center no-repeat; box-sizing: border-box; margin-bottom: 20px;}
.conFixed1 .layerList li .nr{ width: 320px;}
.conFixed1 .layerList li .nr h2{ width: 100%; height: 48px; line-height: 48px; font-size: 15px; color: #fff;}
.conFixed1 .layerList li .nr h2 span{ display: inline-block; float: right; line-height: 48px; font-size: 15px; color: #fff;}
.conFixed1 .layerList li .nr .process{ width: 100%; height: 20px; border-radius:10px; border: 1px solid #02b4fe; padding: 1px; box-sizing: border-box;}
.conFixed1 .layerList li .nr .process span{ display: block; width: 100%; height: 100%; border-radius:9px; background: linear-gradient(to right,#02b4fe,#02fafe);}
.conFixed1 .layerList li .nr h3{ line-height: 45px; color: #02b4fe; font-size: 14px;}
.conFixed1 .layerList li .nr p{ font-size: 14px; color: #fff; height: 14px; overflow: hidden;}
.conLeft .layerTop{ width: 100%;}
.conLeft .layerTop .tit{ width: 100%; height: 20px; overflow: hidden; line-height: 20px; padding-left:6px; border-left:6px solid #02b4fe; font-size: 18px; color: #fff; background: url(../images/arrow_03.jpg) right center no-repeat; box-sizing: border-box; margin-top: 20px;}
.conLeft .layerNr{ width: 100%;}
.conLeft .layerNr .tit{ height: 48px; font-size: 14px; color: #fff; width: 100%; background: url(../images/icon2_07.jpg) right center no-repeat; line-height: 48px;}
.conLeft .layerNr ul{ width: 100%; height: 235px; border-bottom: 2px solid #00618d; overflow: hidden;}
.conLeft .layerNr ul li{ background: #00618d; width: 90px; height: 30px; border-radius:4px; text-align: center; margin: 0 5px 5px 0; line-height: 30px; float: left;}
.conLeft .layerNr ul li:nth-child(3n){ margin-right: 0;}
.conLeft .layerNr ul li a{ display: block; width: 100%; height: 100%; color: #fff;}
.conFixed1 .layerList2{ width: 100%;}
.conFixed1 .layerList2 .text{ width: 100%; height: 280px;}
.conFixed1 .layerList2 .text p{ width: 100%; font-size: 14px; color: #fff; line-height: 22px; margin-top: 15px;}
.conFixed1 .layerList2 .text p{}
.conFixed1 .layerList2 ul{ width: 100%; overflow: hidden;}
.conFixed1 .layerList2 ul li{text-align: center; width: 49%; margin-right: 2%; height: 36px; border: 1px solid #02b4fe; box-sizing: border-box; float: left; border-radius:5px; overflow: hidden;}
.conFixed1 .layerList2 ul li a{ display: block; width: 100%; height: 100%; color: #fff; line-height: 34px; font-size: 15px;}
.conFixed1 .layerList2 ul li:last-child{ margin-right: 0;}
.conFixed1 .layerList2 ul li:first-child{ background: #02b4fe;}

.conFixed1 .layerList3{ width: 100%;}
.conFixed1 .layerList3 ul{ width: 100%;}
.conFixed1 .layerList3 ul li{ width: 100%; margin-top: 20px;}
.conFixed1 .layerList3 ul li p{ width: 100%; line-height: 32px; font-size:14px; color: #fff;}
.conFixed1 .layerList3 ul li p span{ display: inline-block; float: right; color: #fff;}
.conFixed1 .layerList3 ul li .process{ width: 100%; height: 20px; border-radius:10px; border: 1px solid #02b4fe; padding: 1px; box-sizing: border-box;}
.conFixed1 .layerList3 ul li .process span{ display: block; width: 100%; height: 100%; border-radius:9px; background: linear-gradient(to right,#02b4fe,#02fafe);}

@media(max-width:1570px ) {
	.top .nav ul li{ width: 80px; height: 26px; background-size:100% 100%; padding-top: 10px;}
}