@charset "UTF-8";
/*
Theme Name:瑞安市速田机车部件有限公司
Theme URL:www.dd-d.com.com
Description:瑞安市速田机车部件有限公司网站由dd-d.com开发
Version:1.0
Author:QQ:813069
Tags: 瑞安市速田机车部件有限公司
 */
body { 

    font-family: "Microsoft Yahei", Arial,  Helvetica, 'Nimbus Sans L', sans-serif;
    margin: 0;
    padding: 0;

}

input {
    outline: none;
}

a {
 
}
a: hover {
    
    text-decoration: none;
}
a: visited {
    text-decoration: none;
}
a: active {
    text-decoration: none;
}

* :focus {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none;
}
ul li {
    list-style: none;
}
.zs-style{position: absolute;z-index: 999; }
.topbar{   
    min-width: 1310px;
    margin: 0 auto;
    position: fixed;
    top: 160px;
    padding-top: 50px;
    background-color: #fff;
    text-align: center;
    z-index: 99;
}

*html .topbar{position:absolute;top:expression(documentElement.scrollTop + 0 + "px");}

#nav{margin:0 auto;width:640px;}

#nav li{float:left;width:105px;    height: 30px;text-align:center;}

#nav li a{color:#666;display:block; height:40px;line-height:20px;overflow:hidden; text-decoration:none;}

#nav li a:hover{color:#dedede;}

#nav li.current a{   
    color: #000;
    font-weight: bold;

}
#nav li.current a:after{   
    content: url(images/border.jpg);
    display: block;
    height: 10px;
    line-height: 10px;
  
}

/* container */

#cnav{margin:0 auto; }

#cnav li{float:left;width:105px; height: 30px;text-align:center;}

#cnav li a{color:#666;display:block; height:40px;line-height:20px; overflow:hidden; text-decoration:none;}

#cnav li a:hover{color:#ff8d00;}

#cnav li.current a{   
    color: #000;
    font-weight: bold;

}
#cnav li.current a:after{   
    content: url(images/border.jpg);
    display: block;
    height: 10px;
    line-height: 10px;
  
}

#cnav .current-menu-item a:after{   
    content: url(images/border.jpg);
    display: block;
    height: 10px;
    line-height: 10px;
  
}


#pnav{margin:auto 0 ; }

#pnav li{
    float: left;
    width: auto;
    height: 42px;
    padding: 5px 6px;
    text-align: center;  
   
}

#pnav li a{color:#666;display:block; height:40px;line-height:20px;overflow:hidden; text-decoration:none;}

#pnav li a:hover{color:#ff8d00;}

#pnav li.current a{   
    color: #000;
    font-weight: bold;

}
#pnav li.current a:after{   
    content: url(images/border.jpg);
    display: block;
    height: 10px;
    line-height: 10px;
  
}
#pnav .current-menu-item a:after{   
    content: url(images/border.jpg);
    display: block;
    height: 10px;
    line-height: 10px;
  
}


.section{border-bottom:5px solid #ccc;padding:20px;}

.section p{margin:0 0 20px 0;}

.section p:last-child{margin-bottom:0;}

#grad1 {
    height: 160px;
    background: -webkit-linear-gradient(left, #FF0000 , #B90177); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #FF0000, #B90177); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #FF0000, #B90177); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#FF0000 , #B90177); /* 标准的语法（必须放在最后） */
    width:100%;
    margin-top: 100px;
}
.abouttitle{text-align: center;  padding-top:40px;}
.abouttitle h5,.abouttitle h1 {color: #fff;}
.aboutcontact{width: 70% ; margin:0 auto; padding:20px; line-height: 30px;  }
.textcenter{text-align: center;}
.mt40{margin-top: 40px;}
.mt20{margin-top: 20px;}
.pd40{padding-bottom: 40px;}
.grad2{ 
    background: -webkit-linear-gradient(left, #8CC63F , #29ABE2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #8CC63F, #29ABE2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #8CC63F, #29ABE2); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#8CC63F , #29ABE2); /* 标准的语法（必须放在最后） */
    height: 140px;
    text-align: left;
    color: #fff; line-height: 25px; padding: 15px 20px;
    transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.grad2:hover{ 
    background: -webkit-linear-gradient(left, #29ABE2 ,#8CC63F ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #29ABE2,#8CC63F ); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #29ABE2,#8CC63F ); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#29ABE2,#8CC63F  ); /* 标准的语法（必须放在最后） */
    height: 140px;
    text-align: left;
    color: #fff; line-height: 25px; padding: 15px 30px;
    transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor : pointer;


}
.grad2 h2{color: #fff; }
.grad2 p{font-size: 12px;padding-top: 10px;}
.c4988C6{color:#4988C6;}
#grad3 {
    height: 290px;
    color: #fff;
    padding-top: 40px;
    width:100%;
    margin-top: 80px;
    background-image: url("images/aabg.jpg");
}
.accc{height: 670px; background-color: #F2F2F2; padding-top: 50px;}
 
#grad4 {
    height: 160px;
    background: -webkit-linear-gradient(left, #008ED0 , #00A8B0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #008ED0, #00A8B0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #008ED0, #00A8B0); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#008ED0 , #00A8B0); /* 标准的语法（必须放在最后） */
    width:100%;
    margin-top: 100px;
}
.FF8D00{color: #FF8D00;}
.D4D4D{color: #4D4D4D;}
.ffbg{background-color: #fff;}
.news-list__image img {width: 150px; height: 100px;}
.tcontexta{background-color: #fff;
    padding-top: 20px;
    text-align: center;}

.pages{width:100%;height:60px;line-height:60px;text-align:left; padding-top:1em;}
.pages a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #DEDEDE;}
.pages a:hover,.pages a.current{border:1px solid #ff8d00;color:#ff8d00;font-weight:bolder;}
.pc1{width:540px;padding-left: 43%;}
.pc4{width:840px;  padding-left: 20%;}
.pc5{width:840px;  padding-left: 10%;}
.pc6{width:540px;padding-left: 43%;}
.l1{width: 740px; padding-left: 10%;}


@media screen and (min-width: 640px) and (max-width: 960px) {
 #nav {
    margin-left: 10%;
    width: 600px;
}
.topbar {
    min-width: 1310px;
    margin: 0 auto;
    position: fixed;
    top: 108px;
    padding-top: 50px;
    background-color: #fff;
    text-align: center;
}
}
@media only screen and (max-width:640px) {
.topbar{display: none;}
#grad1{margin-top: 0;}
.mt40{margin-top: 0;}
.mt20{margin-top: 0;}
.aboutcontact{width: 100%;}
#grad3 {
    height: 290px;
    color: #fff;
    width: 100%;
    background-image: url(images/aabg.jpg);
    padding-top: 0px;
    margin-top: 0;
    height: 315px;
}
.accc {
    height: 670px;
    background-color: #F2F2F2;
    padding-top: 0px;
}
.footer__nav {
 
    display: none;
}
.alpha, h1 {
 
    font-size: 1.5rem;
 }
.pc1{width:100%;padding-left:40%;}
.pc4{width:100%;padding-left: 0;}
.pc5{width:100%;padding-left: 0;}
.pc6{width:100%;padding-left: 0;}
.l1{width: 100%; padding-left:18%;}
#pnav li {
    float: left;
    width: auto;
    height: 30px;
    text-align: center;
    padding-left: 15px;
}
#cnav li {
    float: left;
   width: auto;
    height: 30px;
    text-align: center;
    padding-left: 10px;
}
.teaser--item--text {
    padding: 12px 17px;
    color: #818089;
    border-top: 1px solid #e1e1e1;
    min-height: 40px;
    font-weight: 400;
}
}