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




/*========CASE==========*/


.footer_bg { width:100%; overflow:hidden; background:#141414;}
.footer { min-width:1200px; overflow:hidden; margin:45px auto;}
.footer .footer_btm { margin-top:40px; margin-left:12px;}
/* .footer .address dd p { margin-left:12px;} */
.footer_fx { text-align:right;}
.footer_fx a { display:inline-block; width:37px; height:37px; background:url(../images/icon_bg.png) no-repeat; margin:0 5px;  -ms-transition: 0.4s;-moz-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.footer_fx a.f_fx_1 { background-position:0 -240px;}
.footer_fx a.f_fx_2 { background-position:-40px -240px;}
.footer_fx a.f_fx_3 { background-position:-80px -240px;}
.footer_fx a.f_fx_4 { background-position:-120px -240px;}
.footer_fx a.f_fx_1:hover { background-position:0 -280px;}
.footer_fx a.f_fx_2:hover { background-position:-40px -280px;}
.footer_fx a.f_fx_3:hover { background-position:-80px -280px;}
.footer_fx a.f_fx_4:hover { background-position:-120px -280px;}
.footer_btn { overflow:hidden; height:45px; overflow:hidden; text-align:right; margin-top:30px;}
.footer_btn a { display:inline-block; width:230px; height:45px; background:#272727; margin-left:2px; text-align:center; padding-top:5px;}
.footer_btn a p em { font-size:16px;}
.footer_btn a:hover { background:#3c3c3c}

/*case_01*/
.header_case { width:1280px; overflow:hidden; height:41px; background:#000;margin: 0px auto 0px auto;}
.header_case p { float:right;}
.header_case p a { float:left; width:50px; height:41px; background:url(../images/icon_bg.png) no-repeat; margin-right:1px; display:inline;}
.header_case p a.case_return { background-position:0 -190px;}
.header_case p a.case_prev { background-position:-55px -190px;}
.header_case p a.case_next { background-position:-110px -190px;}
.header_case p a.case_return:hover { background-position:-170px -240px;}
.header_case p a.case_prev:hover { background-position:-225px -240px;}
.header_case p a.case_next:hover { background-position:-280px -240px;}
.header_case h1 { float:right; width:30px; margin-top:5px; margin-right:20px; display:inline;}
.header_case h1 img { width:100%;}

.case_banner { width:100%; min-width:1200px;}
.case_banner img { width:100%; display:block;}


.text_main img{ 

max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0px none;



}

.case_img img{ 
max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0px none;


}


.case_content { width:1200px; background:#ffffff; margin:0 auto; position:relative; z-index:999; margin-top:0px;margin-bottom: 80px;}
.text_top {
    min-width:1200px;
    overflow: hidden;
    color: #4b4141;
    padding-top: 20px;
    position: relative;
    /*margin-top: -61px;*/
    background:#ffffff;
    padding-bottom: 40px;
}
.text_top h3 { font-size:40px;}
.text_top p {
    font-size: 16px;
    margin: 0px auto;
    line-height: 30px;
}

.con_top {
    overflow: hidden;
    -ms-flex-preferred-size: 100%;
    flex-basis: 80%;
    max-width: 80%;
    text-align: center;    margin: 0px auto;
}

.con_top_left {


}
.con_top_right { width:550px;}
.con_top_left p { text-indent:0em;}
.text_type {
    overflow: hidden;
    text-align: right;
    margin-bottom: 60px;
    margin-top: 15px;
}
.text_type span { display:inline-block; font-size:16px; margin-left:15px; line-height:20px;}
.text_type span i { float:left; width:16px; height:16px; background:url(../images/icon_bg.png) no-repeat; margin-top:3px;}
.text_type span em { float:left; margin-left:5px; direction:inherit;}
.text_type span i.type_1 { background-position:-180px -200px;}
.text_type span i.type_2 { background-position:-205px -200px;}
.text_type span i.type_3 { background-position:-230px -200px;}
.text_type span i.type_4 { background-position:-255px -200px;}
.text_type span i.type_5 { background-position:-280px -200px;}
.text_main { width:100%;overflow:hidden; margin-bottom:50px; font-size:16px;line-height: 30px;}
.case_img { width:1200px; overflow:hidden; margin:0 auto; text-align:center;}
.case_mod {width:1200px; overflow:hidden; margin:0 auto; }
.case_left, .case_right { width:700px; overflow:hidden;}
.case_text {width:1200px; overflow:hidden; margin:0 auto;}
.case_text .case_dl { margin:150px auto;  text-align:center;}
.case_dl { width:65%; overflow:hidden;color:#313131;}
.case_dl dt {
    width: 100%;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}
.case_dl dd { width:100%; margin:30px auto;}
.case_dl dd p {font-size:16px; margin:10px auto; line-height:30px;}
.case_mod .case_dl { margin:200px auto auto auto;}

.case_more { width:1280px; overflow:hidden; margin:80px auto;}
.case_more h3 { font-size:25px; text-align:center; line-height:30px; color:#888888;}
.case_more ul { width:1280px; overflow:hidden; margin:50px auto 0 auto;}
.case_more ul li { float:left; width:400px;}
.case_more ul li a { display:block; width:100%; height:100%; position:relative;}
.case_more ul li img { display:block; width:100%;}
.case_more ul li ins {width:100%; height:100%; position:absolute; top:-100%; left:0;}
.case_more ul li ins img { width:100%; height:100%; margin:0 auto; }

.case_text .m50 { margin:50px auto 100px auto; }
.case_mod_bg { background:#55b1d3; }
.case_mod_bg .case_dl {color:#FFF;}

.wei { position:absolute; z-index:999; display:none;}

.case_sub { min-width:1200px; overflow:hidden; margin:20px auto 0 auto; text-align:center;}
.case_sub a { display:inline-block; width:141px; height:32px; background:url(../images/case_sub.png) no-repeat; margin:0 10px;}
.case_sub a.case_sub_1 { background-position:0 -35px;}
.case_sub a.case_sub_2 { background-position:-145px -35px;}
.case_sub a.case_sub_1:hover { background-position:0 -70px;}
.case_sub a.case_sub_2:hover { background-position:-145px -70px;}
.case_sub a.case_sub_1.on { background-position:0 0;}
.case_sub a.case_sub_2.on { background-position:-145px 0;}

.case_mod_l .case_left { width:800px;}
.case_mod_l .case_right { width:800px;}
.case_mod_l .case_dl { margin:150px auto auto auto;}
.case_mod_2 .case_left { width:800px;}
.case_mod_2 .case_right { width:800px;}
.case_mod_2 .case_dl { margin:150px auto auto auto;}









.socialconnect a:hover{
    opacity:.75;
}

/* PAGINATE */

.paginate{
    position: relative;
    clear:both;
    height: 66px;
    overflow: hidden;
}
.inner .paginate{
    margin-bottom: 58px;
}
.paginate span,
.paginate a{
    float: left;
    display: block;
    height: 68px;
    width: 73px;
    margin-right: 1px;
    line-height: 68px;
    text-align: center;
    font-family: 'MuseoSans_Thin';
    font-size: 18px;
    background-color: #fff;
    color: #313131;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.paginate .current{
    background-color: #202121;
    color: #fff;
}
.paginate .ellipsis{
    background-color: transparent;
    font-family: 'MuseoSans_Fat';
    letter-spacing: 1px;
}
.paginate a:hover,
.paginate .current{
    font-family: 'MuseoSans_xFat';
}

.paginate .more{
    float: right;
}
.paginate .more a{
    width: 100%;
    background-color: #202121;
    font-family: 'MuseoSans_Fat';
    color: #fff;
}
.paginate a:hover{
    opacity: 0.75;
}

/* BT-PAG */

.bt-pag{
    display: inline-block;
    text-align: center;
    text-indent: -23em;
    color: #313131;
    overflow: hidden;
}
.bt-pag:hover{
    opacity: .75;
}
.bt-pag.prev{
    left: 60px;
}
.bt-pag.next{
    right: 60px;
}
.bt-pag:hover{
    background-color: #333;
}
.bt-pag:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin: -5.5px 0 0 -6px;
border-top: 3px solid #FFF;
border-right: 3px solid #FFF;
}
.bt-pag.prev:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.bt-pag.next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* PAGINATE - Fixed */

.bt-pag.fixed{
width: 40px;
height: 40px;
-ms-flex-align: center;
align-items: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(177, 177, 177, 0.2);
border-radius: 50%;
display: -ms-flexbox;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 50%;
transform: translateY(-50%);
transition: background 0.25s ease-in-out,margin 0.25s ease-in-out;
}


.bt-pag.fixed:hover{
    opacity: inherit;
    background: rgba(0, 0, 0, 0.4);
}
.bt-pag.fixed:before {
    border-width: 3px;
    border-color: #d8d8d8;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.bt-pag.prev.fixed:before {
    margin-left: -3px;
}
.bt-pag.next.fixed:before {
    margin-left: -6px;
}

.bt-pag.fixed:hover:before {
    border-color: #fff;
    
}


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

.case_content {

    width: 1600px;


}

.header_case {
    width: 1600px;margin: 0px auto 0px auto;
}


}


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


.case_content {

    width: 1360px;

}
.header_case {
    width: 1360px;margin: 0px auto 0px auto;
}


}


 @media screen and (max-width:1680px) {
.case_content {

    width: 1440px;

}
.header_case {
    width: 1440px;margin: 0px auto 0px auto;
}
}


 @media screen and (max-width:1440px) {
.case_content {

    width: 1200px;

}
.header_case {
    width: 1310px;margin: 0px auto 0px auto;
}
}


 @media screen and (max-width:1366px) {
.case_content {

    width: 1200px;

}

.header_case {
    width: 1200px;margin: 0px auto 0px auto;
}
}

 @media screen and (max-width:1280px) {
.case_content {

    width: 1200px;

}
.header_case {
    width: 1200px;margin: 0px auto 0px auto;
}

}