@charset "UTF-8";
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li { list-style: none; }
input { outline: none; }
a html, body { padding: 0; margin: 0; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 guoshi, "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif,STHeiti,PingHei; color: #666; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol, dl { list-style: none; }
a { text-decoration: none; outline: none; font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; color: #333; cursor: pointer; }
img { border: 0; }
button, input, select, textarea { font-size: 100%; resize: none; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { border: none; outline: none; }

/*导航部分*/

.bigbox{ width: 100%; height: 100%; position:relative; }
.loginbox{ position:relative; width: 100%; height: 100%; position:absolute; background: url(../images/bg1.png) no-repeat; background-size:cover; background-position:center; margin: 0 auto; }
.loginbox .login{ position:absolute; margin-top:-250px; top: 50%; right: 50%; margin-right: -650px; }
.loginbox .login .logo{ width: 410px; height: 37px; }
.loginbox .login .logo>img{ width: 100%; height: 100%; }
.loginbox .login .tit{ text-align: center; font-size: 20px; color: #000; font-weight: bold;}

.loginbox .login .cont{ border-radius: 15px; padding:30px 50px 50px; background-color: rgba(255,255,255,1); margin-top: 45px; }
.loginbox .login .inpbox{ width: 310px; margin: 0 auto; display: none; }
.loginbox .login .inpbox input{ display: block; width: 310px; height: 50px; line-height:50px; padding-left: 45px; border: 1px solid #dde3ec; border-radius: 200px; margin-top:20px; }
.loginbox .login .inpbox input.int1{  background: url(../images/icon01.png) #f3f7ff no-repeat; background-size:20px 20px; background-position:15px center;}
.loginbox .login .inpbox input.int2{  background: url(../images/icon02.png) #f3f7ff no-repeat; background-size:20px 20px; background-position:15px center;}
.loginbox .login .inpbox input.int3{  background: url(../images/icon03.png) #f3f7ff no-repeat; background-size:20px 20px; background-position:15px center;}
.loginbox .login .inpbox .int3b{ position:relative; }
.loginbox .login .inpbox .int3b p{ position:absolute; width: 88px; height: 30px; top: 10px; right: 10px; }
.loginbox .login .inpbox .int3b p img{ display: block; width: 88px; height: 30px; }
.loginbox .login .inpbox input.int1{margin-top:30px; }
.loginbox .login .inpbox .btn{ width: 310px; height: 50px; border: none;margin-top:40px; display: block; cursor: pointer; }
.loginbox .login .codes{ width: 310px; margin:0 auto; }
.loginbox .login .codes img{ display: block; height: 220px; margin:0 auto; }
.loginbox .login .inpbox .btn1ogin{ width: 310px; height: 50px; border: none;margin-top:40px; display: block; cursor: pointer; }


.loginbox .dwlogo{ position:fixed; right: 30px; top: 20px; width: 193px; }
.loginbox .dwlogo img{ display: block; width: 100%; }
.logoa{ position: absolute; left: 20px; top: 20px; height: 80px; display: block; }
.logoa img{ display: block; height: 60px; }
.cont .switch{ display: flex; align-items: center; justify-content: center; font-size: 18px; color: #666; line-height: 36px; height: 36px; margin:20px 0; }
.cont .switch span{ display: block; cursor: pointer; font-weight: bold; }
.cont .switch span.on{ color: #417bde; }
.cont .switch i{ display: block; color: #444; font-style: normal; font-size: 16px; padding: 0 20px; }

/*大屏*/
.bgpic{background-image: url(../images/img13.png); background-size: 1920px auto; background-position: left top; background-repeat: no-repeat; height: 100vh; overflow: hidden; width: 1920px;}
.head{ height: 84px; background-image: url(../images/img01.png); background-size: auto 84px; background-position: center center; background-repeat: no-repeat; }
.head h2{ color: transparent; background-image: linear-gradient(0deg,#20bdfa,#fff); background-clip:text; -webkit-background-clip:text; font-size: 38px; text-align: center; font-weight: bold; line-height: 84px; }
.mains{ padding: 34px 29px 30px; }
.mains .desc{ padding: 24px 30px; height: calc( 30vh - 120px ); height: 177px; background-image: url(../images/img02.png); background-size: 1862px 177px; background-repeat: no-repeat; width: 1862px; height: 177px; }
.mains .desc .item{ float: left;/* border:1px solid rgba(32,188,252,0.5); display: flex; justify-content:space-around; flex-direction: column; border-radius: 10px; width: calc(40vw - 40px); padding: 10px 25px; height: calc( 30vh - 168px)*/ font-size: 16px; color: #02d9fd; padding: 15px 25px; line-height: 32px; width: 778px; height: 127px; background-size: 100% 100%; background-image: url(../images/img03.png); }
.mains .desc .item:nth-child(2){ width: calc(38vw - 59px); width: 708px; margin:0 30px; background-image: url(../images/img04.png); }
.mains .desc .item:nth-child(3){ width: calc(22vw - 83px); width: 248px; background-image: url(../images/img05.png); }
.mains .desc .item p{ overflow: hidden; }
.mains .desc .item p span{ float: left; margin-right: 20px; }
.mains .part{ padding: 0px 30px; margin-top: 30px; height: calc( 35vh - 40px ); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;  }
.charts{ overflow: hidden; }
.charts .left{ width: calc(100vw - 120px); width: calc(31vw + 10px); width: 602px; float: left; }
.charts .mid{ width: calc(30vw - 50px); margin:0 27px; float: left; width: 532px;  }
.charts .right{ width: calc(39vw - 80px); float: left;  }
.charts .part.sizea{ height: calc( 35vh - 110px );}
.charts .part.sizeb{ height: calc( 35vh + 30px ); background-image: url(../images/img09.png); width: 602px; height: 467px; }
.charts .part.sizea{ background-image: url(../images/img06.png); width: 602px; height: 227px; }
.charts .part.sizeb{ background-image: url(../images/img09.png); width: 602px; height: 467px; }
.charts .part.sizec{ background-image: url(../images/img07.png); width: 532px; height: 347px; }
.charts .part.sizee{ background-image: url(../images/img14.png); width: 672px; height: 347px; }
.charts .part h3{ text-align: center; font-size: 18px; color: #02d9fd; text-align: center; line-height: 44px; height: 44px; }
.charts .part ul{ overflow: hidden; display: flex; align-items: center; height: 100%; justify-content: space-between; height: 180px; }
.charts .part ul li{ width: 167px; height: 125px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left;background-image: url(../images/img05.png); background-size: 100% 100%; }
.charts .part ul li b{ display: block; font-size: 28px; color: #02d9fd; line-height: 30px; }
.charts .part ul li span{ display: block; font-size: 16px; color: #02d9fd; line-height: 30px; margin-top: 10px; }
.charts .part .photos{ display: flex; align-items: center; justify-content: center; height: 420px; }
.charts .part .photos img{ display: block; max-width: 100%; max-height: 420px; }
/*大屏*/