/*web */
.inside_banner{ width:100%;float:left;}
.inside_banner img{ width:100%;}

/*web 内容*/
.padding_top_30{ padding-top:30px}

/*web 左边*/
.inside_left{ width:256px; float:left;}

/*web 左边分类*/
.inside_left .i_l_wrap{ width:256px; float:left;}
.inside_left .i_l_wrap .name{ width:206px; border-bottom:6px #005195 solid; padding-left:50px;background:#0574d0;font-size:24px; font-weight:bold;color:#fff;float:left;}
.inside_left .i_l_wrap .name .n1{ width:206px; padding:40px 0 20px;float:left;}
.inside_left .i_l_wrap .name .n2{ width:206px;line-height:34px;float:left;}
.inside_left .i_l_wrap .name .n3{ width:206px; height:90px; line-height:80px;float:left;}
.inside_left .i_l_wrap .info{ width:256px; background:#efefef; border-bottom:4px #ccc solid; float:left;}
.inside_left .i_l_wrap .info ul{ width:156px; padding:0 50px 30px 50px; text-align:center;float:left;}
.inside_left .i_l_wrap .info ul li{ width:156px; height:70px; line-height:70px; font-size:17px; border-bottom:1px #CCC solid;border-top:2px #fff solid; float:left;}
.inside_left .i_l_wrap .info ul li a{color:#666;}
.inside_left .i_l_wrap .info ul li a:hover{color:#0574d0;}
.inside_left .i_l_wrap .info ul ol{ width:156px;height:70px; line-height:70px; font-size:17px; font-weight:bold; border-bottom:1px #0574d0 solid;border-top:2px #fff solid;float:left;}
.inside_left .i_l_wrap .info ul ol a{color:#0574d0;}
.inside_left .i_l_wrap .info ul ol a:hover{color:#0574d0;}
.inside_left .i_l_wrap .info ul span{ width:156px;border-top:2px #fff solid;float:left;}
.inside_left .i_l_wrap .info ul li.active{ width:156px;height:70px; line-height:70px; font-size:17px; font-weight:bold; border-bottom:1px #0574d0 solid;border-top:2px #fff solid;float:left;}
.inside_left .i_l_wrap .info ul li.active a{color:#0574d0;}
.inside_left .i_l_wrap .info ul li.active a:hover{color:#0574d0;}

/*web 左边联系我们*/
.inside_left .i_l_contact{ width:196px; padding:20px 30px;background:#efefef; border-bottom:4px #ccc solid; float:left;}

/*web 右边*/
.inside_right{ width:900px; float:right;}
.inside_right .name{ width:100%;float:left;}
.inside_right .name .n1{ width:100%;float:left;}
.inside_right .name .n1 .nn{ width:auto; border-bottom:1px #0574d0 solid; padding:20px 25px 14px 5px; font-size:34px; color:#0574d0; font-weight:bold;float:left;}
.inside_right .name .n2{ width:100%; float:left;}
.inside_right .name .n2 .na{ width:36%; padding-left:5px; font-size:18px; color:#999; padding-top:5px; font-weight:200; float:left;}
.inside_right .name .n2 .nb{ width:60%; height:16px; line-height:16px;font-size:14px; color:#999; padding-top:5px; text-align:right; float:right;}
.inside_right .name .n2 .nb a{ color:#999}
.inside_right .name .n2 .nb a:hover{ color:#0574d0}
.inside_right .content{ width:100%; float:left;}
.inside_right .content .company{ width:96%;font-size:17px; line-height:36px; margin:50px auto 0 auto;}
.inside_right .content .company p{text-indent: 2em}
.inside_right .content .company img{max-width:100%; display: block; margin:0 auto;}

/*web 右边-内容-底部*/
.r_c_down{ width:100%; padding:80px 0 0 0;float:left;}
.r_c_down .name{ width:100%;float:left;}
.r_c_down .name .n1{ width:100%; text-align:center; height:54px; line-height:54px;  font-size:34px; font-weight:100; color:#0574d0;background:url(../images/r_c_down_line.jpg) center bottom no-repeat; float:left;}
.r_c_down .name .n2{ width:100%; padding-top:3px; text-align:center;font-size:18px; color:#666;float:left;}
.r_c_down .content{ width:100%; margin-top:10px; display:inline;float:left;}
.r_c_down .content ul{ width:100%; margin:40px auto 0 auto;}
.r_c_down .content ul li{ width:50%; text-align:center; float:left;}
.r_c_down .content ul li .pic{ width:100%; float:left;}
.r_c_down .content ul li .pic img{ padding:20px; background:#eee}
.r_c_down .content ul li .title{ width:100%; height:34px; line-height:34px; font-size:16px; float:left;}

.r_c_down .content2{ width:100%; margin-top:10px; display:inline;float:left;}
.r_c_down .content2 ul{ width:770px; margin:40px auto 0 auto;}
.r_c_down .content2 ul li{ width:29.333333%; padding:0 2%; text-align:center; float:left;}
.r_c_down .content2 ul li .pic{ width:100%; float:left;}
.r_c_down .content2 ul li .pic img{}
.r_c_down .content2 ul li .title{ width:100%; height:40px; line-height:40px;  font-size:16px;float:left;}

.r_c_down .content3{ width:100%; margin-top:50px; display:inline;float:left;}


/*图片滚动*/
.rollBoxa{width:100%;oveflow:hidden;margin:0 auto; position:relative;}
.img-scrolla {position:relative;width:100%;margin:0 auto;}
.img-scrolla .preva {position: absolute;display: block;width:24px; height:46px; padding:10px;top: 100px;right: 20px;z-index: 1; background:#FFF;}
.img-scrolla .nexta {position:absolute;display:block;width:24px; height:46px;padding:10px;top:100px; left:20px;z-index: 1;background:#FFF;}
.img-scrolla .preva a{display: block;width:24px; height:46px;cursor:pointer; background:url(../images/jiantou_right.png) left no-repeat;float:left}
.img-scrolla .nexta a{display: block;width:24px; height:46px;cursor:pointer; background:url(../images/jiantou_left.png) left no-repeat;float:right}
.img-scrolla .preva a:hover{width:24px; height:46px;background:url(../images/jiantou_right_1.png) left no-repeat; float:left}
.img-scrolla .nexta a:hover{width:24px; height:46px;background:url(../images/jiantou_left_1.png) left no-repeat;float:right}
.img-lista {position:relative; width:900px;overflow:hidden;margin:0 auto;}
.img-lista ul{width:9999px;float:left}
.img-lista ul li{width:300px;float:left; text-align:center;position:relative;}
.img-lista ul li .pic{width:280px; height:280px; position:relative;margin:0 auto;}
.img-lista ul li .pic img{width:280px; height:280px;}
.img-lista ul li .title{width:280px; height:60px; line-height:60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:0 auto;}
  

/*web 右边-铸铜产品*/
.inside_right .content .list_shop{ width:100%; float:left;}
.inside_right .content .list_shop ul{ width:100%; margin-top:40px; float:left;}
.inside_right .content .list_shop ul li{ width:33.33333%; float:left;}
.inside_right .content .list_shop ul li .pic{ width:260px;height:260px; overflow:hidden; border:1px #ddd solid; padding:5px;margin:0 auto;}
.inside_right .content .list_shop ul li .pic img{ width:260px; height:260px;transition: all 0.5s;}
.inside_right .content .list_shop ul li .pic img:hover{transform: scale(1.2);}
.inside_right .content .list_shop ul li .title{ width:260px; height:60px; line-height:60px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center; font-size:16px; margin:0 auto;}

/*web 右边-应用案例*/
.inside_right .content .list_case{ width:100%; float:left;}
.inside_right .content .list_case ul{ width:100%; margin-top:40px; float:left;}
.inside_right .content .list_case ul li{ width:33.33333%; float:left;}
.inside_right .content .list_case ul li .pic{ width:260px;height:174px; overflow:hidden; border:1px #ddd solid; padding:5px;margin:0 auto;}
.inside_right .content .list_case ul li .pic img{ width:260px; height:174px;transition: all 0.5s;}
.inside_right .content .list_case ul li .pic img:hover{transform: scale(1.2);}
.inside_right .content .list_case ul li .title{ width:260px; height:60px; line-height:60px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center; font-size:16px; margin:0 auto;}

.fanyue{ width:100%; padding-top:30px; text-align:center; float:left;}
/*web 右边-铸铜产品-内页*/
.inside_right .content .shop_show{ width:100%; float:left;}
.inside_right .content .shop_show .title{ width:100%; padding:50px 0 20px 0; margin-bottom:30px;text-align:center; font-size:20px; border-bottom:5px #ccc solid;float:left;}
.inside_right .content .shop_show .pic{ width:100%;text-align:center;float:left;}
.inside_right .content .shop_show .pic img{border:1px #eee solid}
.inside_right .content .shop_show .p_n{ width:100%; padding:30px 0; color:#999;float:left;}
.inside_right .content .shop_show .p_n .previous{ width:32%; padding-left:9%; text-align:center;float:left;}
.inside_right .content .shop_show .p_n .previous a{ width:calc(100% - 42px); padding:0 20px; height:40px; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border:1px #999 dotted; border-radius:50px;float:left;background-color:#fff;transition-duration:2s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}
.inside_right .content .shop_show .p_n .previous a:hover{border:1px #ff7903 dotted; color:#fff; background:#ff7903; font-weight:bold;}
.inside_right .content .shop_show .p_n .next{ width:32%;padding-right:9%; text-align:center;float:right;}
.inside_right .content .shop_show .p_n .next a{ width:calc(100% - 42px); padding:0 20px; height:40px; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border:1px #999 dotted; border-radius:50px;float:left;background-color:#fff;transition-duration:2s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}
.inside_right .content .shop_show .p_n .next a:hover{border:1px #ff7903 dotted; color:#fff; background:#ff7903; font-weight:bold;}
.inside_right .content .shop_show .detailed{ width:100%; float:left}
.inside_right .content .shop_show .detailed .d_wrap{ width:750px; margin:0 auto; font-size:16px; line-height:34px;}
.inside_right .content .shop_show .detailed .d_wrap img{max-width:100%}
.inside_right .content .shop_show .related{ width:100%; margin-top:50px; display:inline; float:left}
.inside_right .content .shop_show .related .re_wrap{ width:100%; float:left;}
.inside_right .content .shop_show .related .re_wrap .r_name{ width:99%; padding-left:1%; font-size:20px;padding-bottom:10px; border-bottom:1px #ccc dotted; float:left}
.inside_right .content .shop_show .related .re_wrap .r_info{ width:100%; margin-top:22px; float:left}
.inside_right .content .shop_show .related .re_wrap .r_info ul{ width:100%; float:left}
.inside_right .content .shop_show .related .re_wrap .r_info ul li{ width:160px; padding:0 10px; text-align:center; float:left}
.inside_right .content .shop_show .related .re_wrap .r_info ul li .r_pic{ width:160px; float:left}
.inside_right .content .shop_show .related .re_wrap .r_info ul li .r_title{ width:160px; height:40px; line-height:40px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  font-size:12px; float:left}

/*web 右边-应用案例-内页*/
.inside_right .content .case_show{ width:100%; float:left;}
.inside_right .content .case_show .title{ width:100%; padding:50px 0 20px 0; margin-bottom:30px;text-align:center; font-size:20px; border-bottom:5px #ccc solid;float:left;}

.inside_right .content .case_show .d_wrap{text-align: center;}
.inside_right .content .case_show .d_wrap p{ line-height:64px;}
.inside_right .content .case_show .p_n{ width:100%; padding:50px 0; color:#999;float:left;}
.inside_right .content .case_show .p_n .previous{ width:32%; padding-left:9%; text-align:center;float:left;}
.inside_right .content .case_show .p_n .previous a{ width:calc(100% - 42px); padding:0 20px; height:40px; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border:1px #999 dotted; border-radius:50px;float:left;background-color:#fff;transition-duration:2s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}
.inside_right .content .case_show .p_n .previous a:hover{border:1px #ff7903 dotted; color:#fff; background:#ff7903; font-weight:bold;}
.inside_right .content .case_show .p_n .next{ width:32%;padding-right:9%; text-align:center;float:right;}
.inside_right .content .case_show .p_n .next a{ width:calc(100% - 42px); padding:0 20px; height:40px; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border:1px #999 dotted; border-radius:50px;float:left;background-color:#fff;transition-duration:2s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}
.inside_right .content .case_show .p_n .next a:hover{border:1px #ff7903 dotted; color:#fff; background:#ff7903; font-weight:bold;}
.inside_right .content .case_show .detailed{ width:100%; float:left}
.inside_right .content .case_show .detailed .d_wrap{ width:100%; margin:0 auto; padding-top: 2rem; font-size:16px; line-height:34px;}
.inside_right .content .case_show .detailed .d_wrap img{max-width:100%}
.inside_right .content .case_show .related{ width:100%; margin-top:50px; display:inline; float:left}
.inside_right .content .case_show .related .re_wrap{ width:100%; float:left;}
.inside_right .content .case_show .related .re_wrap .r_name{ width:99%; padding-left:1%; font-size:20px;padding-bottom:10px; border-bottom:1px #ccc dotted; float:left}
.inside_right .content .case_show .related .re_wrap .r_info{ width:100%; margin-top:22px; float:left}
.inside_right .content .case_show .related .re_wrap .r_info ul{ width:100%; float:left}
.inside_right .content .case_show .related .re_wrap .r_info ul li{ width:160px; padding:0 10px; text-align:center; float:left}
.inside_right .content .case_show .related .re_wrap .r_info ul li .r_pic{ width:160px; float:left}
.inside_right .content .case_show .related .re_wrap .r_info ul li .r_title{ width:160px; height:40px; line-height:40px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  font-size:12px; float:left}

/*web 右边-制作工艺*/
.inside_right .content .process{ width:100%; margin-top:50px; display:inline;text-align:center;float:left}
.inside_right .content .process img{ max-width:100%}
/*web 右边-应用领域*/
.inside_right .content .application{ width:100%; margin-top:50px; display:inline;text-align:center;float:left}
.inside_right .content .application img{ max-width:100%}


/*资讯动态*/
.information_list{ width:100%; margin-top:30px; float:left;}
.information_list .list{ width:100%; padding:20px 0; float:left;}
.information_list .list .pic{ width:300px; float:left;}
.information_list .list .info{ width:580px; float:right;}
.information_list .list .info .title{ width:100%; font-size:18px;float:left;}
.information_list .list .info .date{ width:100%; color:#999; line-height:20px; font-size:13px; border-bottom:1px #CCC dotted; padding-bottom:10px;float:left;}
.information_list .list .info .desc{ width:100%; height:60px; overflow:hidden;color:#666; margin-top:10px; font-size:15px;float:left;}
.information_list .list .info .more{ width:100%; margin-top:10px;float:left;}
.information_list .list .info .more a{ width:70px; line-height:20px; font-size:13px; color:#ccc; text-align:center; border:1px #ccc solid; border-radius:3px;float:left;}
.information_list .list .info .more a:hover{ color:#bd7918; border:1px #bd7918 solid;}

.information_show{ width:100%; margin-bottom:70px; float:left;}
.information_show .content{ width:100%; padding-top:40px;float:left;}
.information_show .content .title{ width:100%; line-height:34px;text-align:center; font-size:22px;float:left;}
.information_show .content .admin{ width:100%; margin-top:30px; padding-bottom:30px; color:#666; text-align:center; border-bottom:1px #999 dotted; float:left;}
.information_show .content .admin a{ color:#666}
.information_show .content .admin a:hover{ color:#bd7918}
.information_show .content .neirong{ width:100%; padding-top:40px; font-size:16px; line-height:32px;float:left;}
.information_show .content .neirong img{max-width:100%}
.information_show .content .p_n{ width:100%; margin-top:40px; line-height:40px;font-size:16px;float:left;}

.information_show .xgwztj{ width:100%; padding-top:40px;float:left;}
.information_show .xgwztj .x_name{ width:99%; padding-left:1%; height:50px; line-height:50px;font-size:22px; border-bottom:4px #999 solid;float:left;}
.information_show .xgwztj .x_content{ width:100%; margin-top:2px;border-top:2px #999 solid;float:left;}
.information_show .xgwztj .x_content ul{ width:100%; padding-top:20px;float:left;}
.information_show .xgwztj .x_content ul li{ width:43.5%; height:40px; line-height:40px; font-size:16px; overflow:hidden; padding-right:5%; padding-left:1.5%;background:url(../images/xgwztj_dian.jpg) left no-repeat;float:left;}

/*联系方式*/
.inside_right .content .contact{ width:96%;font-size:17px; line-height:46px; margin:40px auto 0 auto; padding-bottom:40px;}
.inside_right .content .contact .c_1{ width:50%; float:left}
.inside_right .content .contact .c_2{ width:50%; float:right}

/*在线地图*/
.c_map{ width:96%;font-size:14px; line-height:28px; margin:40px auto 0 auto; border-top:1px #ccc dotted; padding-top:80px;}
.c_map .c_m_name{ width:100%;font-size:30px; line-height:100px; height:100px; color:#0574d0; text-align:center;background:#f5f3f0; float:left}

#map { width: 100%; height: 450px; float:left;}
#map .map_img {width: 180px;float: left;}
#map .map_contact {width: 50%;float: left; padding-left: 10px;}
#map .map_contact p { margin: 0;text-indent: 0;}
#map .map_contact .text_main{ font-weight:bold}