@charset "utf-8";
/* CSS Document */
.main .box a:link, a:visited {color:#666}
.thunder_carving_com1{ width:100%; max-width:1200px; margin:20px auto;}
.thunder_carving_com2{ width:100%; max-width:1200px; margin:20px auto; overflow:hidden;}
.thunder_carving_com2 dl{ width:-moz-calc(33.3% - 10px); width:-webkit-calc(33.3% - 10px); width:calc(33.3% - 10px); margin:5px; float:left; background:#ddd; border-radius:10px; -moz-border-radius:10px;}
.thunder_carving_com2 dd{ width:55%; padding:20px; float:left; font-size:0; line-height:0;}
.thunder_carving_com2 dd img{ border-radius:5px; -moz-border-radius:5px;}
.thunder_carving_com2 dt{ width:45%; float:left; padding:20px 20px 20px 0; text-align:left; line-height:20px;}
.thunder_carving_com2 dt h3{ font-size:16px; padding-bottom:5px;}
.thunder_carving_com2 dt p{ margin-top:5px; line-height:18px;}
.thunder_carving_com2 dt a{ color:#333;}
.thunder_carving_com2 dt a:hover{ color:#d10000;}


.thunder_carving_xx{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.thunder_carving_xx_l{ width:50%; float:left; border:1px solid #ddd;}
.thunder_carving_xx_r{ width:47%; float:right; text-align:left;}
.thunder_carving_xx_r .text h3{ font-size:20px; padding-bottom:5px;}
.thunder_carving_xx_r .text p{ margin-top:5px; line-height:18px;}
.thunder_carving_xx_r dl{ overflow:hidden; border-top:1px solid #ddd; margin-top:10px; padding-top:10px; overflow:hidden;}
.thunder_carving_xx_r dd{ width:30%; float:left; font-size:16px; color:#333;}
.thunder_carving_xx_r dt{ width:70%; float:left; padding:20px; background:#eee; position:relative;}
.thunder_carving_xx_r dt img{ width:auto; height:95px; border:1px solid #ddd; float:left;}
.thunder_carving_xx_r dt span{ line-height:95px; display:block; float:left; margin-left:20px; color:#666;}
.thunder_carving_xx_r dt .bnt{ width:100px;  height:40px; line-height:40px; color:#333; display:block; border:1px solid #ddd; position:absolute; right:20px; top:50%; margin-top:-21px;}
.thunder_carving_xx_r dt .bnt01{ background:  #fff ; }
.thunder_carving_xx_r dt .bnt02{ background: #fff ; }
.thunder_carving_xx_r dt p{ font-size:16px; color:#333; font-weight:bold; margin-top:20px;}
.thunder_carving_xx_r dt p:nth-child(1){ margin-top:0;}
.thunder_carving_xx_r .box{ margin-top:10px; border-top:1px solid #ddd; padding-top:20px;}
.thunder_carving_xx_r .box h3{ font-size:18px; margin:10px 0;}
.thunder_carving_xx_r .box h3 b{ margin:0 5px;}
.thunder_carving_xx_r .box h3 span{ font-size:14px;}
.thunder_carving_xx_r .box em{ width:340px; text-align:center; margin:20px auto 20px; font-size:18px; color:#d10000; font-style:normal; display:block; border:2px solid #d10000; line-height:40px; border-radius:45px; -moz-border-radius:45px;}
.thunder_carving_xx_r .box .bnt{ width:70%; float:right; margin:5px 0; line-height:45px; display:block; text-align:center; font-size:16px; background:#eee; border:1px solid #ddd;}
.thunder_carving_xx_r .box .bnt.hov{ background:#fcc; border-color:#d10000; color:#d10000;}

.thunder_carving_pop_bg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; left:0; top:0; z-index:99999999;}
.template_bg{ display:none;}
.template{ width:1000px; margin:40px auto 0; padding:40px 50px 50px; background:#fff; border-radius:5px; -moz-border-radius:5px;}
.template .title{ text-align:center; line-height:30px; margin-bottom:20px; font-size:18px; font-weight:bold; color:#333;}
.template .com{ height:330px; overflow-y:scroll;}
.template .com dl{ width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:calc(25% - 20px); margin:0 10px 10px 10px; float:left; cursor:pointer;}
.template .com dd{ font-size:0; line-height:0; border:1px solid #ddd;}
.template .com dl.hov dd{ border-color:#d10000;}
.template .com dt{ line-height:40px; text-align:center; font-size:14px;}
.template .bnt{ text-align:center;padding-top:5px;}
.template .bnt a{text-decoration: none; width:230px; line-height:45px; font-size:16px; display:inline-block; margin-left:10px; color:#d10000; border:1px solid #d10000; border-radius:4px; -moz-border-radius:4px;}
.template .bnt a:hover{ background:#fcc;}
.template .bnt a.bnt_qx{ border-color:#ddd; color:#666;}

.text_icon_bg{ display:none;}
.text_icon{ width:800px;}
.text_icon .com{ overflow:visible; height:auto;}
.text_icon .com .box{ overflow:hidden; padding-bottom:20px;}
.text_icon .com .box_l{ width:100px; line-height:40px; float:left; text-align:left; font-size:16px; font-weight:bold;}
.text_icon .com .box_r{ float:left;}
.text_icon .com .box_r .text{ width:500px; height:40px; line-height:40px; display:block; border:1px solid #ddd; background:#eee; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; resize:none;padding-left:5px;}
.text_icon .com .box_r .gx{ padding:10px 0; overflow:hidden;}
.text_icon .com .box_r .gx label{ float:left; margin-right:10px;}
.text_icon .com .box_r .gx label input{ float:left; margin:2px 5px 0 0;}
.text_icon .com .box_r .ico{ overflow:hidden;}
.text_icon .com .box_r .ico_xl{ width:500px; height:40px; line-height:40px; float:left; display:block; border:1px solid #ddd; background:#eee; cursor:pointer; border-radius:5px; -moz-border-radius:5px;}
.text_icon .com .box_r .ico_font{ width:500px; height:40px; line-height:40px; float:left; display:block; border:1px solid #ddd; background:#eee; cursor:pointer; border-radius:5px; -moz-border-radius:5px;text-align: left;padding-left:5px;margin-right:5px;}																																																			
.text_icon .com .box_r .ico span{ width:90px;   height:40px; line-height:40px; display:block;   cursor:pointer; border-radius:5px; -moz-border-radius:5px;}
.text_icon .com .box_r h3{ font-size:20px; padding:10px 0;width:500px;}
.text_font_bg{ display:none;}
.text_font_bg ul{ padding:0; margin:0;}
.text_font_bg li{ font-style:normal; list-style:none; padding:3px; text-align:left; font-size:16px;}
.text_font_bg li label{ display:block; line-height:24px;}														 
.text_font_bg li input{ float:left;transform: scale(1.3);margin-right: 6px; margin-top: 8px;}
.text_font_bg .text_icon .com .box{ padding: 10px 0 30px 0;height: 450px;overflow-y: scroll;}
 
.text_icon .com .box_r .show_font{ background:none; border:0;}
.text_icon .com .box_r .show_font label{ width:80px; display:inline-block;}
.text_icon .com .box_r .show_font label input{ float:left; margin:12px 10px 0 0;}


@media screen and (max-width:1199px) {
.thunder_carving_com1,.thunder_carving_com2{ width:auto; margin:5px 0;}
.thunder_carving_com1{ margin:0;}
.thunder_carving_com1 img{ width:100%;}
.thunder_carving_com2 dl{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px);}
.thunder_carving_com2 a{color:#333;}
.thunder_carving_xx{ width:auto; padding:10px 5px;}
}

@media screen and (max-width:1100px) {
.template{ width:auto; margin:20px 10px; padding:20px 20px 25px;}
.template .title{ line-height:20px; margin-bottom:15px;}
.template .com dl{ width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px);}
}


@media screen and (max-width:640px) {
.thunder_carving_com2 dl{ width:auto; float:none; overflow:hidden;}
.thunder_carving_xx_l{ width:auto;}
.thunder_carving_xx_r{ width:auto; margin-top:20px;}

.thunder_carving_xx_r dd{ width:15%; float:left;}
.thunder_carving_xx_r dt{ width:85%;}
.text_icon .com .box_l,.text_icon .com .box_r{ width:auto; float:none;}
.text_icon .com .box_r .text{ width:100%;}
.text_icon .com .box_r .ico_xl,.text_icon .com .box_r .ico_font{ width:-moz-calc(100% - 95px); width:-webkit-calc(100% - 95px); width:calc(100% - 95px); margin-right:5px;}
.text_icon .com .box_r .ico_xl, .text_icon .com .box_r h3{width:100%;}
.template .bnt a{ width:48%; font-size:14px; line-height:40px;    margin: 0 auto;}
.thunder_carving_xx_r .box .bnt{ width:auto; display:block; float:none;margin: 15px 0; }
.text_font_bg li{ width:auto; float:none;}																		
}

@media screen and (max-width:375px) {
.template .com{ height:400px;}
.thunder_carving_xx_r .box em{ width:auto;}
.text_font_bg .template .com{ height:auto;}										   

}