/*头部切换*/
.content-ul{ overflow: hidden}
.content-ul ul{float:left;width: 100%;margin:60px 0 0 0;padding:0; }
.content-ul ul li{box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */list-style:none;float: left;width: 25%;border:1px solid #ddd;border-left:none;height:50px;line-height: 50px;text-align: center;position: relative;cursor: pointer}
.content-ul ul li p{padding:0;margin:0;}
.content-ul ul li:first-child{border-left:1px solid #ddd;}
.content-ul ul li>div{display: none;}
.content-ul ul li.active{/*border-top:none;*/}
.content-ul ul li.active div{display:inline-block;position: absolute;width: 100%;height:100px;top:-25px;left:0px;}
.content-ul ul li.active div img{ width: 100%;height:70px;}
.content-ul ul li.active div span{ position: absolute;top:15px;left:0;width:100%;color:#fff;font-size: 22px;}

/*科学探究方法*/
.science-method{margin-top: 20px;}
.science-method .all-content{background: #364f61;/*height:1000px;*/}
.science-method .content-width{width:1000px;margin:auto;}
.science-method .all-content .one{padding-top:50px;position: relative}
.science-method .all-content .one>span{display: inline-block}
.science-method .all-content .one>span img{width: 100%;height:auto;}
.science-method .all-content .one>.one-1{width: 50%; }
.science-method .all-content .one>.one-2{width: 70px;height:70px;position: absolute;left:57%;top:60px; }
.science-method .all-content .one>.one-3{width: 250px;height:200px;position: absolute;right:20px;top:60px; }
.science-method .all-content .one .one-com{position:relative;float:right;width: 200px;min-height:90px;border:1px solid #364f61;border-radius:0 50px 0 50px;-webkit-border-radius:0 50px 0 50px;-moz-border-radius:0 50px 0 50px;box-shadow: 0px 0px 14px 1px #2d4251;margin-right: 30px;margin-top:30px;  }
.science-method .all-content .one .com{position:relative;width:190px;min-height:90px;background:#f08b27;border-radius:0 50px 0 50px;-webkit-border-radius:0 50px 0 50px;-moz-border-radius:0 50px 0 50px;margin:10px auto;color:#fff;z-index: 9;padding-bottom:3px;}
.science-method .all-content .one .com p{width: 100%;font-size:15px;background: #364F61;margin:0;border-radius:0 50px 0 0;}
.science-method .all-content .one .com p b{display:inline-block;margin-bottom:5px;padding:5px 10px;font-weight: normal;}
.science-method .all-content .one .com ul{padding:0;width: 75%;margin-left:30px;margin-top:5px;padding-bottom:10px; }
.science-method .all-content .one .com ul li{list-style: none;padding:2px 0;line-height: 27px;border-top:1px solid #ddd; }
.science-method .all-content .one .com ul li:first-child{border:none }
.science-method .all-content  .one .com ul li a{color:#fff;text-decoration: none;font-size: 13px; }


.science-method .all-content .two{ margin-top: 75px;position: relative}
.science-method .all-content .two>span{display: inline-block}
.science-method .all-content .two span img{width: 100%;height:auto;}
.science-method .all-content .two>.two-1{width: 100%; }
.science-method .all-content .two>.two-1 img{width: 100%;height:auto;}
.science-method .all-content .two>.two-2{position: absolute;width:250px;left:200px;top:25px;  }
.science-method .all-content .two>.one-4{width: 70px;height:70px;position: absolute;left:10px;top:-72px; }
.science-method .all-content  .two .two-com{position:relative;float:left;width: 275px;min-height:120px;border:1px solid #364f61;border-radius:0px 100px 0px 100px;-webkit-border-radius:0px 100px 0px 100px;-moz-border-radius:0px 100px 0px 100px;box-shadow: 0px 0px 14px 1px #2d4251;margin-left: 160px;margin-top:-130px; background: #364f61 ;}
.science-method .all-content .two .com{position:relative;width:265px;min-height:110px;background:#e85337;border-radius:0px 100px 0px 100px;-webkit-border-radius:0px 100px 0px 100px;-moz-border-radius:0px 100px 0px 100px;margin:10px auto;color:#fff;padding-bottom:3px;}
.science-method .all-content  .two .com p{position:relative;width: 92%;font-size:15px;background: #364F61;
    -webkit-border-radius:0px 100px 0px 0px;
    -moz-border-radius:0px 100px 0px 0px;
    border-radius:0px 100px 0px 0px;}
.science-method .all-content .two .com p b{display:inline-block;margin-bottom:5px;padding:5px 10px;font-weight: normal;}
.science-method .all-content .two .com ul{padding:0;width: 60%;margin-left:55px;margin-top:5px; padding-bottom:10px;}
.science-method .all-content .two .com ul li{list-style: none;padding:2px 0;line-height: 27px;border-top:1px solid #fff; }
.science-method .all-content .two .com ul li:first-child{border-top:none  }
.science-method .all-content .two .com ul li a{color:#fff;text-decoration: none;font-size: 13px; }


.science-method .all-content .three{ margin-top: 120px;position: relative}
.science-method .all-content .three>span{display: inline-block}
.science-method .all-content .three> span img{width: 100%;height:auto;}
.science-method .all-content .three>.three-1{width: 100%; }
.science-method .all-content .three>.three-1>img{width: 100%;height:auto;}
.science-method .all-content .three>.three-2{position: absolute;width:250px;left:200px;top:25px;  }
.science-method .all-content .three>.two-3{position: absolute;top:-100px;right:20px;width: 70px;height:70px;}
.science-method .all-content .three .three-com{position:relative;float:right;width: 280px;min-height:120px;border:1px solid #364f61;border-radius:70px 0 70px 0;-webkit-border-radius:70px 0 70px 0;-moz-border-radius:70px 0 70px 0;box-shadow: 0px 0px 14px 1px #2d4251;margin-right: 140px;margin-top:-115px;  z-index: 9;background: #364f61;}
.science-method .all-content .three .com{position:relative;width:270px;min-height:110px;background:#9360a0;border-radius:70px 0 70px 0;-webkit-border-radius:70px 0 70px 0;-moz-border-radius:70px 0 70px 0;margin:10px auto;color:#fff;z-index: 9;padding-bottom:3px;}
.science-method .all-content .three .com p{width: 98%;margin-left:10px;font-size:15px;background: #364F61;-webkit-border-radius:70px 0px 0px 0px;
    -moz-border-radius:70px 0px 0px 0px;
    border-radius:70px 0px 0px 0px;}
.science-method .all-content .three .com p b{ display:inline-block;margin-bottom:5px;padding:5px 20px;font-weight: normal;}
.science-method .all-content .three .com ul{padding:0;width: 50%;margin-left:70px;margin-top:5px;padding-bottom:10px; }
.science-method .all-content .three .com ul li{list-style: none;padding:2px 0;line-height: 27px;border-top:1px solid #fff; }
.science-method .all-content .three .com ul li:first-child{border-top:none }
.science-method .all-content .three .com ul li a{color:#fff;text-decoration: none;font-size: 13px; }
.science-method .all-content .three .com>div{position:absolute;width: 110px;height:50px;top:90px;left:-60px;}
.science-method .all-content .three .com>div img{width: 100%;height:auto;}

.science-method .all-content .four{ margin-top: 120px;position: relative}
.science-method .all-content .four span{display: inline-block}
.science-method .all-content .four span img{width: 100%;height:auto;}
.science-method .all-content .four>.four-1{width: 100%; }
.science-method .all-content .four>.four-1 img{width: 100%;height:auto; }
.science-method .all-content .four>.four-2{position: absolute;width:250px;left:200px;top:25px;  }
.science-method .all-content .four>.three-3{position: absolute;left:15px;width: 70px;height:70px;top:-95px; }
.science-method .all-content .four .four-com{position:relative;float:left;width: 345px;min-height:150px;border:1px solid #364f61;-webkit-border-radius:0 100px 0 80px;-moz-border-radius:0 100px 0 100px;border-radius:0 100px 0 100px;box-shadow: 0px 0px 14px 1px #2d4251;margin-left: 195px;margin-top:-125px;  z-index: 9;background: #364f61; }
.science-method .all-content .four .com{position:relative;width:335px;min-height:140px;background:#49bbe7;-webkit-border-radius:0 100px 0 100px;-moz-border-radius:0 100px 0 100px;border-radius:0 100px 0 100px;margin:10px auto;color:#fff;z-index: 9;padding-bottom:3px;}
.science-method .all-content .four .com p{width: 93%;margin:0;font-size:15px;background: #364F61;-webkit-border-radius:0 100px 0 0px;-moz-border-radius:0 100px 0 0px;border-radius:0 100px 0 0px;}
.science-method .all-content .four .com p b{display:inline-block;margin-bottom:5px;padding:5px 10px;font-weight: normal;}
.science-method .all-content .four .com ul{padding:0;width: 50%;margin-left:55px;margin-top:5px;padding-bottom:10px; }
.science-method .all-content .four .com ul li{list-style: none;padding:2px 0;line-height: 27px;border-top:1px solid #ddd; }
.science-method .all-content .four .com ul li:first-child{border-top:none;}
.science-method .all-content .four .com ul li a{color:#fff;text-decoration: none;font-size: 13px; }
.science-method .all-content .four .com span{ width:90px;height:60px;position: absolute;right:20px;bottom:50px;}


.science-method .all-content .five{ margin-top: 120px;position: relative}
.science-method .all-content .five span{display: inline-block}
.science-method .all-content .five span img{width: 100%;height:auto;}
.science-method .all-content .five>.five-1{width: 100%; }
.science-method .all-content .five>.five-1 img{width:100%;height:auto;}
.science-method .all-content .five>.five-2{position: absolute;width:250px;left:200px;top:25px;  }
.science-method .all-content .five>.four-3{position: absolute;right:20px;width: 70px;height:70px;top:-100px; }
.science-method .all-content .five .five-com{position:relative;float:right;width: 340px;min-height:150px;border:1px solid #364f61;-webkit-border-radius:55px 0 55px 0;-moz-border-radius:55px 0 55px 0;border-radius:55px 0 55px 0;box-shadow: 0px 0px 14px 1px #2d4251;margin-right: 138px;margin-top:-98px;  z-index: 9;background: #364f61; }
.science-method .all-content .five .com{position:relative;width:330px;min-height:140px;background:#3adfba;-webkit-border-radius:55px 0 55px 0;-moz-border-radius:55px 0 55px 0;border-radius:55px 0 55px 0;margin:10px auto;color:#fff;z-index: 9;padding-bottom:3px;}
.science-method .all-content .five .com p{width: 96%;margin:0;font-size:15px;background: #364F61;-webkit-border-radius:55px 0 0px 0;-moz-border-radius:55px 0 0px 0;border-radius:55px 0 0px 0;;padding-left:15px;}
.science-method .all-content .five .com p b{display:inline-block;margin-bottom:5px;padding:5px 10px;font-weight: normal;}
.science-method .all-content .five .com ul{padding:0;width: 60%;margin-left:15px;margin-right:80px;padding-bottom:10px;margin-top:5px; }
.science-method .all-content .five .com ul li{list-style: none;padding:2px 0;line-height: 27px; border-top:1px solid #ddd;}
.science-method .all-content .five .com ul li:first-child{border-top:none }
.science-method .all-content .five .com ul li a{color:#fff;text-decoration: none;font-size: 13px; }
.science-method .all-content .five .com span{ width:70px;height:40px;position: absolute;right:25px;bottom:30px;}
.science-method .all-content .five .com>div{position:absolute;left:-50px;top:100px;width: 90px;height:50px; }
.science-method .all-content .five .com>div img{ width: 100%;height:auto;}



.science-method .all-content .six{ margin-top: 120px;position: relative}
.science-method .all-content .six>span{display: inline-block}
.science-method .all-content .six>span img{width: 100%;height:auto;}
.science-method .all-content .six>.six-1{width: 35%; }
.science-method .all-content .six>.six-2{position: absolute;width:250px;left:200px;top:25px;  }
.science-method .all-content .six>.six-3{position: absolute;right:0px;width: 70px;height:70px; }
.science-method .all-content .six>.five-3{position: absolute;left:25px;width: 70px;height:70px;top:-95px; }
.science-method .all-content .six .six-com{position:relative;float:right;width: 200px;min-height:150px;border:1px solid #364f61;border-radius:0 70px 0 70px;-webkit-border-radius:0 70px 0 70px;-moz-border-radius:0 70px 0 70px;box-shadow: 0px 0px 14px 1px #2d4251;margin-right: 400px;margin-top:120px;  z-index: 9;background: #364f61 ;}
.science-method .all-content .six .com{position:relative;width:190px;min-height:140px;background:#63b478;border-radius:0 70px 0 70px;-webkit-border-radius:0 70px 0 70px;-moz-border-radius:0 70px 0 70px;margin:10px auto;color:#fff;z-index: 9;padding-bottom:3px;}
.science-method .all-content .six .com p{width: 95%;margin:0;font-size:15px;border-radius:0 70px 0 0px;-webkit-border-radius:0 70px 0 0px;-moz-border-radius:0 70px 0 0px;;background: #364F61; }
.science-method .all-content .six .com p b{display:inline-block;margin-bottom:5px;padding:5px 10px;font-weight: normal;}
.science-method .all-content .six .com ul{padding:0;width: 65%;margin-left:50px;margin-top:5px;padding-bottom:10px; }
.science-method .all-content .six .com ul li{list-style: none;padding:2px 0; line-height: 27px;border-top:1px solid #ddd;}
.science-method .all-content .six .com ul li:first-child{border-top:none }
.science-method .all-content .six .com ul li a{color:#fff;text-decoration: none;font-size: 13px; }
.science-method .all-content .six .com span{ width:90px;height:60px;position: absolute;right:20px;bottom:50px;}
.science-method .all-content .six .com>div{position: absolute;width: 110px;height:50px;top:100px;left:-70px;}
.science-method .all-content .six .com>div img{width: 100%;height:auto;}

.science-method .all-content .content-width .foot{margin-top:220px;}
.science-method .all-content .content-width .foot img{width: 100%;height:auto;}

.science-method  .recommend{background: #253960;margin-top:25px;overflow: hidden;margin-bottom:150px;}
.science-method  .recommend img{width: 100%;height:auto;}



/*工程设计方法*/
.design{margin-top:20px;background: #364f61; }
.design-row{ width:90%;margin: auto;background: #364f61;color:#fff;overflow: hidden;padding-bottom:80px;}
.design-row .row-title{position:relative;margin-top:30px;background: #e85337;height:50px;line-height: 50px;font-size:24px;text-align: center;border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0;border-bottom:3px solid #c1392b;}
.design-row .row-1{overflow: auto;margin-top:20px;}
.design-row .row-1 .row-img{width: 45%;position: relative}
.design-row .row-1 .row-img-one{float: left;}
.design-row .row-1 .row-img-one>span{ position:absolute;left:55%;top:6px;font-size: 19px; height:68px;line-height: 68px;}
.design-row .row-1 .row-img-one>a{ position:absolute;top:35%;left:48%;width: 48%;height:125px; line-height: 25px;overflow: hidden;color:#fff;cursor: pointer}
.design-row .row-1 .row-img-two{float: right;}
.design-row .row-1 .row-img-two>span{ position:absolute;top:6px;left:5%;font-size: 19px;height:68px;line-height: 68px; }
.design-row .row-1 .row-img-two>a{ position:absolute;top:35%;right:48%;width: 45%;height:125px; line-height: 25px;overflow: hidden;color:#fff;cursor: pointer}
.design-row .row-img img{width: 100%;height:auto;}
.design-row  .row-title-yelow{background: #ffcb36;border-bottom:3px solid #f49c14;margin-top:50px;}
.design-row  .row-title-green{background: #47c9af;border-bottom:3px solid #16a086;margin-top:50px;}
.design-row  .row-title-blue{background: #3598dc;border-bottom:3px solid #35698c;margin-top:50px;}

/*详情页面*/
.science_title{font-size: 22px;font-weight: 500;margin:25px 0 50px 0;}
.science_tab{min-height:50px; position: relative}

.science_tab .center{background: #f4f4f4;border:2px solid #d9d9d9;}
.science_tab ul{position: absolute; padding:0;margin: 25px 0;float: left;width:100%;border-bottom:1px solid #ddd;}
.science_tab ul li{position:relative;float: left;padding:0 15px;border-right:1px solid #dedede;min-height:47px;line-height: 50px;text-align: center;list-style: none;font-size:15px;cursor: pointer;}
.science_tab ul li p{padding:0;margin: 0;display: inline-block;}
.science_tab ul li>div{display: none}
.science_tab ul li.active{ width: 13%;}
/*.science_tab ul li.active p{display: none;}*/
.science_tab ul li.active>div{width:95%;position: absolute; top:-10.5px; left:2.3%;display: inline-block}
.science_tab ul li.active>div img{width: 100%;height:59px; }
.science_tab ul li.active>div span{position: absolute;top:10px;left:0;width: 100%;text-align: center;font-size: 16px; font-weight: 600;}

.science_content{ margin-top:30px;min-height: 400px;}