/*@charset "utf-8";*/
/*中部代码css 金思绪*/
@charset "utf-8";
#jsx_main #m_qbg *{-webkit-transition:all .8s linear;-moz-transition:all .8s linear;-o-transition:all .8s linear;transition:all .8s linear}
#m_bg{ width:100%; height:auto; padding-bottom:250px; overflow:hidden; background-image:url(../images/bg.jpg); background-position:bottom center; overflow: hidden;}
#m_chuang{ position:relative; width:340px; height:410px; margin:150px auto; background-image:url(../images/chuang_bg3.jpg); background-position:top center; background-repeat:no-repeat; background-size: 100%;}
#m_chuang0{ position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; z-index:0; }
#m_video1{ min-width:100%; height:110%; margin-top:-5%;}
#m_chuang1{ position:relative; float:left; width:100%; height:100%; }
#m_chuang1 img{ max-width:100%; max-height:100%; }
#m_chuang2{ position:absolute; bottom:12px; width:167px; height:271.5px; }
.m_chuang2{ right:11px; -webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear }
#m_chuang2 img{ max-width:100%; max-height:100%; }
#m_chuang_l{ position:absolute; bottom:135px; right:173px; width:50px; height:30px; cursor:pointer; animation:m_l_updown 1s infinite;-webkit-animation:m_l_updown 1s infinite; }
#m_chuang_l img{ max-width:100%; max-height:100%; }
#m_chuang_l span{ display:none; }
#m_chuang_l:hover span{ display:block; position:absolute; left:-50px; top:0px; width:50px; height:33px; line-height:33px; font-size:12px; }
#m_chuang_r{ display:none; position:absolute; bottom:135px; right:106px; width:50px; height:30px; cursor:pointer; animation:m_r_updown 1s infinite;-webkit-animation:m_r_updown 1s infinite; }
#m_chuang_r img{ max-width:100%; max-height:100%; }
#m_chuang_r span{ display:none; }
#m_chuang_r:hover span{ display:block; position:absolute; right:-50px; top:0px; width:50px; height:33px; line-height:33px; font-size:12px; }
.m_lside{ right:162px; -webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear}
.m_chuang_bl{ position:absolute; bottom:70px; right:-92px; width:86px; height:26px; cursor:pointer; background-color:#1d191a; color:#FFFFFF; font-size:12px; text-align:center; line-height:26px; border-radius:26px;}
#m_chuang_ch{ bottom:110px;}
#m_chuang_cj{ bottom:30px;}
#m_chuang_sb{ bottom:70px;}
.m_chuang_bl span{position: absolute;bottom: 3px;left: -7px;width: 0px; height: 0px; border: 1px solid #eeeeee; border-right: 10px solid #1d191a; border-bottom: 10px solid transparent; border-top: 10px solid transparent;}
#m_chuang_gy{ position:absolute; top:-90px; left:0px; width:100%; height:30px; font-size:26px; font-weight:bold; text-align:center; color:#1d191a; }
#m_source1{ display:none; }
.m_chuang_bl select{ border: 0px; background: none; color: white; line-height: 26px; height: 26px; font-size: 12px;}
.m_chuang_bl select option{ background-color:#1d191a; color: white; line-height: 26px; height: 26px; font-size: 12px;}
#m_chuang_wh{ position:absolute; top:20px; right:-40px; width:30px; height:30px; cursor:pointer; background-color:#1d191a; color:#FFFFFF; font-size:22px; text-align:center; line-height:30px; border-radius:30px; overflow:hidden; }
#m_chuang_wh:hover{ overflow:visible;}
#m_chuang_wh:hover span{ position: absolute; bottom: 3px; left: -11px; width: 0px; height: 0px; border: 1px solid #eeeeee; border-left: 10px solid #eeeeee; border-bottom: 10px solid transparent; border-top: 10px solid transparent; }
#m_chuang_wh:hover #m_chuang_wh_c{ position: absolute; top: 0px; left: -281px; width: 220px; height: auto; padding:25px; border-radius:5px; border:1px #eeeeee solid; background-color:#ffffff; color:#666; text-align:left; font-size:12px; line-height:2; }
#m_bg{ position:relative; padding-bottom:250px;}
.m_jubu{ position:absolute; width:300px; height:300px; border-radius:300px; overflow:hidden; border:3px solid #cccccc;}
.m_jubu span { position: absolute; bottom: 3px; left: -7px; width: 0px; height: 0px; border: 1px solid #eeeeee; border-right: 10px solid #cccccc; border-bottom: 10px solid transparent; border-top: 10px solid transparent; }
#m_jubu1{ position:absolute; top:20px; left:150px; }
#m_jubu2{ position:absolute; top:20px; right:150px; }
#m_jubu3{ position:absolute; top:430px; left:70px; }
#m_jubu4{ position:absolute; top:430px; right:70px; }
#m_jubu5{ position:absolute; bottom:30px; left:50%; margin-left:-150px; }
.m_width{ width:1200px;}
@media screen and (max-width: 1419px) {
#m_bg{ position:relative; padding-bottom:180px;}
.m_jubu{ position:absolute; width:220px; height:220px; border-radius:150px; overflow:hidden; border:3px solid #cccccc;}
#m_jubu1{ position:absolute; top:20px; left:150px; }
#m_jubu2{ position:absolute; top:20px; right:150px; }
#m_jubu3{ position:absolute; top:360px; left:70px; }
#m_jubu4{ position:absolute; top:360px; right:70px; }
#m_jubu5{ position:absolute; bottom:30px; left:50%; margin-left:-110px; }
.m_width{ width:1200px;}
}
@media screen and (max-width: 1199px) {
#m_bg{ position:relative; padding-bottom:150px;}
.m_jubu{ position:absolute; width:150px; height:150px; border-radius:150px; overflow:hidden; border:3px solid #cccccc;}
#m_jubu1{ position:absolute; top:20px; left:150px; }
#m_jubu2{ position:absolute; top:20px; right:150px; }
#m_jubu3{ position:absolute; top:430px; left:70px; }
#m_jubu4{ position:absolute; top:430px; right:70px; }
#m_jubu5{ position:absolute; bottom:30px; left:50%; margin-left:-75px; }
.m_width{ width:750px;}
}
@media screen and (max-width: 749px) {
.m_width{ width:100%;}
#m_bg{ width:100%; height:auto; padding-bottom:0px; overflow:hidden; background-image:url(../images/bg.jpg); background-position:bottom center; background-repeat:no-repeat;overflow: hidden; background-size:200%;}
.m_jubu{ display:none; position:relative; float:left; width:150px; height:150px; border-radius:150px; overflow:hidden; border:3px solid #cccccc;}
#m_jubu1{ position:relative; top:20px; left:150px; }
#m_jubu2{ position:relative; top:20px; right:150px; }
#m_jubu3{ position:relative; top:430px; left:70px; }
#m_jubu4{ position:relative; top:430px; right:70px; }
#m_jubu5{ position:relative; bottom:30px; left:50%; margin-left:0px; }
#m_chuang{ position:relative; width:320px; height:386px; margin:80px auto; background-image:url(../images/chuang_bg3.jpg); background-position:top center; background-repeat:no-repeat; background-size: 100%;}
#m_chuang0{ display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; z-index:0; }
#m_video1{ min-width:100%; height:110%; margin-top:-5%;}
#m_chuang1{ position:relative; float:left; width:100%; height:100%; }
#m_chuang1 img{ max-width:100%; max-height:100%; }
#m_chuang2{ position:absolute; bottom:11px; width:157.1px; height:255.5px; }
.m_chuang2{ right:11px; -webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear }
#m_chuang2 img{ max-width:100%; max-height:100%; }
#m_chuang_l{ position:absolute; bottom:135px; right:163px; width:50px; height:30px; cursor:pointer; animation:m_l_updown 1s infinite;-webkit-animation:m_l_updown 1s infinite; }
#m_chuang_l img{ max-width:100%; max-height:100%; }
#m_chuang_l span{ display:none; }
#m_chuang_l:hover span{ display:block; position:absolute; left:-50px; top:0px; width:50px; height:33px; line-height:33px; font-size:12px; }
#m_chuang_r{ display:none; position:absolute; bottom:135px; right:96px; width:50px; height:30px; cursor:pointer; animation:m_r_updown 1s infinite;-webkit-animation:m_r_updown 1s infinite; }
#m_chuang_r img{ max-width:100%; max-height:100%; }
#m_chuang_r span{ display:none; }
#m_chuang_r:hover span{ display:block; position:absolute; right:-50px; top:0px; width:50px; height:33px; line-height:33px; font-size:12px; }
.m_lside{ right:152px; -webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear}
.m_chuang_bl{ position:absolute; bottom:70px; right:216px; width:86px; height:26px; cursor:pointer; background-color:#1d191a; color:#FFFFFF; font-size:12px; text-align:center; line-height:26px; border-radius:26px;}
#m_chuang_ch{ bottom:345px;}
#m_chuang_cj{ bottom:285px;}
#m_chuang_sb{ bottom:315px;}
.m_chuang_bl span{position: absolute;bottom: 3px;left: -7px;width: 0px; height: 0px; border: 1px solid #eeeeee; border-right: 10px solid #1d191a; border-bottom: 10px solid transparent; border-top: 10px solid transparent;}
#m_chuang_gy{ position:absolute; top:-60px; left:0px; width:100%; height:30px; font-size:26px; font-weight:bold; text-align:center; color:#1d191a; }
#m_source1{ display:none; }
.m_chuang_bl select{ border: 0px; background: none; color: white; line-height: 26px; height: 26px; font-size: 12px;}
.m_chuang_bl select option{ background-color:#1d191a; color: white; line-height: 26px; height: 26px; font-size: 12px;}
#m_chuang_wh{ position:absolute; top:20px; right:20px; width:30px; height:30px; cursor:pointer; background-color:#1d191a; color:#FFFFFF; font-size:22px; text-align:center; line-height:30px; border-radius:30px; overflow:hidden; }
#m_chuang_wh:hover{ overflow:visible;}
#m_chuang_wh:hover span{ position: absolute; bottom: 3px; left: -11px; width: 0px; height: 0px; border: 0px solid #eeeeee; border-left: 10px solid #eeeeee; border-bottom: 10px solid transparent; border-top: 10px solid transparent; }
#m_chuang_wh:hover #m_chuang_wh_c{ position: absolute; top: 0px; left: -241px; width: 200px; height: auto; padding:15px; border-radius:5px; border:1px #eeeeee solid; background-color:#ffffff; color:#666; text-align:left; font-size:12px; line-height:2; }
}
@keyframes m_l_updown{0%{right:173px;opacity:1}100%{right:193px;opacity:0}}@-webkit-keyframes updown{0%{right:173px;opacity:1}100%{right:193px;opacity:0}}
@keyframes m_r_updown{0%{right:106px;opacity:1}100%{right:86px;opacity:0}}@-webkit-keyframes updown{0%{right:106px;opacity:1}100%{right:86px;opacity:0}}

#m_qbg{ position:relative; width:100%; height:850px; overflow:hidden; background-image:url(../images/qiang_bg1.jpg); background-position:bottom center; background-repeat:no-repeat;overflow: hidden; text-align:center;}
#m_qbg_t{ width:220px; height:50px; margin:50px auto 20px auto; line-height:50px; text-align:center; font-size:20px; color:#1d191a; font-weight:bold; background-color:#FFFFFF; border-radius: 50px; background-color: white;}
#m_qbg_c{ position:absolute; left:50%; top:50%; }
#m_qbg_c img{ max-width:100%; max-height:100%; }
.m_qbg_c00{ width:30px; height:30px;}
.m_qbg_c0{ width:400px; height:400px; margin-left:-200px; margin-top:-270px; }
.m_qbg_c1{ width:400px; height:400px; margin-left:-10px; margin-top:-250px; }
.m_qbg_c2{ width:500px; height:500px; margin-left:-220px; margin-top:-270px; }
.m_qbg_c3{ width:500px; height:500px; margin-left:0px; margin-top:-278px; }
.m_qbg_c4{ width:500px; height:500px; margin-left:-250px; margin-top:-250px; }
.m_qbg_c5{ width:400px; height:328px; margin-left:-100px; margin-top:-300px; }
.m_qbg_c6{ width:400px; height:400px; margin-left:-280px; margin-top:-250px; }
.m_qbg_c7{ width:500px; height:500px; margin-left:-250px; margin-top:-250px; }
.m_qbg_lr{ position:absolute; top:150px; background-color:#FFFFFF; border:2px solid #eeeeee;}
#m_qbg_l{ left:0px; width:120px; overflow:hidden;}
#m_qbg_r{ right:0px; width:120px; overflow:hidden;}
.m_qbg_lr_ul{ float:left; max-height:420px; overflow:hidden; }
.m_qbg_lr ul{ float:left; }
.m_qbg_lr ul li{ float:left; width:120px; height:60px; padding:5px 0px; cursor:pointer; }
.m_qbg_lr ul li:hover{ background-color:#eeeeee; }
.m_qbg_lr ul li img{ max-height:100%;max-width: 100%; }
.m_qbg_lr_t{ float:left; width:120px; height:35px; line-height:35px; background-color:#ff5722; color:#FFFFFF; text-align:center; cursor:pointer;}
.m_qbg_lr_t:hover{ background-color:#ff3722; }
.m_qbg_lr_d{ float:left; width:120px; height:35px; line-height:35px; background-color:#ff5722; color:#FFFFFF; text-align:center; cursor:pointer;}
.m_qbg_lr_d:hover{ background-color:#ff3722; }
.m_qbg_lr_tdon{ float:left; width:120px; height:35px; line-height:35px; background-color:#ff5722; color:#FFFFFF; text-align:center; cursor:pointer; background-color:#eeeeee; }
.m_qbg_lr_tdon:hover{ background-color:#eeeeee; }
.m_qbg_l_o{ display:none; }
.m_qbg_l_c{ display:none; }
.m_qbg_r_o{ display:none; }
.m_qbg_r_c{ display:none; }
@media screen and (max-width: 749px) {
#m_qbg{ position:relative; width:100%; height:600px; overflow:hidden; background-image:url(../images/qiang_bg1.jpg); background-position:bottom center; background-repeat:no-repeat;overflow: hidden; text-align:center; }
#m_qbg_t{ width:220px; height:50px; margin:50px auto 20px auto; line-height:50px; text-align:center; font-size:24px; color:#1d191a; font-weight:bold; background-color:#FFFFFF; border-radius: 50px; background-color: white;}
#m_qbg_c{ position:absolute; left:50%; top:50%; }
#m_qbg_c img{ max-width:100%; max-height:100%; }
.m_qbg_c0{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c1{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c2{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c3{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c4{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c5{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c6{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_c7{ width:300px; height:300px; margin-left:-150px; margin-top:-150px; }
.m_qbg_lr{ position:absolute; top:150px; background-color:#FFFFFF; border:2px solid #eeeeee;}
#m_qbg_l{ display:none; left:-102px; width:100px; overflow:visible;}
#m_qbg_r{ right:0px; width:100px; overflow:visible;}
.m_qbg_lr_ul{ float:left; max-height:360px; overflow:hidden; }
.m_qbg_lr ul{ float:left; }
.m_qbg_lr ul li{ float:left; width:100px; height:50px; padding:5px 0px; cursor:pointer; }
.m_qbg_lr ul li:hover{ background-color:#eeeeee; }
.m_qbg_lr ul li img{ max-height:100%; max-width: 100%; }
.m_qbg_lr_t{ float:left; width:100px; height:35px; line-height:35px; background-color:#ff5722; color:#FFFFFF; text-align:center; cursor:pointer;}
.m_qbg_lr_t:hover{ background-color:#ff3722; }
.m_qbg_lr_d{ float:left; width:100px; height:35px; line-height:35px; background-color:#ff5722; color:#FFFFFF; text-align:center; cursor:pointer;}
.m_qbg_lr_d:hover{ background-color:#ff3722; }
.m_qbg_lr_tdon{ float:left; width:100px; height:35px; line-height:35px; background-color:#ff5722; color:#FFFFFF; text-align:center; cursor:pointer; background-color:#eeeeee; }
.m_qbg_lr_tdon:hover{ background-color:#eeeeee; }
.m_qbg_l_o{ display:block; position:absolute; top:50%; right:-32px; margin-top:-25px; width:30px; height:50px; line-height:50px; background-color:#1d191a; color:#FFFFFF; border-radius:0px 50px 50px 0px; text-align:center; cursor:pointer;}
.m_qbg_l_c{ display:none; position:absolute; top:50%; right:-32px; margin-top:-25px; width:30px; height:50px; line-height:50px; background-color:#1d191a; color:#FFFFFF; border-radius:0px 50px 50px 0px; text-align:center; cursor:pointer;}
.m_qbg_r_o{ display:none; position:absolute; top:50%; left:-32px; margin-top:-25px; width:30px; height:50px; line-height:50px; background-color:#1d191a; color:#FFFFFF; border-radius:50px 0px 0px 50px; text-align:center; cursor:pointer;}
.m_qbg_r_c{ display:block; position:absolute; top:50%; left:-32px; margin-top:-25px; width:30px; height:50px; line-height:50px; background-color:#1d191a; color:#FFFFFF; border-radius:50px 0px 0px 50px; text-align:center; cursor:pointer;}
}