/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
img/* img elements 图片元素 */{
    border:0;
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
font: 14px/1.5 'microsoft yahei',Arial,Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none;}
/** 重置超链接元素 **/
a { text-decoration: none; color:#000;}
a:hover { text-decoration:none; color:#000;}
/** 重置对齐方式 **/
img, button, input, select, textarea{ vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; overflow:hidden; zoom:0.08;}

@keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
        transform: scale(1); /*开始为原始大小*/
    }

    100% {
        transform: scale(1.1); /*放大1.1倍*/
    }
}
.animated{animation-duration:1s;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}}
.fadeInUp{animation-name:fadeInUp}
@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale(.3)}}
@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}}
.zoomIn{animation-name:zoomIn;}
.figure { position: relative;}
.leftLoop{ overflow:hidden; position:relative;}
.leftLoop .hd ul li{ position:relative; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; border-radius: 10px;}
.leftLoop .hd ul li.on{ background:#066fc2;}
.leftLoop .bd ul{ overflow:hidden; zoom:1; background:#d0e1f5;}
.leftLoop .bd ul li{ width:100%; text-align:center; float:left; overflow:hidden; position: relative;}
.leftLoop .bd ul li img{ width:100%;}
.banner_img{ animation: scaleDraw 4s ease-in-out forwards;}

@media (min-width: 1000px) {
    .nav{ height:140px; background:rgba(0,0,0,0.6); position:fixed; width:100%; z-index:111;}
    .nav_div{ width:1500px; margin:0 auto; position:relative;}
    .nav_div img{ display:none;}
    .nav_div img:first-child{ display:block; width:290px; padding-top:22px;}
    .menu_list{ position: absolute; right: 0; top: 20px;}
    .menu_list .menu_item{ float: left; margin-left:40px; position: relative;}
    .menu_list .menu_item .txt{display: block;height:100px;line-height: 100px;font-size: 24px;color: #fff; letter-spacing:2px;}
    .menu_list .menu_item .txt:hover{opacity: 1; text-decoration:none;}
    .menu_list .menu_item .txt:after{display:block;content:"";height: 4px;width: 100%;position: absolute;bottom: 19px;left: 0px;background: #fff;opacity: 0;-webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out;transform-origin: 50% 0%;transform:scale(0.01,1);}
    .menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}

    .leftLoop2{ display:none;}
    .leftLoop .hd{ overflow:hidden;  height:410px; width:100%; position:absolute; z-index:1; bottom:0px;}
    .leftLoop .hd .prev,.leftLoop .hd .next{ position:absolute; width:21px; cursor:pointer;}
    .leftLoop .hd .prev{ left:20px;}
    .leftLoop .hd .next{ right:20px;}
    .leftLoop .hd .prev img,.leftLoop .hd .next img{ width:21px;}
    .leftLoop .hd ul{ overflow:hidden; zoom:1; position:absolute; bottom:20px; left:48%;}
    .fig1 { position: absolute; top: 40%;}
    .fig1 p:nth-child(2) { position: absolute; top: -20px;}
    .fig3 { animation-duration: 1s; animation-delay: 0.8s; position: absolute; top: 35%;}
    .fig4 { top: 55%}
    .fig5 { top: 85%} 

    .box01{ width:1500px; margin:0 auto; padding-top:50px;}
    .box01 div{ font-size:30px; text-align:center; color:#999; letter-spacing:2px; font-style:italic; line-height:60px;}
    .box01_list{ display:block; height: 350px; padding-top:50px;}
    .box01_list li{ float: left; height: 100%; width: 470px; text-align: center; margin-left:45px; position: relative; overflow: hidden;}
    .box01_list li:first-child{ margin-left:0;}
    .box01_list li a{ display:block; height: 100%; width: 100%;}
    .box01_list li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(0,82,217,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
    .box01_list li p{ display:block; float: left; font-size: 30px; height: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;padding-bottom: 5px;}
    .box01_list li p:after{	content: ' ';width: 0;height: 2px;background: #fff;	bottom: -2px;left: 0;position: absolute;opacity: 0;}
    .box01_list li img{ display:block; height:100%; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
    .box01_list li.last{ margin-right:0px;}
    .box01_list li a:hover:after{opacity:1;}
    .box01_list li a:hover p:after{	opacity: 1;	left: 0;width: 100%;}
    .box01_list li a:hover img{ transform:scale(1.024);}

    .g-relative { position: relative; margin-top:50px;}
    .g-relative-img{ width:100%; overflow:hidden;}
    .g-relative-img img{ width:100%;}
    ._scale-img { transform: scale(1.1); transition: all 4s ease-in-out 0s;}
    .js-slide-left-2 { position: absolute; top: 50%; left: -50%; width: 30%; transform: translateY(-50%) translateX(-100%); padding: 20px 40px; background-color: rgba(0, 0, 0, .4); font-size:20px; line-height:36px; letter-spacing:2px; text-indent:2em;}
    .js-slide-left-2 a{ color:#fff;}

    .box03{ padding-top:50px;}
    .box03_title{ width:100%;}
    .box03_title1{ display:none;}
    .box03_list{ width:1500px; margin:0 auto; margin-top:20px;}
    .box03_list li{ float:left; width:500px; height:350px; text-align:center; margin-top:30px;}
    .box03_list li:first-child{ margin-left:0;}
    .box03_list li img{ width:465px; height:345px; box-shadow: 5px 5px 5px #888; transition: transform .3s;}
    .box03_list li img:hover{ transform: scale(1.04);}

    .box04{ margin-top:50px;}
    .box04_list{ width:1500px; margin:0 auto; margin-top:20px;}
    .box04_list li{ float:left; padding:30px 15px 0 15px;}
    .box04_list li img{ width:200px; height:125px;}

    .footer{ padding:50px 0; background:#404a51; margin-top:50px;}
    .footer_div{ width:1500px; margin:0 auto;}
    .footer_div_l{ float:left; margin-top:15px;}
    .footer_div_r{ float:left; margin-left:100px; font-size:22px; line-height:50px; color:#fff;}
    .footer_div_r div{ margin-top:10px; text-align:center;}
    .footer_div_r img{ width:80px;}
    .footer_div_r a{ color:#fff;}

    .aboutus{ position:relative;}
    .aboutus img{ width:100%;}
    .aboutus p{ position: absolute; top: 45%; left:15%; width: 35%; padding: 20px; background-color: rgba(0, 0, 0, .4); font-size:20px; line-height:36px; letter-spacing:2px; text-indent:2em; color:#fff;}
    .goods_top{ left:39%!important;}
    .aboutus p a{ color:#fff;}
    .aboutus_box01{ margin-top:50px;}
    .aboutus_box01_list{ width:1000px; margin:0 auto; margin-top:50px;}
    .aboutus_box02_list{ width:1200px; margin:0 auto;}
    .aboutus_box02_list li{ margin-top:50px; padding:30px; background:#a8a8a8;}
    .aboutus_box02_list li img{ float:left; width:300px; height:180px;}
    .aboutus_box02_list li div{ float:right; width:800px; font-size:22px; color:#fff;}
    .aboutus_box02_list li div p{ text-align:right;}
    .aboutus_box02_list li div p:first-child{ text-align:left; height:140px; line-height:36px; overflow:hidden;}
    .aboutus_box02_list li div p span{ font-size:30px; font-weight:bold; color:#e0e0e0; padding-right:20px;}
    .aboutus_box02_list li div p a{ padding:5px 10px; color:#fff; border:1px #fff solid; border-radius:30px;}
    .aboutus_box02_list li:hover{ background:#828282;}
    .aboutus_box02_more{ width:1200px; margin:0 auto; padding-top:30px; text-align:right; font-size:26px;}
    .aboutus_box02_more a{ color:#d03933;}
    .aboutus_box03_list{ width:1200px; margin:0 auto; margin-top:50px; overflow:hidden; position:relative;}
    .aboutus_box03_list .hd{ overflow:hidden;  height:150px; width:100%; position:absolute; z-index:1; bottom:0px;}
    .aboutus_box03_list .hd .prev,.aboutus_box03_list .hd .next{ position:absolute; cursor:pointer;}
    .aboutus_box03_list .hd .prev{ left:0px;}
    .aboutus_box03_list .hd .next{ right:0px;}
    .aboutus_box03_list .hd .prev img,.aboutus_box03_list .hd .next img{ width:48px;}
    .aboutus_box03_list .bd{ width:1100px; margin:0 50px; position:relative; z-index:111;}
    .aboutus_box03_list .bd ul{ overflow:hidden; zoom:1;}
    .aboutus_box03_list .bd ul li{ width:245px; margin:0 15px; float:left; overflow:hidden;}
    .aboutus_box03_list .bd ul li img{ width:225px; height:160px; padding:10px; background:#ccc;}
    .aboutus_box03_list .bd ul li p{ height:46px; line-height:23px; background:#a8a8a8; padding:10px; font-size:18px;}
    .aboutus_box03_list .bd ul li p a{ color:#fff;}

    .joinus_box01{ width:1200px; margin:0 auto; margin-top:50px;}
    .joinus_box01_title{ font-size:40px; color:#999; letter-spacing:5px;}
    .joinus_box01_list{ margin-top:50px;}
    .joinus_box01_list li{ float:left; width:255px; margin-left:60px; color:#333;}
    .joinus_box01_list li:first-child{ margin-left:0;}
    .joinus_box01_list li p{ padding-bottom:15px; text-align:center; font-size:20px;}
    .joinus_box01_list li div{ padding:20px; box-shadow:0 0 5px #888; font-size:15px; line-height:27px;}
    .joinus_box01_list li div:hover{ background:#d03933; cursor:pointer; color:#fff;}
    .joinus_box02_list{ margin-top:30px;}
    .joinus_box02_list li{ float:left; width:460px; height:70px; padding:20px; margin:20px 50px 0 50px; background:#ccc; transition: transform .3s;}
    .joinus_box02_list li:hover{ transform: scale(1.1); cursor:pointer;}
    .joinus_box02_list li p:first-child{ height:48px;}
    .joinus_box02_list li p span{ font-size:18px; display:inline-block; float:left; color:#fff;}
    .joinus_box02_list li p img{ float:right;}
    .joinus_box02_list li p a{ font-size:15px; color:#d03933;}
    .content_box{ width:1200px; margin:0 auto; margin-top:50px;}

    .content_box h1{ font-size:30px; text-align:center; padding-bottom:20px; letter-spacing:2px;}
    .content_box_content{ font-size:20px; line-height:40px; min-height:500px;}
    .content_box_l{ padding:20px 20px 0 0; border-top:1px #eee solid;}
    .content_box_l li{ height:60px; line-height:60px; font-size:20px; letter-spacing:1px;}
    .content_box_l li a{ display:block; padding-left:20px; height:100%; background:url(../image/right1.png) 255px 20px no-repeat;}
    .content_titleon{ background:#a8a8a8!important;}
    .content_titleon a{ color:#fff!important;}
    .content_box_r{ float:right; width:800px;}
    
    .product_box02{ width:1200px; margin:0 auto; margin-top:50px; padding-bottom:30px;}
    .product_box02 ul li{ float:left; width:400px; text-align:center; font-size:26px; font-weight:bold; letter-spacing:1px;}

    .processing_box{ width:1200px; margin:0 auto; margin-top:50px;}
    .processing_box_l{ width:500px; float:left; margin-top:170px;}
    .processing_box_l p{ margin-bottom:60px;}
    .processing_box_c{ width:82px; float:left; margin:0 59px; background:url(/templates/main/images/processing_boxbg.jpg) center repeat-y;}
    .processing_box_c p{ margin-top:100px;}
    .processing_box_c p:first-child{ margin-top:0;}
    .processing_box_r{ width:500px; float:right;}
    .processing_box_r p{ margin-bottom:60px;}

    .news_top{ width:1200px; height:150px; margin:0 auto; background:#f4f4f4; position:relative;}
    .news_top_div{ position:absolute; width:100%; height:230px; top:-80px;}
    .news_top_esc{ font-size:20px; position:absolute; bottom:20px; right:20px;}
    .news_top_esc a{ color:#d03933;}
    .news_topl{ width:240px; padding:40px 30px 20px 30px; float:left; background:#a09481; box-shadow:0 0 10px #888}
    .news_line{ width:30px; height:4px; background:#fff;}
    .news_title{ margin-top:30px; position:relative; font-size:22px; color:#fff; letter-spacing:1px;}
    .news_title span{ font-size:16px;}
    .news_title img{ position:absolute; right:0; top:10px;}
    .news_topr{ width:860px; height:80px; line-height:80px; padding:0 20px; float:right; background:#bebbb5; margin-top:80px; font-size:16px; color:#fff; box-shadow:0 0 10px #888}
    .news_topr a{ color:#fff;}
    .news_box{ width:1200px; margin:0 auto; margin-top:50px;}
    .news_box_l{ width:300px; float:left;}
    .news_box_ltitle{ height:40px; padding-top:30px; border-right:3px #a09481 solid; font-size:18px; font-weight:bold; color:#d03933;}
    .news_box_llist{ padding-top:20px; padding-right:20px; border-top:1px #eee solid;}
    .news_box_llist li{ padding-bottom:15px; font-size:16px;}
    .news_box_llist li a{ display: block; width:100%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
    .news_box_llist li a img{ width:280px; height:210px;}
    .news_box_r{ width:900px; float:right;}
    .news_box_rtitle{ height:70px; line-height:70px; padding-left:50px; border-left:3px #a09481 solid;}
    .news_box_rtitle h1{ width:650px; float:left; font-size:26px; font-weight:bold; letter-spacing:1px;}
    .news_box_rtitle span{ display:inline-block; float:right; font-size:16px;}
    .news_box_rcontent{ border-top:1px #eee solid; border-left:1px #eee solid; padding:20px 0 0 20px; font-size:20px; line-height:40px; min-height:500px; }
    .news_box_rcontent img{ max-width:100%;}
    .news_rcontent_bottom{ margin-top:20px; padding-top:10px; border-top:1px #eee solid; border-top-style:dashed;}

    .news_box_rtitle p{ font-size:26px; font-weight:bold; letter-spacing:1px;}
    .news_box_rlist{ border-top:1px #eee solid; border-left:1px #eee solid; padding-left:20px;}
    .news_box_rlist li{ margin-top:20px; padding:20px; background:#a8a8a8;}
    .news_box_rlist li img{ float:left; width:300px; height:180px;}
    .news_box_rlist li div{ float:right; width:510px; font-size:20px; color:#fff;}
    .news_box_rlist li div p{ text-align:right;}
    .news_box_rlist li div p:first-child{ text-align:left; height:140px; line-height:36px; overflow:hidden;}
    .news_box_rlist li div p span{ font-size:26px; font-weight:bold; color:#e0e0e0; padding-right:20px;}
    .news_box_rlist li div p a{ padding:5px 10px; color:#fff; border:1px #fff solid; border-radius:30px;}
    .news_box_rlist li:hover{ background:#828282;}

    .none { display:none }
    .operate{ padding:15px 20px 0 0; border-top:1px #eee solid;}
    .operate ul li { margin-top:5px; letter-spacing:1px; position:relative; background:#eee; line-height:60px; padding-left:20px; font-size:20px; font-weight:bold;}
    .operate ul li span { cursor:pointer; background:url(../image/bg3.gif) no-repeat; background-position:16px 24px; padding-left:30px; line-height:60px; position:absolute; right:20px;}
    .operate ul li.selected span { background-position:16px -32px;}
    .operate ul li .list-item { padding:5px 0; position:relative; background:#fff; margin-left:-20px; display:none;}
    .operate ul li .list-item a { color: #000; display:block; height:40px; line-height: 40px; font-size:18px; font-weight:normal!important; padding-left:20px; background:url(../image/right1.png) 255px 12px no-repeat;}
   
    .goods_box_rlist{ border-top:1px #eee solid; border-left:1px #eee solid;}
    .goods_box_rlist li{ float:left; width:279px; height:240px; margin:20px 0 0 20px; text-align:center; font-size:18px; letter-spacing:1px;}
    .goods_box_rlist li img{ width:279px; height:208px; margin-bottom:10px;}

    .fenye{ padding:20px 0; text-align:center; margin-top:20px;}
    .fenye a,.fenye span{ padding:10px 20px; border:1px #eee solid; margin:0 5px;}
    .fenye a:hover,.fenye span{ background:#eee;}

    .sp_show_div1 img{ float:left; width:400px; height:300px; padding:10px; border:1px #eee solid;}
    .sp_show_div1 div{ float:right; width:420px; line-height:60px;}
    .sp_show_div2_title{ height:54px; padding-top:50px; font-size:24px;letter-spacing:1px; border-bottom:1px #ccc solid;}
    .sp_show_div2_title span{ padding:20px 40px; background: #d03933; font-weight:bold; color:#fff;}
    .sp_show_div2_content{ padding:20px;}

    .top_img-01{ display:none;}

}

@media screen and (max-width: 768px) {
    img{ width:100%;}
    .nav{ background:rgba(29,106,171,0.6); position:fixed; width:100%; height:52px; z-index:111; padding:10px 0;}
    .nav_div img{ float:right; padding-top:16px; padding-right:10px; width:21px;}
    .nav_div img:first-child{ width:150px; float:left; padding-top:0; padding-left:10px;}
    .tck_box{ width:100%; display:none; position:fixed; top:0; bottom:0; z-index:111;}
    .menu_list{ width:120px; background:rgba(29,106,171,0.6); position:absolute; z-index:222; right:0; top:72px;}
    .menu_list .menu_item .txt{display: block;height:40px;line-height: 40px;font-size: 16px;color: #fff; letter-spacing:2px; text-align:center;}
    .menu_list .menu_item .txt:hover{ text-decoration:none;}
    .tck_box_div1{ width:100%; height:100%; position:fixed; z-index:111; bottom:0; display:none;}
      
    .leftLoop1{ display:none;}
    .leftLoop .hd{ overflow:hidden;  height:20px; width:100%; position:absolute; z-index:1; bottom:0px;}
    .leftLoop .hd ul{ overflow:hidden; zoom:1; position:absolute; bottom:10px; left:48%;}
    .fig1 { position: absolute; top: 40%;}
    .fig1 p:nth-child(2) { position: absolute; top: -6px;}
    .fig3 { animation-duration: 1s; animation-delay: 0.8s; position: absolute; top: 25%;}
    .fig4 { top: 50%}
    .fig5 { top: 85%} 

    .box01{ padding-top:20px;}
    .box01 div{ font-size:16px; text-align:center; color:#999; letter-spacing:2px; font-style:italic; line-height:30px;}
    .box01_list{ display:block; padding-top:10px;}
    .box01_list li{ height:100px; overflow:hidden; margin:10px; position:relative;}
    .box01_list li a{ display:block; height: 100%; width: 100%;}
    .box01_list li p{ font-size: 30px; text-align: center; position: absolute; left:35%; top: 30%; z-index: 3; color: #fff;}

    .g-relative { position: relative; margin-top:20px;}
    .g-relative-img-01{ width:100%; overflow:hidden;}
    .g-relative-img-01 img{ width:100%;}
    ._scale-img { transform: scale(1.1); transition: all 4s ease-in-out 0s;}
    .js-slide-left-2 { position: absolute; left: -60%; width: 90%; transform: translateY(-105%) translateX(-46%); padding: 2%; background-color: rgba(0, 0, 0, .4); font-size:16px; line-height:27px; text-indent:2em;}
    .js-slide-left-2 a{ color:#fff;}

    .box03{ padding-top:20px;}
    .box03_title{ display:none;}
    .box03_list{ margin-top:20px;}
    .box03_list li{ float:left; width:46%; text-align:center; margin:2%;}
    .box03_list li img{ height:150px; box-shadow: 3px 3px 3px #888;}

    .box04{ margin-top:20px;}
    .box04_list{ margin-top:20px;}
    .box04_list li{ float:left; width:29%; height:75px; padding:2%; text-align:center;}
    .box04_list li img{ width:116px; height:75px;}

    .footer{ padding:30px 20px; background:#404a51; margin-top:20px;}
    .footer_div_r{ margin-top:20px; font-size:16px; line-height:30px; color:#fff;}
    .footer_div_r div{ margin-top:10px; text-align:center;}
    .footer_div_r img{ width:80px;}
    .footer_div_r a{ color:#fff;}

    .aboutus p{ width: 96%; padding: 2%; background-color: rgba(0, 0, 0, .4); font-size:16px; line-height:30px; text-indent:2em; color:#fff;}
    .aboutus p a{ color:#fff;}
    .aboutus_box01{ margin-top:20px;}
    .aboutus_box01_list{ padding:0 10px; margin-top:20px;}
    .aboutus_box02_list{ padding:0 10px;}
    .aboutus_box02_list li{ margin-top:20px; padding:10px; background:#828282; position:relative; height:160px;}
    .aboutus_box02_list li img{ width:120px; height:90px;}
    .aboutus_box02_list li div{ font-size:16px; color:#fff; position:absolute; top:0px; left:130px; padding:10px;}
    .aboutus_box02_list li div p{ text-align:right;}
    .aboutus_box02_list li div p:first-child{ text-align:left; height:118px; margin-bottom:10px; line-height:28px; overflow:hidden;}
    .aboutus_box02_list li div p span{ font-size:20px; font-weight:bold; color:#e0e0e0; padding-right:10px;}
    .aboutus_box02_list li div p a{ padding:5px 10px; color:#fff; border:1px #fff solid; border-radius:30px;}
    .aboutus_box02_more{ padding-top:20px; text-align:right; font-size:16px; padding-right:20px;}
    .aboutus_box02_more a{ color:#d03933;}
    .aboutus_box03_list{ margin-top:20px; overflow:hidden; position:relative;}
    .aboutus_box03_list .hd{ display:none;}
    .aboutus_box03_list .bd ul{ overflow:hidden; zoom:1; position:relative; z-index:111;}
    .aboutus_box03_list .bd ul li{ width:120px; margin:0 5px; float:left; overflow:hidden;}
    .aboutus_box03_list .bd ul li img{ width:110px; height:80px; padding:5px; background:#ccc;}
    .aboutus_box03_list .bd ul li p{ height:46px; line-height:23px; background:#a8a8a8; padding:5px; font-size:14px;}
    .aboutus_box03_list .bd ul li p a{ color:#fff;}

    .joinus_box01{ margin-top:20px;}
    .joinus_box01_title{ padding:0 10px; font-size:20px; color:#999; letter-spacing:2px;}
    .joinus_box01_list li{ float:left; width:45%; margin-left:3%; color:#333; margin-top:20px;}
    .joinus_box01_list li p{ padding-bottom:10px; text-align:center; font-size:16px;}
    .joinus_box01_list li p img{ width:60px; height:60px;}
    .joinus_box01_list li div{ padding:10px; box-shadow:0 0 5px #888; font-size:14px; line-height:23px;}
    .joinus_box02_list{ padding:0 10px; margin-top:20px;}
    .joinus_box02_list li{ padding:10px; background:#ccc; transition: transform .3s; margin-top:10px;}
    .joinus_box02_list li p:first-child{ height:48px;}
    .joinus_box02_list li p span{ font-size:16px; display:inline-block; float:left; color:#fff;}
    .joinus_box02_list li p img{ float:right; width:30px; height:30px;}
    .joinus_box02_list li p a{ font-size:14px; color:#d03933;}
    .content_box{ margin-top:20px; padding:10px;}
    .content_box h1{ font-size:20px; text-align:center; padding-bottom:10px; letter-spacing:2px;}
    .content_box_content{ font-size:16px; line-height:30px;}
    .content_box_l{ padding:10px; height:40px; line-height:40px; border-top:1px #eee solid; border-bottom:1px #eee solid;}
    .content_box_l li{ float:left; width:23.3%; font-size:18px; padding-left:3%; margin:0 2%; letter-spacing:1px;}
    .content_box_l li a{ display:block; width:100%; height:100%;}
    .content_titleon{ background:#a8a8a8;}
    .content_titleon a{ color:#fff;}
    .content_box_r{ padding:10px;}    

    .product_box03_title{ display:none;}
    .product_box02{ margin-top:10px;}
    .product_box02 ul li{ float:left; width:33.3%; text-align:center; font-size:16px; font-weight:bold; letter-spacing:1px;}
    .product_box02 ul li img{ width:70px;}

    .processing_box{ margin-top:20px; padding:0 10px;}
    .processing_box_l{ width:42%; float:left; margin-top:50px;}
    .processing_box_l p{ margin-bottom:12%;}
    .processing_box_c{ width:8%; float:left; margin:0 4%; background:url(/templates/main/images/processing_boxbg.jpg) center repeat-y;}
    .processing_box_c p{ margin-top:90%;}
    .processing_box_c p:first-child{ margin-top:0;}
    .processing_box_r{ width:42%; float:right;}
    .processing_box_r p{ margin-bottom:10%;}

    .news_top_esc,.news_topl,.news_box_ltitle,.news_box_llist,.news_box_rtitle p{ display:none;}
    .news_topr{ padding:10px; background:#bebbb5; font-size:16px; color:#fff;}
    .news_topr a{ color:#fff;}
    .news_box{ margin-top:10px;}
    .news_box_r{ margin-top:10px; padding:0 10px;}
    .news_box_rtitle h1{ font-size:20px; font-weight:bold; letter-spacing:1px; text-align:center;}
    .news_box_rtitle span{ display:block; text-align:center; font-size:16px; padding:5px 0 10px 0;}
    .news_box_rcontent{ border-top:1px #eee solid; padding-top:10px; font-size:16px; line-height:30px;}
    .news_rcontent_bottom{ margin-top:20px; padding-top:10px; border-top:1px #eee solid; border-top-style:dashed;}
    .news_box_rtitle p{ font-size:26px; font-weight:bold; letter-spacing:1px;}
    .news_box_rlist li{ margin-top:20px; padding:10px; background:#a8a8a8; position:relative; height:160px;}
    .news_box_rlist li img{ width:120px; height:90px;}
    .news_box_rlist li div{ font-size:16px; color:#fff; position:absolute; top:0px; left:130px; padding:10px;}
    .news_box_rlist li div p{ text-align:right;}
    .news_box_rlist li div p:first-child{ text-align:left; height:118px; margin-bottom:10px; line-height:28px; overflow:hidden;}
    .news_box_rlist li div p span{ font-size:20px; font-weight:bold; color:#e0e0e0; padding-right:10px;}
    .news_box_rlist li div p a{ padding:5px 10px; color:#fff; border:1px #fff solid; border-radius:30px;}

    .goods_box_rlist li{ float:left; width:46%; margin:2%; text-align:center; font-size:18px; letter-spacing:1px;}
    .goods_box_rlist li img{ height:150px; margin-bottom:10px;}

    .fenye{ padding:10px 0; text-align:center; margin-top:20px;}
    .fenye a,.fenye span{ padding:5px 10px; border:1px #eee solid; margin:0 5px;}
    .fenye a:hover,.fenye span{ background:#eee;}

    .sp_show_div1{ text-align:center;}
    .sp_show_div1 img{ width:80%; padding:10px; border:1px #eee solid;}
    .sp_show_div1 div{ text-align:left!important; margin-top:10px;}
    .sp_show_div2_title{ height:40px; padding-top:30px; font-size:24px;letter-spacing:1px; border-bottom:1px #ccc solid;}
    .sp_show_div2_title span{ padding:10px 20px; background: #d03933; font-weight:bold; color:#fff;}
    .sp_show_div2_content{ padding:10px;}

    .operate{ padding-top:10px; border-top:1px #eee solid;}
    .operate ul li { margin-top:5px; letter-spacing:1px; position:relative; background:#eee; line-height:40px; padding-left:20px; font-size:18px; font-weight:bold;}
    .operate ul li span { cursor:pointer; background:url(../image/bg3.gif) no-repeat; background-position:16px 16px; padding-left:30px; line-height:40px; position:absolute; right:10px;}
    .operate ul li.selected span { background-position:16px -40px;}
    .operate ul li .list-item { padding:5px 0; position:relative; background:#fff; margin-left:-20px; display:none;}
    .operate ul li .list-item p{ float:left;}
    .operate ul li .list-item a { color: #000; display:block; height:30px; line-height: 30px; font-size:18px; font-weight:normal!important; padding:0 10px; background:url(../image/right1.png) 255px 12px no-repeat;}

    .top_img{ display:none;}

}