@charset "utf-8";
html{padding:0px;margin:0px;min-width:1200px;}
#cleft_box{position:absolute;padding:0px;margin:0px;width:100%;z-index:999;}
#content ul{list-style: none;}
#content li{list-style-type:none;}
body{font-family:"微软雅黑";padding:0px;font-size:13px;color: #555555;text-align:center;margin:0;background-image: url(../images/zscx.jpg);background-repeat:repeat;}
.clear{clear:both;height: 0px;line-height: 0px;font-size: 0px;}
*{margin: 0 auto;text-align: left;padding:0;}

#content a{text-decoration: none;}
.s-box{width: 1200px;}
#cleft_box{position:absolute;padding:0px;margin:0px;width:100%;z-index:999;}
#s-header{height: 110px;}
#s-header .left{margin-top: 30px;}
#s-header .right{color: #4d4d4d;font-size: 15px;line-height: 30px;;margin-top: 25px;}
#s-header .right p{font-weight: bold;text-align: right;}
#banner{width: 100%;min-height:956px;min-width: 1200px;background-size: cover;background-repeat: no-repeat;background-position: center;}
#position{position: relative;}
#content{position: absolute;top:100px;left: 50%;transform: translateX(-50%);width: 1200px;}
#form{width:100%;max-width:991px;border-radius: 10px;padding:15px 20px;box-sizing: border-box;background-color: #20abe1; box-shadow: 0 0 10px #20abe1;}
#tab-head{overflow: hidden;line-height: 45px;box-sizing: border-box;}
#tab-head .item{float: left;padding: 0 20px;font-size: 22px;color: #f3f7fc;cursor: pointer;width: 50%;text-align: center;box-sizing:border-box;margin:30px 0;}
#tab-head .item.cur{color: #fff;background-color: #20abe1;border-radius: 0px;border-bottom: 2px solid #ffffff85; }
#tab-body{padding:30px 0;box-sizing: border-box;border: 2px solid #ffffff85; background: #20abe1;border-radius:5px;}
#tab-body .item{display: none;}
#tab-body .item.show{display: block;}
#tab-body .item>div{margin-bottom: 10px;}
#tab-body .item .label{color: #000000;font-size: 16px;width: 100px;line-height: 47px;display: inline-block;}
#tab-body .input{border: 0;padding: 0 15px;font-size: 14px;height: 45px;width: 100%;max-width:400px!important;border-radius: 5px;outline: none;box-sizing:border-box;display:block;margin:0 auto;border: 2px solid #ffffff85;margin-bottom: 10px;}
#tab-body .code-input{width: 200px;}
#tab-body .code-box{display: block;text-align:center;margin:0 auto;width:100%;}
#tab-body .code-img{height: 45px;line-height: 45px;width: 100%;color: #fff;text-align:center;/*float: left;margin-right: 12px;*/}
#tab-body .code-img span{font-size: 24px;padding: 7px 5px !important;}
#tab-body .submit{width: 100%;max-width:195px;height: 47px; color: #fff; font-size: 22px; text-align: center; letter-spacing: 2px; background-color: #20abe1; margin-right: 3px; cursor: pointer;border: 2px solid #ffffff85; border-radius: 5px; outline: none;margin-bottom: 10px;}
#tab-body .buttons{width: 100%;max-width:195px;height: 47px; color: #fff; font-size: 22px; text-align: center; letter-spacing: 2px; background-color: #666; margin-right: 3px; cursor: pointer;border-radius: 5px; outline: none;margin-bottom: 10px;border: 2px solid #ffffff85;}
#s-footer{color: #bebebe;padding:20px 0 20px;width:100%;overflow:hidden;}
#tips{text-align: center;width: 100%; color: #fff; line-height: 1.4;}
#tips a{color:#fff;text-align:center;}
#icp{margin-top: 50px;padding-top: 50px;border-top: 1px solid #e1e1e1;}
#icp .s-box{overflow: hidden;}
#icp .s-box div{float: left;line-height: 30px;margin-top: 15px;}
#icp .s-box img{float: left;margin-left: 140px;margin-right: 30px;;}
#cc{position: relative;width: 100%;overflow: hidden;border-radius: 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);padding-bottom: 50px;}
#ccbg{width: 700px;margin-top: 50px;}
#ccbg img{width: 100%;}
#cctxt{width: 700px;position: absolute;top: 370px;left: 117.5px;}
#xx{width: 120px;}
#info{margin-left: 20px;font-size: 15px;color: #1f1f1f;line-height: 40px;font-weight: bold;}
.xxtx{color:red;text-align:center;margin-bottom: 10px;display:block;}
.bb{width: 500px;margin-top: 380px;position: relative;}
.res3l{float: left;}
.res3l p{color: #111111;text-align: center;font-size: 12px;margin-top: 10px;}
.res3r{float: left;margin-left: 90px;}
.res3b{font-size: 18px;color: #111111;font-weight: bold;margin-top: 10px;}
.res3r .text{font-size: 15px;color: #111111;font-weight: bold;line-height: 30px;margin-top: 20px;}
.zhang1{position: absolute;top: -80px;right: 40px;}
.zhang2{position: absolute;top: -85px;right: 180px;}
.zhang1 img, .zhang2 img{width: 120px;}
.ccbox{width: 500px;}
.left{float: left;}
.right{float: right;}
.resbtn ul li a{color: #1f1f1f;font-size: 17px;display: block;text-align: center;transition: .3s;}
.resbtn ul li{width: 120px;height: 42px;border: 1px #e3d3d3 solid;box-sizing: border-box;line-height: 40px;background: #fafafa;float: left;margin: 0px 15px;font-weight: bold;transition: .3s;}
.resbtn ul{display: inline-block;}
.resbtn{text-align: center;margin-top: 30px;}

#slogan{width: 100%;text-align: center;overflow:hidden;padding-bottom: 20px;}
#slogan h2{color: #fff;font-size: 30px;letter-spacing: 10px;text-align: center;}
#slogan p{position: relative;color: #fff;font-size: 14px;text-align: center;letter-spacing: 8px;margin-top: 13px;display: inline-block;}
#slogan p:before{content: "";position: absolute;top: 50%;left: -170px;width: 150px;height: 1px;background-color: #fff;}
#slogan p:after{content: "";position: absolute;top: 50%;right: -170px;width: 150px;height: 1px;background-color: #fff;}
.target{width:100%;max-width:1200px;height:610px;overflow:hidden;position:relative;margin:20px auto;}
.nydb{padding-bottom: 20px; background: #009688; width: 100%; max-width: 820px; border: 5px solid #fff; border-radius: 15px; font-size: 14px; font-weight: 300!important;}

/*内页*/

.n-about {padding:10px; color:#f2f2f2; font-size:16px; line-height:30px;}
.n-about h1{text-align:center;font-size:32px;margin-bottom: 20px;color: #fef8d8;font-family: 宋体;}
.n-about img {max-width:100%;}
.img3{width:120px;display:block;margin:0 auto;}

.n-about em{display: block;margin: 0 auto;text-align: left;width: auto;margin-bottom:15px;font-style:normal;}

.jgb{width: 90%; height: 560px; margin: 0 auto; background: #027dfe; color: #fff; padding: 10px; border-radius: 5px; border: 5px solid #fff; box-sizing: border-box;}
.jglb{font-size:14px;padding:0px;width:50%;float:left;height:100%;}
.jglb em{color: #fff;font-family: 宋体;font-weight: bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;border-bottom: 1px dashed #fff;}
.jgb .jgr p{text-align:center;}
.img2{width:auto!important;max-width:300px!important;margin:0 auto;display:block;margin-top:20px;}

@media (max-width: 768px){
	
html{padding:0px;margin:0px;max-width:768px!important;width:100%;min-width:100%!important;box-sizing:border-box;}
#cleft_box{position:absolute;padding:0px;margin:0px;width:100%;z-index:999;}
#content ul{list-style: none;}
#content li{list-style-type:none;}
body{font-family:"微软雅黑";padding:0px;font-size:13px;color: #555555;text-align:center;margin:0;}
.clear{clear:both;height: 0px;line-height: 0px;font-size: 0px;}
*{margin: 0 auto;text-align: left;padding:0;}
#content a{text-decoration: none;}
.s-box{width: 100%;}
#cleft_box{position:absolute;padding:0px;margin:0px;width:100%;z-index:999;}
#s-header{height: 110px;}
#s-header .left{margin-top: 30px;}
#s-header .right{color: #4d4d4d;font-size: 15px;line-height: 30px;;margin-top: 25px;}
#s-header .right p{font-weight: bold;text-align: right;}
#banner{width: 100%;min-height:960px;max-width:768px;min-width:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#position{position: relative;}
#content{width: 96%;position: absolute;top:5%;left: 50%;transform: translateX(-50%);max-width:768px;margin-top: 20px;}
#tab-head{overflow: hidden;line-height: 45px;box-sizing: border-box;}
#tab-head .item{float: left;padding: 0 20px;font-size: 18px;color: #f3f7fc;cursor: pointer;font-weight: bold;width: 50%;text-align: center;box-sizing:border-box;margin:30px 0;}
#tab-head .item.cur{color: #fff;background-color: #096b81;border-radius: 5px;border: 2px solid #ffffff85; }
#tab-body{padding:30px 0;box-sizing: border-box;border: 2px solid #ffffff85; background: #096b81;border-radius:5px;}
#tab-body .item{display: none;}
#tab-body .item.show{display: block;}
#tab-body .item>div{margin-bottom: 10px;}
#tab-body .item .label{color: #000000;font-size: 16px;width: 100px;line-height: 47px;display: inline-block;}
#tab-body .input{border: 0;padding: 0 15px;font-size: 14px;height: 45px;width:90%;max-width:300px!important;border-radius: 5px;outline: none;box-sizing:border-box;display:block;margin:0 auto;border: 2px solid #ffffff85;}
#tab-body .code-input{width: 200px;}
#tab-body .code-box{display: block;text-align:center;margin:0 auto;width:100%;}
#tab-body .code-img{float: left;height: 45px;line-height: 45px;margin-right: 12px;width: 100%;color: #fff;text-align:center;}
#tab-body .code-img span{font-size: 24px;padding: 7px 5px !important;}
#tab-body .submit{width: 100%;max-width:195px;height: 47px; color: #fff; font-size: 22px; text-align: center; letter-spacing: 2px; background-color: #096b81; margin-right: 3px; cursor: pointer;border: 2px solid #ffffff85; border-radius: 5px; outline: none;margin-bottom: 10px;}
#tab-body .buttons{width: 100%;max-width:195px;height: 47px; color: #fff; font-size: 22px; text-align: center; letter-spacing: 2px; background-color: #666; margin-right: 3px; cursor: pointer;border-radius: 5px; outline: none;margin-bottom: 10px;border: 2px solid #ffffff85;}
#s-footer{color: #bebebe;padding:20px 0 20px;width:100%;overflow:hidden;}
#tips{text-align: center;}
#icp{margin-top: 50px;padding-top: 50px;border-top: 1px solid #e1e1e1;}
#icp .s-box{overflow: hidden;}
#icp .s-box div{float: left;line-height: 30px;margin-top: 15px;}
#icp .s-box img{float: left;margin-left: 140px;margin-right: 30px;;}
#cc{position: relative;width: 100%;overflow: hidden;border-radius: 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);padding-bottom: 50px;}
#ccbg{width: 100%;margin-top: 50px;}
#ccbg img{width: 100%;}
#cctxt{width: 100%;position: absolute;top: 370px;left: 117.5px;}
#xx{width: 120px;}
#info{margin-left: 20px;font-size: 15px;color: #1f1f1f;line-height: 40px;font-weight: bold;}
.bb{width: 100%;margin-top: 380px;position: relative;}
.res3l{float: left;}
.res3l p{color: #111111;text-align: center;font-size: 12px;margin-top: 10px;}
.res3r{float: left;margin-left: 90px;}
.res3b{font-size: 18px;color: #111111;font-weight: bold;margin-top: 10px;}
.res3r .text{font-size: 15px;color: #111111;font-weight: bold;line-height: 30px;margin-top: 20px;}
.zhang1{position: absolute;top: -80px;right: 40px;}
.zhang2{position: absolute;top: -85px;right: 180px;}
.zhang1 img, .zhang2 img{width: 120px;}
.ccbox{width: 100%;}
.left{float: left;}
.right{float: right;}
.resbtn ul li a{color: #1f1f1f;font-size: 17px;display: block;text-align: center;transition: .3s;}
.resbtn ul li{width: 120px;height: 42px;border: 1px #e3d3d3 solid;box-sizing: border-box;line-height: 40px;background: #fafafa;float: left;margin: 0px 15px;font-weight: bold;transition: .3s;}
.resbtn ul{display: inline-block;}
.resbtn{text-align: center;margin-top: 30px;}

#slogan{width: 100%;text-align: center;padding-bottom:20px;overflow:hidden;}
#slogan h2{color: #fff;font-size:18px;letter-spacing: 10px;text-align: center;}
#slogan p{position: relative;color: #fff;font-size: 14px;text-align: center;letter-spacing: inherit;margin-top: 13px;display: inline-block;}
#slogan p:before{content: "";position: absolute;top: 50%;left: -170px;width: 150px;height: 1px;background-color: #fff;}
#slogan p:after{content: "";position: absolute;top: 50%;right: -170px;width: 150px;height: 1px;background-color: #fff;}

.target{width:100%;max-width:768px;height:100%;overflow:hidden;position:relative;margin:20px auto;}
.nydb{padding-bottom: 20px; background: #009688; width: 100%; max-width: 820px; border: 5px solid #fff; border-radius: 15px; font-size: 14px; font-weight: 300!important;}
.n-about em{display: block;margin: 0 auto;text-align: left;width: auto;margin-bottom:15px;font-style:normal;}

/*内页*/
.n-about {padding:10px; color:#f2f2f2; font-size:16px; line-height:30px;}
.n-about h1{text-align:center;font-size:32px;margin-bottom: 20px;color: #fef8d8;font-family: 宋体;}
.n-about img {max-width:100%;}
.img3{width:120px;display:block;margin:0 auto;}


.jgb{width: 90%; height: 100%; margin: 0 auto; background: #027dfe; color: #fff; padding: 10px; border-radius: 5px; border: 5px solid #fff; box-sizing: border-box;}
.jglb{font-size:14px;padding:0px;width:100%;float:none;height:auto;}
.jglb em{color: #fff;font-family: 宋体;font-weight: bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;border-bottom: 1px dashed #fff;}
.jgb .jgr p{text-align:center;}
.img2{width:100%!important;max-width:300px!important;margin:0 auto;display:block;margin-top:20px;}
}


::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 4px;}
::-webkit-scrollbar-thumb{-webkit-border-radius: 4px;background: #ddd;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:hover{background: #ccc;}
::-webkit-scrollbar-thumb:active{background: #999;}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(255,0,0,0.4);}