@charset "utf-8";
/* article && quote*/
.top-l {width:430px;float:left;margin-right:20px;}
.top-r {width:430px;float:right;}
.headline h2 {text-align:center;font-size:24px;margin:16px 20px 10px 0;height:48px;line-height:48px;overflow:hidden;}
.subline {padding:0 16px;}
.subline li {height:32px;line-height:32px;overflow:hidden;font-size:16px;}
.subline .f_r {font-size:12px;color:#666666;padding-left:16px;font-style:normal;float:right;}
.keytags {font-size:14px;padding:16px 24px;}
/* catlist */
.childlist {padding:10px;line-height:24px;}
.childlist li {font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 4px 12px;padding:0 10px 0 12px;overflow:hidden;}

.catlist {padding-bottom:16px;line-height:32px;margin:16px;}
.catlist li {font-size: 15px;height:32px;line-height:32px;background:url('image/li_dot.gif') no-repeat 6px center;padding:0 12px;overflow:hidden;}
.catlist i {font-style:normal;float:right;font-size:14px;color:#666666;}
.catlist .sp {background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}

.price-market {padding:0 32px 16px 32px;}
.price-market li {height:32px;line-height:32px;overflow:hidden;font-size:14px;}
.price-add {padding:16px;}
.price-add table {width:100%;}
.price-add .tl {width:60px;font-size:14px;}

#products {border:#EEEEEE 1px solid;border-top:none;height:220px;overflow:hidden;}
#products td {height:21px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}
.content td {font-size:12px;}

.quote-warn {text-align:center;padding:24px;font-size: 15px;}
.quote-warn b {color:red;}

/* 栏目页产品列表 */
.price_items{display:flex;font-size:15px;margin:30px 0;}
.price_items .price_title{width:150px;height: 85px;line-height:85px;background: #f5f5f5;border-radius: 4px;text-align: center;margin-right: 10px;}
.price_items ul{display:flex;height: 85px;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.price_items ul li{border:1px solid #e0e0e0;border-radius:4px;padding: 8px 10px;margin-right: 10px;width: 108px;}
.price_items ul li:nth-child(8n+0){margin-right: 0px;}

/* 栏目首页文章列表 */
.quote_index {display:flex;justify-content: space-between;}
.quote_index>div{width:380px;}

.quote_banner {width:100%;height:450px;background: url(image/quote_banner.jpg) center center;min-width: 1200px;display: flex;justify-content: center;color: #ffffff;}
.quote_banner a:link {color:black;}
.quote_banner a:hover {color:red;}
.index_body {width: 700px;padding: 75px 0;}
.index_body .index_title {display:flex;margin-left: 75px;}
.index_body .index_title .index_titleTag{font-size:50px;font-weight:800;letter-spacing: 8px;margin: 0;}
.index_body .index_title .index_num{font-size:45px;line-height: 66px;padding: 0 15px;min-width:160px;text-align: center;margin: 0 25px;font-weight:800;border-radius:6px;cursor: pointer;}
.index_body .index_title .red{background:#db4254;}
.index_body .index_title .green{background:#0eb27d;}
.index_body .index_title .index_trend{font-size:50px;width:25px;height:66px;font-weight:800;cursor: pointer;display: flex;flex-direction: column;justify-content: center;}
.index_body .index_title .index_trend span {width: 25px;height: 50px;}

.index_body .index_date {font-size:16px;text-align:right;margin: 25px 0;padding-right: 30px;}
.index_body .index_introduce {font-size:17px;line-height:32px;margin: 20px 20px 0 58px;}
.index_body .index_introduce a {color:#ffffff;}
.index_chart {width: 500px;}
.index_chart #chart {width: 380px;height: 280px;margin: 35px 0 0 72px;background-color: white;border-radius: 10px;}
/* 下方新闻列表 */

.subtitle {padding:10px 16px;margin:20px 0;line-height:32px;font-size:14px;border:#EEEEEE 1px solid;background:#FAFAFA;overflow:hidden;}
.subtitle li {width:50%;height:32px;overflow:hidden;float:left;}

.articleList{display: inline-flex;width: 100%;max-height: 150px;margin:16px 0;}
#thumbInfo {width:200px;height: 150px;box-sizing: border-box;margin-right: 20px;display:block;overflow:hidden;border-radius:10px;}
#thumbInfo img{width:200px;height: 150px;}
#thumbInfo img:hover{width:100%;transition: all 0.2s;transform: scale(1.1);}

.articleInfo{display: flex;flex-flow: column nowrap;align-items: stretch;justify-content:space-around;}
.articleInfo #title {font-size: 20px;font-weight: bold;line-height: 34px;}
.articleInfo #introduce {font-size: 15px;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.articleInfo #tips {font-size: 14px;height: 20px;line-height: 20px;}
.articleInfo #tips a img{border-radius: 50%; vertical-align:bottom;}

.moreMarqueen {height: 24px;width:400px;line-height: 24px;overflow: hidden;}
.moreMarqueen ul li{width:400px;text-align:right;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.moreMarqueen a{color:#ff0000;}

.menu3 {display:flex;padding:0 6px;height:50px;line-height:50px;border-bottom: 1px solid #e0e0e0;overflow:hidden;}
.menu3 .tempWrap{ width: 1188px !important; }
.menu3 .menu3-items {width: 1188px;}
.menu3 .menu3-items ul{}
.menu3 .menu3-items ul li{width:198px;height:50px; line-height:50px;font-size: 16px;overflow:hidden;display:flex;flex-direction:row;flex-wrap: nowrap;}

.menu3 .menu3-items ul li span:nth-child(1){width: 108px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.menu3 .menu3-items ul li span:nth-child(2){width: 60px;color: #ff0000;font-weight:600;margin-left:auto;text-align:right;}
.menu3 .menu3-items ul li span:nth-child(3){width: 30px;color: #999999;margin-left:auto;}

.menu3 .menu3-items ul li:before {content: "";display: inline-block;width: 4px;height: 4px;background-color: #b8b8b8;margin: auto 10px;border-radius:2px;}

.quote_banner1 {width: 100%;height: 300px;background: url(image/qute_d.jpg) center center;min-width: 1200px;display: flex;justify-content: center;color: #ffffff;}
.quote_banner1 a:link {color:#ffffff;}
.quote_banner1 a:hover {color:#d7d7d7;}
.index_body1 {width: 1200px;padding: 45px 0;}
.index_body1 .index_title {display:flex;margin-left: 130px;}
.index_body1 .index_title .index_titleTag{font-size:50px;font-weight:750;letter-spacing: 14px;margin: 0;width: 386px;}
.index_body1 .index_title .index_num{font-size:45px;line-height: 66px;padding: 0 15px;min-width:160px;text-align: center;margin: 0 25px;font-weight:800;border-radius:6px;cursor: pointer;}
.index_body1 .index_title .red{background:#db4254;}
.index_body1 .index_title .green{background:#0eb27d;}
.index_body1 .index_title .index_trend{font-size:50px;width:25px;height:66px;font-weight:800;cursor: pointer;display: flex;flex-direction: column;justify-content: center;}
.index_body1 .index_title .index_trend span {width: 25px;height: 50px;}

.index_body1 .index_date {font-size:16px;text-align:right;margin: 25px 0;padding-right: 30px;width: 1038px;}
.index_body1 .index_introduce {font-size:17px;line-height:32px;margin: 20px 20px 0 58px;}
.index_body1 .index_introduce a {color:#ffffff;}
.quote_index1 {display:flex;justify-content: space-between;width: 1198px;height: 600px;border: 1px solid #e0e0e0;}
.quote_index1>div{width:380px;}
.index_chart1{width: 1180px;}
.index_chart1>div { width: 1180px;height:500px;}
.ul{display: flex;flex-wrap: nowrap;justify-content: space-around; margin-top: 30px;}
.bg{margin-top: 50px;width: 100%;background: url(image/cankao.jpg) center center;min-width: 1200px;color: #ffffff;height: 100px;}
.bg div{text-align: center;}
.ul li{width: 260px;height: 320px;background: #e0e7f3;text-align: center;position: relative;overflow: hidden;}
.ul .sg1{background: url(/images/quote_1.jpg) center center;}
.ul .sg1 img{position: absolute;bottom: 40px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg1 .q-title{position: absolute; bottom: 0;transform: translateY(0);transition: transform 0.5s;left: 20px;}
.ul .sg1 .q-des{position: absolute;bottom: -120px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg1:hover .q-title{transform: translateY(-160px);}
.ul .sg1:hover img{transform: translateY(-160px);}
.ul .sg1:hover .q-des{transform: translateY(-160px);}
.ul .sg1:hover::before {content: "";position: absolute;top: 0;right: 0;bottom: 0; left: 0;background: rgb(0 0 0 / 39%); }
.ul .sg2{background: url(/images/quote_2.jpg) center center;}
.ul .sg2 img{position: absolute;bottom: 40px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg2 .q-title{position: absolute; bottom: 0;transform: translateY(0);transition: transform 0.5s;left: 20px;}
.ul .sg2:hover .q-title{transform: translateY(-160px);}
.ul .sg2:hover img{transform: translateY(-160px);}
.ul .sg2:hover .q-des{transform: translateY(-160px);}
.ul .sg2 .q-des{position: absolute;bottom: -120px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg2:hover::before {content: "";position: absolute;top: 0;right: 0;bottom: 0; left: 0;background: rgb(0 0 0 / 39%); }
.ul .sg3{background: url(/images/quote_3.jpg) center center;}
.ul .sg3 img{position: absolute;bottom: 40px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg3 .q-title{position: absolute; bottom: 0;transform: translateY(0);transition: transform 0.5s;left: 20px;}
.ul .sg3:hover .q-title{transform: translateY(-160px);}
.ul .sg3:hover img{transform: translateY(-160px);}
.ul .sg3:hover .q-des{transform: translateY(-160px);}
.ul .sg3 .q-des{position: absolute;bottom: -120px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg3:hover::before {content: "";position: absolute;top: 0;right: 0;bottom: 0; left: 0;background: rgb(0 0 0 / 39%); }

.ul .sg4{background: url(/images/quote_5.jpg) center center;}
.ul .sg4 img{position: absolute;bottom: 40px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg4 .q-title{position: absolute; bottom: 0;transform: translateY(0);transition: transform 0.5s;left: 20px;}
.ul .sg4:hover .q-title{transform: translateY(-160px);}
.ul .sg4:hover img{transform: translateY(-160px);}
.ul .sg4:hover .q-des{transform: translateY(-160px);}
.ul .sg4 .q-des{position: absolute;bottom: -120px;transform: translateY(0);transition: transform 0.5s;}
.ul .sg4:hover::before {content: "";position: absolute;top: 0;right: 0;bottom: 0; left: 0;background: rgb(0 0 0 / 39%); }
.ul li img{width: 72px;height: 60px;margin: 20px; margin-left: -100px;}
.pp ul{display: flex;flex-wrap:wrap;justify-content: space-around;height: 320px;align-content: space-around;margin: 20px;}
.pp ul li{width: 200px;height: 118px;justify-content: space-evenly;border: 1px solid #e1e1e1;}
.pp ul li img{width:200px;}

.q-title{margin-bottom: 13px;font-size: 20px;color: white;font-weight: 600;}
.q-des{padding: 0px 20px;text-align: justify;line-height: 28px;color: white;}
.hr{width: 60px;border: 2px solid #f5f5f5;text-align: center;margin: auto;margin-top: -30px;}
.m .zhishu {font-size: 28px;text-align: center;margin-bottom: 20px;}
.m .des{text-align: center;margin-top: 20px;}
.shijian {text-align: center;margin-top: 40px; padding-left: 25px;}
.sub{text-align: center;margin-top: 10px;padding-right: 54px;margin-top: 40px;width: 400px;display: flex;justify-content: space-evenly;}
.serach{padding-right: 10px;margin: auto;margin-top: -120px; margin-bottom: 100px;width: 1040px;}
.index_green{display: inline-block;background-color: #0eb27d ;text-align: center;margin-left: 10px; width: 66px;}
.index_red{display: inline-block;background-color: #db4254 ;text-align: center;margin-left: 10px; width: 66px;}
.h1 span{color: red;}
.index_title a{text-decoration: none;}
.index_num{color: white;}
.quote_banner .bt{     margin: auto;color: white;text-align: center;margin-top: 20px;background-color: white; width: 380px; height: 24px; line-height: 24px; border-radius: 4px;margin-left: 70px;}
.quote_banner .bt a{text-decoration: none;}
.sub .btn{margin-left:10px}
.sub .btn_{background: #FFFFFF;border: white;color: #333333;margin-left:10px;cursor:pointer;border-bottom:1px solid #1844a7;width: 70px}