body, div, a, img, ul, li, input, p, h2, h3 { margin: 0; padding: 0; }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }

body { font-family: 'Microsoft YaHei'; color: #666; }
.clear { clear: both; }

.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }

.left { float: left; }
.right { float: right; }
.pager { margin: 0px; }

a { text-decoration: none; color: #666; outline: none !important; }
    a:hover, a:visited, a:active, a:link { text-decoration: none; outline: none !important; }
    a.btn { margin: 5px; padding: 6px 18px; line-height: 24px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; }
    a.more { font-size: 12px; }
        a.more:hover { text-decoration: underline; }
input { outline: none !important; }

div.title { }
    div.title h3 { }
    div.title p { color: #fff; }

div.more1 { text-align: center; }
    div.more1 a.more1 { margin: 30px auto 15px auto; padding: 10px 30px 10px 10px; color: #d71518; font-size: 20px; line-height: 20px; text-align: center; }
div.more3 { text-align: center; }
    div.more3 a.more3 { margin: 30px auto 15px auto; padding: 5px 30px 5px 10px; color: #808080; border: 1px solid #808080; font-size: 15px; line-height: 20px; text-align: center; }

h1 { color: #f77500; font-size: 24px; margin-top: 0px; }
h2 { font-size: 26px; color: #6a267b; line-height: 30px; text-align: center; }
h3 { font-size: 26px; color: #6a267b; text-align: center; }
    h3 span { color: #555; }
    h3 a.more { position: absolute; top: 0px; right: 0px; line-height: 24px; background: url(../images/icon/icon_more.png) right center no-repeat; display: inline-block; border: 1px solid #9c9c9c; padding: 0 20px 0 10px; color: #333; }
    h3.title { border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0; margin-bottom: 18px; margin-top: 0px; }
        h3.title span { font-size: 15px; padding: 0px 15px; }

a.more1 { background: url(../images/icon/icon_more1.png) 95% center no-repeat; display: inline-block; }
a.more2 { background: url(../images/icon/icon_more2.png) 95% center no-repeat; display: inline-block; }
a.more3 { background: url(../images/icon/icon_more3.png) 95% center no-repeat; display: inline-block; }
a.more4 { background: url(../images/icon/icon_more4.png) 95% center no-repeat; display: inline-block; }
a.more4 { margin: 30px auto 0 auto; padding: 5px 30px 5px 10px; color: #d71518; font-size: 20px; line-height: 20px; text-align: center; }

em.tel { font-family: Arial, Helvetica, sans-serif; }
em.date { font-family: Arial, Helvetica, sans-serif; }

/* 常用区块 **********************/
div.box { }
    div.box h3 { font-size: 15px; color: #333; line-height: 30px; border-bottom: 1px solid #ccc; margin: 10px 0; }
    div.box .title { padding: 5px 0px; line-height: 30px; background: #6A267B; color: #fff; position: relative; }
        div.box .title span { padding: 0 15px; font-size: 16px; }
        div.box .title a.more { position: absolute; top: 5px; right: 15px; line-height: 30px; }
    div.box .main { }
        div.box .main li { }
            div.box .main li a { display: block; line-height: 24px; margin: 10px 5px; border-radius: 3px; border-bottom: 1px dashed #c4c4c4; }
                div.box .main li a i { display: none; }

div.box1 .title { padding: 5px 0px; line-height: 30px; background: none; color: #D91C24; position: relative; border-bottom: 1px solid #c2c2c2; }
    div.box1 .title span { position: relative; line-height: 24px; padding: 10px 0px; font-size: 18px; font-weight: bold; }
        div.box1 .title span::after { position: absolute; bottom: 0px; left: 0px; width: 100%; content: ""; border-bottom: 2px solid #D91C24; }
    div.box1 .title a.more { position: absolute; top: 5px; right: 15px; line-height: 30px; }
div.box1 .main { }
    div.box1 .main li { border-bottom: 1px dashed #c4c4c4; }
        div.box1 .main li a { display: block; line-height: 24px; margin: 10px 5px; border-radius: 3px; }
            div.box1 .main li a i { display: none; }

.side div.box { border: 1px solid #ccc; border-radius: 3px; }
    .side div.box .main li { }
        .side div.box .main li a { display: block; line-height: 24px; padding: 3px 10px; border-bottom: 1px dashed #ccc; }

.side div.master { border: 1px solid #ccc; border-radius: 3px; }
    .side div.master .title { background: url(../images/Default_images/bg_title.png) #6A267B; padding: 10px; }
        .side div.master .title span { display: block; text-align: center; color: #fff; font-size: 24px; }
            .side div.master .title span.en { color: #ebebeb; font-size: 24px; font-family: Aparajita; display: none; }
    .side div.master .main li { }
        .side div.master .main li a { display: block; line-height: 24px; font-size: 15px; padding: 3px 10px 3px 20px; }
            .side div.master .main li a i { padding: 0px 6px; display: inline-block; font-style: normal; }

/* 常用区块效果 **********************/
.boxPhoto li { opacity: 1; }
    .boxPhoto li img { width: 100%; }
    .boxPhoto li .item { position: relative; height: 100%; border: 1px solid #ccc; }
    .boxPhoto li .intro { position: absolute; top: 0px; left: 0px; background: rgba(215, 21, 24, 0.80); width: 100%; height: 100%; padding: 15px; display: none; }
        .boxPhoto li .intro .m { position: relative; width: 100%; height: 100%; }
            .boxPhoto li .intro .m .m1 { font-size: 16px; line-height: 22px; color: #fff; position: absolute; top: 0px; left: 0px; }
            .boxPhoto li .intro .m .m2 { font-size: 12px; line-height: 22px; color: #fff; position: absolute; bottom: 0px; left: 0px; }
    .boxPhoto li a:hover .intro { display: block; }
    .boxPhoto li.no a:hover .intro { display: none; }

.ProductsCate { border: 1px solid #b047c7; }
    .ProductsCate h3 { text-align: center; height: 38px; line-height: 38px; background: #7c3190; color: #fff; font-size: 16px; margin-bottom: 12px; }
    .ProductsCate ul { }
    .ProductsCate .main > ul > li > ul { display: none; }
    .ProductsCate ul li { margin-bottom: 12px; }
        .ProductsCate ul li a { display: block; line-height: 26px; color: #fff; height: 28px; border: 1px solid #e5c5ec; padding-left: 26px; background: #7c3190 url(../images/Default_images/icon_01.png) no-repeat 8px center; }
        .ProductsCate ul li li a { margin: 10px 5px 0 15px; display: block; line-height: 25px; height: 25px; color: #6a267b; padding-left: 25px; background: url(../images/Default_images/icon_02.png) no-repeat 10px center #ebebeb; }
        .ProductsCate ul li li li a { margin-left: 30px; }

.ProductsCate1 { border: 1px solid #b047c7; }
    .ProductsCate1 h3 { text-align: center; height: 38px; line-height: 38px; background: #7c3190; color: #fff; font-size: 16px; margin-bottom: 12px; }
    .ProductsCate1 ul { }
    .ProductsCate1 .main > ul > li > ul { display: none; }
    .ProductsCate1 ul li { margin-bottom: 12px; }
        .ProductsCate1 ul li a { display: block; line-height: 26px; color: #fff; height: 28px; border: 1px solid #e5c5ec; padding-left: 26px; background: #7c3190 url(../images/Default_images/icon_01.png) no-repeat 8px center; }
        .ProductsCate1 ul li li a { margin: 10px 5px 0 15px; display: block; line-height: 25px; height: 25px; color: #6a267b; padding-left: 25px; background: url(../images/Default_images/icon_02.png) no-repeat 10px center #ebebeb; }
        .ProductsCate1 ul li li li a { margin-left: 30px; }

/*.ProductsCate1 { border: 1px solid #b047c7; }
    .ProductsCate1 h3 { text-align: center; height: 38px; line-height: 38px; background: #7c3190; color: #fff; font-size: 16px; margin-bottom: 12px; }
    .ProductsCate1 ul li { margin-bottom: 12px; }
        .ProductsCate1 ul li a { margin: 10px 5px 0 15px; display: block; line-height: 25px; height: 25px; color: #6a267b; padding-left: 25px; background: #ebebeb; }*/


/* 常用区块效果 **********************/
#divCompanyInfo { }
    #divCompanyInfo img { width: 100%; background: #ccc; }
#divCompanyPhoto { }
    #divCompanyPhoto li { width: 33.33%; float: left; border: none; }
        #divCompanyPhoto li img { width: 100%; }

div.contact { display: none; }

div.page { }
    div.page p { display: none; }
    div.page li { line-height: 40px; font-size: 18px; }
        div.page li span { color: #d71518; }
        div.page li a { padding: 3px 8px; margin: 0px 10px; background: #ff7500; color: #fff; }


/*头部和底部/
/**----登陆注册----**/

.land-1 { }
.land-2 { display: none; }

#divHeader .logo .img2 { display: none; }
#divHeader .logo img { width: 100%; }
#divHeader .top { width: 100%; overflow: hidden; background: #eee; }
    #divHeader .top p { color: #333; line-height: 28px; }
    #divHeader .top .land { color: #000; line-height: 28px; float: right; }
        #divHeader .top .land .land-1 { float: left; margin-right: 20px; }
            #divHeader .top .land .land-1 a { color: #333; }
        #divHeader .top .land .land-2 { float: left; margin-right: 20px; }
            #divHeader .top .land .land-2 a { color: #333; }
        #divHeader .top .land .land-3 { float: left; }
            #divHeader .top .land .land-3 a img { margin-left: 6px; }

/**-----logo标题-----**/
#divHeader .top1 { padding: 20px 0; }
    #divHeader .top1 .col-md-3 { padding: 0; margin: 0; }
    #divHeader .top1 .col-md-4 { padding: 0; margin: 0; }
    #divHeader .top1 .col-md-5 { padding: 0; margin: 0; }
    #divHeader .top1 .logo img { width: 80%; text-align: left; margin-left: 30px; }
    #divHeader .top1 .logo_title img { width: 80%; }
    #divHeader .top1 .logo_icon { text-align: right; }
        #divHeader .top1 .logo_icon img { height: 32px; }
    #divHeader .top1 .tel { font-size: 36px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color: #f77500; text-align: right; }
        #divHeader .top1 .tel span { font-family: 'Microsoft YaHei'; font-size: 18px; color: #666; }

/**-----导航----**/
#divHeader .nav { width: 100%; background: #29013f; }
    #divHeader .nav .container { padding: 0; }
    #divHeader .nav ul { width: 100%; padding: 0 15px; }
        #divHeader .nav ul li { float: left; width: 12.5%; position: relative; z-index: 999; }
            #divHeader .nav ul li a { display: block; width: 100%; color: #fff; height: 46px; line-height: 46px; text-align: center; font-size: 16px; }
                #divHeader .nav ul li a:hover { color: #ffbb40; /*background: #ff7500;*/ }
            #divHeader .nav ul li.nav_li.selected ul { display: block; }
            #divHeader .nav ul li .nav_down { position: absolute; top: 46px; left: 0px; background: #6a267b; display: none; padding: 0px; }
            #divHeader .nav ul li ul li { float: none; width: auto; }
                #divHeader .nav ul li ul li a { width: auto; padding: 0 15px; text-align: center; font-size: 15px; line-height: 36px; height: 36px; }

            #divHeader .nav ul li div.nav_down { width: 880px; background: #6a267b; }
                #divHeader .nav ul li div.nav_down .item { width: 20%; float: left; border-top: 1px solid #fff; border-left: 1px dashed #fff; }
                    #divHeader .nav ul li div.nav_down .item:first-child { border-left-color: #6A267B; }
                    #divHeader .nav ul li div.nav_down .item h4 { padding: 15px 20px; text-align: left; font-size: 16px; font-weight: normal; color: #ffbb40; /*border-bottom: 1px solid #ccc;*/ margin: 0; }
                    #divHeader .nav ul li div.nav_down .item ul { height: 226px; overflow: hidden; }
                    #divHeader .nav ul li div.nav_down .item li { float: none; padding: 0; }
                        #divHeader .nav ul li div.nav_down .item li i { display: none; }
                        #divHeader .nav ul li div.nav_down .item li a { text-align: left; padding: 0 8px; }
                    #divHeader .nav ul li div.nav_down .item a.more { font-size: 13px; color: #ff7500; }
                    #divHeader .nav ul li div.nav_down .item a:hover { /*background: none;*/ /*text-decoration: underline;*/ }

/**-----搜索----**/
#divHeader .search { }
    #divHeader .search .keyword { float: left; width: 750px; }
        #divHeader .search .keyword ul { width: 95%; margin-left: 5%; }
        #divHeader .search .keyword li { float: left; line-height: 44px; color: #333; font-weight: bold; }
            #divHeader .search .keyword li a { color: #444; font-weight: normal; padding: 0 3px; }
                #divHeader .search .keyword li a:hover { color: #ffbb40; }

    #divHeader .search .inputbox { float: right; width: 244px; margin-top: 8px; position: relative; }
        #divHeader .search .inputbox input { position: absolute; }
        #divHeader .search .inputbox .text { background: #bbb; width: 230px; height: 28px; border-radius: 6px; border: none; padding-right: 40px; padding-left: 10px; color: #555; }
        #divHeader .search .inputbox .btn { width: 25px; height: 20px; z-index: 9; border: none; top: 4px; right: 0; margin-right: 20px; background: url(../images/Default_images/icon_04.png) no-repeat; }

#divFooter { width: 100%; background: #6a267b; padding: 40px 0 10px 0; margin-top: 30px; }
    #divFooter .container { position: relative; }
    #divFooter .nav .bg { background: #fff; border: 2px solid #6a267b; margin: 0 15px; }
    #divFooter .nav { position: absolute; top: -55px; left: 0px; text-align: center; width: 100%; }
        #divFooter .nav a { line-height: 30px; color: #6a267b; padding: 0 15px; }
    #divFooter .scanning { background: red; }
        #divFooter .scanning img { float: left; width: 68%; height: auto; }
        #divFooter .scanning p { float: left; text-align: center; color: #fff; font-size: 12px; line-height: 24px; }
    #divFooter .address { padding-bottom: 20px; }
        #divFooter .address p { color: #fff; font-size: 14px; line-height: 30px; }
    #divFooter .beauty { overflow: hidden; }
        #divFooter .beauty span { color: #fff; }
        #divFooter .beauty p { display: inline-block; color: #fff; font-size: 40px; line-height: 42px; letter-spacing: 5px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
        #divFooter .beauty span { display: block; }

    #divFooter .clear { display: none; }

div.m-navbar { position: absolute; top: 10px; right: 10px; height: 40px; z-index: 9999; }
    div.m-navbar a { display: inline-block; text-align: center; background: #6a2679; border-radius: 5px; margin: 0 5px; line-height: 24px; padding: 0 10px; color: #fff; }
    div.m-navbar i { width: 40px; height: 40px; line-height: 40px; font-size: 2.6rem; color: #fff; display: inline-block; }



@media (max-width: 768px) {

    body { overflow-x: hidden; padding: 0; margin: 0px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding: 0px; }
    .container { padding: 0px; }
    .row { margin: 0; }

    .flex-control-nav { display: none; }
    #divHeader .logo img { width: auto; }
    #divHeader .search { text-align: center; }
        #divHeader .search .keyword { float: none; width: 100%; }
            #divHeader .search .keyword ul { text-align: center; margin-left: 0; }
        /*#divHeader .search .keyword ul li { float: none; width: 100%; }*/

        #divHeader .search .inputbox { float: none; width: 100%; padding: 0 15px; position: relative; margin: 0 auto; padding-bottom: 50px; }
            #divHeader .search .inputbox .text { position: absolute; right: 0; top: 0; width: 160px; margin: 10px 0; }
            #divHeader .search .inputbox .btn { right: 0; margin-right: 5px; top: 14px; }

    .logo_text { display: none; }

    #divHeader .top .col-md-6 { float: left; width: 50%; }

    #divFooter .beauty { text-align: center;display:none; }
    #divFooter .address p span { font-size: 18px; line-height: 18px; }
    #divFooter .nav .bg { margin: 0; }
    #divFooter .container .col-md-3 { float: left; width: 50%; }
    #divFooter .container .col-md-5 { float: right; width: 50%; text-align: center; }
    #divFooter .container .col-md-2 { float: left; width: 50%; }
    #divFooter .clear { display: block; }
    #divFooter .scanning { background: none; text-align: center; }
        #divFooter .scanning img, #divFooter .scanning p { float: none; }
}

@media(max-width:760px) {

    h2 { font-size: 20px; }

    body { padding-top: 40px; }

    #divHeader .top { display: block; }
        #divHeader .top .note { display: none; }
        #divHeader .top .land-1 { display: block; float: none; margin: 0; position: fixed; top: 0; right: 100px; z-index: 99999; line-height: 42px; }
        #divHeader .top .land-2 { display: none; }
        #divHeader .top .land-3 { display: none; }

    #divHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 9998; background: #fff; border-bottom: 1px solid #ccc; }
        #divHeader .nav { display: none; position: fixed; width: 100%; top: 40px; z-index: 9999; }
        #divHeader .nav { display: block; }
            #divHeader .nav ul { padding: 0; }
                #divHeader .nav ul li { float: left; width: 100%; }
                    #divHeader .nav ul li a, #divHeader .nav ul li a.selected { display: block; text-align: center; margin: 0; background: none; border-bottom: #ccc 1px solid; background-color: #6a2679; color: #fff; }
                    #divHeader .nav ul li a { line-height: 20px; padding: 10px 0; height: auto; }
                    #divHeader .nav ul li .nav_down { float: left; position: static; background: #fff; }
                        #divHeader .nav ul li .nav_down li { float: left; width: 33.33%; }
                            #divHeader .nav ul li .nav_down li a { border: none; background: #fff; color: #6a267b; }
                    #divHeader .nav ul li div.nav_down { width: auto; background: #fff; height: 300px; overflow: auto; }
                        #divHeader .nav ul li div.nav_down .item { width: 100%; }
                            #divHeader .nav ul li div.nav_down .item h4 { padding: 4px 10px; background: #666; color: #fff; }
                            #divHeader .nav ul li div.nav_down .item li { float: left; width: 33.33%; }
                            #divHeader .nav ul li div.nav_down .item ul { height: auto; }
                    #divHeader .nav ul li ul li a { line-height: 30px; height: 30px; }

    div.m-navbar { }

    #divHeader .logo .logo { padding: 10px; }
    #divHeader .logo .img1 { display: none; }
    #divHeader .logo .img2 { display: block; height: 40px; }
    #divHeader .logo .right { display: none; }
    #divHeader .nav { display: none; }
    #divHeader .search { display: none; }

    #divFooter { margin-top: 0; padding: 10px 10px; }
        #divFooter .nav { display: none; }
        #divFooter .container .col-md-3, #divFooter .container .col-md-5 { float: none; width: 100%; }
        #divFooter .beauty p { font-size: 26px; }
            #divFooter .beauty p span { font-size: 22px; }
        #divFooter .address { margin-top: 10px; }
            #divFooter .address p { line-height: 20px; }

        #divFooter .nav { display: block; z-index: 999999; }
        #divFooter .bg { position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; width: 100%; border: none !important; }
            #divFooter .bg a { display: block; margin: 0; padding: 0; width: 25%; box-sizing: border-box; float: left; line-height: 36px; border: 1px solid #6a267b; }

    .h20 { display: none; }
    h3 { font-size: 20px; text-align: left; }
    .ProductsCate1 ul li, .ProductsCate ul li { margin-bottom: 5px; }

    #divHeader .nav ul li a:hover { background: none; }
    #divHeader .nav ul li .nav_down { display: none; }
    div.detailMemo .photo a h3 { text-align: center; }
}


.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_030s { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_050s { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_075s { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_100s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_150s { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_200s { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_300s { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_500s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_1s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_5s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.css3-t-scale { -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }
.css3-ease-in-out { -webkit-transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -ms-transition: all 1.6s ease-in-out; -o-transition: all 1.6s ease-in-out; transition: all 1.6s ease-in-out; }

@-webkit-keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

@keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

.t_ScaleInOut { -webkit-animation-name: t_ScaleInOut; animation-name: t_ScaleInOut; }


@-webkit-keyframes t_InUp {
    0% { opacity: 1; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes t_InUp {
    0% { opacity: 1; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

.t_InUp { -webkit-animation-name: t_InUp; animation-name: t_InUp; }