@charset "utf-8"; .details { width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 49px;} .details .details-left{ float: left; width: 869px;} .details-left p{ padding-top: 28px; font-size: 15px; line-height: 24px; color: #626262; overflow: hidden;} .details-left p span{ background-color: #039747; color: #FFFFFF; display: inline-block; text-align: center;} .details-left .zi{padding-top: 28px; font-size: 15px; line-height: 24px; color: #626262; display: inline-block; font-weight: normal; background: none; text-align: left; position: absolute; top: 0;} .details .details-main{ padding-top: 29px; overflow: hidden;} .details-main .main-left{ float: left; width: 427px;} .details-main .main-left ul{ padding-top: 19px;} .details-main .main-left li{ padding-left: 21px; background: url(../images/b1.jpg) 5px center no-repeat;} .details-main .main-left li a{ color: #737373; font-size: 16px; line-height: 24px;} .details-main .main-right{ width: 415px; float: right;} .details-main .main-right .video1{ padding-top: 21px;} .details-main .main-right .video1 img{ width: 415px; height: 339px;} .right{float: right;} .details-right{ width: 300px; /*height: 440px;*/ background-color: #f2f2f2; float: right;} .details-right .sub-title{ height: 51px; line-height: 51px; padding-left: 35px; background: url(../images/a_43.jpg) 16px center no-repeat; font-size: 17px; padding-right: 18px;} .details-right .sub-title a{ float: right; color: #ED1B24; font-size: 12px; line-height: 51px;} .details-right ul li{ border-bottom: 1px solid #dddddd;} .details-right ul li a{ display: block; padding-left: 29px; font-size: 17px; padding-bottom: 17px;} .details-right ul li a p{ padding-top: 17px; color: #3f9e6c;} .details-right ul li a span{ display: block; padding-top: 17px; color: #868686;} .details-right ul li a:hover p{ color: #000000;} .details-right ul li a:hover span{ color: #000000;} .sub-bottom{ display: block; width: 172px; height: 46px; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 46px; border-radius:23px; background: #009946; margin: 30px auto 0 auto;} .details1{width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 47px;border-bottom:1px solid #DCDCDC;padding-bottom: 18px;} .left{float: left;width:870px;border:1px solid #DCDCDC;} .details1 .details1-left{height:50px;border-bottom:1px solid #DCDCDC;padding-left:47px;background: url("../images/a_50.jpg") 13px center no-repeat;line-height: 50px;} .details1 .details1-left a{padding-right:18px;float: right;font-size: 50px;color:#CACACA;} .details1 .details1-left .title1{display: inline;color: #6A3383;border-right: 1px solid #6A3383;height:50px;line-height: 50px;font-weight: normal;} .details1 .details1-left span{height:50px;line-height: 50px;} .details1-logo{float: left; width: 870px;padding-top: 41px;} .details1-logo .logo1{float: left;margin-left: 35px;} .details1-logo .logo1 p{color: #808080;margin-left:70px;font-size: 14px;margin-top: 10px;} .details1-logo .logo1 p a{font-size: 14px;color: #808080;} .detailsl-logo2{float: left; width: 870px;padding-top: 25px;border-bottom:1px solid #DCDCDC;padding-bottom: 55px;} .detailsl-logo2 .logo1{float: left;margin-left: 35px;} .detailsl-logo2 .logo1 p{color: #808080;margin-left:70px;font-size: 14px;margin-top: 10px;} .detailsl-logo2 .logo1 p a{color: #808080;} .detailsl-form {float:left; width:870px;padding:19px 0;border-right:1px solid #B8B8B8;} .detailsl-form .form{float:left;padding:0 19px;border-right:1px solid #B8B8B8;} .detailsl-form .form .input{margin-bottom: 25px;width:251px;height:34px;border:1px solid #D1D0D1; outline: none;text-indent: 10px;color:#979797;} .detailsl-form .form .text{width:250px;height:50px;margin-bottom: 22px;outline: none;text-indent: 10px;color:#979797;} .detailsl-form .form .btn{width:253px;height:40px;border:1px solid red;background: #ED1B24;color:white;} .detailsl-form .logo2{float:left; padding:0 19px; border-right:1px solid #B8B8B8;} .detailsl-form .logo3{ color:#757575; float:left; padding-top: 0; padding-bottom: 0; padding-left: 19px; } .detailsl-form .logo3 h3{color:#8d8d8d;font-size:14px;padding-bottom: 4px;font-weight: normal;} .details-button{margin: 20px 0 0 20px;font-size:18px;border-bottom: 1px solid #DDDDDD;padding-bottom: 14px;} /*总*/ .middle{width: 1200px; margin: 0 auto; padding-top: 60px;padding-bottom: 60px;} .left1{float: left;width:870px;border:1px solid #DCDCDC;} .middle .middle-left{height: 52px; line-height: 52px; color: #000000;text-indent: 20px; background:url(../images/a_43.jpg)10px center no-repeat; ;} .middle .middle-left img{float:right;margin-top:-30px; } .middle .middle-left h2{font-weight: normal;font-size: 18px;padding-left:10px;} .middle .middle-button{width:870px;border-top:1px solid #dcdcdc;} .middle .middle-button{background:url("../images/a_0.png")11px no-repeat;} .middle .middle-button h2{color:#7C4596;margin:20px 0 0 160px;font-size:22px;} .middle .middle-button h5{color:#7C4596;margin:0 0 0 160px; font-size:8px;} .middle .middle-button h3{color:#9A9A9A;margin:15px 0 0 160px;font-size:16px;} .middle .middle-button h3 a{color:#9A9A9A;font-size:16px;} .middle .middle-button a button{background:#7C4596;margin:14px 0 0 160px; border:1px solid #7C4596;border-radius:6px;width:100px;height:21px;color:white;} .middle .middle-button1{width:870px;margin-top:49px;border-top:1px solid #dcdcdc;} .middle .middle-button1{background:url("../images/a_1.png") 11px 10px no-repeat;} .middle .middle-button1 h2{color:#A2C641;margin:20px 0 0 160px;font-size:22px;} .middle .middle-button1 h5{color:#A2C641;margin:0 0 0 160px;font-size:8px;} .middle .middle-button1 h3{color:#9A9A9A;margin:15px 0 0 160px;font-size:16px;} .middle .middle-button1 h3 a{color:#9A9A9A;font-size:16px;} .middle .middle-button1 a button{background:#A2C641;margin:14px 0 0 160px; border:1px solid #A2C641;border-radius:6px;width:100px;height:21px;color:white;} .middle .middle-button2{width:870px;margin-top:49px;border-top:1px solid #dcdcdc;} .middle .middle-button2{background:url("../images/a_2.png") 11px 23px no-repeat;} .middle .middle-button2 h2{color:#2E71AE;margin:30px 0 0 160px;font-size:22px;} .middle .middle-button2 h5{color:#2E71AE;margin:0 0 0 160px;font-size:8px;} .middle .middle-button2 h3{color:#9A9A9A;margin:15px 0 0 160px;font-size:16px;} .middle .middle-button2 h3 a{color:#9A9A9A;font-size:16px;} .middle .middle-button2 a button{background:#2E71AE;margin:14px 0 0 160px; border:1px solid #2E71AE;border-radius:6px;width:100px;height:21px;color:white;} .middle .middle-button3{width:870px;margin-top:49px;border-top:1px solid #dcdcdc;padding-bottom: 40px;} .middle .middle-button3{background:url("../images/a_3.png") 11px 24px no-repeat;} .middle .middle-button3 h2{color:#D4C337;margin:24px 0 0 160px;font-size:22px;} .middle .middle-button3 h5{color:#D4C337;margin:0 0 0 160px;font-size:8px;} .middle .middle-button3 h3{color:#9A9A9A;margin:21px 0 0 160px;font-size:16px;} .middle .middle-button3 a{color:#9A9A9A;font-size:16px;} .middle .middle-button3 a button{background:#D4C337;margin:14px 0 0 160px; border:1px solid #D4C337;border-radius:6px;width:100px;height:21px;color:white;} .middle-right{ width: 300px; height: 890px; background-color: #f2f2f2; float: right;} .middle-right .sub-title{ height: 51px; line-height: 51px; padding-left: 35px; background: url(../images/a_43.jpg) 16px center no-repeat; font-size: 17px; padding-right: 18px;} .middle-right .sub-title a{ float: right; color: #ED1B24; font-size: 12px; line-height: 51px;} .middle-right ul li{ border-bottom: 1px solid #dddddd;} .middle-right ul li a{ display: block; padding-left: 29px; font-size: 17px; padding-bottom: 17px;} .middle-right ul li a p{ padding-top: 17px; color: #3f9e6c;} .middle-right ul li a span{ display: block; padding-top: 17px; color: #868686;} .middle-right ul li a:hover p{ color: #000000;} .middle-right ul li a:hover span{ color: #000000;} .middle-right .details-right1{margin:0 auto;width:249px;height:42px;border-top:1px solid #686868;line-height: 42px;} .middle-right .details-right2{margin:0 auto;width:249px;height:42px;border:1px solid #686868;border-radius:10px;line-height: 42px;} .middle-right .details-right2 img{float:right;margin:7px 5px;} .middle-right .details-right3 img{margin:0 auto;display:block;margin-top:17px;} .middle-right .details-right4{display:block;margin-top:7px;color:#535353;padding-left:23px;} .middle-right .details-right4 h3{margin-top:5px;color:#c0c0c0;} .middle-right .details-right4 h3:nth-child(1){margin-top:25px;} /*zui*/ .section{width:1200px; margin: 0 auto;padding-top: 47px;} .header{width:1200px;height: 50px;} .section-title{background: url("../images/a_43.jpg") no-repeat 20px 20px;height:50px;line-height: 50px;width: 870px; border-bottom: 1px solid #dcdcdc;} .section-title p{font-size: 20px;text-indent:2rem;display: inline-block;} .section-title1{background: url("../images/a_43.jpg") no-repeat 20px 20px;height:50px;line-height: 50px;width: 300px;float: right;background:#F2F2F2; } .section-title1 p{font-size:18px;text-indent:1rem;display: inline-block;float: left;} .section-title1 p:nth-child(3){float:right;display: inline-block;font-size: 12px;color: red;padding-right: 5px;} .section-title img{float: right;padding-top: 20px;padding-right: 20px;} .section-title1 img{float: left;padding-top: 20px;padding-left: 20px;} .section-left{width: 870px;float: left;box-sizing: border-box; border: 1px solid #dcdcdc;} .section-main{ padding-left: 35px; padding-top: 15px; overflow: hidden;} .section-left1 img{width: 340px;height: 340px;border-radius: 5px;float: left;} .section-left2 {width: 440px;height:350px;float: left;margin-left: 35px;} .section-left2 span{font-size: 28px;font-weight: bold;color: #585858;} .section-left2 p{font-size: 14px;color: #A3A3A3;margin-top:20px;margin-bottom: 15px;} .productname{ width: 550px;height:40px;float: left;font-size: 28px;font-weight: bold;color: #585858;} .emply{width:435px;height: 1px;background: #A3A3A3; } .aside{width: 806px;height:1px;background:#A3A3A3;float: left; margin-bottom: 5px;margin-top: 10px;} .aside-bom{width:806px;float: left;padding-left:5px;} .aside-bom p{float: left;display: inline-block;border-bottom: 1px dashed lightgrey;line-height: 25px;} .aside-bom p:nth-child(1){color: #999999;width: 109px;text-indent:1rem;} .aside-bom p:nth-child(2){ color: black;width: 300px;} .aside-bom p:nth-child(3){color: #999999;width: 109px;} .aside-bom p:nth-child(4){color: black;width: 260px;} .vshugf{width:800px;float: left;padding-top: 10px;} .vshugf span{margin-bottom: 10px;font-size: 22px;margin-top:25px;display: inline-block;} .vshugf p{font-size: 12px;color: #8D8D8D;margin-bottom:10px;} .vshugf h3{color:#585858;margin: 20px 0 10px 0;font-size: 14px;} .moadjn{width: 820px;height: 270px;float: left;border-bottom: 1px solid #CDCCCD;border-top: 1px solid #CDCCCD; margin-top: 20px;padding-top: 20px;} .moadjn-left{width:270px;height: 249px;border-right: 1px solid #CDCCCD;float: left;} .moadjn-left:nth-child(3){border-right:none;} .moadjn-left input{margin-bottom:14px;margin-left:15px;text-indent:1rem;color: #EAEAEA;outline: inherit;} .moadjn-left input:nth-child(3){width:240px;height: 95px;outline: inherit;} .moadjn-left input:nth-child(1){width: 240px;height: 33px;outline: inherit;} .moadjn-left input:nth-child(2){width: 240px;height: 33px;outline: inherit;} .moadjn-left input:nth-child(4){width: 240px;height: 33px;background: red;outline: inherit;} .moadjn-left img{margin: 0 10px 20px 10px;} .moadjn-left p{font-size: 14px;color: #585858;padding-left: 20px;line-height: 20px;} .section-right{width: 300px;float: right;background: #F2F2F2;height: 945px;} .dbsve8r{width: 300px;height: 80px;padding-left:28px;box-sizing: border-box;padding-top: 20px; border-bottom:2px #DDDDDD solid;} .dbsve8r h4{color: #68B18A;font-size: 18px;} .dbsve8r p{font-size: 12px;color:#90908F;} .nsdufhu{height:50px;margin-left:20px;margin-top:40px; border-bottom:2px #DDDDDD solid;box-sizing: border-box;} .nsdufhu p{font-size: 18px;} .dncds{ /*height:40px;*/ box-sizing: border-box;font-size: 14px;margin: 20px 0 15px 10px;padding-left: 20px;} .dncds input{margin-right:5px;position: relative;outline: inherit;} .dncds .inps{width: 250px;height: 45px;border:1px solid #CCCCCC;outline: none;border-radius:5px;background:white;} .pmcasc img{position: absolute;} .dncds .inps input{border:none;float:left;width:185px;height:45px;margin-left:15px;outline: inherit;} .dncds .inps button{display: block;width:36px;height:36px; border:0; cursor: pointer; background:url("../images/a_19.jpg") center center #EAEAEA no-repeat;border-radius:3px;float:right;margin:5px 5px 0 0;} .right .srwb {height: 37px;width: 123px;position: absolute;left:0px;top: 10px; z-index:1000;Transition:all 0.4s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .right:hover .srwb{ left:-123px; display:block;filter:alpha(opacity=100); -moz-opacity:100; opacity:100;} /* .details-right .cpdw { padding-right:20px; background-color: #FFFFFF; } */ .productwrap{float: left; min-height:300px; width: 850px;padding-top: 20px; padding-left:15px; color:#666666; font-size:14px;} .productwrap a{ color:#333333;margin-left:5px; margin-right:5px;font-size:14px;} .productwrap a:hover{color:#FF0000;}