@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/
#headdiv{height: 100px;  position: fixed;  top: 0px; left: 0; width: 100%; z-index: 1000; background-color:#fff;box-shadow:0px 1px 3px #c2c2c2;}
/*logo和导航*/
.top02{width:1310px !important;background-color: rgb(255, 255, 255); height: 86px;}
.top02 .top02_center{margin:0 auto}
.logo{width:200px;float:left;padding-top:13px}
.logo img{float:left}
.navtop{float:right;}
.navtop li{position:relative}
.navtop li.m{width:86px;padding-right:32px;margin:0 22px 0 0;float:left;text-align:center;/* background:url(../images/nav_bg1.png) right 44px no-repeat; */height:100px;}
.navtop .m a{color:#333;}
.navtop a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:16px;}

.navtop .m a.on{color:green}
/*二级导航*/
.navtop .sub {
    display: none;
    width: 100%;
    padding: 0;
    position: fixed;
    top: 100px;
    overflow: hidden;
    text-align: left;
    z-index: 110;
    left: 0;
    background-color: #f5f5f5;
    height: 230px;
    filter:alpha(opacity:90);
    opacity:0.9;
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
}




    .navtop .sub, .navtop .sub a {
        color: green;
    }

    .navtop .sub a{font-weight: bold;}

    .navtop .nav_about .col-xs-2,
    .navtop .nav_about .col-xs-4,
    .navtop .nav_about .col-xs-6,
    .navtop .nav_service .col-xs-4,
    .navtop .nav_service .col-xs-3,
    .navtop .nav_service .col-xs-5,
    .navtop .innovate .col-xs-3,
    .navtop .innovate .two {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navtop .nav_about .col-xs-2>div,
    .navtop .nav_about .col-xs-4>div,
    .navtop .nav_service .col-xs-4>div,
    .navtop .nav_service .col-xs-3>div,
    .navtop .innovate .one>div,
    .navtop .innovate .two>div {
        border-right: green 1px solid;
    }

    .navtop .nav_about .one p {
        font-size: 18px;
        line-height: 3.4em;
    }

    .navtop .nav_about .col-xs-4 p {
        font-size: 18px;
        line-height: 2em;
    }

    .navtop .nav_about .col-xs-6 p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .navtop .nav_about .three>p{
        font-size:14px;
        line-height: 2em;
    }

    .navtop .nav_about .two p {
        font-size:18px;
        line-height: 3em;
    }
    .navtop .nav_about .col-xs-6 .col-xs-5 {
        display: flex;
    }

    .navtop .nav_about .col-xs-6 .col-xs-5>div>img {
        padding: 50px 30px;
    }


    .navtop .nav_service .title>p {
        font-size: 18px;
        line-height: 2.8em;
    }

    .navtop .nav_service .title2 p {
        font-size: 18px;
        line-height: 2.8em;
    }

    .navtop .innovate .desc {
        font-size: 20px;
    }

    .navtop .innovate .one .desc {
        font-size: 20px;
    }

    .navtop .innovate .one p {
        font-size: 16px;
        line-height: 2em;
    }

    .navtop .innovate .two .col-xs-6 p {
        padding-left: 20px;
        padding-right: 60px;
    }

    .navtop .innovate .two .col-xs-6 p span {
        font-size: 18px !important;
        font-weight: bold;
        line-height: 3.6em;
    }

    .navtop .innovate .two .col-xs-6 p span:last-child {
        float: right;
    }

    .navtop .innovate .title3>p {
        line-height: 2.4em;
        font-size: 16px;
    }

    .navtop .news .row .one,
    .navtop .news .row .two,
    .navtop .news .row .three {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navtop .news .row .two>div,
    .navtop .news .row .three>div {
        border-right: green 1px solid;
    }

    .navtop .news .two>div>p {
        font-size: 18px;
        line-height: 3.6em;
    }

    .navtop .news .three>div>p {
        padding-left: 0;
        padding-right: 15px;
    }

    .navtop .news .three .des1 {
        font-size: 20px;
        padding-top: 10px;
    }

    .navtop .news .three .des2 {
        font-size: 16px;
        margin-top: 30px;
    }

    .navtop .news .title4>p {
        font-size: 18px;
        line-height: 2.6em;
    }

    .navtop .subject .imgDiv {
        float: left;
    }

    .navtop .subject .row .col-xs-7>div,
    .navtop .subject .row .col-xs-3>div {
        border-right: green 1px solid;
    }

    .navtop .subject .row .col-xs-7,
    .navtop .subject .row .col-xs-3 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navtop .subject .des {
        padding: 15px 15px 15px 280px;
        font-size: 14px;
        line-height: 1.6em;
    }

    .navtop .subject .title>p {
        font-size: 18px;
        line-height: 3.6em;
    }


    .navtop .resource .img>img {
        width: 100px;
    }

    .navtop .resource .title {
        text-align: center;
        font-size: 18px;
    }

    .navtop .resource .title {
        color: green;
        line-height: 4em;
    }

    .navtop .resource .row {
        padding-top: 40px;
    }

    .navtop .contact .row .col-xs-6>div,
    .navtop .contact .row .two>div {
        border-right: green 1px solid;
        height: 200px;
    }

    .navtop .contact .row .col-xs-6,
    .navtop .contact .row .col-xs-3 {
        padding-top: 15px;
        padding-right: 15px;
    }

    .navtop .contact .img>img {
        width: 240px;
    }

    .navtop .contact .img {
        float: left;
    }

    .navtop .contact .desc>p {
        color: green;
        font-size: 16px;
        line-height: 2em;
    }

    .navtop .contact p {
        color: #fff;
    }

    .navtop .contact .two>div>p,
    .navtop .contact .three>div>p {
        font-size: 18px;
        text-align: center;
    }

    .navtop .contact .two>div,
    .navtop .contact .three>div {
        padding-top: 70px;
    }

    .navtop .contact .two>div {
        background-image:
            url('../images/nav_contact2.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .navtop .contact .three>div {
        background-image:
            url('../images/nav_contact3.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
    }

    .navtop .contact .three p {
        color: #fff;
    }


    .navtop .mmm {
        text-decoration: none;
    }