﻿/*公共代码*/

*{margin: 0px;padding: 0px;}
body{font-size:12px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important;background: url(..//statics/images/tem/my/index-bg.png) !important; width: 100%;height: auto}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #333; text-decoration: none !important;}
a:hover{color: #f39801; text-decoration: none;}
input{outline: none;}
.totalwidth{width: 1200px;margin: 0 auto;}



/*抬头*/

#tai{width: 100%;height: 142px;background: #f39801;}
#tai #taitou{width: 1200px;margin: 0 auto;}
#tai #taitou .left{width:290px;float: left;margin-top: 55px;}
#tai #taitou .left img{width: 100%;}
#tai #taitou .right{width: 720px;float: left;line-height: 140px;padding-left: 8px;}
#tai #taitou .right li{text-align: center;width: 90px;float: left;}
#tai #taitou .right li a{font-size: 15px;color: #fff;}
#tai #taitou .phone{width: 176px;height: 35px;line-height: 35px;background: #fff;float: right;border-radius: 5px;margin-top: 52px;color:#f39801;font-size: 14px;}
#tai #taitou .phone img{padding-left: 18px;padding-top: 7px;float:left;padding-right: 10px;}
/*幻灯片*/


#box {
    width: 100%;    
    height:500px;
    background:#f39801;
    overflow:hidden;
}
#box .header-content{ width:100%; height:500px;}
#box .header-content .parallax-bg{ width:100%; height:500px;}
#box .header-content .sandbox{ width:100%; height:500px;}
#box .header-content .sandbox section { display:none;}
#box .header-content .sandbox .first{ display:block;}
#box .header-content .sandbox .pic{ width:100%; height:500px; overflow:hidden; position:absolute; top:0px; left:0px;}
#box .header-content .sandbox .text{width:1200px; height:250px; position:absolute; left:50%; margin-left:-600px; z-index:9;}


.slider-prev,
.slider-next 
{
    text-indent:-9999px;
    width:38px;
    height:38px;    
    position:absolute;
    top:330px;  
    z-index:9999;
    opacity:.5;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10? */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
        
        display: none
    }
.slider-prev{ left:12px; background:url(http://memberpic.114my.cn/0468821/uploadfile/image/20151202/20151202111367276727.png) no-repeat center;}
.slider-next{right:12px; background:url(http://memberpic.114my.cn/0468821/uploadfile/image/20151202/20151202111329592959.png) no-repeat center;}  
 
.slider-prev:hover,
.slider-next:hover{opacity:1;}

.bannerdi{width: 100%;height: 149px;background: url(/statics/images/tem/bannerdi.jpg)no-repeat center;}
/*产品中心*/

/*客户案例*/
#kehu{width: 1200px;margin: 0 auto;text-align: center;margin-bottom:60px;}
#kehu .top{font-size: 12px;color: #ccc;}
#kehu .top p{font-size: 35px;color: #f39801;margin-top: 40px;}
#kehu .top span{display: block;font-size: 14px;color: #999999;line-height: 15px;padding-top: 5px;}
#kehu .bottom{ width: 1200px; margin:auto;margin-top: 30px;}    
#kehu .bottom .list li{float: left;width: 25%;text-align: center;font-size: 14px;color: #231816;}
#kehu .bottom .list li p{text-align: center;line-height: 50px;border: 1px solid #ccc;width: 267px;margin: 0 auto;border-top: none;}
#kehu .bottom .hd{ margin-top:30px;}
#kehu .bottom .hd ul{ height:12px; text-align:center;}
#kehu .bottom .hd ul li{ display:inline-block; *display:inline; *zoom:1; float:none; width:12px; height:12px; margin:0 10px; border-radius:12px; background:#c8c8c8;}
#kehu .bottom .hd ul li.on{ background:#f39801; width:26px;}


/*产品中心*/
#chanp{width: 100%;height:660px;}
#chanp #zhongxin{width: 1200px;margin: 0 auto;}
#chanp #zhongxin .top{width:250px;height: 82px;background: url(/statics/images/tem/xm_bg.jpg)no-repeat center;margin: 0 auto;color: #333;text-align: center;font-size: 20px;color: #999;margin-top: 60px;}
#chanp #zhongxin .top p{font-size: 30px;color: #333;font-weight: bold;}
#chanp #zhongxin .bot{width: 1200px;margin: 0 auto;margin-top: 50px;}
#chanp #zhongxin .bot .left{width: 231px;float: left;background: url(/statics/images/tem/bot_left.jpg)no-repeat center;height: 635px;text-align: center;}
#chanp #zhongxin .bot .left .shang p{font-size: 23px;}
#chanp #zhongxin .bot .left .shang{color: #fff;font-size: 20px;height: 97px;}
#chanp #zhongxin .bot .left .zhong li{width: 200px;height: 40px;line-height: 40px;background: url(/statics/images/tem/xlei.jpg)no-repeat center;margin-top: 2px;margin: 0 auto;;text-align: left !important;}
#chanp #zhongxin .bot .left .zhong .lei{width:152px;height: 42px;background: url(/statics/images/tem/lei_bg.jpg)no-repeat center;margin: 0 auto;margin-top: 15px;font-size: 16px;color: #fff;line-height: 42px;text-align: left;padding-left: 50px;}
#chanp #zhongxin .bot .left .zhong .lei a{
    font-size: 16px;color: #fff;line-height: 42px;
    
}
#chanp #zhongxin .bot .left .zhong li:first-child{margin-top: 10px;}
#chanp #zhongxin .bot .left .zhong li a{font-size: 16px;color: #666;text-align: left !important;padding-left: 40px;}
#chanp #zhongxin .bot .left .xia{width: 230px;height: 73px;color: #fff;font-size: 14px;margin-top: 18px;text-align: left !important;padding-left: 40px;}
#chanp #zhongxin .bot .left .xia p{font-size: 20px;}
#chanp #zhongxin .bot .right{width: 945px;float: right;}
#chanp #zhongxin .bot .right .shan{width: 945px;height: 60px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
#chanp #zhongxin .bot .right .shan .zuoz{width: 150px;float: left;color: #ccc;font-size: 13px;}
#chanp #zhongxin .bot .right .shan .zuoz p{font-size: 26px;color: #f39801}
#chanp #zhongxin .bot .right .shan a{width: 80px;height: 30px;line-height: 30px;text-align: center;display: block;background: #f39801;color: #fff;float: right;margin-top: 15px;}
#chanp #zhongxin .bot .right .xiax li{float: left;width: 293px;font-size: 14px;color: #666;line-height: 25px;text-align: center;margin-top: 10px;margin-left: 29px;}
#chanp #zhongxin .bot .right .xiax li:first-child{margin-left: 0px;}
#chanp #zhongxin .bot .right .xiax li:nth-child(4){margin-left: 0px;}
#chanp #zhongxin .bot .right .xiax .cptu{ width: 295px;height: 222px;overflow: hidden;border: 1px solid #ccc;margin-bottom: 10px;}
#chanp #zhongxin .bot .right .xiax .cptu img{cursor: pointer;transition: all 0.6s;width: 100%; display: block;}  
#chanp #zhongxin .bot .right .xiax .cptu img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}




/*分栏*/
#fen{width: 100%;height:238px;background: url(/statics/images/tem/fen1_bg.png)no-repeat center;margin-top: -40px;}
#fen #fenlan{width: 1200px;margin: 0 auto;}
#fen #fenlan .left{float:left;font-size: 20px;color: #fff;padding-top: 140px;padding-left: 210px;}
#fen #fenlan .left p{font-size: 25px;line-height: 45px;}
#fen #fenlan .right{width: 180px;float: right;padding-top: 130px;color: #fff;font-size: 14px;text-align: center;}
#fen #fenlan .right p{font-size: 22px;line-height: 30px;}
#fen #fenlan .right a{width: 180px;height: 32px;line-height: 32px;border: 1px solid #fff;border-radius: 10px;display: block;color: #fff;margin-top: 5px;}

/*公司优势*/
#you{width: 100%;background:url(/statics/images/tem/you_bg.png)repeat-y center;height: 1280px;margin-top: 40px; overflow: hidden;}
#you #youshi{width: 1200px;margin: 0 auto;}
#you #youshi .top img{margin: 12px auto;}


#you #youshi .top{font-size: 12px;color: #ccc;text-align: center;}
#you #youshi .top p{font-size: 35px;color: #f39801;padding-top: 40px;}
#you #youshi .top span{display: block;font-size: 14px;color: #999999;line-height: 15px;padding-top: 5px;}


#you #youshi .bot .shang{width: 1200px;height: 502px;background: url(/statics/images/tem/you_shang.png)no-repeat center;margin-top: 60px;}
#you #youshi .bot .shang .right{width: 600px;float: right;padding-left:130px;}
#you #youshi .bot .shang .right p{font-size: 25px;color: #f0a11a;padding-left:120px;padding-top: 20px;}
#you #youshi .bot .shang .right span{color: #cccccc;text-transform: uppercase;font-size: 14px;padding-left:120px;letter-spacing: 0.2px;}
#you #youshi .bot .shang .right li{font-size: 13px;color: #666;line-height: 30px;}
#you #youshi .bot .shang .right ul{margin-top: 19px;margin-left: 50px;}

#you #youshi .bot .shang{width: 1200px;height: 502px;background: url(/statics/images/tem/you_shang.png)no-repeat center;}
#you #youshi .bot .shang .left{width: 600px;float: left;padding-top: 70px;}
#you #youshi .bot .shang .left p{font-size: 25px;color: #f0a11a;padding-left:120px;padding-top: 20px;}
#you #youshi .bot .shang .left span{color: #cccccc;text-transform: uppercase;font-size: 14px;padding-left:120px;letter-spacing: 0.2px;}
#you #youshi .bot .shang .left li{font-size: 13px;color: #666;line-height: 30px;}
#you #youshi .bot .shang .left ul{margin-top: 19px;margin-left: 50px;}


#you #youshi .bot .xia{width: 1200px;height: 503px;background: url(/statics/images/tem/you_xia.jpg)no-repeat center;}
#you #youshi .bot .xia .right{width: 600px;float: right;padding-left:130px;}
#you #youshi .bot .xia .right p{font-size: 25px;color: #f0a11a;padding-left:120px;padding-top: 20px;}
#you #youshi .bot .xia .right span{color: #cccccc;text-transform: uppercase;font-size: 14px;padding-left:120px;letter-spacing: 0.2px;}
#you #youshi .bot .xia .right li{font-size: 13px;color: #666;line-height: 30px;}
#you #youshi .bot .xia .right ul{margin-top: 19px;margin-left: 50px;}

#you #youshi .bot .xia .left{width: 600px;float: left;padding-top: 70px;}
#you #youshi .bot .xia .left p{font-size: 25px;color: #f0a11a;padding-left:120px;padding-top: 20px;}
#you #youshi .bot .xia .left span{color: #cccccc;text-transform: uppercase;font-size: 14px;padding-left:120px;letter-spacing: 0.2px;}
#you #youshi .bot .xia .left li{font-size: 13px;color: #666;line-height: 30px;}
#you #youshi .bot .xia .left ul{margin-top: 19px;margin-left: 50px;}


/*合作*/
.g_zs{ height: 624px; background:url(/statics/images/tem/zsbg.jpg) no-repeat center top;}
.g_zs .m_zs p{font-size: 30px;color: #333;padding-top: 60px;text-align: center;}
.g_zs .m_zs img{margin: 12px auto;display: block;}
.g_zs .m_zs span{display: block;font-size: 20px;color: #666;line-height: 15px;padding-top: 5px;text-align: center;}
.g_zs .u_ljt,.g_zs .u_rjt{ width:45px; height:96px; position: absolute; cursor:pointer;  display:block;}
.g_zs .u_ljt{left:0;top:115px;}
.g_zs .u_rjt{right:0;top:115px;}
.g_zs .u_ljt a{ background: url(/statics/images/tem/jt1.jpg) no-repeat; width:45px; height:96px; display:block;}
.g_zs .u_rjt a{ background: url(/statics/images/tem/jt1.jpg) no-repeat right 0; width:45px; height:96px; display:block;}
.m_zs .m_kfc{position: relative;width: 1200px;margin: 0 auto;}
.m_zs .m_kfc .u_mid{ width:1140px;padding-left: 60px;margin-top: 50px;}
.m_zs .m_kfc .u_lst1 li{ width:241px; background: url(Img/Index/zsk.jpg) no-repeat;  float:left; margin-right:32px;transition: all 0.3s linear 0s; }
.m_zs .m_kfc .u_lst1 .lastli{ margin-right:0;}
.m_zs .m_kfc .u_lst1 li img{ width:220px; height:296px;display: block;padding: 10px;}
.m_zs .m_kfc .u_lst1 li:hover { transform: translateY(-10px);	}
.m_zs .m_kfc .u_lst1 span{ width:241px; display:block;  height:25px; line-height:8px; overflow:hidden; text-align:center; color:#555555; cursor: pointer; font-size: 14px;}
.m_zs .m_kfc .u_lst1 a:hover{text-decoration: none;}


.m_zs .top{font-size: 12px;color: #ccc;text-align: center;}
.m_zs .top p{font-size: 35px;color: #f39801;}
.m_zs .top span{display: block;font-size: 14px;color: #999999;line-height: 15px;padding-top: 5px;}



/*芬兰*/
#ji{width: 100%;height: 237px;background: url(/statics/images/tem/fen2_bg.png)no-repeat center;}
#ji #jiliang{text-align: center;color: #fff;font-size: 20px;}
#ji #jiliang p{font-size: 25px;line-height: 10px;padding-top: 100px;}

/*公司简介*/
#jian{width: 100%;}
#jian #jianjie{width: 1200px;margin: 0 auto;}
#jian #jianjie .top img{margin: 12px auto;}

#jian #jianjie .top{font-size: 12px;color: #ccc;text-align: center;}
#jian #jianjie .top p{font-size: 35px;color: #f39801;margin-top: 20px;}
#jian #jianjie .top span{display: block;font-size: 14px;color: #999999;line-height: 15px;padding-top: 5px;}



.g_zj{width:1200px;height:400px;padding-top: 30px;box-shadow: 5px 5px 5px #ccc;margin-top: 30px;}
.g_zj h2{height: 70px;margin-bottom: 30px;text-align: center;font-size: 30px;font-weight: bold;color: #111111;}
.g_zj h2 a{color: #111111;}
.g_zj h2 em{display: block;font-size: 12px;color: #838383;text-transform: uppercase;font-weight: normal;}
.g_zj dt img{width: 583px;height: 359px;display: block;}
.g_zj dt{float: left;margin-right: 52px;}
.g_zj dd{float: left;width: 520px;padding-top: 36px;}
.g_zj h3{height: 26px;line-height: 26px;font-size: 16px;font-weight: bold;color: #111111;overflow: hidden;margin-bottom: 10px;}
.g_zj h3 a{color: #111111;}
.g_zj p{font-size: 13px;line-height: 26px;height: 104px;overflow: hidden;color: #666666;}
.g_zj p a{color: #f0a11a;}
.g_zj ul{margin-top: 48px;height: 140px;}
.g_zj li{float: left;width: 86px;margin-right: 20px;text-align: center;color: #666666;font-size: 13px;}
.g_zj .lastli{margin-right: 0;}
.g_zj li em{display: block;width: 86px;height: 84px;overflow: hidden;margin-bottom: 12px;}
.g_zj li em img{transition: all 0.3s linear 0s;}


/*工厂环境*/
.case_bg {
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
    position: relative;
    margin-top: 40px;
}

.case_tbg p {
    background: #fff;
    height: 46px;
    border: 1px solid #c5c3c5;
}

.case_tbg p a {
    font-size: 14px;
    color: #333;
    display: inline-block;
    width: 136px;
    height: 46px;
    line-height: 46px;
    color: #f0a11a;
    text-align: center;
}

.case_tbg p a:hover,
.case_tbg p a.cur {
    background: #f0a11a;
    text-decoration: none;
    color: #fff;
}

.case_bg ul {
    line-height: 0;
}

.case_bg li {
    float: left;
    padding-right: 20px;
}

.case_bg li img {
    width: 215px;
    height: 160px;
    display: block;
}

.case_bg li p {
    text-align: center;
    line-height: 45px;
}

.case_bg li p a {
    font-size: 14px;
    color: #333333;
    line-height: 35px;
    display: block;

}

.case_bg a.lft {
    position: absolute;
    left: 0;
    top: 60%;
}

.case_d {
    margin: 0 auto;
    width: 1200px !important;
    position: relative;
    margin-top: 20px;
    height: 180px;
}

.case_d a{line-height: 20px;}

.case_bg a.rig {
    position: absolute;
    right: 0;
    top: 60%;
}

.case_rnone {
    margin-right: 0px !important;
}

/*news*/
#news{width:100%;background:#fff;margin-top: 50px;}
.news_d{width:1200px; margin:0 auto; overflow:hidden;}
.news_xt{width:1200px; overflow:hidden; margin:0 auto; height:1px;  position:relative; top:20px;}

.lanrenzhijia{ width:1200px; height: auto; margin:0px auto; margin-top:50px;}
.lanrenzhijia .tab{ overflow:hidden; width:548px; margin:0 auto; z-index:99; position:relative;border-radius: 50px;border: 1px solid #d9d9d9;}
.lanrenzhijia .tab a{ background:#fff;color:#000; display:block; float:left; text-decoration:none; height:50px; line-height:50px; width:182px; text-align:center; font-size:16px;     border-right: 1px solid #d9d9d9;font-family:"Microsoft YaHei";}
.lanrenzhijia .tab a:hover{ background:#e8e8e8; color:#000; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#e8e8e8; color:#000; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; width:1200px; height:400px; position:relative; float:left; margin-top:50px;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0;}
.lanrenzhijia .content .li{ width:1200px; float:left;}



#news2{width:1200px; height:500px; margin:0 auto; padding-bottom:5px;}
.news21{ float:left; width:410px;}
.news21 .news_div_item{ position:relative;}
.news21 .news_div_item_pic{ position:absolute; top:0;}
.news21 .news_div_item_content{line-height:30px; width:400px; position:absolute; top:275px;}
.news21 .news_div_item_a{ font-size:16px;font-family:"Microsoft YaHei";}
.news21 .news_div_item_body{ color:#999; line-height:24px;}


.news22{ float:right; width:770px; }
.news22 .news_div .news_div_item:nth-child(1){ display:none;}
.news22 .news_div_item{ background:#f6f6f6; width:770px; height:80px; margin-bottom:20px; transition:0.2s;}
.news22 .news_div_item_date{float:left; width:92px; background:url(http://login.114my.cn/memberpic/aochang/uploadfile/image/20170422/20170422230035_759287846.jpg) right no-repeat;  height:80px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.news22 .news_div_item_day{position:absolute; top:24px; left:35px; font-size:20px; font-weight:bold;font-family:"Microsoft YaHei";}
.news22 .news_div_item_month{position:absolute; top:50px; left:57px; color:#999;}
.news22 .news_div_item_year{position:absolute; top:50px; left:19px; color:#999;}
.news22 .news_div_item_content{ float:left; line-height:30px; margin-left:20px; width:650px; padding-top:10px;}
.news22 .news_div_item_body{ color:#999;}
.news22 .news_div_item:hover { background:#f0a11a; transition:0.2s;}
.news22 .news_div_item:hover .news_div_item_day,.news22 .news_div_item:hover .news_div_item_month,.news22 .news_div_item:hover .news_div_item_year,.news22 .news_div_item:hover .news_div_item_title,.news22 .news_div_item:hover .news_div_item_body{ color:#FFF;}
.news22 .news_div_item:hover .news_div_item_title a{ color:#FFF;}

.news21 .divdgweb_new_div_item{ position:relative;}
.news21 .divdgweb_new_div_item_pic{ position:absolute; top:0;}
.news21 .divdgweb_new_div_item_content{line-height:30px; width:400px;  position:absolute; top:275px;}
.news21 .divdgweb_new_div_item_a{ font-size:16px;font-family:"Microsoft YaHei";}
.news21 .divdgweb_new_div_item_body{ color:#999; line-height:24px;}


.news22{ float:right; width:770px; }
.news22 .divdgweb_new_div .divdgweb_new_div_item:nth-child(1){ display:none;}
.news22 .divdgweb_new_div_item{ background:#f6f6f6; width:770px; height:80px; margin-bottom:20px; transition:0.2s;}
.news22 .divdgweb_new_div_item_date{float:left; width:92px; background:url(http://login.114my.cn/memberpic/aochang/uploadfile/image/20170422/20170422230035_759287846.jpg) right no-repeat;  height:80px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.news22 .divdgweb_new_div_item_day{position:absolute; top:24px; left:35px; font-size:20px; font-weight:bold;font-family:"Microsoft YaHei";}
.news22 .divdgweb_new_div_item_month{position:absolute; top:50px; left:57px; color:#999;}
.news22 .divdgweb_new_div_item_year{position:absolute; top:50px; left:19px; color:#999;}
.news22 .divdgweb_new_div_item_content{ float:left; line-height:30px; margin-left:20px; width:650px; padding-top:10px;}
.news22 .divdgweb_new_div_item_body{ color:#999;}
.news22 .divdgweb_new_div_item:hover { background:#f0a11a; transition:0.2s;}
.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_day,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_month,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_year,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_title,.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_body{ color:#FFF;}
.news22 .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a{ color:#FFF;}




/*友情链接*/
#youq{ width:1200px; height:96px; margin:0 auto; background:url no-repeat; margin-top:30px;}
.youq_z{ width:117px; float:left; font-size:18px; color:#222; text-align:center; padding-top:16px;}
.youq_lj{ width:1013px; height:96px; float:left; padding-left:5px;}
.youq_y{ width:70px; height:96px; float:right; padding-top:30px;}

.linkTagcs{width:1013px;height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;width:110px;padding-right:10px;line-height:80px;float:left;}
.linkTagcs li a{color:#222;word-break:break-all;}
.linkTagcs li img{border:0px;}




/*版权*/

#ban{width: 100%;height:445px;background: url(/statics/images/tem/ban.png) no-repeat center;margin-top: 50px;}
#ban #banquan{width: 1200px;margin: 0 auto;}
#ban #banquan .top{font-size: 14px;color: #fff;text-align: center;padding-top: 150px;border-bottom:1px solid #fff;padding-bottom: 30px; }
#ban #banquan .top a{color: #fff;}
#ban #banquan .bottom{width: 900px;margin: 0 auto;}
#ban #banquan .bottom .left{float: left;padding-top: 100px;width: 260px;}
#ban #banquan .bottom .left a > img{width: 100%;}
#ban #banquan .bottom .middle{color: #fff;font-size: 14px;line-height: 25px;padding-top: 45px;float: left;padding-left: 50px;}
#ban #banquan .bottom .right{float: right;padding-top: 80px;}



.pb15 embed{margin:0 auto;}