﻿ 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {
    margin: 0;
    padding: 0;
}

body {  background-color: #fff;
    font-family: 'Microsoft YaHei!important';
   
} 

li, ol {
    list-style: none;
}

ins {
    text-decoration: none;
}

i, em {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #a1a1a1;
    cursor: pointer;
}

    a:focus, a:hover {
        color: #3dadb0;
        text-decoration: none;
    }
     

.nav-box {
    height: 62px;
    overflow: hidden;
    z-index: 999;
    background: #fff;
    padding: 8px 38px;
    margin-top: -15%;
} 

    .nav-box .nav-list {
        float: right;
        margin-top: 1px;
    }

        .nav-box .nav-list li {
            width: 115px;
            float: left;
            margin-left: 10px;
        }

            .nav-box .nav-list li a {
                display: block;
                overflow: hidden;
                text-align: center;
                font-size: 14px;
                color: #7c7c7c;
                padding: 5px;
            }

                .nav-box .nav-list li a span {
                    font-size: 12px;
                    display: block;
                }

            .nav-box .nav-list li:hover a, .nav-box .nav-list li.current a {
                color: #3dadb0;
                text-decoration: none;
                text-align: center;
                background: url(/images/navbg.png)no-repeat center;
            }
            .navbg .nav-box {
    margin-top:20px;
    padding: 0px 38px 0;
}
.navbg .nav-box .logo{
   padding-top: 7px;
    display: inline-block;
}
.navbg .nav-box .nav-list { 
    margin-top: 7px;
}
.wp-title_content {
    margin: 18% 20px;
}

.wp-title_content2 {
    margin: 0 0 20px;
} 
.wp-title_content .line {
    width: 20%;
    border-bottom: 3px #fff solid;
    margin: 20px 0;
}

.wp-title_content h3 {
    line-height: 7rem;
    font-size: 24px;
}

.more {
    float: right;
    margin-top: -5%;
}
 
.section2 .thumbnail {
    padding: 0;
    border-color: #f3f3f3;
}

    .section2 .thumbnail img {
        width: 100%;
        height:206px;
    }

    .section2 .thumbnail .caption {
        text-align: center;
    }

        .section2 .thumbnail .caption h3 {
            font-size: 18px;
            line-height: 30px;
            color: #545453;
        }

        .section2 .thumbnail .caption p {
            font-size: 14px;
            line-height: 20px;
            color: #949494;
        }

    .section2 .thumbnail:hover, .section2 .thumbnail:focus {
        border-color: #3dadb0;
    }

.m-news {
    background-color: #fff;
    display: inline-block;
    width: 100%;
}

    .m-news .thumbnail {
        border: none;
        padding: 0;
    }

        .m-news .thumbnail img {
        }

        .m-news .thumbnail .caption {
        }

            .m-news .thumbnail .caption h3 {
                font-size: 16px;
                color: #68626b;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .m-news .thumbnail .caption p {
                font-size: 14px;
                color: #9e9e9e;
            }

    .m-news ul .news-time {
        float: left;
        width: 80px;
        height: 80px;
        color: #fff;
        background: #678dc3;
        text-align: center;
        float: left;
        margin: 0 35px;
        border-radius: 3px;
    }

    .m-news li {
        padding: 35px 0 15px;
        border-bottom: 1px solid #dddcdd;
    }

        .m-news li .news-time {
            width: 80px;
            height: 80px;
            color: #fff;
            background: #666666;
            text-align: center;
            float: left;
            margin: 0 35px;
            border-radius: 3px;
        }

            .m-news li .news-time span {
                line-height: 51px;
                font-size: 30px;
                font-weight: 700;
                display: block;
            }

            .m-news li .news-time p {
                line-height: 28px;
                color: #9e9e9e;
                border-top: 1px dotted #b4c7e2;
            }

        .m-news li .news-title {
            font-size: 18px;
            height: 22px;
            color: #68626b;
            overflow: hidden;
            margin: 6px 0;
            display: block;
        }
        .m-news li p {
           line-height: 28px;
                color: #9e9e9e;
        } 
.aboutbody {
    width: 450px;
}

    .aboutbody img {
        height: 80px;
        margin-bottom: 20%;
    }

    .aboutbody h3 {
        margin-bottom: 10%;
    }

    .aboutbody p {
        line-height: 30px;
        font-size: 14px;
        color: #8e8e8e;
    }

.abouttitle {
    margin-top: 10%;
    color: #8e8e8e;
}

    .abouttitle h5 {
        font-size: 24px;
        margin-bottom: 10%;
    }

    .abouttitle h4 {
        font-size: 30px;
        margin-bottom: 10%;
    }

    .abouttitle .line {
        width: 100px;
        border-bottom: 2px solid #8e8e8e;
        margin-bottom: 15%;
    }

    .abouttitle p {
        font-size: 18px;
        line-height: 30px;
    }

.partlist {

}
    .partlist .partsd {
      float:left;
      width:12.5%;
      margin:10px 0;
    }
        .partlist .partsd img {
           height:120px;
           width:120px;
        }
.contactus {
   margin-top:20%;
}
.media.contactus {
   margin-top:10%;
}
.contactus h3 {
   margin-bottom:20px;
}
    .contactus p {
       line-height: 35px;
        font-size: 18px;
        color: #8e8e8e;
    }
.Message label {
    line-height: 34px;
    font-size: 18px;
    font-weight: normal;
    color: #777777;
    word-spacing: 0px;
    padding: 0px;
    margin-top: 8px;
    margin-left: 0px;
}
.Message input,.Message textarea {
   
    height: 45px;
    background-color: transparent;
    background-image: none; 
    color: #777777;
    text-align: left;
    word-spacing: 0px;
    padding: 4px; 
    border: 1px;
    border-color:#dbdbdb;
    border-style: solid;
    border-radius:0;
    clear: both;
    margin-top: 0px;
    margin-bottom:20px;
    margin-left: 0px;
}
.Message textarea {
  height:80px;
}
.Message .btn
{     
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #dd3939;
    background-image: none;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    word-spacing: 0px;
    padding: 0px; 
    border: 1px;
    border-color: #b21818;
    border-style: none;
    clear: both;
    margin-top: 15px;
    margin-left: 0px;
}
.copyright {
    display: inline-block;
    position: fixed;
    bottom: 15px; 
    left: 50%;
    transform: translateX(-50%); 
    color:#fff;
    line-height: 26px; 
    background:rgba(0,0,0,0.5);
    text-align:center;
    padding:0 20px;
    border-radius:10px;
}
    .copyright a {
      color:#fff;
    }
 
    
/*当前位置*/
.article_yq .smalln {
    display: inline-block;
  margin-bottom:20PX;
}
 .article_yq .smalln .pull-left
{ 
    width: 100%;
    background: transparent;
} 
.article_yq .smalln .pull-left a.active
{
    color: #3dadb0;
} 
.article_yq .smalln .breadcrumb
{
    background: transparent;
}
.article_yq .smalln .breadcrumb
{
    padding: 28px 0 0;
}
.breadcrumb > li + li:before
{
    color: #a3a3a3;
    content: ">\00a0";
} 

.abouttodo .title {  
    line-height: 140%;
    text-align: left;
    color: rgb(68, 68, 68);
    font-size: 24px;
    border-bottom: 1px dashed #cccccc; 
}
.media-left {
   padding-right:20px;
}
.abouttodo p {  
    color:#8e8e8e;
    line-height:24px;
    font-size: 16px;
    margin-bottom:10px;
} 

.footer {
    margin-top:10%;
   background-color:#3dadb0;
   padding:10px 0;
   color:#fff;
   font-size:12px;
}
    .footer a {
       
   color:#fff;
   font-size:12px;
    }

.lanmu-lf{width: 100%;height:100%;padding-bottom: 314px;margin-top: 32px;}
.yjlm{float: left;width: 100%;}
.yjlm>a{display: block;background: url(/images/yjlm.jpg) no-repeat;font-size: 24px;color: #fff;padding:33px 0;padding-left:30px;    background-size:cover;}
.ejlm{float: left;width: 100%;}
.ejlm  li>a{background: url(/images/lefticon.png) no-repeat 21px center;padding:15px;border-bottom:1px solid #eeeeee;font-size: 16px;    display: block;padding-left:53px;line-height:26px;}
.ejlm  li>a:hover,.ejlm  li.active>a{color:#3dadb0;font-weight: bold;border-left:none;padding-left:50px;background: url(/images/lefticon.png) no-repeat 18px center;    border-left:3px solid #3dadb0;}
.ejlm li ul {display: none;padding-left:20px;    }
.ejlm li ul li>a:hover,.ejlm li ul li.active>a{border-left:none;}
.ejlm  li.active ul {display: block;}


/* 翻页 */
.pagination
{
    margin-top:10%;
    border-radius: 0px;
}
.pagination > li > a
{
    color: #000000;
    padding: 3px 10px;
    float: none;
    border: none;
}
.pagination > li > a:hover, .pagination > li > a:focus
{
    color: #666666;
    background-color: #eee;
    border-color: #ddd;
}
.pagination li
{
    border: none;
}
.pagination > li:first-child > a, .pagination > li:last-child > a
{
    border-radius: 0px;
    border: 1px solid #7c7c7c;
    padding: 3px 17px;
}
.pagination li.disabled a
{
    border-color: #ddd;
}  
