@charset "utf-8";
/* css document */
.wrapper .content .right .box_bodyall .bodytitle h3 { display:block; width:180px; display:inline-block; width:auto; float:left;  color:#b1a36d; font-size:17px; line-height:25px; padding:7px 0; font-weight:bold; text-decoration:none; margin:0; padding:0;}
.wrapper .content .right .box_bodyall .bodytitle { height:auto; overflow:hidden;}
.wrapper .content .right .box_bodyall .bodycontent div { width:100%; height:auto; overflow:hidden;}
.wrapper .content .right .box_bodyall .bodycontent h4 { width:100%; height:auto; overflow:hidden; color:#b1a36d; font-weight:bold;}
.wrapper .content .right .box_bodyall .bodycontent h5 { width:100%; height:auto; overflow:hidden; font-weight:bold;}
.wrapper .content .right .box_bodyall .bodycontent small { font-size:12px;}
.wrapper .content .right .box_bodyall .bodycontent img { display:block; max-width:740px; margin-bottom:14px;}
.wrapper .content .right .box_bodyall .bodycontent img.img-right { float:right; margin:0 0 14px 14px;}
.wrapper .content .right .box_bodyall .bodycontent img.img-left { float:left; margin:0 14px 14px 0;}
.wrapper .content .right .box_bodyall .bodycontent ul,
.wrapper .content .right .box_bodyall .bodycontent li{ list-style:disc;}
.wrapper .content .right .box_bodyall .bodycontent ul { padding-left:14px; margin-bottom:14px;}
.wrapper .content .right .box_bodyall .bodycontent .bu_style a,
.wrapper .content .right .box_bodyall .bodycontent .bu_style a:link,
.wrapper .content .right .box_bodyall .bodycontent .bu_style a:visited{ display:inline-block; width:150px; height:40px; line-height:40px; text-align:center; background:#b1a36d; color:#fff; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.wrapper .content .right .box_bodyall .bodycontent .bu_style a:hover,
.wrapper .content .right .box_bodyall .bodycontent .bu_style a:active{ background:#585858; color:#fff; text-decoration:none; }

.wrapper .content .right .box_bodyall .bodycontent .annual { width:20%; height:auto; overflow:hidden; float:left; margin-bottom:14px;}
.wrapper .content .right .box_bodyall .bodycontent .annual a { display:block; width:100%; height:auto; overflow:hidden; text-align:center;}
.wrapper .content .right .box_bodyall .bodycontent .annual img { margin:0 auto; max-width:100%;}
.wrapper .content .right .box_bodyall .bodycontent .annual h2 { font-size:12px; text-align:center; margin-top:10px;}
.wrapper .content .right .box_bodyall .bodycontent .annual h3 { text-align:center; color:#888!important; margin-top:10px;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear { width:100%; height:auto; overflow:hidden; border:1px solid #ccc;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a { width:150px; margin:0; float:left;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div { width:calc( 100% - 150px ); height:auto; overflow:hidden; float:left; margin-left:0px;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div > h3 { margin:0; width:100%; text-align:left; margin-bottom:5px;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div > h3 ~ ul { width:50%; height:auto; overflow:hidden; float:left;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div > h3 ~ ul li { width:100%; height:auto; overflow:hidden; border:1px solid #eee; margin-bottom:5px!important;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div > h3 ~ ul li a { display:block; width:100%; height:auto; overflow:hidden; padding:5px; font-size:12px;}
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div > h3 ~ ul li a:hover,
.wrapper .content .right .box_bodyall .bodycontent .annual.thisyear > a   div > h3 ~ ul li a:active{ background:#b1a36d; color:#fff;}

.wrapper .content .right .box_bodyall .bodycontent .cr-article *,
.wrapper .content .right .box_bodyall .bodycontent .cr-article *:before,
.wrapper .content .right .box_bodyall .bodycontent .cr-article *:after { box-sizing: border-box;}

.wrapper .content .left .box_link.box_link_csr { margin-bottom:20px;}
.wrapper .content .left .box_link.box_link_csr li.csr_link01 { background:url(/uploads/image/ecimages/csr_link_01.jpg) top left no-repeat;}
.wrapper .content .left .box_link.box_link_csr li.csr_link01:hover { background:url(/uploads/image/ecimages/csr_link_01_o.jpg) top left no-repeat;}
.wrapper .content .left .box_link.box_link_csr li.csr_link02 { background:url(/uploads/image/ecimages/csr_link_02.jpg) top left no-repeat;}
.wrapper .content .left .box_link.box_link_csr li.csr_link02:hover { background:url(/uploads/image/ecimages/csr_link_02_o.jpg) top left no-repeat;}
.wrapper .content .left .box_link.box_link_csr li.csr_link03 { background:url(/uploads/image/ecimages/csr_link_03.jpg) top left no-repeat;}
.wrapper .content .left .box_link.box_link_csr li.csr_link03:hover { background:url(/uploads/image/ecimages/csr_link_03_o.jpg) top left no-repeat;}

.wrapper .content .left .csr-social { width:100%; height:auto; overflow:hidden;}
.wrapper .content .left .csr-social .youtubebox { width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.wrapper .content .left .csr-social .youtubebox iframe { width:100%;}

.wrapper .content .left .csr-social .sendmailsuggest { width:206px; height:auto; padding:0; border:1px solid #d3b261; background:#fff;}
.wrapper .content .left .csr-social .sendmailsuggest label { width:206px; background:#d4b362; color:#fff; text-align:center; display:block; line-height:24px;}
.wrapper .content .left .csr-social .sendmailsuggest textarea { width:184px; padding:5px; margin:5px; height:100px; margin-bottom:0;}
.wrapper .content .left .csr-social .sendmailsuggest .codewapper label { display:none;}
.wrapper .content .left .csr-social .sendmailsuggest .codewapper img { margin-left:5px; float:left;}
.wrapper .content .left .csr-social .sendmailsuggest .codewapper a { margin:0; background:none; float:right; color:#000; height:25px; line-height:25px; width:118px; margin-right:5px;}
.wrapper .content .left .csr-social .sendmailsuggest .codewapper input { width:190px; margin:5px; margin-bottom:0;}
.wrapper .content .left .csr-social .sendmailsuggest .codewapper ~ a { width:196px; margin:5px; margin-top:0; height:25px; line-height:25px;}