.container{position:relative; height:200px; background-size:cover; background-position:50% 0; background-repeat:no-repeat;}
.banner-partner{background-image:url(../img/partner_bg.jpg);}
.banner-news{background-image:url(../img/news_bg.jpg);}
.banner-about{background-image:url(../img/about_bg.jpg);}
.banner-development{background-image:url(../img/development_bg.jpg);}
.banner-brand{background-image:url(../img/brand_bg.jpg);}
.banner-contact{background-image:url(../img/contact_bg.jpg);}

.back{position:absolute; bottom:0; right:22px; width:116px; height:58px; border-radius:60px 60px 0 0; background:#fff; color:#1d24ab; text-align:center;}
.back i{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.back:hover i{-webkit-transform:translate3d(0,-3px,0) scaleX(1.2); -moz-transform:translate3d(0,-3px,0) scaleX(1.2); transform:translate3d(0,-3px,0) scaleX(1.2);}


.menu-sub{position:absolute; bottom:0; left:50%; width:1200px; margin-left:-600px; line-height:36px; font-size:14px;}
.menu-sub li{float:left; width:118px; height:100%; margin:1px 1px 0 0; text-align:center;}
.menu-sub li a{display:block; height:100%; color:#fff; background:#aaa; background:rgba(0,0,0,.6); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.menu-sub li a:hover{background:rgba(0,0,0,.76);}
.menu-sub li.act a{background:#1d24ab;}
.menu-sub.about-sub li{width:auto;}
.menu-sub.about-sub li a{padding:0 10px;}



.item-list{width:96%; max-width:1200px; *width:1200px; margin:auto; padding:10px 0;}
.item-title-wrap{position:relative; width:100%; height:34px; border-bottom:1px solid #eee; line-height:34px; overflow:hidden; text-align:center;}
.item-title-prev, .item-title-next{width:40px; height:100%; font-family:'宋体'; -webkit-transition:0.18s; -moz-transition:0.18s; transition:0.18s;}
.item-title-prev{float:left;}
.item-title-next{float:right;}
.item-title-prev:active{text-indent:-6px;}
.item-title-next:active{text-indent:6px;}
.item-title-container{position:absolute; top:0; right:40px; left:40px; height:100%; overflow:hidden;}
.item-title{position:absolute; top:0; left:0; height:100%; font-size:16px;}
.item-title li{position:relative; float:left; width:100px; height:100%; margin:0 40px;}
.item-title li.act:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#1d24ab;}
.item-title li a{display:block; height:100%; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.item-title li.act a, .item-title li a:hover{color:#1d24ab;}


.item-special{margin:20px auto 40px; background:#1d24ab;}
.item-special a{display:block; overflow:hidden; color:#fff;}
.item-special picture{position:relative; float:left; width:33.3%; height:0; padding-top:25%; overflow:hidden;}
.item-special picture img{position:absolute; top:0; left:0; width:100%; height:auto; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;}
.item-special figcaption{position:relative; float:right; width:62%; margin-right:2%;}
.item-special figcaption h2{margin:18px 0 8px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.item-special figcaption p{height:115px; margin-bottom:14px; color:#ccc; line-height:1.4; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.item-special figcaption span{color:#ddd; font-size:12px;}
.item-special a:hover picture img{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}
/*.item-special a:hover figcaption h2{color:#1d24ab;}*/
.item-special a:hover figcaption p{color:#fff;}

.item-content{margin-top:20px;}
.item-content li{margin-bottom:15px; border-bottom:1px solid #efefef; line-height:82px;}
.item-content li:hover{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.item-content li a{position:relative; display:block; height:100%; color:#666; *zoom:1; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
.item-content li a:after{content:''; display:block; width:0; height:0; clear:both;}
.item-content li a:hover, .item-content li.act a{color:#1d24ab;}
.item-content li span, .item-content.pic2 li a{position:relative; float:right; margin-right:16px;}
.item-content li i{display:inline-block; margin-left:5px; font-family:'宋体'; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.item-content li p{float:left; width:70%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left: 20px;}
.item-content li picture{overflow:hidden;}
.item-content li picture img{max-width:100%; vertical-align:top;}

.item-content.piece li{height:80px; border:1px solid #f1f1f1; line-height:80px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.item-content.piece li:hover, .item-content.piece li.act{border-color:#1d24ab;}

.item-content.piece.piece2 li{position:relative; padding-left:100px;}
.item-content.piece a{padding-left:100px;}
.item-content.piece.piece2 a{padding-left:0;}

.item-date{position:absolute; top:0; left:0; width:70px; height:60px; padding:10px 0; background:#c9caca; color:#fff; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.item-date .date-day{font-size:36px; line-height:1.2;}
.item-date .date-month{font-size:12px; line-height:1.4;}
.item-content li:hover .item-date, .item-content li.act .item-date{background:#0a2f8f;}
.item-content .piece-s1{float:right; margin-right:15px;}
.item-content .piece-s1.piece-down{position:relative;}
.item-content .piece-s1.piece-down:before, .item-content li span:before, .item-content.pic2 li a:before{content:''; position:absolute; top:50%; left:-10%; z-index:-1; width:120%; height:30px; margin-top:-15px; background:transparent; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.item-content li a:hover span:before, .item-content.pic2 li:hover a:before{background:#1d24ab;}
.item-content li a:hover span{color:#fff;}
.item-content li a:hover .piece-s1.piece-down i, .item-content li a:hover span i, .item-content.pic2 li a:hover i, .item-content li.act a .piece-s1.piece-down i{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.item-caption{height:80px; margin-right:120px; padding:10px 0; line-height:1.4; overflow:hidden;}
.item-caption h3{width:100%; color:#333; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; line-height:60px;}
.item-content a:hover .item-caption h3{color:#1d24ab;}
.item-content li .item-caption p{float:none; width:auto; margin-top:5px; color:#666; font-size:14px;}


.item-content.pic1{margin-top:40px;}
.item-content.pic1 a{padding-left:112px;}
/*.item-content.pic2 a{padding-left:230px;}*/
.item-content.pic1 picture{position:absolute; top:0; left:20px; height:125px; width:92px;}
.item-content.pic2 picture{position:absolute; top:0; left:20px; height:115px; width:210px;}
.item-content.pic1 li{padding:12px 0; line-height:125px;}
.item-content.pic2 li{position:relative; padding:12px 0; padding-left:230px; line-height:115px; overflow:hidden;}
.item-content.pic2 li a{margin:0 16px;}
.item-content.pic2 li:hover a{color:#fff;}
.item-content.pic2 li p{width:50%;}
.item-content.pic2 li:hover p{color:#1d24ab;}


.news-detail{width:96%; max-width:1020px; *width:1200px; margin:auto; padding:70px 0 100px;}
.news-detail h1{color:#333; font-size:26px; text-align:center;}
.news-detail aside{display:block; margin:10px 0 20px; color:#666; text-align:center; font-size:14px;}
.news-detail article{padding:40px 0; border-top:1px solid #cecfcf;}
.news-detail article p{margin-bottom:20px; color:#666; line-height:1.8;}



.about01, .about-concept, .about02, .about04, .about05, .about06, .about07, .development, .product-summary, .product, .promotion, .contact, .maps{width:96%; max-width:1200px; *width:1200px; margin:30px auto;}
.about07{min-height:600px;}

.about01-summary{float:left; width:60%;}
.about01-summary h1{margin-bottom:20px; color:#333; font-size:20px;}
.about01-summary p{margin-bottom:15px; color:#666; line-height:1.8;}

.about01-pic{float:right; width:35%; overflow:hidden;}
.about01-pic img{width:100%; vertical-align:top;}

.about01-feature{float:left; width:60%; margin-top:40px; overflow:hidden; text-align:center;}
.about01-feature li{float:left; width:33.3%; height:186px;}
.about01-feature li a{display:block; height:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about01-feature li em{display:block; color:#1d24ab; font-size:106px; line-height:1.3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about01-feature li p{color:#1d24ab; font-size:16px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about01-feature .about01-feature01{background-color:#e6e6e6;}
.about01-feature .about01-feature02{background-color:#f8f8f8;}
.about01-feature .about01-feature03{background-color:#e6e6e6;}
.about01-feature li a:hover{background:#1d24ab;}
.about01-feature li a:hover em, .about01-feature li a:hover p{color:#fff;}


.about-concept{overflow:hidden;}
.about-concept li{position:relative; float:left; width:32%; height:436px; margin-right:2%; border-top:6px solid #1d24ab;}
.about-concept li picture{height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.about-concept li.concept03{margin-right:0;}
.about-concept li.concept01 picture{background-image:url(../img/about02.jpg);}
.about-concept li.concept02 picture{background-image:url(../img/about03.jpg);}
.about-concept li.concept03 picture{background-image:url(../img/about04.jpg);}
.about-concept li div{position:absolute; right:0; bottom:0; left:0; height:74px; padding:0 5%; background:rgba(29,36,171,.85); color:#fff; overflow:hidden; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
.about-concept li div h2 {
    position: relative;
    font-size: 18px;
    font-weight:bold;
    line-height: 74px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}

.about-concept li div h2:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.about-concept li div article {
    margin-top: 30px;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: .8s .5s;
    -moz-transition: .8s .5s;
    transition: .8s .5s;
    line-height: 1.3;
}

.about-concept li div article h3 {
    font-size: 14px;font-weight:bold;
}

.about-concept li div article p {
    margin-bottom: 10px;
    font-size: 12px;
}

.about-concept li:hover div{height:100%; background:rgba(29,36,171,.95);}
.about-concept li.concept01:hover div, .about-concept li.concept02:hover div{height:50%;}
.about-concept li:hover div h2{-webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px);}
.about-concept li:hover div h2:after{opacity:0; -webkit-transform:rotate(45deg) translate3d(-100px,-100px,0); -moz-transform:rotate(45deg) translate3d(-100px,-100px,0); transform:rotate(45deg) translate3d(-100px,-100px,0);}
.about-concept li:hover div article{opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}


.about02{overflow:hidden;}
.about02 img{float:left; max-width:84%; margin:0 20px 10px 0; vertical-align:top;}
.about02 h1{margin-bottom:10px; color:#1d24ab; font-size:24px;}
.about02 summary{color:#1d24ab;}
.about02 article{margin:18px 0 30px; padding-top:18px; border-top:1px solid #b0bcdb;}
.about02 article p{margin-bottom:15px; color:#666; line-height:1.8;}
.about02-sign{color:#666; font-size:16px; text-align:right;}


.about04-title{height:32px; line-height:22px; border-bottom:1px solid #d1d1d1; text-align:center;}
.about04-title li{position:relative; display:inline-block; *display:inline; *zoom:1; height:100%; margin:0 15px; padding:0 15px; font-size:16px; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about04-title li:after{content:''; position:absolute; top:100%; left:50%; width:10px; height:10px; margin:-6px 0 0 -6px; border-radius:50%; border:1px solid #d1d1d1; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about04-title li.act, .about04-title li:hover{color:#1d24ab;}
.about04-title li.act:after{background:#1d24ab; border-color:#1d24ab;}
.about04-content{margin-bottom:80px;}
.about04-content img{display:block; margin:20px auto; max-width:80%;}
/* .about04-content dl{max-width:1100px; margin:20px auto 0; padding-bottom:20px; border-bottom:1px solid #f2f2f2;}
.about04-content dl:last-of-type{border-bottom:0;}
.about04-content dl dt{margin-bottom:15px; color:#000; font-size:18px; font-weight:bold;}
.about04-content dl dt span{font-size:14px; margin-left:15px; color:#1d24ab; font-weight:normal;}
.about04-content dl dd{color:#666; line-height:1.7;} */

.about04-content dl{
    max-width:1100px; 
    margin: auto 0;
    padding: 30px 0;
    overflow: hidden;
    border-bottom:1px solid #eee;
}
.about04-content dl:last-of-type{border-bottom:0;}
.about04-content dl dt{
    /* margin-bottom:15px; color:#000; 
    font-size:18px; font-weight:bold; */
    float: left;
    margin-right: 30px;
}
.about04-content .pic{
    width: 160px;
    height: 160px;
    overflow: hidden;
}
.about04-content .pic img{
    display: block;
    width: 100%;
    margin: 0;
    max-width: none;
}
/* .about04-content dl dt span{font-size:14px; margin-left:15px; color:#1d24ab; font-weight:normal;} */
.about04-content dl dd{
    overflow: hidden;
    /* color:#666; line-height:1.7; */
}
.about04-content .tit{
    margin-bottom: 15px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.about04-content .tit span{
    font-size: 14px;
    margin-left: 15px;
    color: #1d24ab;
    font-weight: normal;
}
.about04-content .desc{
    color: #666;
    line-height: 1.8;
}

.about05{}
.about05 ul{margin-top:30px; overflow:hidden;}
.about05 ul li{float:left; width:30%; margin:0 5% 30px 0;}
.about05 ul li:nth-of-type(3n){margin-right:0;}
.about05 ul li a{position:relative; display:block; height:210px; padding:60px 5% 0; background:#fff; border:1px solid #dedede; overflow:hidden;}
.about05 ul li a:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:8px; opacity:0; -webkit-transform:translateY(8px); -moz-transform:translateY(8px); transform:translateY(8px); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about05 ul li h2{position:absolute; top:0; right:0; left:0; height:40px; padding:0 5%; background:#1d24ab; color:#fff; font-size:18px; line-height:40px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about05 ul li h2 span{float:right; color:#fff; font-size:14px;}
.about05 ul li h2 i{display:inline-block; margin-left:5px; font-family:'宋体'; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about05 ul li a:hover:after{background:#1d24ab; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.about05 ul li a:hover h2 i{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.about05 ul li h3{margin:10px 0; color:#333; font-size:16px;}
.about05 ul li p{color:#666; line-height:1.7;}

.download{display:block; float:right; width:170px; height:44px; background:#fff; border:1px solid #e4e4e4; color:#333; text-align:center; line-height:44px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.download i{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.download:hover{border-color:#1d24ab; background:#1d24ab; color:#fff;}



.about06 h1{color:#333; font-size:20px;}
.about06 summary{margin:20px 0 36px; color:#666;}

.about-figure{width:1200px; height:265px; margin:0 auto 24px; overflow:hidden; -ms-animation:fadeIn 0.7s 0.7s both;}
.about-figure figcaption{position:relative; width:384px; height:100%;}
.about-figure figcaption article{position:absolute; top:0; bottom:0; width:324px; padding:20px 30px; background:#1d24ab; color:#fff; overflow:hidden; -webkit-transition:0.6s 0.3s; -moz-transition:0.6s 0.3s; transition:0.6s 0.3s;}
.about-figure .fl article{left:0;}
.about-figure .fr article{right:0;}
.about-figure figcaption article.act{width:732px; -webkit-transition-delay:0s; -moz-transition-delay:0s; transition-delay:0s;}
.about-figure figcaption article h2{position: absolute; top: 50%; left: 50%; margin-bottom:10px; font-size:22px; transform: translate(-50%,-50%);/*-webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px); */-webkit-transition:0.6s 0.3s; -moz-transition:0.6s 0.3s; transition:0.6s 0.3s;}

/*.about-figure:nth-of-type(2n) figcaption article h2{text-indent:115px;}
.about-figure:nth-of-type(3) figcaption article h2{text-indent:115px;}*/

.about-figure figcaption article.act h2{text-indent:0 !important;  top: 20px; left: 30px;  -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0s; -moz-transition-delay:0s; transition-delay:0s;}
.about-figure figcaption article p{width:100%; font-size:14px; opacity:0; filter:alpha(opacity=0); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px); -webkit-transition:0.7s; -moz-transition:0.7s; transition:0.7s;}
.about-figure figcaption article.act p{opacity:1; filter:alpha(opacity=100); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transform:translateY(40px); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s;}

.dm-figure figcaption article.act{width:1140px;}


.about-figure div{width:816px; height:100%; overflow:hidden;}
.about-figure div img{float:left; width:384px; height:auto;}
.about-figure div img.fullpic{width:100%;}
.about-figure div.fr img{margin-left:24px;}
.about-figure div.fl img{margin-right:24px;}


.history-list{position:relative; margin:12px 0; padding-left:84px; line-height:28px;}
.history-list.jxjx li:before{top:30%;}

.history-list:before{content:''; position:absolute; top:42px; bottom:0; left:41px; border-right:2px dashed #e3e3e3;}
.history-list li{position:relative; border-bottom:1px solid #e0e0e0;color:#666; margin-bottom: 20px; min-height:50px;}
.history-list li a{display:block; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.history-list li:hover{color:#1d24ab;}
.history-list li:before{content:''; position:absolute; top:15px; left:-42px; width:26px; height:26px; margin:-13px 0 0 -13px; border-radius:50%; background:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.history-list li:hover:before{background:#1d24ab;}


.development h1{margin-bottom:16px; color:#333; font-size:20px;}
.development summary{float:left; width:550px; color:#666;}
.development-report{float:right; margin-bottom:50px;}
.development-report a{display:inline-block; width:200px; height:43px; border:1px solid #e4e4e4; text-align:center; line-height:44px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.development-report a:hover{border-color:#1d24ab; background:#1d24ab; color:#fff;}
.report-select{position:relative; z-index:2; display:inline-block; width:172px; height:45px;}
.development-report1{/*float:right;*/ margin-bottom:50px; padding-top: 100px;}
.development-report1 a{display:inline-block; width:250px; height:43px; border:1px solid #e4e4e4; text-align:center; line-height:44px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.development-report1 a:hover{border-color:#1d24ab; background:#1d24ab; color:#fff;}
.report-select h5{height:45px; border:1px solid #e4e4e4; font-size:14px; line-height:45px; text-align:center; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.report-select h5 i{float:right;}
.report-select ul{display:none; position:absolute; top:100%; left:0; width:100%; background:#fff; border-top:1px solid #e4e4e4; text-indent:46px;}
.report-select ul li{border:1px solid #e4e4e4; border-top:0; line-height:40px; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.report-select ul li:hover{background:#1d24ab; color:#fff;}

.brand-container{padding:30px 0; background:#f4f4f4;}
.brand-type{width:1200px; margin:auto;}
.brand-type figure{height:280px; margin-bottom:40px; border-top-right-radius:50px; background:#fff; overflow:hidden;}
.brand-type figure a{position:relative; display:block; height:100%;}
.brand-type figure a:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:10px; opacity:0; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.brand-type figure picture{float:left; width:422px; height:100%; overflow:hidden;}
.brand-type figure picture img{width:100%; height:auto; -webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.brand-type figure figcaption{float:right; width:690px; height:100%; margin-right:40px;}
.brand-type figure figcaption:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.brand-type figure figcaption img{display:inline-block; width:270px; height:auto; vertical-align:middle;}
.brand-type figure figcaption div{display:inline-block; *display:inline-block; *zoom:1; width:370px; vertical-align:middle;}
.brand-type figure figcaption h2{color:#333; font-size:20px;}
.brand-type figure figcaption p{margin:15px 0; color:#666; font-size:13px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.brand-type figure figcaption span{display:block; width:132px; height:40px; color:#fff; font-size:12px; text-align:center; line-height:40px;}
.brand-type figure a:hover picture img{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.brand-type figure a:hover:after{opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.brand-type figure a:hover figcaption h2{color:#1d24ab;}
.brand-type figure a:hover figcaption p{color:#333;}


.brand01 figure figcaption span, .brand01 figure a:after{background:#1d24ab;}
.brand02 figure figcaption span, .brand02 figure a:after{background:#59bc7d;}
.brand03 figure figcaption span, .brand03 figure a:after{background:#d22088;}
.brand04 figure figcaption span, .brand04 figure a:after{background:#fbc200;}


.banner-product{position:relative; height:300px; background-position:50% 0; background-repeat:no-repeat;}
.product01{background-image:url(../img/brand01_bg.jpg);}


.product-summary h1{height:84px; margin-top: 20px; color:#1d24ab; font-size:20px;}
.product-summary h1 img{display:inline-block; height:70%; width:auto; border-right:1px solid #1d24ab; vertical-align:middle;}
.product-summary h1 span{display:inline-block; margin-left:25px; vertical-align:middle;}
.product-summary p{color:#666; font-size:14px; line-height:2;}
.product h2, .promotion h2{color:#333; font-size:18px; margin-top: 20px;}
#product-title{margin:25px 0; overflow:hidden;}
#product-title li{float:left; width:170px; height:50px; border:1px solid #e1e1e1; margin-left: -1px; color:#666; font-size:14px; line-height:50px; text-align:center; cursor:pointer; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; transition:background 0.3s;}
#product-title.product-title-min li{width:109px;}
#product-title.product-title-long li{width:auto; padding:0 20px;}
#product-title li:first-of-type{margin-left: 0;}
#product-title li.act{background:#1d24ab; color:#fff;}
.product-titles {	position: relative; z-index: 0; }
.product-titles:hover  .left,
.product-titles:hover .right{ display: block; }
.product-titles .left, .product-titles .right{ display: none; position: absolute; top: 0;  z-index: 10; width: 36px; height: 52px;  background: #000; opacity: 0.2; line-height: 52px; font-size: 26px; color: #fff;  text-align: center; }
.product-titles .left{  left: 0; }
.product-titles .right{  right: 0; }
.product-con{/*height:460px;*/ overflow:hidden;}
.product-img-box{overflow:hidden;}
.product-img-box img{width:100%; display:block; margin-bottom:15px;}
.product-xin{background:#f5f5f5; border-bottom:3px solid #1c24ab; padding:10px;}

.product-green{border-color:#59bc7d;}
.product-pink{border-color:#d22088;}
.product-yellow{border-color:#fbc200;}

.product-con-left{float:left; /*width:344px;*/ width:330px;}
.product-con-left picture{width:100%; height:70px; overflow:hidden; margin-bottom:36px;}
.product-con-left picture img{width:100%;}
.product-con-left div{height:410px; padding:20px 20px; background-position:0 90%; background-repeat:no-repeat;}
.product-con-left .con-left-bg1{background-color:#f6f9ff;}
.product-con-left .con-left-bg2{background-color:#b8ffd2;}
.product-con-left .con-left-bg3{background-color:#fff0f8;}
.product-con-left .con-left-bg4{background-color:#fff9e6;}
.product{overflow:hidden;}



.product-con-left div h3{margin-bottom:20px; color:#1d24ab; font-size:24px;}
.product-con-left div p{margin-bottom:10px; color:#1d24ab; font-size:14px; line-height:1.8;}
.product-con-right{float:right; width:836px;}
.product-con-right picture{width:100%; height:300px; overflow:hidden; text-align:center;}
.product-con-right picture img{max-height:100%; vertical-align:middle;}
.product-con-right picture:after{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.product-img-list{width:800px; height:150px; margin:auto; overflow:hidden;}
.product-img-list li{position:relative; float:left; width:200px; height:148px; cursor:pointer; text-align: center; overflow:hidden;}
.product-img-list li:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:6px; background:#1d24ab; opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); transform:translateY(100%); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-img-list li:nth-of-type(2n){background:#f2f2f2;}
.product-img-list li:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.product-img-list li img{height: 60%; width: auto; vertical-align:middle;}
.product-img-list li.act:after{opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


.promotion-wrap{position:relative; height:370px; margin-top:25px;}
#promotion{position:relative; width:100%; height:100%; overflow:hidden;}
#promotion li{position:absolute; top:0; left:0; width:100%; height:100%; background:#f2f2f2;}
#promotion li picture{float:left; width:718px; height:100%;}
#promotion li picture img{width:100%;}
#promotion li div{float:left; width:420px; padding:30px;}
#promotion li div h3{margin-bottom:18px; color:#1d24ab; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#promotion li div p{color:#666; font-size:14px;}
.promotion-nav{position:absolute; bottom:26px; left:750px; color:#b1b1b1; font-size:16px;}
.promotion-ctrl{position:absolute; bottom:26px; right:30px;}
.promotion-ctrl a{display:inline-block; width:34px;  height:34px; margin-left:10px; border-radius:50%; background:#d0d0d0; color:#fff; line-height:34px; font-size:24px; font-family:'宋体'; font-weight:bold; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.promotion-ctrl a:hover{background:#1d24ab;}


.product-share-wrap{width:1200px; margin:0 auto 20px; *zoom:1;}
.product-share{float:right; *zoom:1;}
#product-share-select{position:relative; float:left; width:146px; height:34px; border:1px solid #e4e4e4; line-height:34px; *zoom:1; cursor:pointer;}
.product-share-wrap:after, .product-share:after, #product-share-select:after{content:''; display:block; width:0; height:0; clear:both;}
#product-share-select h5{height:100%; overflow:hidden;}
#product-share-select h5 span{float:left; width:95px; height:100%; margin-left:10px; font-size:14px;}
#product-share-select img{margin:0 4px; vertical-align:-3px;}
#product-share-select h5 i{float:left; width:40px; height:100%; border-left:1px solid #e4e4e4; background:#1d24ab url(../img/product/sarr.png) 50% 50% no-repeat;}
#product-share-select ul{display:none; position:absolute; bottom:100%; left:-1px; width:100%; border:1px solid #e4e4e4; background:#fff; text-indent:10px;}
#product-share-select ul li{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#product-share-select ul li:hover{color:#fff; background:#1d24ab;}
#product-share-con{position:relative; float:left; width:220px; height:36px; margin-left:15px; overflow:hidden;}
#product-share-con li{position:absolute; top:3px; left:0; width:100%; height:100%;}
#product-share-con li a{margin:0 5px;}


/*.contact{overflow:hidden;}*/
.contact h1, .contact h2{margin-bottom:15px; border-bottom:2px solid #1d24ab; color:#1d24ab; font-size:18px; line-height:2.2;}
.contact p{color:#666; font-size:14px; line-height:2.2;}
.contact h3, .contact  h4{color:#333; font-size:18px; line-height:2.2;}
.contact h2{margin-top:40px;}
.contact h4{border-bottom:1px solid #b2b2b2;}
.contact-list{margin-top:20px;}
.contact-list li{position:relative;}
.contact-list li h4{cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.contact-list li:before, .contact-list li:after{content:''; position:absolute; background:#c9c9c9;}
.contact-list li:before{top:20px; right:34px; width:15px; height:1px;}
.contact-list li:after{top:13px; right:41px; width:1px; height:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.contact-list li h4:after{content:''; position:absolute; top:9px; right:30px; width:21px; height:21px; border:1px solid #c9c9c9;}
.contact-list li div{display:none; padding-top:20px; overflow:hidden;}
.contact-list li div a{ color: inherit !important; }
.contact-list li dl{float:left; width:50%; font-size:14px; line-height:2.2; padding-bottom:20px; height:150px;}
.contact-list li dl dt{color:#666;}
.contact-list li dl dd{position:relative; min-height:30px; padding-left:50px; color:#666;}
.contact-list li dl dd em{position:absolute; top:0; left:0;}
.contact-list li.act:after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}



.pro02-sub li.act a, #product-title.pro02-title li.act, .promotion-ctrl.pro02-ctrl a:hover, .product-img-list.pro02-img li:after{background:#59bc7d;}
.pro02-summary h1, .product-con-left .con-left-bg2 p{color:#59bc7d;}
.pro02-summary h1 img{border-color:#59bc7d;}

.pro03-sub li.act a, #product-title.pro03-title li.act, .promotion-ctrl.pro03-ctrl a:hover, .product-img-list.pro03-img li:after{background:#d22088;}
.pro03-summary h1, .product-con-left .con-left-bg3 p{color:#d22088;}
.pro03-summary h1 img{border-color:#d22088;}

.pro04-sub li.act a, #product-title.pro04-title li.act, .promotion-ctrl.pro04-ctrl a:hover, .product-img-list.pro04-img li:after{background:#fbc200;}
.pro04-summary h1, .product-con-left .con-left-bg4 p{color:#e6c26c;}
.pro04-summary h1 img{border-color:#fbc200;}

.pro05-sub li.act a, #product-title.pro04-title li.act, .promotion-ctrl.pro04-ctrl a:hover, .product-img-list.pro04-img li:after{background:#fbc200;}
.pro05-summary h1, .product-con-left .con-left-bg4 p{color:#4f1c85;}
.pro05-summary h1 img{border-color:#4f1c85;}








.search-wrap{padding:50px 0; background:#f9f9f9;}
.search-wrap section{width:1000px; margin:auto; padding:30px 100px; background:#fff;}
.search{overflow:hidden;}
.search input{float:left; font-size:14px;}
.search input[type="text"]{width:768px; padding:0 15px; height:38px; border:1px solid #e8e8e8; line-height:38px;}
.search input[type="submit"]{width:200px; height:40px; border:none; background:#1d24ab; color:#fff; text-align:center;}


.search-result{margin-top:60px;}
.search-result h2{color:#1D24AB; font-size:18px; padding-bottom:10px;}
.search-result h2 span{color:#999; font-size:14px;}
.search-result ul{}
.search-result ul li{height:60px; border-top:1px solid #eee; line-height:60px;}
.search-result ul li a{position:relative; display:block; padding-right:100px; height:100%;}
.search-result ul li p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.search-result ul li span{position:absolute; top:0; right:0; width:100px; color:#1d24ab; text-align:right;}
.search-result ul li span i{font-family:'宋体';}





.pagination{width:100%; height:40px; margin:61px auto; text-align:center;}
.pagination a{display:inline-block; width:34px; height:34px; margin:0 2px; text-align:center; line-height:34px; border:1px solid #ddd; background:#fff; color:#999; border-radius:3px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pagination a.prev, .pagination a.next{width:60px;}
.pagination a.prev{margin-right:8px;}
.pagination a.next{margin-left:8px;}
.pagination i{display:inline-block; width:40px; text-align:center; line-height:34px; color:#666;}
.pagination form{display:inline-block; *display:inline; *zoom:1;}
.pagination form span{margin:0 5px;}
.pagination form input[type="text"]{width:60px; height:32px; text-align:center; border:1px solid #ddd;}
.pagination form input[type="submit"]{width:60px; height:34px; border:1px solid #ddd; background:#fff;}


.pagination a:hover, .pagination a.act{background:#1d24ab; color:#fff; border-color:#1d24ab;}



.maps h1{margin-bottom:20px; font-size:20px; color: #333;}
.maps dl{float:left; width:48%; min-height:150px; margin-bottom:35px; background:#fff; border:1px solid #eee;}
.maps dl:nth-of-type(odd){margin-right:3.4%;}
.maps dl dt{height:38px; margin-bottom:10px; background:#1d24ab; color:#fff; font-size:16px; line-height:38px; text-indent:14px;}
.maps dl dd{display: inline-block; *display:inline; *zoom:1; margin: 10px 30px; width: 225px; vertical-align:top;}
.maps dl dd a{color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.maps dl dd a:hover{color:#000;}


.maps dl dd div{margin-top:10px;}
.maps dl dd div a{display:block; text-indent:1em; color:#999; line-height:20px;}




.icon-down{display:inline-block; width:19px; height:17px; margin-right:5px; background-image:url(../img/icon_down.png); vertical-align:-3px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.download:hover .icon-down, .development-report a:hover .icon-down{background-image:url(../img/icon_down_w.png);}


/*股份资料*/
.sharesTable {
    width: 100%;
    
}

.sharesTable {
    border-collapse: collapse;
    border-spacing: 0;
}

.sharesTable tr td {
    border-bottom: 1px solid #D9D5CE;
    background-color: #f6f6f6;
    border-right: 24px solid #f6f6f6;
    border-left: 24px solid #f6f6f6;
    padding: 21px 0 21px 0;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top;
}
.sharesTable tr td.firstCol {
    width: 35%;
    font-weight: bold;
}

.sharesTable tr td.secondCol {
    width: 65%;
}
.sharesTable tr td a{color: #1d24ab;}
.sharesCon{margin-bottom: 60px !important;}
.sharesCon li{border:none;height: auto;}




@media (max-width:1370px){
.menu-sub{max-width:1000px; margin-left:-500px;}
.about01, .about-concept, .about02, .about04, .about05, .about06, .about07, .development, .product-summary, .product, .promotion, .contact, .maps{max-width:1000px;}

.item-list{max-width:1000px;}
.item-special figcaption p{height:97px;}

.news-detail{max-width:1000px;}

.about01, .about-concept{width:1000px;}
.about01-summary p{line-height:1.4;}
.about01-feature{margin-top:10px;}
.about01-feature li{height:140px;}
.about01-feature li em{font-size:70px; line-height:1.4;}
.about-concept li{height:363px;}
.about-concept li div{height:54px;}
.about-concept li div h2{font-size:20px; line-height:54px;}
.about-concept li:hover div h2{-webkit-transform:translateY(20px); -moz-transform:translateY(20px); transform:translateY(20px);}
.about-concept li div article{margin-top:20px;}


.about-figure{width:1000px; height:220px;}
.about-figure figcaption{width:320px;}
.about-figure figcaption article{width:260px;}
/*.about-figure figcaption article h2{text-indent:50px; -webkit-transform:translateY(80px); -moz-transform:translateY(80px); transform:translateY(80px);}*/

/*.about-figure:nth-of-type(2n) figcaption article h2{text-indent:84px;}
.about-figure:nth-of-type(3) figcaption article h2{text-indent:84px;}
.about-figure figcaption article.act h2{text-indent:0;}*/

.about-figure div{width:680px;}
.about-figure div img{width:320px;}
.about-figure div.fr img{margin-left:20px;}
.about-figure div.fl img{margin-right:20px;}
.about-figure figcaption article.act{width:600px; -webkit-transition-delay:0s; -moz-transition-delay:0s; transition-delay:0s;}
/*.about-figure figcaption article p{width:600px;}*/
.dm-figure figcaption article.act{width:940px;}

.brand-type{width:1000px;}
.brand-type figure figcaption{width:455px;}
.brand-type figure figcaption img{width:180px;}
.brand-type figure figcaption div{width:260px;}


.product-con-right{width:636px;}
.product-img-list{width:726px;}
.product-img-list li{width:159px;}



.promotion-wrap{height:314px;}
#promotion li picture{width:610px;}
.promotion-nav{left:650px;}
.promotion-nav, .promotion-ctrl{bottom:10px;}
#promotion li div{width:350px; padding:10px 20px;}
#promotion li div h3{margin-bottom:10px; font-size:16px;}

.product-share-wrap{width:1000px;}

.search-wrap section{width:800px;}
.search input[type="text"]{width:618px;}
.search input[type="submit"]{width:150px;}
}






@media (max-width:1020px){
.menu-sub{display:none;}

.item-title li{margin:0 20px;}
.item-content.piece a{padding-left:90px;}
.item-content.piece.piece2 a{padding-left: 0;}
.item-content.pic1, .item-content.pic2{margin:0;}
.item-content li em{display:none;}
.item-date{width:70px;}
.item-special figcaption p{display:none;}
.item-caption{margin-right:60px;}

.about01, .about-concept{width:768px;}
.about01, .about02{margin:20px auto;}

.about01-pic{width:38%;}
.about01-feature{width:100%; margin-top:25px;}
.about01-feature li{padding:20px 0;}
.about-concept li{width:48%; height:auto; margin-right:4%;}
.about-concept li.concept02{margin-right:0;}
.about-concept li picture{height:328px;}
.about-concept li div, .about-concept li:hover div, .about-concept li.concept01:hover div, .about-concept li.concept02:hover div{position:static; height:120px; background:#1d24ab;}
.about-concept li div h2:after{display:none;}
.about-concept li div article{margin-top:0; opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.about-concept li:hover div h2{-webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.about02-pic{margin-left:0;}
.about02-ceo{width:70%;}
.about04-title li{font-size:14px;}
.about05 ul li{width:45%; margin-right:8%;}
.about05 ul li:nth-of-type(3n){margin-right:8%;}
.about05 ul li:nth-of-type(2n){margin-right:0;}
.about05 ul li div{height:230px;}


.about-figure{width:100%; height:auto;}
.about-figure figcaption, .about-figure div{width:100%;}
.about-figure figcaption article{position:static; height:auto; width:auto;}
.about-figure figcaption article.act{width:auto;}
.about-figure figcaption article h2{ position: inherit; top: 0 ; left: 0;text-indent:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); -webkit-transition:0.6s 0.3s; -moz-transition:0.6s 0.3s; transition:0.6s 0.3s;}

.about-figure:nth-of-type(2n) figcaption article h2{text-indent:0;}
.about-figure:nth-of-type(3) figcaption article h2{text-indent:0;}

.about-figure figcaption article p, .about-figure figcaption article.act p{width:auto; opacity:1; filter:alpha(opacity=100); -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s;}
.about-figure div{margin-bottom:20px;}
.about-figure div.fr img, .about-figure div.fl img{margin:0;}
.about-figure div img{width:49%;}
.about-figure div img:nth-of-type(1){float:left;}
.about-figure div img:nth-of-type(2){float:right;}


.development summary, .development-report{float:none; width:auto; margin:20px 0;}


.brand-type{width:768px;}
.brand-type figure{height:256px;}
.brand-type figure picture{width:386px;}
.brand-type figure picture img{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.brand-type figure figcaption{width:380px; margin:0;}
.brand-type figure figcaption:before{display:none;}
.brand-type figure figcaption img{display:block; height:60px; width:auto; margin:10px 0;}
.brand-type figure figcaption div{display:block; width:auto; padding:0 20px 0 30px;}
.brand-type figure figcaption h2{font-size:16px;}
.brand-type figure figcaption p{margin:10px 0;}


.banner-product{height:200px; background-size:cover;}

.product-summary, .product{width:728px;}
#product-title li{width:89px;}
.product-con-left{width:234px;}
.product-con-right{width:440px;}
.product-con-right picture{height:300px;}
.product-img-list{height:146px; margin-top:14px;}
.product-img-list li{width:144px; height:144px;}


.promotion{width:728px;}
.promotion-wrap{height:232px; margin-top:16px;}
#promotion li picture{width:450px;}
#promotion li div{width:258px; padding:10px;}
#promotion li div h3{margin-bottom:0; font-size:18px;}
#promotion li div p{font-size:10px;}
.promotion-nav{left:460px; font-size:12px;}
.promotion-ctrl{right:5px;}
.promotion-ctrl a{-webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; transform-origin:50% 100%;-webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8);}

.product-share-wrap{width:728px;}

.contact-list li dl{float:none; width:auto;}



.search-wrap section{width:640px; padding:20px 44px;}
.search input[type="text"]{width:468px;}
.search input[type="submit"]{width:140px;}
}


@media (max-width:1020px) and (min-width:768px){
.about-concept li.concept03{width:100%; height:396px; margin-top:20px; background:#1d24ab;}
.about-concept li.concept03 picture{float:left; width:48%; height:100%;}
.about-concept li.concept03 div{float:right; width:44%; height:100%; padding:0 2%;}
.about-concept li.concept03 div h2{margin:5px 0;}

.product-summary img{ width: 100%;}

.about04-content .tit {
    font-size: 16px;
}
.about04-content .tit span {
    font-size: 12px;
}
.about04-content .desc {
    font-size: 14px;
}


}






@media (max-width:767px){
.container{height:140px;}
.menu-sub{display:none;}
.item-title-prev, .item-title-next{display:none;}
.item-title-container{left:0; right:0;}
.item-title li{width:50px; margin:0 10px; font-size:12px;}
.item-title.about-title li{width:66px;}
.item-content li span{display:none;}
.item-content li p{float:none; width:auto;}
.item-content.piece li a{position:relative; padding-left:84px;}
.item-content.piece.piece2 li a{position:relative; padding-left: 0;}
.item-content.pic1 li a{position:relative; padding-left:100px;}
.item-content.pic2 li a{position:relative; padding-left:220px;}
.item-content.pic1, .item-content.pic2{margin:0;}
.item-content.pic1 li{height:125px;}
.item-content.pic2 li{height:76px; line-height:76px;padding-left: 180px;}
.item-content.pic2 li a{  width: 100%;  display: block;      height: 30px;    line-height: 30px; margin: 0 ;color: #666 !important;}
.item-content.pic2 li:hover a{color: #666 !important;}
.item-content.pic2 li:hover a:before{ background: none;  }
.item-content.pic2 picture{width:140px; height:76px;top: auto;}
.item-content.pic2 p{width: 100% !important;    padding-left: 0 !important;    display: block;    position: static; height: 30px;    line-height: 30px;}

.item-content.piece li p, .item-content .piece-s1{float:none; width:auto; line-height:40px; text-align:left;}
.item-content .piece-s1 { float: right;}
.item-date .date-month{font-size:12px;}
.item-special{}
.item-special picture{float:none; width:100%; height:auto; padding-top:0;}
.item-special picture img{position:static; vertical-align:top;}
.item-special figcaption{float:none; width:auto; margin:0 4%; padding-bottom:4%;}
.item-special figcaption h2{height:auto; font-size:16px;}
.item-caption{margin-right:10px;}
.item-caption h3{height:100%; font-size:14px; white-space:normal;}
.item-caption p{display:none;}


.about04-content .tit {
    font-size: 16px;
}
.about04-content .tit span {
    font-size: 12px;
}
.about04-content .desc {
    font-size: 14px;
}
.about04-content dl dt {
    float: none;
    margin: 0 auto 20px;
}
.about04-content .pic {
    margin: 0 auto;
}
.about04-content dl {
    padding: 20px 0;
}

.back{right:10px; -webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; transform-origin:50% 100%;-webkit-transform:scale(.7); -moz-transform:scale(.7); transform:scale(.7);}
.news-detail{padding:20px 0 50px;}
.news-detail h1{font-size:16px; text-align:left;}
.news-detail span{font-size:12px; text-align:left;}
.news-detail article{padding:20px 0;}

.about01, .about-concept{width:320px;}
.about01-summary{float:none; width:100%;}
.about01-summary h1{color:#1d24ab; font-size:18px;}
.about01-pic{display:none;}
.about01-feature li{height:110px; padding:0;}
.about01-feature li em{font-size:50px;}
.about01-feature li p{font-size:12px;}
.about-concept li{float:none; width:100%; margin:0 0 20px 0;}
.about-concept li div, .about-concept li:hover div, .about-concept li.concept01:hover div, .about-concept li.concept02:hover div{height:auto; padding:10px 4% 24px;}
.about02:before, .about04:before, .about05:before{content:attr(data-name); display:block; margin-bottom:16px; color:#1d24ab; font-size:18px;}
.about02-pic, .about02-ceo{float:none; width:100%;}
.about02-pic{position:relative; height:0; margin-bottom:20px; padding-top:70%; overflow:hidden;}
.about02-pic img{position:absolute; top:0; left:0;}
.about02 h1{font-size:20px;}
.about02 img{ max-width:100% !important;width:100% !important; margin:0; margin-bottom: 10px;  display: block; float:  none ; }

.about04-title{height:auto; margin:10px auto; border-bottom:none;}
.about04-title li{display:block; height:46px; margin:0; padding:0; border-bottom:1px solid #d5d5d5; background:#f2f2f2; text-align:center; line-height:46px;}
.about04-title li:after{display:none;}
.about04-title li:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #4a50bc; opacity:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.about04-title li.act{background:#fff;}
.about04-title li.act:before{opacity:1;}
.about04-content{margin:20px auto; overflow:hidden;}
.about05 ul li{width:100%; margin-right:0;}

.download{float:none; margin:auto;}


.about06 h1{color:#1d24ab; font-size:18px;}
.about06 summary{margin:5px 0 20px;}
.about-figure div{margin-bottom:10px;}
.about-figure figcaption article h2{font-size:18px;}
.about-figure figcaption article p{font-size:12px;}


.history-list{padding-left:40px;}
.history-list:before{left:19px;}
.history-list li{height:auto; padding:20px 0;}
.history-list li:before{left:-20px; width:20px; height:20px; margin:-10px 0 0 -10px;}
.history-list li a{white-space:normal; line-height:1.6;}


.development h1{color:#1d24ab; font-size:18px;}
.report-select{display:block; width:auto;}
.development-report a{display:block; width:80%; margin:20px auto;}


.brand-type{width:96%;}
.brand-type figure{height:auto;}
.brand-type figure picture{float:none; width:100%;}
.brand-type figure figcaption{float:none; width:100%; margin:0; padding:0;}
.brand-type figure figcaption img{height:60px; margin:10px auto;}
.brand-type figure figcaption h2, .brand-type figure figcaption p{display:none;}
.brand-type figure figcaption span{margin:30px auto;}
.brand-type figure a:after{display:none;}



.product-summary, .product, .promotion{width:320px; overflow:hidden;}
.product-summary h1{height:auto;}
.product-summary h1 img{width:48%; height:auto;}
.product-summary h1 span{width:50%; font-size:18px; margin:0; text-align:center;}
.product-summary img{ width: 100%;}

.product-con{height:auto;}
.product-con-right{float:none; width:320px;}
.product-con-right picture{height:240px;}
.product-img-list{height:160px;}
.product-img-list li{width:158px; height:158px;}
.product h2, .promotion h2{font-size:18px;}
.product-con-left{float:none; width:100%; margin-top:20px;}
.product-con-left picture{height:auto; margin-bottom:0;}
.product-con-left picture img{width:50%;}
.product-con-left div{height:auto; padding-bottom:100px;}


.promotion-wrap{height:auto;}
#promotion li picture{width:100%; height:165px; float: none;}
#promotion li div{width:auto;  overflow:hidden; float: none;}
#promotion li { position: relative; height: auto;padding-bottom: 50px;}


.product-share-wrap{width:320px;}
.product-share, #product-share-select, #product-share-con{float:none; margin:auto;}
#product-share-con{ margin-top: 20px; }


.search-wrap section{width:300px; padding:20px 10px;}
.search input[type="text"]{width:268px; height:38px; line-height:38px; font-size:14px;}
.search input[type="submit"]{margin-top:10px; width:300px; height:40px; font-size:14px;}
.search-result h2{font-size:20px;}
.search-result h2 span{font-size:16px;}
.search-result ul li{height:80px; line-height:80px;}
.pagination a.prev, .pagination a.next{width:40px;}
.pagination form{display:none;}

#product-title.product-title-long li{　 margin:0;　}

.report-select ul li{text-align:center; text-indent: -3.1em;}


}