@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:12px; }
body{background: url(images/bj.png) repeat top;font: 12px "Microsoft Yahei,Arial,Verdana";min-width: 1100px;  background-size: cover;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}
.wid1200{ max-width: 1300px; margin: 0 auto;}
.zt{width:100%; float:left;}
* {    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;box-sizing: border-box;}

.h3bt{background: url(images/bt.png) no-repeat center; height: 160px; text-align: center;color:#fdff6c;font-size: 50px; line-height: 160px;letter-spacing: 4px;text-shadow: 3px 3px 0px #ed970e; margin: 30px auto;}
.banner{ height:850px; overflow:hidden; background:url(images/banner.jpg) no-repeat center center;}

.nav{width:100%;height:60px;margin:0 auto;background: #4e627f;}
.nav ul{height:60px; max-width:1300px; margin:0 auto;overflow:hidden;}
.nav ul li{float:left; width:14%; text-align:center;    background: url(images/nav_line.png) no-repeat right;}
.nav ul li a{display:block;height:60px;line-height:60px;color:rgb(255, 255, 255);font-size:17px;}
.nav ul li a:hover{color:#ffffff;text-decoration:none;font-weight:bold;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; background: #708cb5;}
.nav ul li.on a{color: #ffffff;text-decoration:none;font-weight:bold;background: #708cb5;}
.fixedSubNav {POSITION: fixed; margin-bottom:120px;margin-top:0; Z-INDEX: 1000; TOP: 0px;}


.jrjs{background: url(images/sgbk_lemma_bg.jpg); padding:80px 0px 60px 0px; }
.ly_Daoyu { width:94%; height:auto; margin:-65px auto 0; padding:25px 20px; background-color:#fff; border-radius:8px; box-shadow:0 8px 16px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_Title { width:100%; overflow:hidden; margin:0 auto 40px; padding:0; text-align:center;}
.ly_Title i{display:inline-block;text-align:center;width:50px;font-size:28px;line-height:50px;font-weight:bold;color:#4e627f;font-style:normal;height:50px;vertical-align: middle; background:#fff; border-radius:50%;margin-right: 10px;margin-top: -10px;}
.ly_Title span{font-size: 40px;font-weight: bold;height:42px;line-height: 42px;color: #fff;}
.hhjd_box .ly_Title span{ color:#333;}
.daoyu_bg .ly_Title{background:url(images/bt1.png) center top no-repeat;padding-top: 25px;}

.ly_Daoyu p { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:16px; text-align:justify; margin:0 auto; padding:0; text-indent:2em;}
.daoyu_bg{ width:100%; height:240px;border-radius: 8px 8px 0 0; background:#4e627f ;overflow: hidden;    padding-top: 50px;}

.jrjs_3{width:100%; float:left; padding:0 50px;}
.jrjs_3 ul li{width:25%; float:left;}
.jrjs_3 ul li dt{width:100%; float:left; padding:10px; box-sizing:border-box;}
.jrjs_3 ul li dt img{max-height:100%; max-width:100%; border-radius:10px;   -webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.jrjs_3 ul li dt img:hover{transform: scale(1.1);}


/*促销*/

.cxcp{background:url(images/bj_02.jpg) no-repeat center; padding:50px 0;}
.cxcp_title{width:100%; float:left; background:url(images/bt_3.png) no-repeat center; text-align:center;}
.cxcp_title p{font-size:45px; font-weight:bold; color:#333;}
.cxcp_title span{color:#d6a764; font-size:45px;}
.cxcp_2{width:100%; float:left; margin-top:50px; margin-bottom:30px;}
.cxcp_2 ul li{ width:50%; float:left; padding:10px; box-sizing:border-box; }
.cxcp_2 ul li .cxcp_nr{width:100%; float:left; padding:15px;background:#fff; box-sizing:border-box;}
.cxcp_2 ul li .cxcp_nr dt.d_1{width:35%; float:left; height:200px; background:#fff; overflow:hidden; position:relative;    border: 1px solid #eee;}
.cxcp_2 ul li .cxcp_nr dt.d_1 img{max-height:100%; max-width:100%;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.cxcp_2 ul li:hover .cxcp_nr dt.d_1 img{transform: scale(1.1);}
.cxcp_2 ul li .cxcp_nr dt.d_2{width:60%; float:right;}
.cxcp_2 ul li .cxcp_nr dt.d_2 h1{font-size:22px; color:#4e627f; font-weight:bold; width:100%; float:left; overflow:hidden;text-overflow:ellipsis ;white-space:nowrap;  }
.cxcp_2 ul li .cxcp_nr dt.d_2 h1:hover{color:#90b319;}
.cxcp_2 ul li .cxcp_nr dt.d_2 span{ width:100%; float:left; font-size:14px; color:#666666; margin-top:10px;}
.cxcp_2 ul li .cxcp_nr dt.d_2 p{width:100%; float:left; font-size:14px; color:#666666; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; margin:10px 0 15px 0;}

.cxcp_2 ul li .cxcp_nr dt.d_2 i.i_1{float:left; font-size:22px; color:#db0005; font-style:normal; font-weight:bold;}
.cxcp_2 ul li .cxcp_nr dt.d_2 i.i_2{float:left; font-size:14px; color:#b6b6b6; font-style:normal;text-decoration: line-through; margin-top:7px; margin-left:10px;}
.cxcp_2 ul li .cxcp_nr dt.d_2 i.i_3{float:right; font-size:16px; font-style:normal; color:#fff; background:#4e627f;    padding: 0px 34px; margin-top:5px; border-radius:10px;}
.cxcp_2 ul li .cxcp_nr dt.d_2 i.i_3:hover{background:#90b319;}



/*相关产品*/

.xgcp{background: url(images/bj.png) no-repeat center; padding:80px 0;}

/*wel-product*/
.container {width: 100%; float:left; margin-top:60px;}
.container .row {margin: 0}
.col-lg-6 {width: 50%;float: left;}

.left {padding: 0 10px 0 0; width: 50%;float: left}
 .right {padding: 0 0 0 10px;width: 50%;float: right}
.product-1 {padding: 0 10px 0 0;margin-bottom: 20px;height: 190px;text-align: center}
.container a {width: 100%;text-align: center;height: 100%;display: block;background: #fff;overflow: hidden;position: relative;cursor: pointer;transition: box-shadow .3s;}
.product-2 {padding: 0 0 0 10px; margin-bottom: 20px;height: 190px;text-align: center;}
 .product-3 {width: 100%;height: 393px;padding: 0;}
 .product-3 .pic {height: 100%;position: relative;width: 100%;}
 .product-3 img {height: 100%;position: absolute;left: 50%;margin-left: -345px;}
 .ico-1 img { max-height: 100%; max-width: 100%}
 .ico-1.ico_11 img {max-height: 100%; max-width: 350px ;}
.container { width: 100%;padding: 0; }
 .container .row {margin: 0 ;}
 .ico-1 h2 {font-size: 16px;color: #fff;position: absolute;bottom: 10px;line-height: 26px;height: 26px;width: 100%;text-align: left;padding: 0 15px 0 15px;   overflow: hidden;}
.ico-1 .bg {width: 100%;position: absolute;bottom: 0;left: 0;background: #90b319;display: block;height: 0;transition: height .3s;}
 .product-4 {margin-bottom: 20px; width: 100%;padding: 0;height: 393px; }
 .product-4 img { max-height: 100%;position: relative;left: 50%; margin-left: -101%;}
.product-4 .con {display: block;width: 100%;position: absolute;bottom: 0;left: 0;text-align: left;padding: 16px 45px 20px;}

 .product-4 h2 {font-size: 16px;color: #fff;line-height: 26px;height: 26px;width: 100%;overflow: hidden;}
.container h2,.wel-product .container p.font {opacity: 0; filter: alpha(opacity=0); }
 .product-4 .bg {width: 100%; background: #90b319; position: absolute; bottom: 0;left: 0;height: 0;transition: height .3s;}
.product-4 .font {font-size: 14px;color: #fff;opacity: .7;filter: alpha(opacity=70);line-height: 24px;height: 24px;overflow: hidden;}
 .product-3 .contrast,.wel-product .product-4 .contrast {position: absolute;bottom: 40px; right: 45px;}
.container a:hover {box-shadow: 0 0 30px rgba(0, 0, 0, .1);}
 a:hover .bg {height: 46px;}
.product-4 a:hover .bg {height: 86px;}
.container a:hover h2, .wel-product .container a:hover p.font { opacity: 1; filter: alpha(opacity=100);}



.searchbg{ width:700px; height:40px; overflow:hidden; float:right;margin-top: 30px;}
.search_txt .text{width:474px; height:40px; line-height:36px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px; line-height:40px; width:100px; background:#db0005; color:#fff; cursor:pointer; font-size:14px;border: none;}
.search_txt { float:left; width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}


/*新闻*/

.tbtj{background:url(images/sgbk_lemma_bg.jpg); padding:80px 0 60px 0;}
.ly_List01 { width:100%; height:auto; margin:0 auto; padding:0;overflow: hidden; margin-top:50px;}
.ly_List01 ul li { width:49%; height:auto; margin:0 2% 24px 0; padding:10px 20px 20px; background-color:#fff; border-radius:8px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_List01 ul li:nth-child(2n+2) { margin:0 0 24px;}
.ly_List01 ul li:hover { box-shadow:0 8px 16px rgba(0, 0, 0, 0.1);}
.ly_List01 ul li .lyList01_Name { width:100%; overflow:hidden; margin:0 auto 10px; padding:0;}
.ly_List01 ul li .lyList01_Name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;}
.ly_List01 ul li .lyList01_Name a i { display:inline-block; width:4px; height:12px; overflow:hidden; margin:12px 10px 14px 0; padding:0; background-color:#90b319; border-radius:2px; vertical-align:middle;}
.ly_List01 ul li .lyList01_Name a:hover { color:#90b319;}
.ly_List01 ul li .lyList01_con { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 182px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_List01 ul li .lyList01_con .lyList01_img { width:162px; height:96px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:0;}
.ly_List01 ul li .lyList01_con .lyList01_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;}
.ly_List01 ul li .lyList01_con .lyList01_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_List01 ul li:hover .lyList01_con .lyList01_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ly_List01 ul li .lyList01_con .lyList01_ms { width:100%; height:96px; overflow:hidden; margin:0; padding:6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_List01 ul li .lyList01_con .lyList01_ms p { width:100%; height:84px; overflow:hidden; line-height:28px; color:#888; font-size:14px; text-indent:0; text-align:justify; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.ly_List01 ul li:hover .lyList01_con .lyList01_ms p {}



/*节日报道*/

.jrbd{background: url(images/bj_01.jpg) no-repeat center; padding:80px 0 80px 0;}

.warp .viewpoint{overflow:hidden; margin-top:60px;}
.warp .viewpoint ul{overflow:hidden;}
.warp .viewpoint ul li{width:100%;background:#fff;border-radius:10px;float:left;height: 235px;padding: 23px 20px; margin-bottom:20px;}
.warp .viewpoint ul li .viewpoint-l{ width:20%;overflow:hidden;float: left !important; height:170px; position:relative;}
.warp .viewpoint ul li .viewpoint-l img{  border-radius: 50%; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
.warp .viewpoint ul li .viewpoint-l .company-name{display:inline-block; margin-top:10px; width:170px; color:#666;}
.warp .viewpoint ul li .viewpoint-l .name{display:inline-block; width:160px;color:#666;}
.warp .viewpoint ul li .viewpoint-r{width:77%; overflow:hidden; float: right !important;margin-top: 15px; }
.warp .viewpoint ul li .viewpoint-r h3{text-align: left;}
.warp .viewpoint ul li .viewpoint-r h3 a{ font-size:22px;}
.warp .viewpoint ul li .viewpoint-r .viewpoint-text{width:100%; height: autorflow-y:scroll; text-indent:2em;margin-top:20px; line-height:23px; font-size:14px;color: #666; padding-right: 10px; text-align: left;}
.warp .viewpoint ul li .viewpoint-r .viewpoint-text p{font-size:16px; line-height:35px;}
::-webkit-scrollbar{width:14px;}
::-webkit-scrollbar-track{background-color:#e4e4e4;}
::-webkit-scrollbar-thumb{background-color:#c1c1c1;}
::-webkit-scrollbar-thumb:hover {background-color:#c1c1c1}
::-webkit-scrollbar-thumb:active {background-color:#c1c1c1}

/*中秋科普*/

.zqkp{background:url(images/bj_07.jpg) no-repeat center; padding:80px 0;}
.zqkp_2{width:100%; float:left; background:url(images/jr.jpg); height:600px; margin-top:60px;}
.zqkp_2 p{width:40%; float:left; font-size:16px; color:#333333; line-height:30px; margin-left:6%; margin-top:10%;}



/*历史的那一天*/

.ls{ background:url(images/bj_08.jpg) no-repeat center; padding:80px 0;}
.ls_2{width:100%; float:left; margin-top:20px;}
.ls_2 img{max-height:100%; max-width:100%;}



.foot{background:#333;}
.foot .footbox{ width:1000px; overflow:hidden; margin:0px auto; padding:15px 0px;}
.foot .footbox p{height:30px;line-height:30px;overflow:hidden;font-size:14px;color: #ffffff;}
.foot .footbox p a{font-size:14px;color: #ffffff;margin: 14px;}
.foot .footbox p a:hover{ color:red;}