*{ 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; }
.linkBtn.on{color:#fff !important;}
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; */


.ld{ width: 1920px; height: 1080px; background: url(../images/ld_bg.png)center top no-repeat; margin: 0 auto;}
.ld .ld_in{ padding-top: 180px; }
.ld .ctr{ width: 1162px; height:733px;  background: url(../images/ld_center.png)center top no-repeat; margin:0 auto;}

.ld .ctr .ctr-in{ overflow: hidden; width: 1076px; height: 647px; margin:0 auto; padding: 43px 0;}
.ld .ctr .ctr-in .main{ padding:30px 10px ; height: 587px; }
.ld .ctr .ctr-in .main .left,.ld .ctr .ctr-in .main .rgt{ float: left; height: 500px; }
.ld .ctr .ctr-in .main .left{  border-right: 4px solid #999999; width: 52%;  padding-right:1%; height: 500px;}
.ld .ctr .ctr-in .main .left .logo{ text-align: center; padding-top: 120px; }
.ld .ctr .ctr-in .main .left p{ text-align: center; font-size: 36px; color: #5f6f7a; margin-top: 50px; }

.ld .ctr .ctr-in .main .rgt{  padding:0 5%; width: 36%;}
.ld .ctr .ctr-in .main .rgt .tit{ font-size: 48px;color: #333; text-align: center; }
.ld .ctr .ctr-in .main .rgt .main2 .top{  }
.ld .ctr .ctr-in .main .rgt .main2 .top li{ width: 100%; height: 64px; line-height: 64px; margin-top: 34px;background: #fff;border:1px solid #707070; border-radius: 20px; }
.ld .ctr .ctr-in .main .rgt .main2 .top li input{ text-indent: 1.5rem; width: 100%; height: 64px; line-height: 64px; font-size: 30px; color: #666; border-radius: 20px;}

.ld .ctr .ctr-in .main .rgt .main2 .btm1{ margin-top: 100px; width: 100%; }
.ld .ctr .ctr-in .main .rgt .main2 .btm1 li{ float: left;  width: 176px; }
.ld .ctr .ctr-in .main .rgt .main2 .btm1 li:last-child{ float: right;  }
.ld .ctr .ctr-in .main .rgt .main2 .btm1 li a{ display: inline-block; width: 176px; height: 64px; line-height: 64px; font-size: 24px;color: #fff; background: #116eaf; border-radius: 32px; text-align: center;}


.ld .ctr .ctr-in .btm{ clear: both;padding: 40px 40px 0;  font-size: 14px; text-align: center;}






/*index*/

.index{ width: 1920px; height: 1080px; margin: 0 auto; background: #f0f0f5;}
.index .hd{ padding: 0 56px; width: 1808px; height: 196px; background: #07223f; }
.index .hd ul li{ float: left; }
.index .hd ul .logo{ float: left; width: 410px; height: 130px; margin: 33px 0;  }
.index .hd ul .tit{ width: 920px; line-height: 196px; font-size: 40px; color: #fff; text-align: center;}

.index .hd .vip{ float: right; margin: 52px 0; color: #999; font-size: 18px;}
.index .hd .vip span{ display: block;  }
.index .hd .vip span:first-child{ margin-bottom: 20px; height: 31px; }
.index .hd .vip span a{ display: inline-block; float: left; }
.index .hd .vip span .zj{ height: 29px; padding: 1px 0; margin-right: 34px; line-height: 29px;color: #999; font-size: 18px; }
.index .hd .vip span .zj img{  vertical-align: middle;margin-right: 10px; }

.index .nav{ width: 100%; height: 62px; border-top: 1px solid #f0f0f5;  background: #07223f;}
.index .nav ul{ float: right; padding: 0 30px;width: 1428px; height: 30px;  margin: 16px 0; }
.index .nav ul li{ float: left; width: 233px; height: 30px; line-height: 30px; border-right: 5px solid #535353; text-align: center;  }
.index .nav ul li:last-child{ border-right:0; }
.index .nav ul li a{ font-size: 24px; color: #999; }
.index .nav ul li a:hover,.index .nav ul li a:active,.index .nav ul .on a{ color: #fff; }

.index .main{ margin: 30px 30px; }
.index .main .left{ float: left; width: 400px; height: 710px; }
.index .main .left ul{  height: 205px; border-top: 5px solid #07223f; background: #fff; box-shadow: 4px 4px 4px #b3b3b3; margin-bottom: 40px; }
.index .main .left ul:last-child{  margin-bottom: 0; }
.index .main .left .lst1{ height: 181px; padding: 12px; font-size: 12px; color: #666; line-height: 18px;}
.index .main .left .lst1 .tit{ font-size: 16px; color: #333; margin-bottom: 10px;  }
.index .main .left .lst1 .more{ text-align: right; font-size: 14px;  }


.index .main .left .lst2,.index .main .left .lst3{ padding: 18px 14px; height: 169px;}
.index .main .left .lst2 li,.index .main .left .lst3 li{ float: left; }
.index .main .left .lst2 .tit,.index .main .left .lst3 .tit{ writing-mode: tb-rl; width: 82px; height: 169px; line-height:82px; font-size: 18px; color: #333; text-align: center;}
.index .main .left .lst2 .vedio,.index .main .left .lst3 .vedio{ width: 290px; height: 169px; }



.index .main .rgt{ float: right; width: 1428px;  }
.index .main .rgt .ctr{ position: relative;width: 100%; height: 710px;background-color:#fff;}
.index .main .rgt .ctr a{ position: absolute; left: 50%; bottom: 40px; margin-left: -137px; width: 274px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; background: #07223f; border-radius: 20px;text-align: center;}
.index .main .rgt .ctr a:hover,.index .main .rgt .ctr a:active{ box-shadow: 2px 2px 10px  #1742e2;}
.index .main .rgt .ts{ width: 100%; height: 58px; line-height: 58px; background: #fff; color: #999; font-size: 12px; text-align: center; border-top:1px solid #efefef}


/*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; }


/*实验报告*/
#program .vd{ width: 100%; height: 620px;}
#program .str {position: absolute;display: block;width: 210px;height: 40px;line-height: 40px;margin: 0px auto;top: 405px;left: 610px;color: #fff;font-size: 18px;background: linear-gradient(#2287ff,#50ceff);text-align: center;border-radius: 40px;}
#program .remark {right: 10px;left: auto;top: auto;border-radius: 20px;
}
#program .btnDown {background:linear-gradient(#e0a653,#f79e20);}

.sybg{ width: 100%; margin: 0 auto; }
.sybg .ctr{ width: 62.5%; margin: 0 auto 60px;}
.sybg .ctr .tit{ width: 100%; height: 120px;  }
.sybg .ctr .tit span{ display: block; width: 80%; margin: 0 auto;}
.sybg .ctr .tit span i,.sybg .ctr .tit span em{ display: inline-block; vertical-align: middle; }
.sybg .ctr .tit span i{ width: 30%; height: 120px; background: url(../images/sybg_logo.png)left center no-repeat; }
.sybg .ctr .tit span em{ width: 70%; font-size: 36px; text-align: right; }

.sybg .ctr table{ width: 100%; }
.sybg .ctr table td{ height: 60px; border:1px solid #f4b083; text-align: center; font-size: 17px; color: #333; }
.sybg .ctr table td:nth-child(1){ width: 8%; }
.sybg .ctr table td:nth-child(2){ width: 12%; }

.sybg .ctr table td:nth-child(3){ width: 40%; }

.sybg .ctr table td:nth-child(4){ width: 40%; }


.sybg .ctr table .one{ background-color: #ed7d31; color: #fff; }
.sybg .ctr table tr:nth-child(2n+2){ background-color: #fbe4d5; }
.sybg .ctr table .mc{ padding: 10px;height: auto; background-color:#fff; }

.sybg .ctr table .ys{ width: 100%; height:80px; }
.sybg .ctr table .ys span{ display: inline-block; width: 60px; height: 50px; margin: 14px 10px; border:2px solid #333;}
.sybg .ctr table .ta{ width: 100%; height:120px; }
.sybg .ctr table .ta span{  display: inline-block; width: 90px; height: 90px; margin: 15px 10px; background-color: #fff; }

.sybg .ctr table .zzsj,.sybg .ctr table .mlxy{  width: 100%;  height:200px; }
.sybg .ctr table .zzsj span{ display: inline-block;width: 160px; height: 160px; margin: 20px 10px; background-color: #ccc; }

.sybg .ctr table .mlxy span{ display: inline-block; width: 160px; height: 160px; margin: 20px 0; background-color: #ccc;  }
.sybg .ctr table .mlxy .m2,.sybg .ctr table .mlxy .m3{ vertical-align: bottom; width: 40px; height: 40px; background-color: #fff;}
.sybg .ctr table .mlxy .m3{  width: 36px; height: 36px;  border:2px solid #333; }
.sybg .ctr table .py{ text-align: left; padding: 20px; min-height: 80px;}

/*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);
            }
}