/* 365建站让建站和seo变得简单 */
/* 365建站器官网：Www.365jz.com */


@charset "utf-8";

.common_color,
.has_account a.common_color {
    color: #333e8d
}

.common_bg,
.common_page a.nowpage,
.common_page a:hover,
.vip_left_nav li.vip_left_btn1:hover,
.vip_left_nav li.vip_left_btn1.nowpage,
.vip_left_nav li.vip_left_btn2:hover,
.vip_left_nav li.vip_left_btn2.nowpage,
.vip_left_nav li.vip_left_btn3:hover,
.vip_left_nav li.vip_left_btn3.nowpage,
.vip_left_nav li.vip_left_btn4:hover,
.vip_left_nav li.vip_left_btn4.nowpage,
.vip_add_address a.common_bg,
.vip_login li input.common_bg,
.level_bg p.common_bg,
.scrollbutton.smallImgUp:hover,
.scrollbutton.smallImgDown:hover,
.star_score_box p.common_bg,
.view_img_btns input,
.view_imgs .prev:hover,
.view_imgs .next:hover {
    background-color: #333e8d
}

.common_border_color,
.type_choose span.border_color,
.type_choose2 span.border_color,
.view_imgs .listBox .on img {
    border-color: #333e8d
}

.product_about_top span.on {
    border-top-color: #333e8d
}

/* 子页基础架构 */
.main {
    width: 1002px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 15px;
}

#contentLeft {
    position: absolute;
    /*	top: 0;*/
    left: 0;
    height: auto;
    width: 240px
}

#contentRight {
    float: right;
    width: 740px;
    height: auto;
    overflow: hidden
}

/*.left{float:left;margin-left:-296px;width:280px;height:auto;overflow:hidden;}*/
.right {
    overflow: hidden;
}

.right_con {
    width: 100%;
    height: auto;
    overflow: hidden;
    font: 14px/30px "microsoft yahei";
    padding: 16px 0
}

.right_con div,
.right_con p {
    font-size: 14px;
}

/* 产品 */
.product1,
.product2,
.product3,
.product4,
.product5,
.product6,
.product7,
.product7 li,
.product8,
.product8 li {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product1 li,
.product2 li,
.product3 li,
.product4 li,
.product5 li,
.product6 li {
    width: 33%;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative
}

.product1 li>a,
.product2 li>a,
.product6 li>a {
    display: block;
    width: 88%;
    margin: 3px auto;
    height: auto;
    overflow: hidden;
    position: relative;
}

.product1 li>a>img,
.product2 li>a>img,
.product3 li img,
.product4 li div a img,
.product5 li div a img,
.product6 li a img {
    display: block;
    width: 215px;
    height: 162px;
}

.product1 li>p,
.product2 li>p,
.product3 li>p,
.product4 li>p,
.product5 li>p,
.product6 li>p {
    width: 88%;
    margin: 0 auto;
    text-align: center;
    font: 14px/42px "microsoft yahei";
}

.product2 li>a>span {
    display: block;
    position: absolute;
    width: 90%;
    padding: 5%;
    left: 0;
    top: 0;
    font: 14px/30px "microsoft yahei";
    color: #fff;
    background: url(../images/blackbg.png) 0 0 repeat;
    height: 90%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    filter: alpha(opacity=0);
    opacity: 0;
}

.product2 li>a:hover span {
    display: block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    filter: alpha(opacity=100);
    opacity: 1;
}

.product3 li>div {
    width: 88%;
    margin: 3px auto;
    height: auto;
    position: relative;
}

.product3 li>div>p,
.prod-zoom {
    position: absolute;
    background: url(../images/product_zoom.png) 0 0 no-repeat;
    width: 53px;
    height: 53px;
    left: 50%;
    top: 50%;
    margin: -26px 0 0 -26px;
    cursor: pointer;
    z-index: 1;
    top: -100%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.product3 li>div:hover p,
.prod7-left:hover p,
.prod8-left:hover p {
    top: 50%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.product4 li div {
    width: 88%;
    padding: 4px;
    margin: 3px auto;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.product4 li div a,
.product5 li div a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.product5 li div {
    width: 88%;
    padding: 6px;
    margin: 3px auto;
    position: relative;
}

.product5 li div p,
.product5 li div:hover p,
.product6 li,
.product6 li:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pro5-border1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-top: 2px solid transparent;
}

.pro5-border2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    border-left: 2px solid transparent;
}

.pro5-border3 {
    position: absolute;
    right: 0;
    top: 0;
    height: 0;
    border-right: 2px solid transparent;
}

.pro5-border4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: 2px solid transparent;
}

.product5 li div:hover p.pro5-border1,
.product5 li div:hover p.pro5-border4 {
    width: 100%;
}

.product5 li div:hover p.pro5-border2,
.product5 li div:hover p.pro5-border3 {
    height: 100%;
}

.product6 {
    padding-top: 12px;
}

.product6 li {
    position: relative;
    top: 0
}

.product6 li:hover {
    top: -12px;
}

.product7 li,
.product8 li {
    padding-bottom: 16px;
}

.prod7-left {
    float: left;
    width: 31.25%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.prod7-left a,
.prod8-left a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.prod7-left a img,
.prod8-left a img {
    display: block;
    width: 200px;
    height: 150px;
}

.product7 li>p {
    float: left;
    width: 63.4375%;
    margin-left: 3.4375%;
    font: 16px/36px "microsoft yahei";
    color: #9a9a9a;
    height: 36px;
    overflow: hidden;
}

.product7 li>p>a,
.product8 li>p a {
    float: left
}

.product7 li>p>span,
.product8 li>p span {
    float: right;
}

.prod7-right {
    float: left;
    width: 63.4375%;
    margin-left: 3.4375%;
    height: 120px;
    overflow: hidden;
    font: 14px/30px "microsoft yahei";
    color: #7c7c7c;
}

.product8 li>p {
    width: 100%;
    height: 36px;
    overflow: hidden;
    font: 16px/36px "microsoft yahei";
    color: #9a9a9a;
}

.prod8-left {
    float: left;
    width: 22.8125%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-right: 1.875%;
}

.prod8-right {
    float: left;
    width: 73.125%;
    height: 120px;
    overflow: hidden;
    font: 14px/30px "microsoft yahei";
    color: #7c7c7c;
}

/* 图片放大部分 */
#picShow {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/blackbg.png) 0 0 repeat;
    left: 0;
    top: 0;
    z-index: 9999
}

.pic_show_box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.pic_show_box img {
    display: block;
    margin: 93px auto 0;
    border: 5px solid rgba(255, 255, 255, .2);
}

#pic_quit {
    position: absolute;
    background: url(../images/quit.png) 0 0 no-repeat;
    width: 64px;
    height: 64px;
    top: 0;
    right: 0;
    cursor: pointer
}

#lbtn {
    display: block;
    position: absolute;
    background: url(../images/leftbtn1.png) 0 0 no-repeat;
    width: 53px;
    height: 53px;
    top: 287px;
    left: 65px;
}

#rbtn {
    display: block;
    position: absolute;
    background: url(../images/rightbtn1.png) 0 0 no-repeat;
    width: 53px;
    height: 53px;
    top: 287px;
    right: 65px;
}

.pic_show_box p {
    width: 593px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    font: 18px/106px "microsoft yahei";
    color: #0c4201;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pic_show_box p a {
    color: #fff;
}

/* 新闻 */
.news {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.news li {
    width: 100%;
    height: 50px;
    border-bottom: 1px dotted #232323;
    overflow: hidden;
    background: url(../images/icons1.jpg) 8px center no-repeat;
    text-indent: 19px;
    font: 14px/50px "microsoft yahei";
    color: #1d1d1d;
}

.news li a {
    float: left;
    color: #1d1d1d
}

.news li span {
    float: right;
}

.news li.blank {
    margin-bottom: 26px;
}

.news1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
}

.news1 li {
    width: 100%;
    padding: 5px 0;
    height: 30px;
    font: 14px/30px "microsoft yahei";
    color: #737373;
    /* background:#fff; */
    border-bottom: 1px solid #e5e5e5;
}

.news1 li a {
    float: left;
    margin-left: 12px;
}

.news1 li span {
    float: right;
    margin-right: 12px;
}

.news2 li {
    border-bottom: 1px solid #ccc;
}

.news3 li {
    border-bottom: 1px dashed #ccc;
}

#news5 li.news4-bg {
    background: #eee;
}

#news5 font {
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

.news_fadein li {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.news_fadein li.show-animation {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.news_fadein li.show-animation:nth-child(1) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    transition-delay: 100ms;
}

.news_fadein li.show-animation:nth-child(2) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms;
}

.news_fadein li.show-animation:nth-child(3) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}

.news_fadein li.show-animation:nth-child(4) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
}

.news_fadein li.show-animation:nth-child(5) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    transition-delay: 500ms;
}

.news_fadein li.show-animation:nth-child(6) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}

.news_fadein li.show-animation:nth-child(7) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    transition-delay: 700ms;
}

.news_fadein li.show-animation:nth-child(8) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    transition-delay: 800ms;
}

.news_fadein li.show-animation:nth-child(9) {
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    transition-delay: 900ms;
}

.news_fadein li.show-animation:nth-child(10) {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.news_fadein li.show-animation:nth-child(11) {
    -webkit-transition-delay: 1100ms;
    -moz-transition-delay: 1100ms;
    -ms-transition-delay: 1100ms;
    transition-delay: 1100ms;
}

.news_fadein li.show-animation:nth-child(12) {
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.news_fadein li.show-animation:nth-child(13) {
    -webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.news_fadein li.show-animation:nth-child(14) {
    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    -ms-transition-delay: 1400ms;
    transition-delay: 1400ms;
}

.news_fadein li.show-animation:nth-child(15) {
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.news_indent li a {
    text-indent: 0;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

.news_indent li:hover a {
    text-indent: 20px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

/* 详细页 */
.view-title {
    width: 100%;
    text-align: center;
    font: 20px/36px "microsoft yahei";
    color: #333;
    padding: 14px 0 0
}

.view-date {
    width: 100%;
    text-align: center;
    font: 12px/24px "microsoft yahei";
    color: #999;
}

.view-date span {
    margin: 0 7px;
}

.view-share {
    width: 140px;
    margin: 0 auto;
}

.view-pages {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}

.view-pages p {
    width: 100%;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px dashed #ddd;
}

.view-back {
    display: block;
    width: 100px;
    height: 30px;
    margin: 10px auto;
    text-align: center;
    font: 14px/30px "microsoft yahei";
}

/* left-type */
#left-type {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#left-type li {
    width: 100%;
    /* height: 33px; */
    line-height: 31px;
    background-color: #fff;
    margin: 5px 0;
}

#left-type li a {
    color: #7a7a7a;
    display: block;
    height: 31px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-indent: 15px;
    font-weight: bold;
}

#left-type li a:hover {
    background-color: #db0e34;
    color: #fff !important;
}

#left-type>li>ul>li {
    /* background-color: #f7f7f7!important; */
    margin: 0;
    border-bottom: 0;
}

#left-type>li>ul>li>a {
    padding: 3px 0;
    font-size: 14px;
}

#left-type>li>ul>li>a.onn {
    color: #000 !important;
}

#left-type>li>ul>li {
    padding: 3px 0;
    font-size: 14px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #cbcbcb;
}

#left-type>li>ul:last-child li:last-child {
    border-bottom: 0;
}

#left-type>li>ul>li>ul>li>a {
    text-indent: 40px;
}

#left-type>li>ul>li>a:hover {
    background-color: #f0f0f0 !important;
    color: #000 !important;
}

#left-type>li>ul>li>ul>li>ul>li>a {
    text-indent: 55px;
}

#left-type>li>ul>li>ul>li>ul>li>ul>li>a {
    text-indent: 70px;
}

#left-type li ul {
    display: none
}

#left-type li .proTwo {
    display: block;
}

#left-type li ul.show>li>ul {
    display: block;
}

#left-type li a.on {
    background: #db0e34 !important;
    color: #fff;
    margin: 0 !important;
}

/* 整体修改颜色 */
.pg-color {
    color: #7a7a7a;
}

.pg-border-color,
.product4 li div:hover {
    border-color: #333E8D;
}

.pg-color:hover {
    color: #db0e34
}

/* view */
.view h1 {
    width: 100%;
    text-align: center;
    font: 20px/36px "microsoft yahei";
    color: #333e8d;
    font-weight: bold;
}

.date {
    width: 100%;
    text-align: center;
    font: 12px/32px "microsoft yahei";
    color: #7d7d7d
}

.page {
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
    position: relative
}

.page p {
    width: 100%;
    height: 28px;
    font: 12px/28px "microsoft yahei";
    color: #1d1d1d;
    overflow: hidden;
}

.page p a {
    color: #1d1d1d
}

.page p a:hover,
.back:hover {
    text-decoration: underline
}

.back {
    font: 14px/39px "microsoft yahei";
    color: #fff;
    background: #333e8d;
    width: 138px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 4px;
    display: block;
    text-align: center;
}

.view img {
    max-width: 100%;
    display: inline
}

.view div {
    font-size: 14px;
}

.pdf_down {
    display: block;
    background: url(../images/pdf.jpg) 0 0 no-repeat;
    width: 224px;
    height: 46px;
    margin: 10px auto;
    font: 14px/46px "microsoft yahei";
    color: #fff;
    text-indent: 74px;
}

.white-bg {
    background: #fff;
    padding: 10px 0;
}

#allmap {
    margin: 20px 0;
    height: 300px;
}

/* con1 */
.con1 {
    width: 1002px;
    height: 480px;
    margin: 0 auto;
    overflow: hidden;
}

.con1-left {
    width: 240px;
    height: auto;
    overflow: hidden;
    background: #f0f0f0;
    margin-bottom: 7px;
}

.left-title1 {
    width: 100%;
    height: 63px;
    /* background:url(../images/left_title1.jpg) 0 0 repeat-x;  */
    text-align: left;
    font: 18px "microsoft yahei";
    color: #fff;
}

.class_up {
    display: block;
    background: url(../images/left_top.jpg) -11px 0 no-repeat;
    width: 213px;
    height: 19px;
    margin: 11px 0 8px 13px;
}

.class_down {
    display: block;
    background: url(../images/left_bottom.jpg) -11px 0 no-repeat;
    width: 213px;
    height: 19px;
    margin: 8px auto 13px;
}

.con1_class {
    width: 212px;
    margin: 0 auto;
    position: relative;
    margin: 0 13px;
}

.con1_class>ul {

    width: 100%;
}

.con1_class ul li {
    width: 195px;
    overflow: hidden;
    font: 14px/41px "microsoft yahei";
    color: #1d1d1d;
    padding: 0 0;
}

.con1_class ul li a {
    color: #1d1d1d;
}

.con1_class>ul>li>a {
    /*  padding:0 14px; */
    background: transparent;
}

.child_top {
    position: relative;
    height: 280px;
}

.m_header,
.jz_nav {
    display: none;
}

/*响应式内容样式*/

@media only screen and (max-width: 768px) {

    .top,
    .header,
    .menu,
    .g_nav,
    .sp_left,
    .bread {
        display: none;
    }

    .footer,
    .links_c,
    .links,
    .main,
    #contentRight {
        width: auto;
        float: none;
    }

    .product02,
    .product03 {
        padding: 0;
    }

    .bread {
        padding-right: 6px;
    }

    .mid {
        width: auto;
    }

    .m_header {
        display: block;
        position: relative;
        display: block;
        width: 100%;
        height: 60px;
        z-index: 999;
        background: #333e8d;
    }

    .m_header h1 {
        text-align: center;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
    }

    .content_com_title h2 {
        font-size: 20px;
    }

    .m_header h1 a {
        color: #fff;
        font-size: 18px;
    }

    .m_header img {
        width: auto;
        height: 60px;
        text-align: center;
    }

    .news_list_item_date {
        display: block;
        margin-top: 5px;
        font-size: 12px;
        line-height: 1;
    }

    .content {
        padding: 0 10px 20px 10px;
        font-size: 14px;
    }

    .navbar-left {
        width: 58px;
        padding: 20px 0 0 14px;
        cursor: pointer;
        position: absolute;
        left: 0;
    }

    .navicon-line {
        width: 24px;
        height: 4px;
        border-radius: 1px;
        margin-bottom: 3px;
        background-color: #fff;
    }

    .jz_nav {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 99999;
        -webkit-transition: all 350ms;
        -o-transition: all 350ms;
        -moz-transition: all 350ms;
        transition: all 350ms;
        background-color: #fff;
        box-shadow: 0px 7px 7px -7px #5E5E5E;
    }

    .jz_nav li {
        border: none;
        border-color: #f2f2f2;
        border-top: 1px solid #f2f2f2;
        height: auto;
        font-size: 14px;
        width: auto;
        line-height: 50px;
        text-align: left;
        padding: 0;
        padding-left: 26px;
        list-style: none;

    }

    .jz_nav li a {
        color: #999999;
        display: block;
    }

    .jz_nav li a.on {
        color: #999999;
        font-weight: bold;
    }

    .incp {
        padding: 0;
    }

    .cpcpshow li {
        width: 45%;
    }

    .cpcpshow li img {
        max-width: 100%;
        height: 150px;
    }
}