@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {margin: 0;padding: 0;border: 0;box-sizing: border-box; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none; max-width:100%;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1240px; margin:0 auto; }
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width:100%; font-size:16px; min-height: 100%;font-family: Microsoft YaHei; background-color:#eff2b8;}
/*qn-banner1*/
.qn-banner1 { width:100%; height:240px; background:url(../images/banner1.jpg) no-repeat bottom center; background-size:100% 100%;}
.qn-banner1 img { width:80px; height:60px; margin-top:20px; margin-left:20px; }
/*qn-banner2*/
.qn-banner2 { width:100%; height:187px; background:url(../images/banner2.jpg?v=1) no-repeat center center; background-size:100% 100%;}
/*qn-banner3*/
.qn-banner3 { width:100%; height:376px; background:url(../images/banner3.jpg?v=1) no-repeat top center; background-size:100% 100%;}
.qn-banner3-con { text-align:center; height:168px; line-height:154px; padding-top:14px; }
.qn-banner3-con .tit { font-size: 18px; color: #121111;}
.qn-banner3-con .tit span.two { display:inline-block; color:#EA740C; font-size:48px; font-weight:bold; width:294px; height:168px;background:url(../images/banner3-zha.png) no-repeat; padding-top:12px; vertical-align:middle; margin-top:-13px;}
.qn-banner3-con .tit span.three { display:inline-block; color:#EA740C; font-size:36px; font-weight:bold; margin-left:20px; margin-right:13px;  vertical-align:middle; }

.qn-banner3-con .des { font-size: 18px; color: #121111; height:53px; line-height:53px; background:url(../images/banner3-des.png) no-repeat center center; margin-top:-4px;  }
.qn-banner3-con .des span { color:#EA740C; font-size:14px; }

/*qn-public*/
.qn-public {width: 620px;height: 56px;background: #FFFFFF;border: 1px solid #C4E8C4; margin:0 auto; text-align:center; color:#121111; font-size:24px; line-height:56px;}
.qn-public i { display:inline-block; width:55px; height:16px; background:url(../images/public-icon.png) no-repeat; margin:0 12px;}
/*qn-top*/
.qn-top { height:auto; background:url(../images/wrapbg.jpg) repeat-x top; padding-top:50px; padding-bottom:60px; }
.qn-top-box {height:382px;background: linear-gradient(8deg, #EEF9ED, #FFFFFF);border: 1px solid #C4E8C4;border-radius: 10px; margin-top:30px; text-align:center; color:#121111; font-size:14px; line-height:36px; padding:28px;}
.qn-top-box .con { width:458px; height:202px; margin:0 auto; background:url(../images/qn-top.png) no-repeat; background-size:100% 100%; line-height:54px; padding-top:43px; margin-top:7px; margin-bottom:12px; }
.qn-top-box span.one { color:#EA740C; text-decoration:underline;}
.qn-top-box span.two { color:#EA740C; font-size:48px; font-weight:bold; }
.qn-top-box span.three { color:#EA740C; font-size:36px; font-weight:bold; }
.qn-top-box span.four { color:#EA740C;}
.qn-top-box .list { width:1000px; height:76px; margin:0 auto; margin-top:22px; background:url(../images/qn-top-box-bg.png) no-repeat center center;}
.qn-top-box .list ul li { float:left; width:20%; text-align:center; color:#121111; font-size:18px; line-height:76px;  }


.qn-top-more { margin-top:40px; text-align:center; }
.qn-top-more a { display:inline-block; width: 260px;height: 56px;background: linear-gradient(-168deg, #C6F5A3, #FFF8AD);border: 2px solid #C4E8C4;border-radius: 28px; text-align:center; color:#333333; font-size:18px; line-height:56px; margin:0 60px; }
.qn-top-more a:hover {background: linear-gradient(0deg, #C6F5A3, #FFF8AD);}
/*qn-mid*/
.qn-mid { height:auto; background:url(../images/wrapbg.jpg) repeat-x top; padding-top:50px; padding-bottom:60px; }
.qn-mid-box {height:394px; background-color:#FFF; border-radius: 10px; margin-top:30px; text-align:center; color:#121111; font-size:14px; line-height:36px; padding:16px 16px 0 16px;}
.qn-mid-con {height: 362px;border: 1px solid #FDD782;border-radius: 10px; position:relative;}
.qn-mid-con .tit {color:#EA740C;line-height: 1;font-size: 18px; position:absolute; top:24px; left:23px; }
.qn-mid-con .des {height: 36px;background: #FFF2BE;border-radius: 5px; text-align:center;color:#121111;line-height: 36px;font-size: 14px; position:absolute;}
.qn-mid-con .des.des1 { width: 410px; top:77px;  left:23px;}
.qn-mid-con .des.des2 { width: 410px; top:133px; left:23px;}
.qn-mid-con .des.des3 { width: 198px; top:106px; left:660px;}
.qn-mid-con .des.des4 { width: 198px; top:106px; left:919px; }
.qn-mid-con .des.des5 {width: 970px; top:209px; left:147px; }
.qn-mid-con .info {color:#121111;line-height: 1;font-size: 14px; position:absolute; top:104px; left:488px; }
.qn-mid-con .info.info1 { top:104px; left:488px; }
.qn-mid-con .info.info2 { top:323px; left:54px; }
.qn-mid-con .pic { position:absolute; top:209px; left:23px; width:104px; height:104px;}
.qn-mid-con .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.qn-mid-con .green { background-color:#000;width: 1036px;height: 65px;background: #E9F7D8;border-radius: 10px; padding:3px 3px 0 3px; position:absolute; top:272px; left:147px; }
.qn-mid-con .green-box {height: 59px;border: 1px solid #FFFFFF;border-radius: 10px; padding-top:3px;}
.qn-mid-con .green .green-left{ float:left; width:156px; text-align:center;color: #EA740C;line-height:52px;font-size: 16px;}
.qn-mid-con .green .green-right{ float:left; width:856px;color: #333333;line-height: 26px;font-size: 14px; text-align:left;}
.qn-mid-con .icon1 { position:absolute; top:96px; left:453px; width:187px; height:56px; background:url(../images/qn-mid-icon1.png) no-repeat;}
.qn-mid-con .icon2 { position:absolute; top:116px; left:878px; width:21px; height:18px; background:url(../images/qn-mid-icon2.png) no-repeat;}
.qn-mid-con .icon3 { position:absolute; top:151px; left:1137px; width:46px; height:53px; background:url(../images/qn-mid-icon3.png) no-repeat;}
/*qn-bot*/
.qn-bot { height:auto; background:url(../images/wrapbg.jpg) repeat-x top; padding-top:50px; padding-bottom:60px; }
.qn-bot-box {height:320px; margin-top:30px;}
.qn-bot-left { float:left;width: 240px;height: 320px;background: #FFFFFF;border: 1px solid #C4E8C4;border-radius: 5px;}
.qn-bot-left .pic { height:86px; text-align:center; display: flex;  align-items: center; justify-content: center; }
.qn-bot-left .pic img { max-width:100%; height:23px;}
.qn-bot-left .con { height:146px; color:#121111; font-size:14px; line-height:29px; padding:18px 0 0 13px; border-top:#C4E8C4 solid 1px; border-bottom:#C4E8C4 solid 1px; }
.qn-bot-left .con p { margin-bottom:20px; }
.qn-bot-right { float:left; width:1000px;  }
.qn-bot-list { height:auto;}
.qn-bot-list ul li{ float:left;width: 240px;height: 150px; border-radius: 5px; margin-left:10px;display: flex; align-items: center;  justify-content: center;  flex-direction: column; color:#121111; font-size:14px; line-height:28px; text-align:center; background: url(../images/qn-bot-list.png) no-repeat; background-size:100% 100%; position:relative; }
.qn-bot-list ul li:after{content:""; position:absolute; left:-10px; top:61px; width:32px; height:28px; background:url(../images/qn-bot-icon.png) no-repeat; }
.qn-bot-list.qn-bot-list2 { margin-top:20px; }
.qn-bot-list.qn-bot-list2 ul li { background: url(../images/qn-bot-list2.png) no-repeat; background-size:100% 100%;}
/*qn-kecheng*/
.qn-kecheng { height:auto; background:url(../images/wrapbg.jpg) repeat-x top; padding-top:50px;  padding-bottom:60px;}
.qn-kecheng-box {height:auto; margin-top:30px;}
.qn-kecheng-box table {border-collapse: collapse; background-color:#FFF; box-shadow: 0px 55px 95px 0px #ECFEDE inset;border-radius: 10px; }
.qn-kecheng-box table tr th {color: #333333; font-size: 18px; line-height:25px; font-weight: normal; padding: 5px 15px;text-align: center; border:#c4e8c4 solid 1px; }
.qn-kecheng-box table tr td { color: #333333; font-size: 14px;line-height:20px; border:1px solid #c4e8c4; padding:5px 15px;text-align: center; }
/*qn-zhengshu*/
.qn-zhengshu { height:auto; background:url(../images/wrapbg.jpg) repeat-x top; padding-top:50px;  padding-bottom:60px;}
.qn-zhengshu-box {height:394px; margin-top:30px;}
.qn-zhengshu-left { float:left;width: 610px;height: 394px;background: linear-gradient(8deg, #EEF9ED, #FFFFFF);border-radius: 10px; padding:16px 16px 0 16px;  color: #333333; font-size: 14px; line-height:48px;}
.qn-zhengshu-right { float:right;width: 610px;height: 394px;background: #FFFFFF;border-radius: 10px; padding:16px 16px 0 16px;}
.qn-zhengshu-con {height: 362px;border: 1px solid #C4E8C4;border-radius: 10px;}
.qn-zhengshu-des { padding:35px 23px 0 23px; }
.qn-zhengshu-pic {  width:526px; height:328px; margin:0 auto;  position:relative; padding-top:30px; }
.qn-zhengshu-pic .swiper-container { width:468px; height:302px; margin:0 auto; } 
.qn-zhengshu-pic .swiper-slide {  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align:center; }
.qn-zhengshu-pic .swiper-button-prev { background:url(../images/btn.png) no-repeat;transform:rotate(180deg); width:8px; height:16px;right:auto; left:0; top:55%; bottom:auto;  outline:none;  }
.qn-zhengshu-pic .swiper-button-prev:after { display:none;}
.qn-zhengshu-pic .swiper-button-next {background:url(../images/btn.png) no-repeat; width:8px; height:16px; right:0; left:auto; top:55%; bottom:auto; outline:none; }
.qn-zhengshu-pic .swiper-button-next:after { display:none;}
.qn-zhengshu-pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
/*f-contact*/
.f-contact { height:60px; background-color:#fdd782; text-align:center; color: #333333; font-size: 18px;line-height:60px;}
/*footer*/
.footer { background:url(../images/footer.png) no-repeat top center; padding-top:50px; padding-bottom:60px;}
.f-left { float:left; width:1074px; color: #333333; font-size: 14px;line-height:36px;}
.f-left h3 { font-size: 18px;}
.f-right { float:left; width:150px; text-align:center; color: #333333; font-size: 14px;line-height:18px; } 
.f-right .pic { width:140px; height:140px; background-color:#FFF; border:#121111 solid 1px;  border-radius:10px; padding:4px;margin-bottom:10px;}
.f-right .pic img{ max-width:100%; max-height:100%; vertical-align: middle;  }

/*demo-class*/
body .demo-class.layui-layer {border-radius:10px;}
body .demo-class .layui-layer-title{ color:#333; border: none; text-align:center; font-size:18px;padding:13px 80px 0 80px;}
body .demo-class .layui-layer-btn{border:none; padding:0 40px 40px 40px; }
body .demo-class .layui-layer-btn a{ width:120px; text-align:center; height:36px; background-color:#FC5B5B;  color:#fff; font-size:14px; border-radius:2px; cursor:pointer; border:none; line-height:36px; margin:0;}

/*tankuang*/
.tankuang { padding:36px 40px 0 40px; display:none; }
.tankuang{position:fixed;top:10%;left:50%;margin-left:-290px;width:580px;min-height:500px;height:auto;padding-bottom:43px;background-color:#fff;z-index:333;border-radius:15px;box-shadow:0 0 10px #e9e9e9}
.cha{position:absolute;right:12px;top:0;color:#aaa;font-size:24px;line-height:44px;cursor:pointer}
.tankuang-tit{ text-align:center; font-size: 18px;color: #333; line-height:3; }
.tankuang-ban {font-size: 14px;color: #333333; line-height:1; font-weight:bold; }
.tankuang-input { margin-top:12px; margin-bottom:23px;display: flex; flex-direction: row;justify-content: space-between;}
.tankuang-input input[type=text] {width:238px; height:52px;color:#9f9f9f; font-size:14px; border:none;border-radius: 5px;background: #F6F6F6; padding-left:15px;  }
.tankuang-show { margin-top:13px;height: 120px;background: #F6F6F6;border-radius: 5px; padding:16px; margin-bottom:28px;}
.tankuang-show .pic { float:left; width:160px; height:90px;}
.tankuang-show .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.tankuang-show .con { float:right; width:293px;}
.tankuang-show .con .tit {font-size: 14px;color: #333333; line-height:26px; margin-top:10px;}
.tankuang-show .con .pri {font-size: 14px;color: #FC5B5B; line-height:26px; margin-top:12px;}
.tankuang-list { margin-top:14px;display: flex; flex-direction: row;justify-content: space-between;}
.tankuang-list input[type=radio]{ display:none;}
.tankuang-list label { display:inline-block; width:155px; height:60px; cursor:pointer; position:relative; border:#f6f6f6 solid 1px; border-radius:3px; overflow:hidden; background-color:#f6f6f6;}
.tankuang-list label img { width:100%; height:58px;}
.tankuang-list input[type="radio"]:checked+label { border:#fc5b5b solid 1px;  }
.tankuang-list input[type="radio"]:checked+label:after{content:""; position:absolute; right:0; bottom:0; width:29px; height:24px; background:url(../images/duigou.png) no-repeat; }
.tankuang-pri { text-align:right;font-size: 14px;color: #333333; line-height:26px; margin-top:25px; }
.tankuang-pri span {font-size: 18px;}
.tankuang-but{ margin-top:10px; text-align:right;}
.tankuang-but input[type=submit] { width:120px; text-align:center; height:36px; background-color:#FC5B5B; color:#fff; font-size:14px; border-radius:2px; cursor:pointer; border:none;}

/*duigong*/
.duigong { display:none; font-size: 14px;color: #666666; line-height:26px; padding:10px 20px; }
#erweimazhifu .wxzfbox { position:fixed; float:none; top:20%; left:50%; margin-left:-133px; margin-top:0; margin-right:0;width:266px; z-index:4444;}
#erweimazhifu .wxzfbox .wxinfo ul { height:auto; }
#erweimazhifu .wxzfbox .wxinfo { margin-top:10px;}

@media(max-width:1600px){
/*qn-banner1 1600*/
.qn-banner1 { height:200px;}
/*qn-banner2 1600*/
.qn-banner2 { height:156px;}
/*qn-banner3 1600*/
.qn-banner3 { height:313px;}	
}

@media(max-width:1400px){
/*qn-banner1 1400*/
.qn-banner1 { height:175px;}
/*qn-banner2 1400*/
.qn-banner2 { height:136px;}
/*qn-banner3 1400*/
.qn-banner3 { height:274px;}	
}

@media(max-width:1300px){
.qn-banner1 {width:1240px; height:150px; margin:0 auto;}
.qn-banner2 {width:1240px; height:117px; margin:0 auto; margin-top:-2px; }
.qn-banner3 {width:1240px; height:235px; margin:0 auto; margin-top:-2px;}

}