*{ margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { max-width: 1920px; color:#555; font-size:14px; font-family: “微软雅黑”，Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, i,em, strong, th, var { font-style:normal; font-weight:normal;}
a { color: #555;text-decoration:none; }
a:hover { color: #57a4f3; text-decoration:none; }
img { border:none; max-width: 100%; height: auto; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; border: 0; outline:none ; }
table { border-collapse:collapse; border:0;}  /*border-collapse:collapse; */




/*lodding*/
.lodding{ position: relative;width: 100vw; height: 970px; margin: 0 auto;  padding-top: 110px;  background: #f5f5f5; }
.lodding .cont-dl{ width: 1280px; height: 720px; margin: 0 auto; box-shadow: 1px 0 10px 0px #ccc ;} 

.lodding .cont-dl .left { float: left; width: 680px; height:720px; background: url(../images/bg-l.png)left top no-repeat;}

.lodding .right{ float: right; width: 600px; height: 720px; background: #fff; }
.lodding .right .tit{ width: 100%; height: 26px; margin-top: 90px; font-size: 26px; text-align: center;}
.lodding .right #ld-form{ width: 400px; margin: 0 auto; padding: 60px; }
.lodding .right #ld-form .zh, .lodding .right #ld-form .mm{ width: 100%; line-height: 58px; margin-bottom: 30px;  }
.lodding .right #ld-form .mm{ margin-bottom: 20px; }
.lodding .right #ld-form .zh input, .lodding .right #ld-form .mm input{ text-indent: 2em;width: 100%;line-height: 58px; font-size: 18px; color: #333; background: #fff; border:1px solid #ccc;}
.lodding .right #ld-form .zz{ padding: 0 2em; }
.lodding .right #ld-form .find{ display: inline-block; float: left ; color: #666;}
.lodding .right #ld-form .zc{  display: inline-block;  float: right; color: #ddb861; }

.lodding .right #ld-form .sf{ margin-top: 80px;  }
.lodding .right #ld-form .sf ul li{ float: left; width: 50%; color: #333; font-size: 16px;text-align: center;}
.lodding .right #ld-form .sf ul li a{ display: inline-block; vertical-align: middle; width: 32px; height: 30px; margin-right: 8px; color: #333;background: #fff;border-radius: 2px;  border:1px solid #ccc;
	border: 1px solid #ccc;  }
.lodding .right #ld-form .sf ul li a:active{ color: #2a6e71;background: #fff url(../images/gx.png)center center no-repeat; border: 1px solid #ccc;}

.lodding .right #ld-form .btn-dl{ width: 100%; height:66px; line-height: 66px; margin-top: 30px ;  font-size: 22px; color: #fff; background:#6273ec; text-align: center;}
.lodding .right #ld-form .btn-dl1{ margin-top: 60px; background: #e0a653;}
.lodding .right .text{ padding: 20px 40px 0;font-size: 12px; color: #999; }


/*2启动页*/
.wapper{ width: 100%; height: 1080px; background: #f9f9f9; }
.wapper .hd1,.wapper .hd2{ padding: 0 40px; height: 80px; line-height: 80px; background: #fff;  }
.wapper .hd1 .logo,.wapper .hd1 .tit1{ float: left; }
.wapper .hd1 .hd1-r{ float: right;}
.wapper .hd1 .logo{ display: inline-block; width:330px; height: 80px; background: url(../images/logo.png)left center no-repeat; }
.wapper .hd1 .tit1{font-size: 28px; color: #2b3464; text-align: center;width:calc(100% - 660px) }

.wapper .hd1 .hd1-r .clh,.wapper .hd1 .hd1-r .vip{ float: right; }
.wapper .hd1 .hd1-r .clh{ margin-left: 40px;color: #999; }
.wapper .hd1 .hd1-r .clh:hover{ color: #e24a4a; }
.wapper .hd1 .hd1-r .vip{ max-width:270px;display: inline-block;padding-left: 25px; height: 80px;color: #2b3464; background: url(../images/index-vip.png)left center no-repeat; text-align: right;}
.wapper .hd2{ position: relative;background: #2b3464; }
.wapper .hd2 .tit2{ display: block;width: 100%; color: #fff; font-size: 26px;text-align: center; }
.wapper .hd2 .rs{ position: absolute; right: 108px; top: 0; color: #fff; }

.wapper .main{ overflow: hidden;margin: 20px;  }
.wapper .main .main-l{ float: left; width: 520px;  }
.wapper .main .main-l .lt{ width: 480px; height: 204px;  padding: 20px; background: #fff;box-shadow: 1px 1px 10px #ccc; }
.wapper .main .main-l .lt .tit{ margin-bottom: 10px; font-size: 18px; color: #333; font-weight: 600;}
.wapper .main .main-l .lt .text{line-height:20px; padding-bottom: 5px;color: #666; text-indent: 2rem; }
.wapper .main .main-l .lt .more{ display: block;text-align: right;color: #999; }
.wapper .main .main-l .lt .more:hover{ color:#4760e6; }

.wapper .main .main-l .lb{ width: 480px; height: 596px;  padding: 20px 20px 0; margin: 20px 0;background: #fff; box-shadow: 0 0 10px #ccc;  }
.wapper .main .main-l .lb .vedio{ width: 480px; height: 290px;} 
.wapper .main .main-l .lb .vedio{ position: relative; }
.wapper .main .main-l .lb .vedio .text{ position: absolute; top: 0; left: 50%; margin-left:-90px; width: 180px; height: 44px; line-height: 44px; color: #333; font-size: 16px;text-align: center;}


.wapper .main .main-r{ overflow: hidden;float: right; width: 1320px; height: 880px; margin-left: 20px;  background: #fff;box-shadow: 1px 1px 10px #ccc;  }
.wapper .main .main-r .lbr{ float: left; width: 120px; height: 878px; padding-top: 2px;}
.wapper .main .main-r .lbr a{ display: block; width: 100%; height: 146px; padding: 0; padding: 0;}

.wapper .main .main-r .cont{ float: right; width: 1140px; height: 820px; padding: 30px; }
.wapper .main .main-r .cont1{ width: 100%; height: 790px ;border: 3px dashed #ccc; }
.wapper .main .main-r .cont2{ margin-top: 18px; color: #999; font-size: 12px; text-indent: 2rem; }

/*加的*/
.search{ width:800px; height: 44px; margin: 0 auto; padding-top: 20px;}
.search ul li{ padding:0; display: inline-block;width: 150px;height: 44px; line-height: 44px;  border:1px solid #e5e5e5; margin-right: 1.5%; }
.search ul li input{ width: 85%; }
.search ul .sh-l{ position: relative;width:100%;height: 44px; }
.search ul .sh-l .down{ position: absolute; left: 0; top: 46px; width: 100%;  border:1px solid #ccc;}
.search ul .sh-l .down a{ height: 44px; background: #d9d9d9;  border-bottom:1px solid #fff; display: block; text-align: center; }
.search ul .sh-r{ width:8%; border: 0;  margin-right: 0;  }

 #index-tb{ margin-top: 40px; }
 #index-tb, #sybg-tb3{ width: 100%; border-top: 2px solid #2996e2;}
 #index-tb th{ height: 60px;}
 #index-tb td{ height: 40px; }
 #index-tb th, #index-tb td, #sybg-tb3 th, #sybg-tb3 td{ border:1px solid #ccc; text-align: center;  }
 #index-tb th, #sybg-tb3 th{ height: 60px; font-size: 18px; color: #2996e2; font-variant: 600px;border-bottom:2px solid #b3b3b3;}
 #index-tb td
 #index-tb .two, #index-tb .five{ width: 20%; }	

.page{margin:60px auto 0; }
.page span{ display: block; width: 340px; height: 50px; margin: 0 auto; }
.page span a{ display: inline-block; width:40px; height: 40px; line-height: 40px; color: #666; border-radius: 50%; text-align: center;}
.page span a:hover,.page span a:active,.page span .on{ color: #fff;background: #61adfa; }
.page span .icon-l,.page span .icon-r{ display: inline-block; vertical-align: middle; margin: 0 4px; }
.page span .icon-l,.page span .icon-l{ text-align: center;  }
.page span .icon-l:hover,.page span .icon-l:active{ background:#f3f3f3 url(../images/left3.png)center center no-repeat; }
.page span .icon-r:hover,.page span .icon-r:active{ background:#f3f3f3 url(../images/right3.png)center center no-repeat; }


/*2实验报告*/
#program .vd{ width: 100%; height: 715px;}
#program .str{ display: block;width: 180px; height: 48px; line-height: 48px;margin: 0px auto;margin-top:20px; color: #fff; font-size: 16px;
	background: linear-gradient(#a98fff,#4f81ff); text-align: center; border-radius: 2px;}
#program .btnDown {background:linear-gradient(#e0a653,#f79e20);}


.main .sybg-r{ width: 96%; padding: 20px 2%;}	
#sybg-tb{  width:100%; height: 60px; border-top: 2px solid #999; text-align: center; }
#sybg-tb th { height: 60px; line-height: 60px; color: #fff; font-size: 18px;background: #2a89d4;border: 1px solid #999;}
#sybg-tb td { height: 40px; border: 1px solid #ccc;  font-size: 14px; }
#sybg-tb td input{ text-indent: 1em; font-size: 16px; }
#sybg-tb .one, #sybg-tb .two, #sybg-tb .three{ width: 15%; }
#sybg-tb .img1,#sybg-tb .img2{ float: left; padding: 10px 1%;}
#sybg-tb .img1{ width: 30%; text-align: center;}
#sybg-tb .img2{ width: 66%; }
#sybg-tb .bz{width: 15%;}

/**/
#sybg-tb .py{ width: 30%;  }
#sybg-tb .py i{ display: block; line-height: 30px;font-size: 16px; color: #333;}
#sybg-tb .img{ padding: 10px 0; }
#sybg-tb .text{ margin-bottom: 10px; }
#sybg-tb .text input{  width: 100px; height: 30px; background: #5b9bd5; }


/*4-用户反馈*/
.discussBox{overflow-x:auto;}
.discussBox .dicussContent {position:relative;padding:0 0 20px 160px;margin: 30px 0;border-bottom:1px solid #f5f5f5;}
.discussBox .vip {position:absolute;left:0;top:0;}
.discussBox .ContentText {padding:5px 5px 20px 5px;position:relative;margin-bottom:10px;}
.discussBox .time {float:right;padding:0 5px;}
.discussBox .replyContent {background-color:#f3f3f3;padding:5px;margin:10px;}
.discussBox .txtReply {width: calc(100% - 120px); height: 60px; background: #fbfbfb; border: 1px solid #e5e5e5;display:inline-block;}
.discussBox .replyBox{padding:5px;margin:10px;}
.discussBox .replyBox .fbBtn{ display: inline-block; width: 110px; height: 60px; line-height: 60px; font-size: 16px; color: #fff;background: #6b93ff;
border-radius: 2px; text-align: center;vertical-align:top;}
/*修改滚动条样式*/
.discussBox::-webkit-scrollbar{width:5px;height:10px;}
.discussBox::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px;}
.discussBox::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}
.discussBox::-webkit-scrollbar-thumb:hover{background: #333;}
.discussBox::-webkit-scrollbar-corner{background: #179a16;}
.cont1-t{ overflow: hidden;padding:0 40px 20px; }
.cont1-t .tit{ line-height: 40px;font-size: 16px; color: #333; text-indent: 2rem;  }
.cont1-t #yhfk{ width: 100%; height: 120px; background: #fbfbfb; border: 1px solid #e5e5e5;   }
.cont1-t .fb{ display: block; float: right; width: 120px; height: 48px; line-height: 48px; margin-top: 20px; font-size: 16px; color: #fff;background: #6b93ff;
border-radius: 2px; text-align: center;}

.cont1 .line{ width: 100%; height: 1px; background: #f5f5f5; }
.cont1-c,.fk-cont{ width: 100%; }

.cont1-c ul .vip,.fk-cont ul .vip{ width: 160px; height: 140px;  }
.cont1-c ul .vip a,.fk-cont ul .vip a{ display: block; line-height: 40px; font-size: 16px; color: #e1b148;text-align: center;}
.cont1-c ul .vip .vip-t,.fk-cont ul .vip .vip-t{ width: 100px; height: 100px; border-radius: 50%; background: #ccc; margin: 0 auto; }

.cont1-c ul .ctr,.fk-cont ul .ctr{ width: calc(100%-360px);  }
.cont1-c ul .ctr .text,.fk-cont ul .ctr .fk-cont ul .ctr{ display: inline-block; height: 40px; margin-top: 20px;font-size: 17px; color: #333; }
.cont1-c ul .ctr .time,.fk-cont ul .ctr .time{ display: inline-block;height: 20px; line-height: 20px; margin-bottom: 20px;font-size: 12px; color: #999; }
.cont1-c ul .ctr .txt,.fk-cont ul .ctr .txt{ height: 40px;  }
.cont1-c ul .ctr .txt a,.fk-cont ul .ctr .txt a{ display: block;line-height: 20px; color: #999; font-size: 14px; }

.cont1-c ul .rgt,.fk-cont  ul .rgt{ float: right; width: 200px; height: 140px; } 
.cont1-c ul .rgt span,.fk-cont  ul .rgt span{ display: inline-block; }
.cont1-c ul .rgt-t,.fk-cont  ul .rgt-t{ width: 100%; height: 100px; line-height: 100px;  }
.cont1-c ul .rgt-t a,.fk-cont  ul .rgt-t a{ display: inline-block; vertical-align: middle ;width: 100px; height: 100px; background: url(../images/fk_icon_pl.png)center center no-repeat; text-align: right;}
.cont1-c ul .rgt-t .sc,.fk-cont  ul .rgt-t .sc{ background: url(../images/fk_icon_sc.png)center center no-repeat; }

.cont1-c ul .rgt-b,.fk-cont  ul .rgt-b{ width: 200px; line-height: 40px;  text-align: right; }
.cont1-c ul .rgt-b a,.fk-cont  ul .rgt-b a{ font-size: 14px; color: #999; }

.cont1{ position: relative; }
.wapper .main .main-r.cont1 .page{ position: absolute; left: 50%; margin-left: -185px; bottom: 20px; width: 370px; height: 32px;}
.wapper .main .main-r.cont1 .page ul{ overflow: hidden; }
.wapper .main .main-r.cont1 .page ul li{ float: left; margin-right: 12px; line-height: 32px;font-size: 14px;  color: #999;}
.wapper .main .main-r.cont1 .page ul li a:hover{ color: #5ed2a5; }
.wapper .main .main-r.cont1 .page ul .two a{ display: inline-block; width: 56px; height: 32px; border: 1px solid #e5e5e5; text-align: center;}
.wapper .main .main-r.cont1 .page ul .two .two-2{ width: 36px; border: 0; color: #fff;background: #5ed2a5; }
.wapper .main .main-r.cont1 .page ul .four input,.wapper .main .main-r .cont1 .page ul .five a{ width: 32px; height: 32px; border: 1px solid #e5e5e5; text-align: center; }
.wapper .main .main-r.cont1 .page ul .five{ margin-right: 0;  }
.wapper .main .main-r.cont1 .page ul .five a{ display: inline-block; width: 54px; }



/**/
.fk-cont ul .vip a{ font-size: 14px; }

.fk-cont ul .vip .vip-t { width: 60px; height: 60px; }
.fk-cont ul .ctr span{ height: 60px; line-height:60px; }

@media (max-width: 1900px) {
    .wapper {
        height: auto;
    }

        .wapper .main .main-l {
            width: 25%;
        }

            .wapper .main .main-l .lt {
                width: 100%;
                height: auto;
            }

            .wapper .main .main-l .lb {
                width: 100%;
            }

                .wapper .main .main-l .lb .vedio {
                    width: 100%;
                }

        .wapper .main .main-r {
            width: 70%;
        }

            .wapper .main .main-r .cont {
                width: calc(100% - 180px);
            }
}