.layui-container{ width: 1200px;}
.none{ display: none}
.contact_section{ width: 100%; min-height: 300px;}
.contact_section .lb{ float: left;  width:750px; height: 400px; position: relative;}
.contact_section .video{ position:absolute; top: -50px; left: 0px; width:750px; z-index: 5000;}
.contact_section .contact{ float: right; width: 380px; height:390px; margin-top: 70px; }
.contact_section .contact dl.dllist{ width: 100%; height: 60px}
.contact_section .contact dl.dllist dt{ float: left; width: 50px; height: 50px; }
.contact_section .contact dl.dllist dd{ float: left; width: 310px; height: 50px; }
.contact_section .contact dl.dllist dd{ font-family: 'microsoft yahei', 'Helvetica', simhei, simsun, sans-serif; font-size: 16px; color: rgb(102, 102, 102);}


.about_section{  width: 100%; background: url("../images/aboutbg.jpg")  0px 0px; height: 616px; }
.compay_intro{ }
.compay_intro .hd{ color: #FFF; padding-top: 65px; font-family: 'microsoft yahei', 'Helvetica', simhei, simsun, sans-serif; font-size: 30px; font-weight: bold}
.compay_intro .contents{padding-top: 100px;}
.compay_intro .contents{ font-size: 16px; color: #FFF; line-height: 30px;}
.compay_intro .btn_area{padding-top: 50px;}
.compay_intro  .more_btn{ background: none; padding: 0px 40px; color: #FFF;}
.compay_intro  .more_btn:hover{ color: #FFF;}


.index_cate_main{ width: 100%; position: relative; min-height: 300px;}
.cate_list{ width: 100%; position:absolute; top: -91px; left: 0px;}
.cate_list .cate_dl{ float: left; width:216px; height: 336px; padding: 0px 30px 0px 0px}
.cate_list .cate_dl dd{ position: relative;}
.cate_list .cate_dl dd .divbg{ position: absolute; top:0; left: 0;}
.cate_list .cate_dl dd .divbghover{ position: absolute; top:0; left: 0; z-index: 100;}
.cate_list  .last_dl{padding: 0px}
.cate_list .cate_dl dd .content{ position: absolute; top:0; left: 0; z-index: 200; width:216px; height: 336px; color: #FFF; }
.cate_list .cate_dl dd .content .inbox{ padding:90px 30px 30px 30px;}
.cate_list .cate_dl dd .content .inbox h3{ font-size:40px; color: #FFF; text-align: center; padding-bottom: 20px; }
.cate_list .cate_dl dd .content .inbox .name{ font-size: 28px; line-height: 38px; color: #FFF; }


.index_pro_main{ width: 100%; min-height: 300px}
.index_pro_main .l_box{ float: left; width: 238px}
.index_pro_main .l_box .category_list{ width: 100%;}
.index_pro_main .l_box .category_list ul li{ width: 100%; height: 75px; background: #00416e; color: #FFF}
.index_pro_main .l_box .category_list ul li { line-height: 75px; text-align: center; margin-bottom: 3px;}
.index_pro_main .l_box .category_list ul li a{font-size: 16px; color: #FFF;}
.index_pro_main .l_box .category_list ul li:hover{cursor:pointer; background: #046eb8}

.index_pro_main .r_box{ float: right; width: 930px}
.index_pro_main .r_box .pro_list{width: 100%;}
.index_pro_main .r_box .pro_list ul li{ float: left; width: 202px; height: 270px; padding: 0px 15px 0px 15px;margin-bottom: 15px;}
.index_pro_main .r_box .pro_list ul li .images{ width: 202px; height: 210px; overflow: hidden}
.index_pro_main .r_box .pro_list ul li .images img{ min-height: 210px; max-width: 220px;}
.index_pro_main .r_box .pro_list ul li .title{ margin-top: 5px; text-align: center;  width: 100%; height: 25px; overflow: hidden}
.index_pro_main .r_box .pro_list ul li .price{ text-align: center;width: 100%; height: 25px; overflow: hidden}
.index_pro_main .r_box .pro_list ul li .price .num{ color: #ff3c00;}

.history{  width: 100%; background: url("../images/big_bg.jpg")  0px -150px; min-height: 1000px;}
.event_hd{ margin-top: 50px; height: 50px;padding-bottom: 50px;}
.event_hd h2{ font-size: 40px;font-weight: bold; color: #FFF; font-family: 'microsoft yahei', 'Helvetica', simhei, simsun, sans-serif }
.event_list{margin-top:10px; width: 100%;  min-height: 500px;}
.event_list .event_item_content{ width: 100%;}
.event_list .event_item_content h3{ font-size: 20px; color: rgb(39, 169, 236); font-family: 'microsoft yahei', 'Helvetica', simhei, simsun, sans-serif; margin-bottom: 20px; }
.event_list .event_item_content h3{ font-weight: bold }
.event_list .event_item_content .desc{ font-size: 14px; color: #FFF; line-height: 22px; }

.event_list ul li{ width: 100%; height: 120px; position: relative;background: url("../images/history_li_ico.png") 50% 0 repeat-y;}
.event_list ul li.end{background: none;}
.event_list ul li .ulico{ position: absolute; top: -5px; left: 578px; width: 30px; height: 30px;}
.event_list ul li .lbox{ width: 608px; position: absolute;top:0px; left: 0px;}
.event_list ul li .lbox .event_item_content{ width: 90%;}
.event_list ul li .lbox .event_item_content .desc{ text-align: right}
.event_list ul li .rbox{ width: 608px; position: absolute;top:0px; left:610px;}
.event_list ul li .rbox .event_item_content .desc{ text-align: left}

.new_center{ width: 100%; margin-top: 50px;}
.new_center .hd{ width: 100%; margin-bottom: 30px; font-size: 30px; color: #333; font-weight: bold}
.new_center ul li{ height: 360px;}
.new_center ul li .itemcont{ width: 380px;}
.new_center ul li .images{ width: 380px; height: 240px; overflow: hidden }
.new_center ul li .images img{ width: 380px; height: 240px;}
.new_center ul li .title{ font-size: 16px; color: #5a5a5a; font-weight: bold; margin-top: 5px; height: 40px; line-height: 20px;}
.new_center ul li .time{ font-size: 12px; color: #929292; height: 30px; line-height: 30px;}
.new_center ul li .desc{ color: #7e7e7e; font-size: 12px; height: 40px; line-height: 20px;word-wrap: break-word; word-break: normal;  word-break:break-all;}