@charset "utf-8";
.top{ position:relative; padding-top:100px; }
.top>img{ display:block; width:100%;}

.adr{ padding:3%; }

.topwz{ padding:0 3%; color:#ffffff; line-height:1; position:absolute; top:0; left:0; height:100%; width:100%; z-index:6; display: flex; align-items: center; }
.topwz>div{ width:100%; }
.topwz h3{ font-size:50px; font-weight:bold; line-height:1.3; margin-bottom:70px;}
.topwz p{ font-size:24px; margin:30px 0 90px 0;}
.topwz a{ font-size:16px; display:block; padding:0 25px; height:50px; line-height:48px; border:1px solid #ffffff; border-radius:25px; float: left;  }
.topwz a span{ font-size:16px; margin-left:16px; }
.topwz a:hover{ background:#cc0000; color:#ffffff; border-color:#cc0000; }


.prod{ width:100%; position:absolute; right:0; bottom:-14%; z-index:5;}
.prod img{ float:right; display:block; width:47%;}

.adrtit{ color:#4b4b4b; font-weight:bold; overflow:hidden; margin-bottom:50px;} 
.adrtit h3{ font-weight:bold; font-size:32px; line-height:1.3; border-bottom:5px solid #384967; float:left; padding:20px 0;}

.tit01{ color:#384967; font-size:18px; line-height:1.4; font-weight:bold; margin:20px 0;}
.tit01 a{ font-size: 14px; font-weight: normal; color:#cc0000;  }
.tit01 a:hover{ text-decoration: underline; }
.radiolist{ overflow:hidden; margin-bottom:20px;}
.radiolist li{ width:25%; float:left; color:#4b4b4b; font-size:16px;}
.radiolist li.w50{ width:50%;}
.radiolist li label{ display:block; line-height:35px;}
.radiolist input[type="radio"] { position: absolute; opacity: 0; }
.radiolist input[type="radio"] + .radio-label:before {float:left; margin:10px 15px 0 0; content: ''; background: #ffffff; border:1px solid #bfbfbf; border-radius: 100%; display: block; width: 14px; height:14px; position: relative;  vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease;}
.radiolist input[type="radio"]:checked + .radio-label:before { background: url(../images/radio.png) no-repeat center center; border:none; width: 15px; height:15px;}
.radiolist input[type="radio"]:focus + .radio-label:before {outline: none; border-color: #3197EE;}
.radiolist input[type="radio"]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4; background: #b4b4b4;}
.radiolist input[type="radio"] + .radio-label:empty:before { margin-right: 0;}

.radiolist input[type="checkbox"] { position: absolute; opacity: 0; }
.radiolist input[type="checkbox"] + .radio-label:before { float:left; margin:10px 15px 0 0; content: ''; background: #ffffff; border:1px solid #bfbfbf; border-radius: 100%; display: block; width: 14px; height:14px; position: relative;  vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; }
.radiolist input[type="checkbox"]:checked + .radio-label:before { background: url(../images/radio.png) no-repeat center center; border:none; width: 15px; height:15px; }
.radiolist input[type="checkbox"]:focus + .radio-label:before { outline: none; border-color: #3197EE; }
.radiolist input[type="checkbox"]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4; background: #b4b4b4; }
.radiolist input[type="checkbox"] + .radio-label:empty:before { margin-right: 0; }

.inputlist{ overflow:hidden;}
.inputlist li{ width:48%; margin-bottom:18px;}
.inputlist li input{ height:46px; width:100%; border:1px solid #e6e3e5; background:#ffffff; padding:0 18px; color:#666666; font-size:16px; line-height:44px;}
.inputlist li select{ background:none; position: relative; z-index:1; height:46px; width:100%; border:1px solid #e6e3e5; padding:0 18px; color:#666666; font-size:16px; line-height:44px;}
.inputlist li textarea{ width:100%;border:1px solid #e6e3e5; background:#ffffff; padding:10px 18px; color:#666666; font-size:16px; }
.inputlist li .textarea1{ height:140px; }
.inputlist li .textarea2{ height:70px; }
.inputlist li.w100{ width:100%; }
.inputlist li.w32{ width:29%; margin-right:2%; }
.inputlist li.w6{ width:7%; }
.inputlist li.w6 .btn{ text-align:center; height:46px; width:100%; display: block; background:#384967; color:#ffffff; font-size:16px; line-height:46px; }
.inputlist li.w6 .btn:hover{ background:#DC1604; }

.inputlist li.li2{}
.inputlist li.li2 input{ width:75%; float:left; }
.inputlist li.li2 .select{ width:22%; float:right; }

.inputlist li .select,.inputlist li .time{ position: relative; background:#ffffff; }
.inputlist li .select .iconfont,.inputlist li .time .iconfont{ font-size:24px; background:#ffffff; line-height:44px; width:44px; height:44px; position: absolute; right:1px; top:1px; }

.addbtn a{ width:12%; text-align:center; height:46px; display: block; background:#384967; color:#ffffff; font-size:16px; line-height:46px; }
.addbtn a span{ font-size:16px; margin-right:8px; }
.addbtn a:hover{ background:#DC1604; }


.submit{ margin:80px 0 0 0; text-align:center; }
.main03{ padding-bottom: 80px; }
.submit button{ padding:0 50px; text-align:center; background:#384967; height:50px; line-height:50px; font-size:18px; color:#ffffff; border-radius:25px; cursor:pointer;}
.submit button span{ font-size:18px; margin-left:18px; }
.submit button:hover{ background-color:#DC1604; }

.baibj{ background:#ffffff; padding:50px 0;}


.tcbj{ position: fixed; left:0; top:0; width:100%; height:100%; background:#384967;opacity:0.9; z-index: 100; }
.tanchuang{ z-index: 2000; background: #ffffff; width:600px; height:190px; padding:30px; position:fixed; top:50%; left:50%; margin:-95px 0 0 -300px;}
.tanchuang p{ font-size: 18px; color: #666666; font-weight: bold; text-align: justify; }
.tanchuang p a{ color:#00968F; }
.tanchuang p a:hover{ text-decoration:underline;}
.tanchuang .anniu{overflow:hidden; margin-top:30px; }
.tanchuang .anniu a{ margin-left:20px; font-size:18px; text-align: center; float: right; width:60px; height:40px; line-height:40px; background:#384967; color:#ffffff; border-radius:10px; }
.tanchuang .anniu a:hover{ background:#DC1604; }

.maintxt{ margin-bottom:50px; }
.maintxt p{ font-size:20px; color:#333333; }
.maintxt .anniu{overflow:hidden; margin-top:50px; }
.maintxt .anniu a{ float: left; margin-right:20px; font-size:18px; text-align: center; padding: 0 20px; height:40px; line-height:40px; background:#384967; color:#ffffff; border-radius:10px; }
.maintxt .anniu a:hover{ background:#DC1604; }

.main02{ display:none; }
.main03{ display: none;}
.main04{ display: none;}
.main05{ display: none;}
.main06{ display: none;}


.prods{ overflow: hidden; }
.prodleft{ float: left; width:48%; }
.prodright{ float:right; width: 48%; }

.prods .radiolist li{ width:100%; }
.prods .inputlist li{ width:100%; }


.langpup{ position: fixed; top:50%; left:50%; margin:-95px 0 0 -300px; z-index:3000; background: #ffffff; width: 600px; height: 190px; padding:70px 35px; }
.langpup a{ width:195px; height:50px; margin:0 35px; line-height:50px; border-radius:5px; background:#384967; text-align: center; float: left; color:#ffffff; font-size:20px; }
.langpup a:hover{ background:#DC1604; }

@media screen and (max-width: 1920px) {


.bkj01{ position:absolute; right:0; top:8%}
.bkj01 img{width:240px;}

.bkj02{ top:40%}
.bkj02 img{width:160px;}

.bkj03{ bottom:20%}
.bkj03 img{ width:160px;}
}
@media screen and (max-width: 1680px) {

.topwz h3{ font-size:42px; margin-bottom:60px;}
.topwz p{ font-size:20px; margin:25px 0 75px 0;}

.bkj01{ position:absolute; right:0; top:8%}
.bkj01 img{width:200px;}

.bkj02{ top:40%}
.bkj02 img{width:120px;}

.bkj03{ bottom:20%}
.bkj03 img{ width:120px;}

.adrtit h3{ font-size:28px;}

    
}

@media screen and (max-width: 1440px) {
.top{ padding-top:85px; }

.topwz h3{ font-size:36px; margin-bottom:50px;}
.topwz p{ font-size:18px; margin:20px 0 60px 0;}

.maintxt{ margin-bottom:40px; }

.baibj{ padding:30px 0;}
.adrtit{ margin-bottom:40px;}
.adrtit h3{ font-size:24px; padding:15px 0;}


.radiolist li{ font-size:14px; }

.inputlist li{ margin-bottom:16px;}
.inputlist li input{ height:40px; font-size:14px; padding:0 16px; line-height:40px;}
.inputlist li select{ height:40px; font-size:14px; padding:0 16px; line-height:40px;}
.inputlist li textarea{ padding:8px 16px; font-size:14px; }
.inputlist li .textarea1{ height:120px; }
.inputlist li .textarea2{ height:60px; }
.inputlist li.w6 .btn{ height:40px; font-size:14px; line-height:40px; }



.tit01{ font-size:16px; }

.addbtn a{ height:40px; font-size:14px; line-height:40px; }
.addbtn a span{ font-size:14px; margin-right:7px; }

.submit{ margin:60px 0 0 0;}
.main03{ padding-bottom: 60px; }
.submit button{ padding:0 40px; height:40px; border-radius:20px; line-height:40px; font-size:16px; }
.submit button span{ font-size:16px; margin-left:16px; }


.bkj01{ position:absolute; right:0; top:7%}
.bkj01 img{width:150px;}

.bkj02{ top:40%}
.bkj02 img{width:80px;}

.bkj03{ bottom:20%}
.bkj03 img{ width:80px;}

.maintxt .anniu{ margin-top:40px; }
.maintxt p{ font-size:18px; }

.tanchuang{ padding:25px; width:540px; height: 160px; margin:-80px 0 0 -270px; }
.tanchuang p{ font-size:16px; }
.tanchuang .anniu{ margin-top:25px; }
.tanchuang .anniu a{ height:34px; line-height:34px; font-size:16px; }

.langpup{ width:540px; height:160px; margin:-80px 0 0 -270px; padding:60px 30px; }
.langpup a{ width:180px; height:40px; margin:0 30px; line-height:40px; font-size:17px; }

    
}

@media screen and (max-width: 1240px) {
.top{ padding-top:70px; }

.topwz h3{ font-size:30px; margin-bottom:40px;}
.topwz p{ font-size:16px; margin:15px 0 40px 0;}
.topwz a{ font-size:14px; height:40px; line-height:38px; padding:0 20px;}
.topwz a span{ font-size:14px; margin-left:14px; }

.bkj01{ display:none;}
.bkj02{ display:none;}
.bkj03{ display:none;}

    
.adrtit h3{ font-size:20px;}

}

@media screen and (max-width: 1024px) {

.container{ width:100%; padding:0 20px;}
.topwz h3{ font-size:24px; margin-bottom:30px;}

.top{overflow: hidden;}
.top>img{width:120%; margin-left:-10%;}
.prod{ bottom: 0; }

.radiolist li{ width:33%;} 

.adrtit{ margin-bottom:30px;}
.adrtit h3{ font-size:18px;}

.maintxt{ margin-bottom:30px; }

.maintxt .anniu{ margin-top:30px; }
.maintxt p{ font-size:16px; }

}

@media screen and (max-width: 768px) {
.top{ }
.top>img{width:150%; margin-left:-25%;}

.topwz h3{ font-size:20px; margin-bottom:20px;}
.topwz p{ font-size:14px; margin:10px 0 30px 0;}
.topwz a{ font-size:12px; height:36px; line-height:34px; padding:0 15px;}

.maintxt{ margin-bottom:20px; }

.maintxt .anniu{ margin-top:20px; }

.adr{ padding:0; }

.radiolist li{ width:100%;} 
.radiolist li.w50{ width:100%;}
.inputlist li{ width:100%; margin-bottom:10px;}
.inputlist li.w50{ width:100%;}
.inputlist li.w32{ width:48.5%; margin-right:3%; }
.inputlist li.w6{ width:48.5%; }
.inputlist li.mr0{ margin-right:0;}
.addbtn a{ width:48.5%;}

.adrtit{ margin-bottom:20px;}
.adrtit h3 { border-bottom:2px solid #384967;}
.submit{ margin:30px 0 0 0;}
.main03{ padding-bottom: 40px; }

.tanchuang{ z-index: 2000; background: #ffffff; width:90%; height:160px; padding:20px; position:fixed; top:50%; left:5%; margin:-80px 0 0 0;}
.tanchuang p{ font-size:15px; font-weight: normal; line-height:25px; height:75px;}
.tanchuang .anniu{ margin-top:9px; }


.langpup{ width:90%; top:50%; left:5%; margin:-80px 0 0 0; padding:60px 5%; }
.langpup a{ width:40%; margin:0 5%; line-height:40px; font-size:17px; }


.prodleft{ float: left; width:100%; }
.prodright{ float:right; width: 100%; }

}


@media screen and (max-width: 480px) {

}