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,button,input,select,textarea,pre{font-family:"Microsoft Yahei",\5b8b\4f53,Arial,sans-serif,Arial,STHeiti;font-size:12px; line-height:300%;}
body{overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:500;}
address,cite,dfn,em,var{font-style:normal;}
small{font-size:12px;}
ul,ol{list-style:none outside none;}
li{vertical-align:top;}
a{color:#666;text-decoration:none;}
a:hover{color:#b49967;cursor:pointer;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000000;}
fieldset,img{border:0 none;}
button,input,select,textarea{font-size:12px; vertical-align:middle; border:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;border:0;}
textarea{resize:none;}
:focus{outline:0 none;}
.overflow{overflow:hidden;}
.hide{display:none;}
.disblock{display:block;}
.inlineBlock{display:inline-block;}
.block{display:block;}
.inline{display:inline;}
.error{color:#f00;font-size:12px;}
button{cursor:pointer;}
i{font-style:normal;}

button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}


.tac{text-align:center}
.tar{text-align:right;}

.wordwrap{word-break:break-all;word-wrap:break-word;}
pre.wordwrap{white-space:pre-wrap;}

.fl{float:left;}
.fr{float:right;}
input{border:none;}


.hidden{overflow:hidden;}
.divwidth{width:1380px; height:auto; overflow:hidden; background:#b9b09f; margin:0 auto}
.clearfix:after{ display:block;visibility:hidden;clear:both; height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{ display:block;}


a {text-decoration:none; color:#666; cursor:pointer;}
a:hover {text-decoration: none; color:#b49967;}

.pr{position:relative;}

.org{color:#ff7300;}
.red{color:#f00;}
.blue{color:#0088b5;}
.gray-8{color:#888;}
.gray-9{color:#999;}


.fb{font-weight:bold;}
.font_wr{font-weight:500; font-family:'Microsoft Yahei';}
.en,.date{font-family:Arial, Helvetica, sans-serif;}
.price{font-family:Georgia, "Times New Roman", Times, serif;}

.area{width:1280px; margin:0px auto; text-align:left;}
.body_1000 .area{width:1000px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}




.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr40{margin-right:40px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}


.partA{position:relative;text-align:center;}
.partA .box{width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}

.partA .box .logo{padding-top:7%;}
.partA .btns{ padding-top:5%;}
.partA .topLink{text-align:right; line-height:30px;}
.partA .topLink a{color:#fff; font-size:16px; padding-right:20px;}
.partA .topLink a:hover{color:#05508d}


.partA .btns a{ height:50px; padding:0 50px; font-size:20px; color:#fff; line-height:50px; border-radius:10px; display:inline-block; margin:0 20px;}
.loginBtn{background:#85a1ae; border:solid 2px #d8d8d0; background:rgba(125,150,161,.8)}
.regBtn{background:#babdb3; border:solid 2px #d8d8d0; background:rgba(178,180,174,.8)}


.title{height:12px; line-height:12px; font-size:30px; text-align:center;background:#fff; color:#000;}
.partB{ color:#fff;}
.partB .box_0{background:#fff url(../images/bg_gongzheng_main.jpg) no-repeat center center ; height:520px;}
.partB .box_1{background:#fff url(../images/product_server.png) no-repeat center center ;  height:520px;}
.partB .box_2{background:#519c9c;}
.partB .box_3{background:#fff url(../images/bg2.png) no-repeat center center; height:665px;}
.partB .area{padding:50px 0;}
.partB .area h3{font-size:40px; margin-bottom:30px;}
.partB .area h4{font-size:30px; margin-bottom:10px;}
.partB .area p{font-size:26px;}

.partB .box_0 .img{float:right; width:1000px;height: 239px;}

.partB .box_1 .img{float:left; width:1280px;height: 239px;}
.partB .box_1 .txt{text-align:center; width:400px;}

.partB .box_2 .img{float:right; width:450px; text-align:right;}
.partB .box_2 .txt{float:left; width:550px;}

.partB .box_3 .area{text-align:left; font-size: 14px;}
.partB .box_3 .img{margin-bottom:10px; text-align: center; padding-bottom: 30px;}
.partB .box_3 .area .left{width:380px; padding-right: 46px; }
.partB .box_3 .area .right{width:426px;}


.partC{padding-bottom:150px;}


.partD{background:#4592c1 url(../images/pdbg.jpg) no-repeat center center; height:348px;}
.partD .box{color:#fff; font-size:40px; padding:80px 0 0 260px;}
.partD .box a{margin-right:20px; display:inline-block;}
.partD .box h2{line-height:70px; margin-bottom:40px;}









.loginBox{background:url(../images/login/bg.jpg) no-repeat center top; background-size:100% 100%; height:100%; position:relative;}

.loginBox .box{width:700px; height:400px; background:url(../images/login/opacity.png); background:rgba(0,0,0,.2); margin:0 auto; position:absolute; top:50%; left:50%; margin:-200px 0 0 -350px}
.loginBox .box .ewm{color:#fff; text-align:center; float:left; width:204px; padding:40px 50px;}

.loginBox .box .con{float:right; width:240px; padding:40px 100px 0 0}

.loginBox .box .inp{width:240px; height:50px; line-height:50px; padding:0px 0 0px 60px !important; color:#000; margin-bottom:20px;}
.loginBox .box .inp_name{background:#e6e6e6 url(../images/login/icon_1.png) no-repeat 0 0;}
.loginBox .box .inp_pas{background:#e6e6e6 url(../images/login/icon_2.png) no-repeat 0 0;}
.loginBox .box .forpas{color:#fff}
.loginBox .box .forreg{color:#f60}
.loginBox .box .btn{background:#e6e6e6 url(../images/login/btn.png); color:#fff; font-size:20px; height:50px; width:100%;}



.regBox{width:808px; margin:50px auto;}
.regBox h2{font-size:30px; margin-bottom:20px;}
.regBox .inp,
.regBox .yzmBtn{border:solid 2px #ccc; height:35px; padding:0 10px; width:230px;}
.regBox .btn{height:40px; padding:0 20px; color:#fff; font-size:18px; background:#e58514;}
.regBox .yzm{width:84px; margin-right:10px;}
.regBox .yzmBtn{width:135px;}

.tab{border-top:0;margin-top:20px;}

.tab_tit{height:100px; line-height:75px; font-size:30px; position:relative; z-index:2;}
.tab_tit a{display:block; width:254px; height:100px; background-image:url(../images/reg/tab.png); float:left; padding-left:150px;}
.tab_tit a.m{background-position:0 0;width:274px;  padding-left:130px;}
.tab_tit a.e{background-position:-404px 0;}
.tab_tit a.mActive,.tab_tit a.m:hover{background-position:0 -100px; color:#fff;}
.tab_tit a.eActive,.tab_tit a.e:hover{background-position:-404px -100px; color:#fff;}

.tab_con{ padding:50px 50px 20px 50px;border:solid 1px #ddd; position:relative; z-index:1; top:-30px;}





@media only screen and (min-width: 320px) and (max-width: 999px) {

img{width:100%;}
.area{width:100%}
.partA .box .logo{width:50%;margin:0 auto; }


.partB .box_1 .img{float:left; width:30%; padding:0 2%;box-sizing:border-box;}
.partB .box_1 .txt{float:right; width:70%; padding:0 2%;box-sizing:border-box;}

.partB .box_2 .img{float:right; width:40%;padding:0 2%;box-sizing:border-box;}
.partB .box_2 .txt{float:left; width:60%;padding:0 2%;box-sizing:border-box;}
}



@media only screen and (min-width: 320px) and (max-width: 414px) {

.title{height:50px; line-height:50px; font-size:20px; text-align:center;background:#fff; color:#000;}
.title1{ text-align:left;background:#fff; color:#000;}

.partA .box .logo{padding-top:10%;}

	.partA .btns a{ height:30px; padding:0 30px; font-size:16px; color:#fff; line-height:30px; border-radius:5px; display:inline-block; margin:0 10px;}

	.partA .topLink a{color:#fff; font-size:14px; padding-right:10px;}

.partB .area h3{font-size:30px; margin-bottom:10px;}
.partB .area h4{font-size:20px; margin-bottom:5px;}
.partB .area p{font-size:16px; line-height:150%}
.partB .box_1 .img{float:none; width:100%; margin-bottom:20px;}
.partB .box_1 .txt{float:none; width:100%;}

.partB .box_2 .img{float:none; width:100%; margin-bottom:20px;}
.partB .box_2 .txt{float:none; width:100%;}

.partB .box_3 .area{text-align:center;}
.partB .box_3 .img{margin-top:100px;}


.partD{background:#4592c1 url(../images/pdbg.jpg) no-repeat center center; height:348px;}
.partD .box{color:#fff; font-size:30px; padding:50px 0 0 50px;}
.partD .box a{margin-bottom:10px; display:inline-block;}
.partD .box h2{line-height:30px; margin-bottom:20px;}
}

@media only screen and (min-width: 375px) and (max-width: 414px) {
.partB .box_1 .img{float:none; width:80%; margin:20px auto;}
.partB .box_2 .img{float:none; width:80%; margin:20px auto;}


}