@charset "utf-8";
/* CSS Document */
.banner{ position:relative}
.banner img:nth-child(2){ position:absolute; z-index:5; left:50%; top:50%; width:70%; transform:translate(-50%,-50%)}
.kefu{ height:90px; width:95%; margin:0 auto 15px; padding:15px; box-sizing:border-box; background:#dfdfdf; border-radius:10px;  box-shadow: 2px 2px 3px 0px #c5c5c5; display:flex;justify-content:space-between}

.kefu dl{ display:flex; height:60px; }
.kefu dl img{ height:60px; border-radius:50%; margin-right:2%}
.kefu dl ul{ display:flex;height:60px; flex-wrap:wrap; align-content:center}
.kefu dl dt{ width:100%; line-height:26px; font-size:17px; font-weight:bold; color:#0071da; letter-spacing:-2px;}
.kefu dl dd{ width:100%; line-height:16px; font-size:11px; color:#333; font-weight:bold; letter-spacing:-0.5px; }
.kefu a{ height:40px; padding:0 15px; width:100px; text-align:center; background:#0071da; font-size:14px; color:#fff; line-height:40px; border-radius:20px; font-weight:bold;box-shadow: 2px 2px 3px 0px #a3c2df; margin-top:10px}

.pro{ background:#fff; border-radius:10px; background:#fff; padding:10px 10px 13px; box-sizing:border-box}
.h301{ width:100%; display:flex; justify-content:space-between; height:60px; margin-bottom:10px}
.h301 span:nth-child(2){ height:60px; line-height:52px; background:url(hot.png) no-repeat center center; width:66%; text-align:center; font-size:26px; color:#fff; background-size:contain}
.h301 span:first-child,.h301 span:last-child{ height:2px; background:#0071da; width:17%; margin-top:25px}
.pro dl{ width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ddd; display:flex;align-items:center}
.pro dl dt{ width:50%; margin-right:3%}

.pro dl dt img{ width:100%; border-radius:10px}
.pro dl ul{ flex:1;}
.pro dl ul dd{ width:100%; display:flex; font-size:12px; color:#333;  text-align: justify; line-height:15px; margin-bottom:5px}
.pro dl ul dd b{ font-weight:normal; color:#e70616}
.pro dl ul dd img{ height:14px; margin-right:5px}
.pro dl ul dd:last-child{ margin-bottom:0}

.pro dl:nth-of-type(3){ border:none; padding-bottom:0; margin-bottom:20px}
.pro h6{ width:100%; display:flex; justify-content:center; }
.pro h6 a{ width:92%; padding:0 4%; float:left; overflow:hidden; font-size:14px; background:#f6f7f9; font-weight:normal; color:#666; line-height:44px; border-radius:10px}
.pro h6 a img{ height:18px; margin-right:2px; vertical-align:middle}

.pro h6 a span{  font-size:16px; float:right; line-height:44px; font-weight:bold; color:#0071db}
.pro h6 a span img{ height:22px; margin-right:5px; }

.fangan{ background:#0071db; padding:20px 2.5% 15px; box-sizing:border-box; border-radius:10px }
.fangan h3{ width:100%; font-size:26px; height:36px; line-height:36px; color:#fff; display:flex; align-items:center;justify-content:center; margin-bottom:15px}
.fangan h3 span{ font-size:14px}
.fangan h3 span:nth-of-type(1){ margin-right:10px}
.fangan h3 span:nth-of-type(3){ margin-left:10px}
.fangan h3 span:nth-child(2){ font-size:26px}
.fangan div{ width:90%; padding:0 5%; float:left; overflow:hidden; position:relative}
.fangan div h4{ width:100%}
.fangan div h4 img{ width:100%; height:100%}
.fangan div ul{ width:90%; overflow:hidden; margin:0 auto; background:#fff; border-radius:0 0 10px 10px; padding:0px 5% 10px; box-sizing:border-box; margin-bottom:25px}
.fangan div ul li{ width:100%; float:left; overflow:hidden;}
.intxt{ width:90%; margin:0px 5% 15px; background:#efefef; height:40px; line-height:40px;box-shadow: 3px 3px 3px 0px rgba(0,0,0,.3);text-indent:13%; font-size:14px; border:1px solid #efefef }
#ly_name{ background:#efefef url(name.png) no-repeat 4% center; background-size:7%}
#ly_mobile{background:#efefef url(tel.png) no-repeat 4% center; background-size:6%}
#ly_yzm{background:#efefef url(code.png) no-repeat 4% center; background-size:6%}
.fangan div h6{ width:100%;  overflow:hidden; display:flex; justify-content:center;}
#search-button{padding:0px 20px; font-size:20px; color:#e70616; line-height:40px; border-radius:22px; font-weight:bold; box-shadow: 3px 3px 3px 0px rgba(0,0,0,.3); margin-bottom:10px; background:#fff }
.intxt:focus{ border:1px solid #0071db; outline:none } 


.tedian{ position:relative}
.tedian img{ width:100%}
.tedian h6{ width:100%; position:absolute; bottom:20px; left:0;; display:flex; justify-content:center;}
.tedian h6 a{ padding:0px 20px; font-size:18px; color:#e70616; line-height:38px; border-radius:22px; background:#fff}


.adv{ background:#fff; border-radius:10px; background:#fff; padding:10px; box-sizing:border-box;}

.adv2{ width:100%; float:left; overflow:hidden; position:relative; }
.adv2 dl{ width:100%; float:left; overflow:hidden; font-size:14px; color:#333; background:#eef7ff; margin-top:20px}
.adv2 dl dt{ width:100%; float:left; overflow:hidden; height:40px; padding:10px 0; border-bottom:1px solid #a4d3ff; font-weight:bold; font-size:18px; display:flex; align-items:center; justify-content:center;}
.adv2 dl dd{ width:100%; float:left; overflow:hidden; height:40px; padding:10px 0; border-bottom:1px solid #a4d3ff; display:flex; align-items:center; justify-content:center; text-align:center}
.adv2 dl dd:last-child{ border-bottom:none}

.adv2 dl:nth-child(1){ width:26%; padding:0 0 0 10px; box-sizing:border-box; border-radius:10px 0 0 10px; font-size:15px; font-weight:bold}

.adv2 dl:nth-child(2){ margin-top:0; width:37%; background:#0071db; border-radius:10px; color:#fff}
.adv2 dl:nth-child(2) dt{ padding-top:30px}
.adv2 dl:nth-child(2) dd:last-of-type{ padding-bottom:30px}
.adv2 dl:nth-child(3){ width:37%; border-radius:0 10px 10px 0; padding-right:15px;box-sizing:border-box;}



.notic {}
.notic img{ width:100%; float:left; overflow:hidden}