header,#main,footer{width: 100%;overflow: hidden;display: block;}
.wrapper{width:1200px;margin: 0 auto;display: block;position: relative}

/*css3*/
nav>ul>li>a,
.product_list li,
.product_list li span,
.product_list li small,
.a_more,
.a_more:after,
.company ul li a i:after,
.company ul li a i:before,
.workshop ul li span,
.workshop ul li img,
.news ul li div.news_li_right p,
.she li,
.zizhi li img{
    transition: all 300ms ;
    -webkit-transition:all 300ms;
}

/*header*/
/*logo*/
.logo{overflow: hidden;padding-bottom: 15px;}
.logo h1 a{display: block;float: left;width: 431px;height: 78px;background: ;text-indent: -999rem;}

.logo p{float: right;margin-left: 26px;margin-top: 30px;}
.logo p span{float: left;font-size: 14px;color: #444444;}
.logo p span small{display: block;font-size: 12px;color: #969696;}
.logo p strong{float: right;font-size: 32px;color: #eb891a;letter-spacing: -1px;margin: -5px 0 0 6px;}

.logo form{float: right;width: 175px;position: relative;margin-top: 33px;}
.logo form input[type=text]{border: 1px solid #e1e1e1;font-family: "microsoft yahei";text-indent: 10px;border-radius: 20px;width: 100%;line-height:27px;}
.logo form input[type=submit]{display: block;position: absolute;right: -2px;top: 0;width: 30px;height: 30px;border-radius: 50%;background: #e1e1e1  no-repeat center;text-indent: -999rem;border: 0;}

/*nav*/
nav{background: #fff;line-height: 48px;}
nav>ul>li{float: left;width:133px;
    position: relative;}
nav>ul>li>a{display: block;color: #000000;font-size: 15px;text-align: center;}
nav>ul>li:first-child a{border-left: 0;}
nav>ul>li:last-child a{border-right: 0;}

nav>ul>li>a:hover{background: #333333;color:#fff;}
nav>ul>li .erji{
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    background: #fff;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    top: 117%;
    opacity: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    transition-timing-function: ease;
    visibility: hidden;
z-index: 100;
}
nav>ul>li:hover .erji{
    opacity: 1;
    top: 121%;
    visibility: visible;
}
nav>ul>li .erji:after{
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translatex(-50%);
    border: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
nav>ul>li .erji a{
    display: block;
    padding: 6px 10px;
    line-height: 26px;
    text-align: center;
    color: #333;
    font-size: 16px;
    white-space: nowrap;
    border-radius: 4px;
}
nav>ul>li .erji a:hover{
    background: #333;
    color: #fff;
}
nav>ul>li .erji .erji-title{
    position: relative;
}
nav>ul>li .erji .sanji{
    position: absolute;
    top:0;
    left:106%;
    background: #fff;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    opacity: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    transition-timing-function: ease;
    visibility: hidden;
}
nav>ul>li .erji .erji-title:hover .sanji{
    opacity: 1;
    visibility: visible;
}

/*main*/
.main_h2{font-size: 30px;text-align: center;color: #373737;background:  no-repeat center top;padding-top: 25px;margin: 50px 0 20px 0;position: relative;z-index: 2;}
.main_h2 small{display: block;font-size: 14px;color: #c2c2c2;font-weight: 400;}
/*product*/
.product{position: relative;overflow: hidden;}
.product:after{display: block;content: '';background: #fff;height: 295px;width: 100%;position: absolute;bottom: 131px;left: 0;}

.pdc_wrapper{position: relative;z-index: 2;overflow: hidden;}
.product_list li{float: left;padding: 12px 12px 25px 12px;background: #e6e6e6;margin-left: 25px;}
.product_list li img{width: 340px;height: 340px;    border-radius: 10px;}
.product_list li span{display: block;font-size: 18px;color: #414141;margin: 20px 0 10px 0;}
.product_list li small{display: block;font-size: 12px;color: #6e6e6e;width: 115px;line-height: 30px;text-align: center;border: 1px solid #6e6e6e;border-radius: 10px;}
.a_more{width: 178px;line-height: 40px;font-size: 14px;text-indent: 53px;color: #6e6e6e;background: #fff;margin: 45px auto 44px auto;display: block;border: 1px solid #6e6e6e;border-radius: 10px;position: relative;}
.a_more:after{display: block;content: '';  width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #b7b7b7;border-bottom: 5px solid transparent; position: absolute;right: 28px;top: 50%;margin-top: -5px;}

.product_list li:hover{background: #eb891a;}
.product_list li:hover span,.product_list li:hover small{color: #ffffff;}
.product_list li:hover small{border: 1px solid #fff;}
.a_more:hover{border: 1px solid #eb891a;background: #eb891a;color: #ffffff;}
.a_more:hover:after{border-left: 10px solid #fff;}

/*company*/
.company .main_h2{margin: 10px 0 20px 0;}
.company p{font-size: 14px;line-height: 26px;color: #6b6b6b;text-align: center;}

.company ul{margin-top: 50px;overflow: hidden;}
.company ul li{float: left;width: 128px;margin-left: 20px;text-align: center;}
.company ul li.line{width: 232px;height: 11px;background: ;margin-top: 66px;}

.company ul li:first-child{margin-left: 140px;}
.company ul li a span{display: block;font-size: 14px;color: #404040;}
.company ul li a i{display: block;height: 128px;border: 2px solid #eb891a;border-radius: 50%;margin: 0 auto 20px auto;position: relative;}
.company ul li a i:before{display: block;content:'';width: 100%;height: 100%;position: relative;z-index: 2;background-position: center;background-repeat: no-repeat;}
.company ul li a i:after{display: block;content: '';background: #eb891a;position: absolute;top: 50%;margin-top: -45%;left: 50%;margin-left: -45%;border-radius: 50%;width: 90%;height: 90%;opacity: 0;transform: scale(0);transform-origin: center;}
.company ul li.li_1 a i:before{background-image: }
.company ul li.li_2 a i:before{background-image: }
.company ul li.li_3 a i:before{background-image: }

.company ul li:hover span{color: #eb891a;}
.company ul li:hover a i:after{opacity: 1;transform: scale(1);}
.company ul li.li_1:hover a i:before{background-image: }
.company ul li.li_2:hover a i:before{background-image: }
.company ul li.li_3:hover a i:before{background-image: }

/*workshop*/
.workshop{position: relative;padding-top: 30px;}
.workshop:after{display: block;content: '';background: #fff;height: 295px;width: 100%;position: absolute;top: 0;left: 0;}
.workshop .main_h2{color: #ffffff;margin: 0 auto 30px auto;}
.workshop ul{overflow: hidden;position: relative;z-index: 2;}
.workshop ul li{float: left;position: relative;background: #eb891a;overflow: hidden;}
.workshop ul li img{display: block;width: 368px;height: 357px;}
.workshop ul li span{display: block;font-size: 18px;text-align: center;background:  no-repeat center top;padding-top: 65px;position: absolute;left: 0;top: 125px;color: #ffffff;width: 100%;opacity: 0;}

.workshop ul li:hover img{opacity: 0.3;}
.workshop ul li:hover span{opacity: 1;}

/*news*/
.news .main_h2{margin-bottom: 45px;}
.news ul{overflow: hidden;}
.news ul li{float: left;width: 355px;margin-left: 65px;}
.news ul li:first-child{margin-left: 0;}

.news ul li div.news_li_left{float: left;width: 48px;padding: 5px;background: #eb891a;color: #ffffff;text-align: center;}
.news ul li div.news_li_left span{font-size: 25px;}
.news ul li div.news_li_left small{font-size: 12px;border-top: 1px solid #f1ac5f;}

.news ul li div.news_li_right{float: right;width: 272px;}
.news ul li div.news_li_right p{color: #222222;margin-bottom: 10px;}
.news ul li div.news_li_right span{font-size: 14px;line-height: 24px;color: #848484;margin-bottom: 10px;display: block;}
.news ul li div.news_li_right small{font-size: 12px;color: #a8a8a8;}

.news ul li:hover div.news_li_right p{color: #eb891a;}

/*footer*/
footer{font-size: 14px;color: #8b8b8b;background: #2b2e34;padding-top: 35px;}
footer a{color: #8b8b8b;}
footer a:hover{color: #ffffff;}
footer dl{float: left;margin-bottom: 45px;}
footer dl dt{font-size: 16px;color: #e8e8e8;width: 125px;border-bottom: 1px solid #8b8b8b;padding-bottom: 10px;margin-bottom: 20px;position: relative;}
footer dl dt:after{display: block;content:'';width: 42px;height: 1px;background: #eb891a;position: absolute;left: 0;bottom:-1px;}
footer dl dd{line-height: 24px;}

.dl_product{width: 420px;margin-left: 150px;}
.dl_product dd{float: left;width: 50%;}

footer .wrapper p{float: right;text-align: center;}
footer .wrapper p b{display: block;padding: 5px;border: 1px solid #8b8b8b;}

footer  .footer_bottom{clear: both;line-height: 50px;background: #212328;}
footer  .footer_bottom span{float: right;}


/*info*/
#info{overflow:hidden;padding-bottom: 80px;margin-top: 35px;}

/*sidebar*/
.sidebar{float:left;width:250px}
.sidebar h3{height:93px;background: #eb891a;color: #ffffff;text-indent:25px;font-size:30px;line-height:72px;font-weight: 400;}
.sidebar h3 span{display:block;font-size:14px;line-height:0}
.sidebar ul{padding-top:5px;padding-bottom: 20px;background:url(/uploads/image/athdpimage/s_bg2.png) repeat-y center}
.sidebar ul>li{position:relative;display:block;border-bottom:1px solid #d9d9d9;font-size: 14px;}
.sidebar ul>li>a{padding: 15px 25px 15px 20px;display: inline-block;}
.sidebar ul>li>a:hover{text-decoration: underline;}
.sidebar ul>li small{position:absolute;top:21px;right: 10px;display:block;font-size: 20px;font-weight: bold;margin-top: -10px;cursor: pointer;}
.sidebar ul>li small:after{display: block;content: '...';border: 1px dotted #7d7d7d;/* padding: 0 3px; */width: 20px;text-align: center;    line-height: 8px;
    height: 20px;}
.sidebar ul>li small.i2:after{content: '-';line-height: 18px;
}
.sidebar ul>li small.i3:after{display: none ;}
.sidebar ul>li.aaa ol{display: block;}

.sidebar ul>li ol{list-style:disc inside;color: #ccc;display: none;}
.sidebar ul>li ol li{padding: 10px 10px 10px 14px;background: #f5f5f5;border-bottom: 1px dotted #ccc;font-size: 14px;}
.sidebar ul>li ol li a{display: block;}

.sidebar ul>li ol li a:hover{color: #eb891a;}
/*info product*/
.product_list2{width: 950px;}
.product_list2 li{margin: 0 20px 20px 0;background: #f1f1f1;}
.product_list2 li span{margin: 0;font-size: 16px;}
.product_list2 li small{ width: 103px;line-height: 25px;}
.product_list2 li{padding: 12px;}
.product_list2 li img{width: 263px;height: 263px;     border-radius: 10px;}



.info_right{width:900px;float:right;}
.p_content{font-size:15px;line-height:35px;color:#3f3f3f}
.p_content img{max-width:100%}
.h_title{color:#1b1b1b;font-weight:500;border-bottom:1px solid #ccc;padding-bottom:12px;margin-bottom:38px}
.h_title a{color:#1b1b1b}
.h_title a:hover{color: #eb891a;}
.h_title span{font-size:18px;border-left:2px solid #eb891a;padding:0 0 0 5px}
.h_title small{font-size:12px;float:right;padding-top:5px}
#prev_next a:hover{color: #eb891a;}
#prev_next{font-size:14px;margin-top:20px}
div.page{margin:20px 0 20px 0;clear:both;float:right;font-size:14px}
div.page a{padding:2px 5px;margin:2px;color:#fff;text-decoration:none;background:#9b9b9b}
div.page a:hover{background:#5c5c5c}
div.page span.current{padding:2px 8px;font-weight:700;margin:2px;color:#fff;background-color: #eb891a;}
div.page span.disabled{padding:2px 5px;margin:2px;color:#ddd}
.f16,.meta{text-align:center;margin-bottom:10px}
.f16{border-bottom:1px dotted #ccc;font-size:25px;color:#2c2c2c;padding-bottom:10px}
.meta{font-size:14px}
.pdc_img{max-width:95%}
.content_p{margin-top:40px}
.content_p img{max-width:100%}
.content_p p{font-size:16px;line-height:30px}
.content_p span.sp{display:block;background-color:#ddd;color:#fff;margin-bottom:20px;overflow:hidden}
.content_p span.sp small{background: #eb891a;display:block;float:left;text-align:center;line-height:40px;width:120px}
.new_right{width:100%}
.new_right li{clear:both;overflow:hidden;border-bottom:1px dotted #ccc;padding:35px 0}
.new_right li:first-child{margin-top:20px;padding-top:0}
.new_right li>span{display:block;float:left;text-align:center;font-size:36px;color:#424242;border-right:1px solid #000;padding:10px 20px 10px 0;position:relative}
.new_right li>span b{position:absolute;width:0;height:0;border-top:8px solid transparent;border-left:8px solid #585858;border-bottom:8px solid transparent;right:-8px;top:34px}
.new_right li>span small{display:block;font-size:14px}
.new_right li>a{display:block;float:right;width:775px}
.new_right li>a:hover,.new_right li>a:hover span{color:#8c0000}
.new_right li>a span{display:block;font-size:14px;color:#707070;padding-top:12px}

.she{width:950px}
.she li{background: #ffffff;padding:10px 10px 0 10px;border:1px solid #ececec;float:left;margin:0 24px 20px 0}
.she2 li{padding: 10px;background: #eee;}
.she li img{display:block;width:262px;height:187px}
.she li small{display:block;line-height:45px;text-align:center;color:#2e2e2e}
.she li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.18);box-shadow:0 15px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);background: #fcfcfc;border:1px solid #fcfcfc;}
.she li:hover span{color:#fff}

.zizhi{width:950px}
.zizhi li{background: #eee;float:left;margin:0 15px 20px 0;}
.zizhi li b{display: block;width: 100%;height: 100%;overflow: hidden;}
.zizhi li img{display:block; width: 214px; height: 230px;}
.zizhi li span{display: block; font-size: 18px; color: #000; line-height: 24px;text-indent: 10px;margin-top: 10px;}
.zizhi li small{display:block;margin: 5px 0 20px 0;color:#2e2e2e;text-indent: 10px;height: 17px;}
.zizhi li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.input-group{margin-bottom:10px;overflow:hidden}
.input-group label{width:75px;font-size:15px;display:inline-block;text-align-last:justify;color: #383113
}
.input-group input[type=text],.input-group select{line-height:30px;height:30px;border-radius:5px;background:#fff;border:1px solid #ccc;box-shadow:inset 1px 1px 1px #ccc}
.input-group textarea{box-shadow:inset 1px 1px 1px #ccc;border:1px solid #ccc;border-radius:5px;background:#fff}
#submit{display:block;clear:both;width:80px;line-height:30px;background:#c96;margin-left:75px;border:0;color:#fff;font-size:14px;font-family:"microsoft yahei"}


/*#online_qq*/
#online_qq{position:fixed;left: 0;top: 150px;z-index: 1000;width: 225px;}
#online_qq h1{width: 50px;height: 45px;background-image:;background-position-y:center;background-position-x:-50px;text-indent: -999em;position: absolute;left:175px;top: 0;cursor: pointer;}
#online_qq .online_content{position: absolute;left: 0;width: 175px;background:#fff  no-repeat center bottom;padding-bottom: 30px;}
#online_qq .online_content h2{width: 100%;height: 45px;line-height: 45px;background: #037feb;color: #fff;font-size: 18px;text-indent: 22px;position: relative; }
#online_qq .on_content{padding: 0 12px;}
#online_qq .on_content ul li a{display: block;line-height: 55px;font-size: 15px;border-bottom: 1px solid #e3e3e3;padding-left: 35px;background: no-repeat left center;}
#online_qq .on_content ul li a:hover{color:#037feb}
#online_qq .on_content h3{font-size: 18px;color: #333;padding: 12px 0 0 0;font-weight: 500;border-bottom: 1px solid #e3e3e3;}
#online_qq .on_content h3 span{display: block;font-size: 20px;color: #037feb;margin: 5px 0;}
#online_qq .on_content p{text-align: center;margin-top: 12px}
#online_qq .on_content p img{display: block;width: 150px;height: 150px;}