.page_banner{ width: 100%;}
.page_banner img{ width: 100%;}

.page_body{ padding: 15px}
.layui-btn-green{ background: #037e48;}
.layui-btn-black{ background: #000;}
.layui-container{ width: 1200px;}
.box{ padding: 15px;}


.page_mn .page_header{ width: 100%;height: 60px;background: transparent; background: url(../images/about_h1.jpg);background-position: center center;}
.page_mn .page_header h2{ margin-top: 10px; color: rgb(255, 255, 255); font-family: 微软雅黑; font-size: 24px;}
.page_mn .page_header h2{ font-weight: bold; padding-right: 18px;}
.page_mn .page_header .text2 h2{ padding-left: 15px; color: #FFF}
.page_mn .page_header .more{ margin-top:15px; padding-right: 15px;}

.l-side{ width: 265px;}
.l-side .category{ width: 100%; background:#EEE}
.l-side .category h2{ text-align: center; width: 100%; height: 50px; line-height: 50px; background: rgb(67, 67, 67);}
.l-side .category h2{ color: #FFF;}
.l-side .category ul li{ text-align: center; line-height: 48px; height: 48px; border-bottom: 1px solid #ccc}
.l-side .category ul li a{ color: #333;}
.l-side .telphone{ width: 100%; background:#0045ad; height: 270px;}
.l-side .telphone .head{ height: 40px; padding: 15px; border-bottom: 1px solid #CCC }
.l-side .telphone .head img { float: left; max-height: 40px;max-width: 40px; padding-left: 20px;}
.l-side .telphone .head .r-cont { float: left; padding-left: 20px;}
.l-side .telphone .head .r-cont .telno{ font-size: 24px; font-weight: bold; color:#FFF;}
.l-side .telphone .contents{ padding: 15px;}
.l-side .telphone .contents p{ line-height:26px; color: #FFF; padding: 3px 0px 3px 0px;}
.l-side .rec-pro{ width: 100%;}
.l-side .rec-pro h2{ text-align: center; width: 100%; height: 50px; line-height: 50px; background: rgb(67, 67, 67);}
.l-side .rec-pro h2{ color: #FFF;}
.l-side .rec-pro .pro-list{ width: 100%;}
.l-side .rec-pro .pro-list ul li .img{ width: 266px; height: 272px; overflow: hidden;}
.l-side .rec-pro .pro-list ul li .img img{ max-width: 266px; height: 272px;}
.l-side .rec-pro .pro-list ul li .title{ text-align: center; height: 30px; line-height: 30px;}
.l-side .rec-pro .pro-list ul li .title a{ color: #5a5a5a}


.r-side{ width: 900px;}
.r-side .about-intro{ width: 100%; color: #666; font-size: 14px;}
.r-side .about-intro img{max-width: 900px;}
.r-side .about-intro p{ line-height: 24px; padding: 3px 0px 8px 0px;}

.news_list_wrap{ margin-top: 20px;}
.news_list{ margin:0px 10px 50px  10px; font-family: arial, helvetica, sans-serif }
.news_list ul li{ width: 100%; height:98px;border-bottom: 1px dotted #dbd4cd; margin-bottom:25px;}
.news_list ul li .date{ float: left; width: 72px; height:65px; padding-top: 10px; background: rgb(67, 67, 67);}
.news_list ul li .date .day{ font-size: 24px; color: #FFF;padding-bottom: 5px; text-align: center}
.news_list ul li .date .yeardate{ font-size: 14px; color: #FFF;text-align: center}
.news_list ul li .title_section{ margin-left: 30px; float: right; width:88%; }
.news_list ul li .title_section .title{ height: 30px; font-size: 18px;color: #5A5A5A;line-height: 140%;}
.news_list ul li .title_section .title a{color: #5A5A5A;}
.news_list ul li .title_section a .title:hover{ color: #5A5A5A;}
.news_list ul li .title_section .desc{ font-size: 12px;color: #5A5A5A; line-height:20px;}


.new_page_content{  width: 99%; margin-top: 50px;}
.new_page_content .news_hd{ height: 50px; line-height:50px; color: #333; font-size: 26px;  text-indent: 25px;color: #555555;}
.new_page_content .tm_hd{border-bottom: 1px solid  #eee; }
.new_page_content .hd_section span{ padding: 0px 15px;}
.new_page_content  .hd_section{ font-size: 12px; color: #c2c2c2; width: 100%; height: 45px;border-bottom: 1px solid  #eee; margin-bottom: 30px;}
.new_page_content .in_content{ width: 100%; color: #919191;margin-top: 20px;color: #666666;}
.new_page_content .in_content p{ font-size:14px; padding: 8px 0px 8px 0px; line-height: 25px;}
.new_page_content img{ max-width: 820px;}

.product_center{ margin-top: 50px;}
.product_center .page_prolist{ width:100%; margin-top: 50px;}
.product_center .page_prolist ul li{ margin-bottom: 20px;}
.product_center .page_prolist ul li .item{ width:240px; height: 280px; overflow: hidden; background: #FFF; padding: 15px;border: 1px solid rgb(238, 238, 238);}
.product_center .page_prolist ul li .item:hover{ border: 1px solid #333;}
.product_center .page_prolist ul li .item .pro_img{ width: 240px; height: 240px; overflow: hidden}
.product_center .page_prolist ul li .item .pro_img img{ max-width: 240px;max-height: 240px; width: 240px; height: 240px;}
.product_center .page_prolist ul li .item .pro_title{ height: 40px; line-height: 40px; color:#5a5a5a; text-align: center}


.products_show{margin-top:30px;}
.products_show .hd{ height: 90px; line-height: 90px; color: #333; font-size: 30px; border-bottom: 1px dashed  #e1e1e1; text-indent: 25px;}
.products_show  .d_content_img { margin-top: 50px; text-align: center; overflow: hidden}
.products_show  .d_content_img img { max-width: 850px; }
.products_show  .d_content { margin-top: 20px;  overflow: hidden}
.products_show  .d_content img { max-width: 99%; }
.products_show  .d_content p{ padding: 3px 0px 8px 0px; line-height: 24px; font-size: 14px; color: #333;}

.dataprvenext{ margin-top: 15px;}
.dataprvenext p a{ color: #919191; }
.bottom_area{ float:left; display:block; width:100%; margin-top:20px;}
.bottom_area a.link_act{ margin-left:15px; padding:8px 25px; background:#1267c4; color:#FFF}

.contact-md{ width: 100%}
.contact-md .r-img img{ width: 100%}
.contact-md .l-cont{ width: 96%; height: 246px; background: rgb(246, 246, 246);}
.contact-md .l-cont .head{ height: 60px; border-bottom: 1px solid rgb(255, 180, 0);}
.contact-md .l-cont .head .img{ float: left; padding-left: 50px;}
.contact-md .l-cont .head .img img{max-width: 45px;max-height:45px;}
.contact-md .l-cont .head .p-main{ padding-top: 10px;}
.contact-md .l-cont .head .p-main .txt{ padding-top:5px;float: left; padding-left: 10px;}
.contact-md .l-cont .head .p-main .txt .no{ font-size: 24px; font-weight: bold; color:rgb(255, 180, 0);}
.contact-md .l-cont  .p-cont2{ padding: 20px;}
.contact-md .l-cont  .p-cont2 p{ line-height: 24px;}

.form-table{ width: 98%}
.form-table tr td{ padding: 0px 0px 10px 20px}
.form-table .btn{ background: #666666}

.gbook-main{ width: 820px; float: right; overflow: hidden }
.gbook-main img{max-width: 820px;}
.gbook-main .g-head{ padding-bottom: 30px; margin-top: 30px;}
.gbook-main .g-head h2{ margin-bottom: 30px;}
.order-form{ width: 700px; margin: 0 auto;}

.whatmap{ margin-top:10px;}

.pro-index{ width: 100%;}
.pro-index ul li{ font-size: 18px; font-weight: bold; background:#c2c2c2; float: left; border: 1px solid #CCC; padding: 15px; margin: 5px 5px 5px 5px;}