@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { /* border-collapse: collapse; */ border-spacing: 0; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.14 \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, arial, \9ED1\4F53, \5b8b\4f53; outline: 0; color: #3F3F3F; }
a, a:link { text-decoration: none; color: inherit; }
h1 { font-size: 20px;}
h2 { font-size: 23px }
h3 { font-size: 21px }
h4 { font-size: 19px }
h5 { font-size: 17px }
h6 { font-size: 15px }
body { min-width: 1410px; }
/*************************/
.article-format { font-size: 14px; line-height: 25px; margin: 0px 20px 0px 20px; word-break: break-all; /*支持IE，chrome，FF不支持*/ 　　word-wrap: break-word;/*支持IE，chrome，FF*/ padding-top: 0px; }
.article-format p{ margin:10px 0px}
.header { background: url("../images/mainnav-bk.png") repeat-x left bottom; height: 98px; overflow: hidden; }
.header ul { width: 1136px; margin: 0px auto; height: 98px; }
.header ul li { float: left; text-align: center; background: url("../images/mainnav-line.png") no-repeat right bottom; }
.header ul li a.menu { line-height: 98px; display: inline-block; position: relative; width: 121px; font-size: 15px; color: #464646; /* font-weight: bold; */  }
.header ul li a.menu span { position: absolute; font-size: 10px; width: 100%; left: 0px; top: 67px; line-height: 12px; color: #ccc; font-weight: normal;  }
.header ul li a.menu i { position: absolute; left: 0px; top: 88px; border-bottom: 3px solid #713380; width: 16px; margin-left: 10px; }
.header ul li a.menu:hover { background: url("../images/bottom.jpg") no-repeat center bottom #A11C79; color: #fff; }
.header ul li a.menu:hover span { color: #fff }
.header ul li a.menu:hover i { border-bottom: 3px solid #fff }
.header ul li a.logo { display: inline-block; padding: 12px 30px 0 0; }
.logo img { width:210px; height:auto; margin-top:15px }
.header ul li.end { background: none; }

/*****************/
.footer-blo { border-top: 1px solid #ccc; margin-top: 20px; clear: both; background: #E6E6E3; }
.footer { width: 1113px;  margin: 0px auto; padding-top: 20px; position: relative;  }
.footer .left-pic { float: right; padding: 0 20px 0 70px;}
.footer .left-pic img { display: block; padding-top: 5px;}
.footer .code { float: right;}
.footer .code p { font-size: 16px; color: #666; padding-top: 10px; text-align: center;}
.footer .footer-nav{ display: inline-block; float: left; font-size: 15px; color: #A11C79; padding: 0 60px 20px 25px;}
.footer .footer-nav ul {}
.footer .footer-nav ul li {font-size: 13px; color: #666; padding-top: 10px;}
.f-weight { width: 1113px; height: 30px; line-height: 30px; color: #fff; margin: 0 auto; }
.footer-blo .copyright { clear: both;height:30px; background: #A11C79;}
.footer-blo .copyright .left { float: left;}
.footer-blo .copyright .right { float: right; }
/********************/
.cont { margin-top: 20px; margin-bottom: 20px; }
.cont-conter { width: 720px; margin: 0px auto; min-height: 400px; float: left; }
.pro-nav { width: 240px; margin: 0px auto; padding-bottom: 10px; margin-bottom: 20px; float: left; border-top: 10px solid #713380; padding-top: 15px; }
.pro-nav li { height: 40px; background: url(../images/lit.png) no-repeat #CCCECE 185px center; margin-bottom: 1px; }
.pro-nav li a { height: 40px; line-height: 40px; display: block; font-size: 15px; color: #000; padding: 0px 30px; }
.pro-nav li:hover, .pro-nav li.select { background: url(../images/lit2.png) no-repeat #713380 185px center; color: #fff }
.pro-nav li:hover a, .pro-nav li.select a { color: #fff; }
/***********************/
.twoMenu { height: 0px; overflow: hidden; display: none; position: relative; background-color: #fff; width: 100%; }
.twoMenu ul { display: none; position: absolute; top: 0; left: 100%; width: 100%; text-align: center; padding: 10px 0px; background-color: #fff }
.twoMenu ul li { display: inline-block; +display:inline; padding-left: 40px;  }
.twoMenu ul li p { color: #A11C79; }
.m-page { text-align: center; font-size: 0; letter-spacing: -0.307em; *letter-spacing: normal;
 *word-spacing: -1px;
word-wrap: normal; white-space: nowrap; color: #BE4BDA; clear: both; margin: 27px 0px; }
.m-page a, .m-page i { display: inline-block; *display: inline;
 *zoom: 1;
vertical-align: top; font-size: 12px; letter-spacing: normal; word-spacing: normal; background: #8A8A8A; font-weight: bold; line-height: 25px; }
.m-page a, .m-page a:hover { text-decoration: none; color: #FFF; }
.m-page a.first { margin-left: 0; }
.m-page a.last { margin-right: 0; }
.m-page a .pagearr { font-weight: bold; font-family: \5b8b\4f53; vertical-align: top; *vertical-align: middle;
}
.m-page a.pageprv .pagearr { margin-right: 3px; }
.m-page a.pagenxt .pagearr { margin-left: 3px; }
.m-page a:hover { background-color: #A11C79; }
.m-page a:active { background-color: #e6651d }
.m-page a.z-crt, .m-page a.z-crt:hover, .m-page a.z-crt:active { cursor: default; color: #FFF; background-color: #A11C79; }
.m-page a.z-dis, .m-page a.z-dis:hover, .m-page a.z-dis:active { cursor: default; color: #FFF; background-color: #ccc; }
.m-page-lt { text-align: left; }
.m-page-rt { text-align: right; }
.m-page-sm { line-height: 22px; }
.m-page-sm a, .m-page-sm i { padding: 0 9px; }
.m-page-sr a, .m-page-sr i { margin: 0 3px; }
.m-page-sr i { border: 0; }
.carousel { text-align: center; position: relative; }
/******************/
.other-nav p { background: url(../images/1.jpg) no-repeat center center; }
.other-nav p a { font-size: 10px; line-height: 42px; width: 125px; display: inline-block; text-align: center; }
.other-nav { margin-top: 16px; margin-left: 20px; }
.content { width: 960px; margin: 0px auto; margin-top: -230px; position: relative; }
.page-title { padding: 11px 10px; color: #fff; background-color: #000; background: rgba(0, 0, 0, 0.4)!important; filter: Alpha(opacity=40); background: #000; }
.page-title .rel { position: relative; }
.page-title h1 { font-weight: normal; }
.crumbs { position: absolute; right: 0; top: 0; line-height: 25px; }
.board { background: url(../images/70655.jpg) repeat-y #fff; display: table; }
.pro-nav ul { width: 210px; margin: 0px auto; margin-bottom: 20px; }
h2.article-title { border-bottom: 1px solid #E3E3E3; line-height: 47px; font-size: 18px; padding-left: 25px; font-weight: normal; color: #713380;}
.left-board { float: left; width: 210px; border-top: 10px solid #A44FB9; padding: 0px 15px; padding-top: 15px; }
.left-content { background-color: #713380; width: 190px; padding: 20px 10px; margin: 0px auto 30px auto; }
.left-content-item { color: #fff; margin-bottom: 10px; }
.left-content-item span { line-height: 30px; display: block; }
.left-content-item .address { width: 60px; }
select#province { }
.left-content-item select { width: 190px; }
.first-news { margin: 20px; position: relative; height: 131px; }
.first-news a, .first-news p { margin-left: 242px; }
.first-news img { position: absolute; left: 0; top: 0; }
.first-news .til { line-height: 36px; font-size: 16px; }
.first-news p { height: 76px; line-height: 20px; font-size: 14px; }
.first-news a.more { color: #A44FB9; float: right; }
h2.article-title a.more { float: right; font-size: 12px; font-weight: normal; color: #A54FBA; margin-right: 20px; }
.news-list ul .double { background-color: #FCFCFC; }
.news-list2 { float: left; width: 448px; }
.ad { float: right; width: 215px; }
.news-list2 .news-list { width: 430px; }
.news-list2 .news-list li a { max-width: 408px; }
.ad img { padding: 10px; background-color: #E8E8EA; }
form.anti-fake { padding: 30px 116px; border-bottom: 1px solid #E3E3E3; display: table; width: 488px; margin-bottom: 20px; }
form.anti-fake .txt { border: 1px solid #891F67; line-height: 35px; width: 173px; height: 35px; padding-left: 10px; }
form.anti-fake .btn { height: 39px; background: url(../images/24.jpg) no-repeat center center #891F67; border: none; width: 45px; }
form.anti-fake input { float: left; }
.service-board { display: table; padding: 0px 20px; width: 680px; margin-bottom: 20px; border-bottom: 1px solid #E3E3E3; padding-bottom: 35px; }
.map { float: left; width: 240px; }
.policy { float: right; width: 409px; }
.map strong { font-size: 18px; line-height: 34px; }
.policy p { line-height: 20px; text-indent: 2em; font-size: 14px;}
.college-small-news { display: table; }
.college-small-news .news-list2 { width: 337px; margin-right: 23px; }
.college-small-news .news-list2 .news-list { width: 337px; }
.layer { background: url(../images/b.png) repeat-x; position: absolute; height: 60px; width: 100%; bottom: 0px; }
.dotes { margin: 0px 20px; margin-top: 20px; }
.dotes table { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ECECEC; width: 100%; line-height: 30px; }
.links { margin-top: 10px; line-height: 25px; padding-left: 100px; border-bottom: 1px solid #E2E2E2; padding-bottom: 20px; }
.links span { position: absolute; left: 0; top: 0; font-size: 18px; font-weight: bold; }
.links a { /* margin-right: 10px; */ border-right: 1px solid #939393; padding: 0px 5px; }
a.malls { margin-bottom: 10px; display: block; }
h2.news-title { text-align: center; font-size: 18px; color: #713380; line-height: 40px; font-weight: normal;}
span.news-info { text-align: center; display: block; color: #B9B9B9; }


 .sec-pro-nav { clear: both; /* overflow: hidden; */ margin: 11px 23px; padding-bottom: 10px; border-bottom: 1px solid #E3E3E3; margin-bottom: 20px; height: 41px;}
.sec-pro-nav li { float: left; margin-right: 13px; text-align: center; width: 86px;}
.sec-pro-nav li a { height: 30px; width: 86px; line-height: 30px; display: block; font-size: 15px; color: #000; }
.sec-pro-nav li:hover, .sec-pro-nav li.select { background: url(../images/tb.jpg) no-repeat; color: #fff }
.sec-pro-nav li:hover a, .sec-pro-nav li.select a { color: #fff; background: url(../images/tb2.jpg) no-repeat right center; }

.sec-pro-nav li:hover ul li a{background:none; color:#000 }
.sec-pro-nav li:hover ul li a:hover{background: url(../images/tb2.jpg) no-repeat right center; color:#fff}
.sec-pro-nav li ul {
    background-color: #F5F5F5;
    position: absolute;
    z-index: 9999;
}
.sec-pro-nav li ul li {float:none;margin: 10px 0px;}

.A11C79 { color: #A11C79; }
.main { width: 1113px; margin: 10px auto;  background: grey;}
.main .top { }
.main .top ul { }
.main .top .classify { display: inline-block; float: left; width: 340px; height: 250px; margin: 20px 10px 20px 0;}
.main .top h3 { display: inline-block; position: relative; top:-55px; left: 138px; font-size: 16px; color: #fff;}
.main .top p { font-size: 13px; line-height: 200%;}
.main .top em { float: right; font-style: normal;}
.main .bottom {}
.main .bottom ul {}
.main .bottom ul li { float: left; width: 340px; height: 204px; margin: 0 10px 20px 0; overflow: hidden;}
.main .bottom h3 { display: inline-block; position: relative; top: 35px; left: 138px; font-size: 16px; color: #fff;}
.main .bottom .summary { position: relative; top:80px; left: 10px; width: 320px; color: #fff; }
.main .bottom .summary p { font-size: 13px; line-height: 175%;}

.main .index-product { position: relative; float: left; width: 330px; height: 261px; margin: 0 10px 20px 0; background: #A11C79; border:2px solid #A11C79; }
.index-branding, .index-join, .index-culture {  float:left; width: 239px; height: 261px; background: #A11C79; margin: 0 10px 20px 0; border: 2px solid #A11C79;}
.index-product h3, .index-branding h3, .index-join h3, .index-culture h3 { color: #fff; font-size: 15px; letter-spacing: 1px; text-align: center; padding: 10px 0;}
.index-product p, .index-branding p, .index-join p, .index-culture p { color: #fff; width: 95%; font-size: 13px; text-align: center; margin: 0 auto;}
.index-product em, .index-branding em, .index-join em, .index-culture em { position: relative; left: 183px; top: 24px; display: inline-block; width: 55px; height: 16px; line-height: 16px; font-size: 10px; color: #A11C79; font-style: normal; text-align: center; cursor: pointer; border-radius: 2px; background: #fff;}
.index-news { clear: both; display: inline-block; float: left; width: 587px; height: 220px; color: #A11C79; margin-right: 10px; background: #fff;}
.index-news .title {  border-bottom: 1px solid #A11C79; margin-bottom: 10px;}
.index-news .bottom { display: inline-block; width: 135px; padding-bottom: 3px; border-bottom: 4px solid #A11C79;}
.index-news .cn { font-size: 15px; }
.index-news .more { float: right;}
.index-news .summary { display: inline-block; float: right; width: 65%; height: 155px; font-size: 13px;  }
.summary ul {}
.summary ul li { padding: 7px 0;}
.summary ul li em { float: right; color: #666; font-style: normal; padding-right: 5px;}
.summary ul li p { color: #666; text-align: left;}
.index-contact { display: inline-block; float: left; width: 501px; height: 220px; background: #fff;}
.index-contact .title {  border-bottom: 1px solid #A11C79; margin-bottom: 10px;}
.index-contact .bottom { display: inline-block; width: 135px; color: #A11C79; padding-bottom: 3px; border-bottom: 4px solid #A11C79;}
.index-contact .cn { font-size: 15px; }
.index-contact .contact { width: 56%; height: 155px; font-size: 13px;  float: right;}
.index-contact .contact p { padding: 7px 0;}

.sidebar { position: relative; float: left; top: -34.5px; display: inline-block; width: 250px;  }
.sidebar ul {}
.sidebar ul li { width: 250px; height: 35px; font-size: 13px; line-height: 35px; margin-top: 5px; text-indent: 20px; background: #DCDCDC; }
.sidebar ul li:hover { color: #fff; background: #4D4948; }
.sidebar .contact { margin-top: 10px; height: 88px;}
.sidebar .contact span { position: relative; top: -52px; left: 20px; font-size: 16px; color: #fff;}

.container, .news-list { /*display: inline-block;*/ float: right; width: 780px; margin: 20px 50px 20px 0; }
.container .nav, .news-list .nav { margin-bottom: 20px; }
.container .line, .news-list .line { float: right; width: 550px; height:8px; border-bottom: 1px solid #ccc;  }
.container .text, .news-list .text { margin: 25px 0; font-size: 13px; line-height: 24px; letter-spacing: 2px;}
.text p { font-size: 13px; line-height: 24px;}
.text p span { font-size: 13px; line-height: 24px;}

.news-list ul {}
.news-list ul li { height: 220px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; overflow: hidden;}
.news-list ul li img { width: 320px; height: 200px;  margin-right: 20px; padding: 1px; border: 1px solid #000; overflow: hidden}
.news-list ul li h3 { margin-bottom: 10px; font-size: 15px;}
.news-list ul li p { height: 75%; font-size: 13px; line-height: 24px; letter-spacing: 1px; text-indent: 25px; overflow: hidden; }

.product-list {}
.product-list ul {}
.product-list ul li { float: left; width: 31%; height: 380px; margin: 10px 0 10px 10px; border: 1px solid #ccc;}
.product-list ul li h3 { text-align: center; font-size: 15px; padding-top: 10px; border-top: 1px solid #ccc;}
.product-list-pic { width: 100%; height: 65%; text-align: center; margin: 0 auto; }
.product-list-pic img { clear: both; display: block; margin: auto; }
.product-list-summary { padding: 5px 0 0 10px; line-height: 125%;}
.product-list-summary p { }

.product-show {  }

.product-imgaa {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    float: left;
    width: 350px;
    height: 350px;
    border: 1px solid #CCC;
}
.product-imgaa img {

}
.product-show-info {
    margin: 40px 0 0 380px;
}
.product-show-info span.num {
    font-size: 20px;
    font-weight: bold;
    color: #A11C79;
    padding-right: 20px;
}
.product-show-info span.price {
    font-size: 16px;
}
.product-show-info span.price em {
    color: #A11C79;
}
.product-show-info div {
    margin: 10px 0;
    border-bottom: 1px solid #666;
}
.product-show-info #left-button {
    position: relative;
    top: 2px;
    width: 120px;
    left: 0px;
    height: 4px;
    background: #A11C79;
    margin: 0px;
    border: 0px;
}
.product-show-info #right-button {
    position: relative;
    top: 2px;
    left: 120px;
    width: 120px;
    height: 4px;
    background: #A11C79;
    margin: 0px;
    border: 0px;
    display: none;
}
.product-show-info div span {
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
}
.product-show-info .article0, .product-show-info .article1 {
    font-size: 13px;
    line-height: 24px;
}
.product-detail {
    clear: both;
    background: url("../images/product-line.png") repeat-x;
}
.product-detail h2 {
    font-size: 20px;
    padding: 30px 0 20px 0;
    border-bottom: 1px solid #ccc;
}
.product-detail .product-content {
    margin: 20px 0;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 2px;
}


.feedback { position: fixed; right: 0px; top: 100px; width: 330px; height: 396px; background: #A11C79; border: 4px solid #4F0D3B; border-top: none; z-index: 9999;}
.feedback .pen { display: inline-block; position: relative; top: -20px; left: 15px; width: 36px; height: 447px; background: url("../images/pen.png") no-repeat; }
.feedback .close { display: block; position: relative; top: -447px; left: -56px; width: 52px; height: 52px; background: url("../images/close.jpg") no-repeat; cursor: pointer; }
.feedback .open { display: none; position: relative; top: -447px; left: -56px; width: 52px; height: 52px; background: url("../images/open.jpg") no-repeat; cursor: pointer; }
.feedback .info { display:inline-block; position: relative; top: -480px; left: 70px;}
.feedback .info p { color: #fff; font-size: 16px; padding-top: 10px; letter-spacing: 2px;}
.feedback .info .input-text { width: 230px;}
.feedback .info textarea { display: block; width: 230px; height: 50px; margin-bottom: 10px;}
.feedback .info .abuttom { width: 50px; color: #A11C79; font-weight: bold;}

.index-img { width: 239px; height: 167px; }
.join { background: url("../images/index-join.jpg");}
.brand { background: url("../images/index-branding.jpg");}
.culture { background: url("../images/index-culture.jpg");}


/*********首页轮播******************/
.swiper-container {
        width: 100%;
        height: 377px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }