@charset "utf-8";

button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}
.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align:top;}

.mlayout {overflow:hidden;width:100%; max-width:1200px; margin:0 auto;}

.mcont {position: relative;}
.mcont1 { height:810px;}
.mcont1 .mvisual {position:absolute;left:0; top:0; width:100%; height:810px;}
.mcont1 .mvisual .mvisual_slide {width:100%; height:100%;}
.mcont1 .mvisual .mvisual_slide .grap {position:relative; width:100%; height:100%;}
.mcont1 .mvisual .mvisual_slide .grap .obj {position: relative;width:100%;height:100%;}
.mcont1 .mvisual .mvisual_slide .grap .obj .item {position: absolute;left: 0;top: 0;width:100%;height:100%;}
.mcont1 .mvisual .mvisual_slide .grap .obj .item span {display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.mcont1 .mvisual .mvisual_slide .grap .control {position:absolute;left:0;bottom: 60px;width: 100%;text-align:center;}
.mcont1 .mvisual .mvisual_slide .grap .control button {display:inline-block;}
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control]{margin:0;font-size:0; }
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="prev"],
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="next"] {position:absolute;z-index:6;bottom: 330px;width:62px;height:62px;border:1px solid #a0aaa8;}
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="prev"] {left:50%; margin-left:-750px; background:rgba(0,0,0,.5) url(/images/global/main/arr.png)no-repeat center;}
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="next"] {right:50%; margin-right:-750px;background:rgba(0,0,0,.5) url(/images/global/main/arr2.png)no-repeat center;}
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="prev"]:before,
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="prev"]:after,
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="next"]:before,
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="next"]:after {display:none;}
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="stop"]:before{width: 2px;height:12px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.mcont1 .mvisual .mvisual_slide .grap .control button[data-control="play"]:before{border-width: 7px 0 7px 9px;border-color: transparent transparent transparent #fff;}

.mcont1 .mvisual .mvisual_slide .grap .control .paging{display:inline-block;}
.mcont1 .mvisual .mvisual_slide .grap .control .paging button {width:10px; height:10px; margin:0 2px;border-radius:50%; background:#fff; font-size:0;}
.mcont1 .mvisual .mvisual_slide .grap .control .paging button.ov {width:45px; border-radius:30px;}

.mcont1 .main_tit {position:relative;padding: 90px 0 0;text-align: center;}
.mcont1 .main_tit strong {display:block;line-height: 1.2;font-size: 50px;color:#fff;text-transform: uppercase;font-weight:300;text-shadow: 2px 3px 1px rgba(0,0,0,.2);}
.mcont1 .main_tit strong span {font-weight:700;}
.mcont1 .main_tit p{font-size:16px; color:#fff;text-shadow: 2px 3px 1px rgba(0,0,0,.2);}

.mcont1 .group {position:relative;}
.mcont1 .group:after {display: block; clear:both; visibility:hidden;content:'';}
.mcont1 .group1 {margin:55px 0 0;}
.mcont1 .group1 .box {width:calc(50% - 15px);height: 300px;}
.mcont1 .group1 .box1 {float:left;}
.mcont1 .group1 .box1 .mainpop {position:relative;width:100%;height: 100%;}
.mcont1 .group1 .box1 .mainpop:after {display: block;position:absolute;right: -5px;top: 10px;content:'';width:100%;height:100%;background:rgba(0,0,0,.2);}
.mcont1 .group1 .box1 .mainpop .mainpop_slide {position:relative;z-index:1;width:100%; height:100%;}
.mcont1 .group1 .box1 .mainpop .mainpop_slide .picture {display:block; width:100%; height:100%;vertical-align:top;}
.mcont1 .group1 .box1 .mainpop .mainpop_slide .picture span {display:block;overflow: hidden;position: relative;width:100%;height:100%;max-height: 493px;vertical-align:top;}
.mcont1 .group1 .box1 .mainpop .mainpop_slide .picture span img {position: absolute;top: 50%;left: 50%;max-width: 1000%;width:auto;height: 303px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);vertical-align:top;}
.mcont1 .group1 .box1 .mainpop .control {position:absolute;z-index: 1;right:0;bottom:0;text-align: right;}
.mcont1 .group1 .box1 .mainpop .control .paging {display:inline-block;height: 40px;line-height:40px;padding: 0 10px 0 13px;background:rgba(0,0,0,.5);color:#fff;vertical-align:bottom;letter-spacing: 3px;}
.mcont1 .group1 .box1 .mainpop .control .paging em {display:inline-block;font-weight:700;letter-spacing: 3px;}
.mcont1 .group1 .box1 .mainpop .control button {}
.mcont1 .group1 .box1 .mainpop .control button[data-control]{width:40px; height:40px;margin:0;background:rgba(0,0,0,.5);font-size:0;vertical-align:bottom; }
.mcont1 .group1 .box1 .mainpop .control button[data-control="prev"]:before,
.mcont1 .group1 .box1 .mainpop .control button[data-control="next"]:before{width:10px;height:10px;border-color: #fff;}
.mcont1 .group1 .box1 .mainpop .control button[data-control="stop"]:before{width: 2px;height:15px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.mcont1 .group1 .box1 .mainpop .control button[data-control="play"]:before{border-width: 9px 0 9px 12px;border-color: transparent transparent transparent #fff;}

.mcont1 .group1 .box2 {float:right;position:relative;}
.mcont1 .group1 .box2:before,
.mcont1 .group1 .box2:after {display: block; position:absolute; top:0; bottom:0; z-index:2;width:1px; height:auto; background:#ccc; content:''; }
.mcont1 .group1 .box2:before {left:33.33%; }
.mcont1 .group1 .box2:after {right:33.33%; }
.mcont1 .group1 .box2 ul {position:relative;height: 100%;}
.mcont1 .group1 .box2 ul:before {display: block; position:absolute; top:50%; left:0; right:0; width:auto; height:1px; background:#ccc; content:''; z-index:5;}
.mcont1 .group1 .box2 ul:after {display: block; clear:both; visibility:hidden;}
.mcont1 .group1 .box2 ul li {float:left; position:relative; width:33.33%; height:150px; }
.mcont1 .group1 .box2 ul li a {display:block;width:100%;height:100%;text-align:center;background:rgba(255,255,255,.85);line-height:1;font-size:15px;color:#333;}
.mcont1 .group1 .box2 ul li a:after {opacity:0;position:absolute;z-index:5;left: -6px;top: -6px;content:'';width:100%;height:100%;padding: 6px;background:linear-gradient(to right bottom,#366d98,#149ab8);box-sizing: content-box; box-shadow:5px 5px 5px rgba(0,0,0,.3);transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.mcont1 .group1 .box2 ul li div {position:absolute;top:50%;left:50%;z-index:6;width:100%;padding: 0 5px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.mcont1 .group1 .box2 ul li div em{display:block; margin:3px 0 0;line-height:1; font-weight:700;}
.mcont1 .group1 .box2 ul li div .ico {display:block; width:48px; height:48px; background:url(/images/global/main/icon_ir.png)no-repeat; margin:0 auto 15px;}
.mcont1 .group1 .box2 ul li:nth-child(1) div .ico,
.mcont1 .group1 .box2 ul li:nth-child(4) div .ico {margin:0 auto 5px;}
.mcont1 .group1 .box2 ul li div .ico.ico1 {background-position:0 0 ;}
.mcont1 .group1 .box2 ul li div .ico.ico2 {background-position:-48px 0 ;}
.mcont1 .group1 .box2 ul li div .ico.ico3 {background-position:-96px 0;}
.mcont1 .group1 .box2 ul li div .ico.ico4 {background-position:-144px 0 ;}
.mcont1 .group1 .box2 ul li div .ico.ico5 {background-position:-192px 0 ;}
.mcont1 .group1 .box2 ul li div .ico.ico6 {background-position:-240px 0 ;}
.mcont1 .group1 .box2 ul li a:hover,
.mcont1 .group1 .box2 ul li a:focus {color:#fff;}
.mcont1 .group1 .box2 ul li a:hover:after,
.mcont1 .group1 .box2 ul li a:focus:after {opacity:1;}
.mcont1 .group1 .box2 ul li a:hover div .ico.ico1,
.mcont1 .group1 .box2 ul li a:focus div .ico.ico1 {background-position:0 -48px ;}
.mcont1 .group1 .box2 ul li a:hover div .ico.ico2,
.mcont1 .group1 .box2 ul li a:focus div .ico.ico2 {background-position:-48px -48px ;}
.mcont1 .group1 .box2 ul li a:hover div .ico.ico3,
.mcont1 .group1 .box2 ul li a:focus div .ico.ico3 {background-position:-96px -48px;}
.mcont1 .group1 .box2 ul li a:hover div .ico.ico4,
.mcont1 .group1 .box2 ul li a:focus div .ico.ico4 {background-position:-144px -48px ;}
.mcont1 .group1 .box2 ul li a:hover div .ico.ico5,
.mcont1 .group1 .box2 ul li a:focus div .ico.ico5 {background-position:-192px -48px ;}
.mcont1 .group1 .box2 ul li a:hover div .ico.ico6,
.mcont1 .group1 .box2 ul li a:focus div .ico.ico6 {background-position:-240px -48px ;}

.mcont1 .group2 {margin: 37px 0 0;}
.mcont1 .group2 .box {width:calc(50% - 15px);height: 95px;}
.mcont1 .group2 .box1 {float:left;}
.mcont1 .group2 .box2 {float:right;}
.mcont1 .group2 .box .bbs_wrap{position:relative; height:100%; padding:0 100px;}
.mcont1 .group2 .box .bbs_wrap strong {position:absolute; left:0; top:0; width:95px; height:100%;}
.mcont1 .group2 .box .bbs_wrap strong span {display:block; width:100%; line-height:95px; color:#fff; text-align:center; font-size:14px;}
.mcont1 .group2 .box .bbs_wrap strong span:after {display:block;position:absolute;right: 0;top: 0;content:'';width:16px;height:16px;background:url(/images/global/main/obj.png)no-repeat;}
.mcont1 .group2 .box.box1 .bbs_wrap strong span {background:#e76565;}
.mcont1 .group2 .box.box2 .bbs_wrap strong span {background:#366d98; font-size:12px;}
.mcont1 .group2 .box .bbs_wrap ul {width:100%;height:100%;padding: 13px 25px 0;background:rgba(0,0,0,.6);}
.mcont1 .group2 .box .bbs_wrap ul li {position:relative;overflow:hidden;width:100%;padding-right: 90px;}
.mcont1 .group2 .box .bbs_wrap ul li:after {div:block; position:absolute; content:''; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; background:#fff; }
.mcont1 .group2 .box .bbs_wrap ul li a {display:block; overflow:hidden; width:100%; height:100%; padding-left:10px;color:#fff;line-height:24px; text-overflow: ellipsis;white-space: nowrap;}
.mcont1 .group2 .box .bbs_wrap ul li em {position: absolute; right:0; top:0;line-height:24px; }
.mcont1 .group2 .box .bbs_wrap .more_btn {position:absolute; right:0; top:0; width:95px; height:100%; background:#353535;}
.mcont1 .group2 .box .bbs_wrap .more_btn a {display:block;width:100%;height:100%;padding: 20px 0 0;text-align:center;color:#fff;font-size: 15px;}
.mcont1 .group2 .box .bbs_wrap .more_btn span {display:block;position:relative;width:15px;height:15px;margin:10px auto 0;}
.mcont1 .group2 .box .bbs_wrap .more_btn span:before,
.mcont1 .group2 .box .bbs_wrap .more_btn span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mcont1 .group2 .box .bbs_wrap .more_btn span:before {width:15px;height: 1px;background: #fff;}
.mcont1 .group2 .box .bbs_wrap .more_btn span:after {width: 1px;height:15px;background: #fff;}


.mcont2 {padding: 95px 0;background: url(/images/global/main/mcont2.jpg)no-repeat center top;background-size:cover;}
.mcont2 .title {}
.mcont2 .title strong {display:block;text-align:center;color:#272727;font-size: 37px;font-weight:700;}
.mcont2 .title strong span {display:inline-block; color:#1269ca;}
.mcont2 .title p {margin:10px 0 0;font-size:16px; color:#272727 ; text-align: center;}
.mcont2 .group {}
.mcont2 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.mcont2 .group1 {margin:50px -20px 40px;}
.mcont2 .group1 .box {float:left;position:relative;width:calc(25% - 40px);height:268px;margin:0 20px;padding: 35px 30px;}
.mcont2 .group1 .box1 {background:#e66464 url(/images/global/main/box1_bg.jpg)no-repeat right bottom;}
.mcont2 .group1 .box2 {background:#f1f1f1 url(/images/global/main/box2_bg.jpg)no-repeat right bottom;}
.mcont2 .group1 .box3 {background:#1196aa;}
.mcont2 .group1 .box4 {background:#313a52;}
.mcont2 .group1 .box4:after {display:block;position:absolute;right: 0;top: -15px;content:'';width:119px;height:169px;background:url(/images/global/main/box4_bg.png)no-repeat;}
.mcont2 .group1 .box strong {display:block;margin: 0 0 15px;font-size:18px;font-weight:700;color:#fff;}
.mcont2 .group1 .box2 strong {color:#282828;}
.mcont2 .group1 .box .morebtn {position:absolute;right: 30px;top:40px;width:18px;height:18px;}
.mcont2 .group1 .box .morebtn a {display:block; position:relative; width:100%; height:100%; font-size:0;}
.mcont2 .group1 .box .morebtn a:before,
.mcont2 .group1 .box .morebtn a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mcont2 .group1 .box .morebtn a:before {width:100%;height: 2px;background: #fff;}
.mcont2 .group1 .box .morebtn a:after {width: 2px;height:100%;background: #fff;}

.mcont2 .group1 .box1 p {margin:0; color:#fff; line-height:1.4;}

.mcont2 .group1 .box2 .photo {position:relative;z-index:1;width:100%; height:100%;}
.mcont2 .group1 .box2 .photo .grap {overflow: hidden;width:100%;height:100%;}
.mcont2 .group1 .box2 .photo .grap .obj {position:relative; width:100%; height:100%;}
.mcont2 .group1 .box2 .photo .grap .obj .item {position:absolute; left:0; top:0;width:100%; height:100%;}
.mcont2 .group1 .box2 .photo .grap .obj .item a {display:block; width:100%; height:100%;vertical-align:top;}
.mcont2 .group1 .box2 .photo .grap .obj .item span {display:block;overflow: hidden;position: relative;width:100%;height: 125px;vertical-align:top;}
.mcont2 .group1 .box2 .photo .grap .obj .item span img {position: absolute;top: 50%;left: 50%;max-width: 1000%;width:auto;height:100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);vertical-align:top;}
.mcont2 .group1 .box2 .photo .grap .obj .item p {overflow:hidden;width:100%;margin: 15px 0 0;font-size: 16px;color:#555;font-weight: 500;text-overflow:ellipsis;white-space:nowrap;}
.mcont2 .group1 .box2 .photo .grap .control {position:absolute;right:0;top: -40px;}
.mcont2 .group1 .box2 .photo .grap .control .paging {display:inline-block;height: 40px;line-height:40px;padding: 0 10px 0 13px;background:rgba(0,0,0,.5);color:#fff;vertical-align:bottom;letter-spacing: 3px;}
.mcont2 .group1 .box2 .photo .grap .control .paging em {display:inline-block;font-weight:700;letter-spacing: 3px;}
.mcont2 .group1 .box2 .photo .grap .control button {}
.mcont2 .group1 .box2 .photo .grap .control button[data-control]{font-size:0;vertical-align:bottom; }
.mcont2 .group1 .box2 .photo .grap .control button[data-control="prev"]:before,
.mcont2 .group1 .box2 .photo .grap .control button[data-control="next"]:before{width:8px;height:8px;border-color: #000;}
.mcont2 .group1 .box2 .photo .grap .control button[data-control="stop"]:before{width: 2px;height:13px;box-shadow: -3px 0 #000, 3px 0 #000;}
.mcont2 .group1 .box2 .photo .grap .control button[data-control="play"]:before{border-width: 8px 0 8px 11px;border-color: transparent transparent transparent #000;}



.mcont2 .group1 .box3 .video_wrap {}
.mcont2 .group1 .box3 .video_wrap a {display:block; width:100%; height:100%; }
.mcont2 .group1 .box3 .video_wrap span {display: block;overflow:hidden;position: relative;width:100%;height:158px;}
.mcont2 .group1 .box3 .video_wrap span:after {display:block; position:absolute; left:50%; top:50%; content:''; width:52px; height:52px; background:url(/images/global/main/video.png)no-repeat; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.mcont2 .group1 .box3 .video_wrap span img {position:absolute;left:50%;top:50%;max-width: 1000%;height: 100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.mcont2 .group1 .box4 ul {margin:30px 0;}
.mcont2 .group1 .box4 ul li {position: relative;min-height: 30px;padding-left:40px;margin: 15px 0;color:#fff;font-size: 14px;line-height: 1.2;}
.mcont2 .group1 .box4 ul li .ico {display:inline-block;position:absolute;left:0;top: -6px;width:33px;height:33px;background:url(/images/global/main/icon_ir2.png)no-repeat;vertical-align:middle;}
.mcont2 .group1 .box4 ul li .ico.ico1 {background-position:0 0 ;}
.mcont2 .group1 .box4 ul li .ico.ico2 {background-position:0 -48px ;}
.mcont2 .group1 .box4 .morebtn2 {}
.mcont2 .group1 .box4 .morebtn2 a {padding: 0 0 5px;border-bottom:1px solid #fff;font-size:15px;color:#fff;}
.mcont2 .group1 .box4 .morebtn2 a span {display:inline-block; width:11px; height:11px; margin-left:10px; background:url(/images/global/main/arr3.png)no-repeat;}

.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more a:before,
.more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more a:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more a:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}

.mcont2 .group2 {}
.mcont2 .group2 .box {float:left;position:relative;width:50%;height:80px;padding: 0 0px 0 173px;}
.mcont2 .group2 .box1 {background:#0097eb url(/images/global/main/icon1.png)no-repeat 30px center;}
.mcont2 .group2 .box2 {background:#004992 url(/images/global/main/icon2.png)no-repeat 30px center; }
.mcont2 .group2 .box strong {display:block; position:absolute; left:80px; line-height:80px; color:#fff; font-size:20px; font-weight:700;}
.mcont2 .group2 .box ul {text-align:center;}
.mcont2 .group2 .box ul:after {display:block; clear:both; visibility:hidden; content:'';}
.mcont2 .group2 .box ul li {display: inline-block;position:relative;}
.mcont2 .group2 .box ul li:after {display:block; position:absolute; content:''; right:0; top:33px; bottom:33px; width:1px; height:auto; background:#fff;}
.mcont2 .group2 .box ul li:last-child:after {display:none;}
.mcont2 .group2 .box ul li a {display:block;line-height: 80px;padding: 0 13px;font-size:15px;color:#fff;text-align: center;}



@media screen and (max-width:1539px){
    .mcont1 .mvisual .mvisual_slide .grap .control button[data-control="prev"] {left:1%;margin:0;}
    .mcont1 .mvisual .mvisual_slide .grap .control button[data-control="next"] {right:1%;margin:0;}
}
@media screen and (max-width:1259px){
    .mlayout {max-width:100%; padding:0 30px;}

    .mcont1 .main_tit strong {font-size:45px;}
    .mcont1 .mvisual .mvisual_slide .grap .control button[data-control="prev"],
    .mcont1 .mvisual .mvisual_slide .grap .control button[data-control="next"]{display:none;}
    .mcont1 .group2 .box .bbs_wrap {padding:0 75px 0 100px;}
    .mcont1 .group2 .box .bbs_wrap .more_btn {width:70px;}

    .mcont2 {padding:80px 0;}
    .mcont2 .group1 {margin:50px -10px 40px;}
    .mcont2 .group1 .box {width: calc(25% - 20px);height:225px;margin: 0 10px;padding: 20px;}
    .mcont2 .group1 .box strong {margin:0 0 10px;}
    .mcont2 .group1 .box .morebtn {right:20px; top:25px;}
    .mcont2 .group1 .box2 .photo .grap .obj .item p {margin:5px 0 0;}
    .mcont2 .group1 .box3 .video_wrap span {height:150px;}
    .mcont2 .group1 .box4 ul {margin: 35px 0 15px;}
    .mcont2 .group1 .box4 ul li {margin:10px 0;}
    .mcont2 .group2 .box {height:auto;padding: 30px 20px 30px 75px;}
    .mcont2 .group2 .box strong {position:static;margin: 0 0 15px;line-height: 1.2;}
    .mcont2 .group2 .box ul li {float:left;}
    .mcont2 .group2 .box ul li:after {top: 4px;bottom: 2px;right: 16px;}
    .mcont2 .group2 .box ul li a {line-height:1.2;padding: 0 30px 0 0;}
    .mcont2 .group2 .box ul li:last-child a {padding:0}
}

@media screen and (max-width:1024px){
    .mcont1 {height:auto;}
    .mcont1 .main_tit {padding:80px 0 0;}
    .mcont1 .main_tit strong {font-size: 35px;}
    .mcont1 .mvisual {height: 80%;}
    .mcont1 .mvisual .mvisual_slide .grap .control {bottom: auto;top: 175px;}

    .mcont2 .group1 {margin:50px -10px 10px;}
    .mcont1 .group1 .box {width:100%;}
    .mcont1 .group1 .box1 {float:none;height: auto;margin:0 0 10px;background: rgba(0,0,0,.5);}
    .mcont1 .group1 .box1 .mainpop:after {display:none;}
    .mcont1 .group1 .box1 .mainpop .mainpop_slide .picture span img {position:static;width: 100%;height: auto;transform: none;-webkit-transform: none;}
    .mcont1 .group1 .box2 {float:none;}

    .mcont1 .group2 {margin:80px 0 0;}
    .mcont1 .group2 .box {width:100%;}
    .mcont1 .group2 .box .bbs_wrap {padding:0 100px;}
    .mcont1 .group2 .box .bbs_wrap .more_btn {width:95px;}
    .mcont1 .group2 .box1 {float:none;margin:0 0 10px;}
    .mcont1 .group2 .box2 {float:none;}

    .mcont2 {padding:70px 0;}
    .mcont2 .group1 .box {width: calc(50% - 20px);height:268px;margin: 0 10px 20px;padding: 35px 30px;}
    .mcont2 .group1 .box strong {margin:0 0 15px;}
    .mcont2 .group1 .box .morebtn {right:30px; top:40px;}
    .mcont2 .group1 .box2 .photo .grap .obj .item p {margin:15px 0 0;}
    .mcont2 .group1 .box3 .video_wrap span {height:158px;}
    .mcont2 .group1 .box4 ul {margin:30px 0;}
    .mcont2 .group1 .box4 ul li {margin:15px 0;}

    .mcont2 .group2 .box {float:none;width:100%;height: 80px;padding: 0 30px 0 200px;}
    .mcont2 .group2 .box strong {position: absolute;margin: 0;line-height: 80px;}
    .mcont2 .group2 .box ul {text-align:left;}
    .mcont2 .group2 .box ul li {float: none;}
    .mcont2 .group2 .box ul li:after {top: 33px;bottom: 33px;right: 0;}
    .mcont2 .group2 .box ul li a {line-height: 80px;padding: 0 22px;}

}
@media screen and (max-width:767px){
    .mlayout {padding:0 15px;}
    .mcont1 .mvisual {height: 45%;}
    .mcont1 .mvisual .mvisual_slide .grap .control {top: 195px;}
    .mcont1 .main_tit {padding:60px 0 0;}
    .mcont1 .main_tit strong {line-height: 20px;margin: 0 0 20px;font-size: 26px;}
    .mcont1 .main_tit strong em {display:block;line-height:1;}
    .mcont1 .main_tit p em {display:block;line-height:1;}
    .mcont1 .group2 {margin:30px 0 0;}

    .mcont2 .title strong{font-size:26px;}
    .mcont2 .group2 .box {float:none;width:100%;height: 80px;padding: 0 30px 0 152px;}
    .mcont2 .group2 .box1 {background:#0097eb url(/images/global/main/icon1.png)no-repeat 20px center;}
    .mcont2 .group2 .box2 {background:#004992 url(/images/global/main/icon2.png)no-repeat 20px center; }
    .mcont2 .group2 .box strong {left: 70px;font-size: 17px;}
}

@media screen and (max-width:580px){
    .mcont1 .mvisual {height: 35%;}
    .mcont1 .group1 .box2 ul li {width:50%; border-bottom:1px solid #ccc;}
    .mcont1 .group1 .box2 ul li:nth-child(2n) {border-left:1px solid #ccc;}
    .mcont1 .group1 .box2 ul li:nth-child(5),
    .mcont1 .group1 .box2 ul li:nth-child(6) {border-bottom:none;}
    .mcont1 .group1 .box2:before,
    .mcont1 .group1 .box2:after,
    .mcont1 .group1 .box2 ul:before {display:none;}
    .mcont1 .group2 .box {height:auto;}
    .mcont1 .group2 .box .bbs_wrap {padding:52px 0 0;}
    .mcont1 .group2 .box .bbs_wrap strong {width:calc(50% - 3px);}
    .mcont1 .group2 .box .bbs_wrap strong span {line-height:48px; height:48px;}
    .mcont1 .group2 .box .bbs_wrap .more_btn {width:calc(50% - 3px);height:48px; }
    .mcont1 .group2 .box .bbs_wrap .more_btn a {line-height:48px;padding:0;}
    .mcont1 .group2 .box .bbs_wrap .more_btn a span {display:inline-block;margin: -1px 0 0 10px;vertical-align:middle;}
    .mcont1 .group2 .box .bbs_wrap ul {padding:13px 15px;}

    .mcont2 {padding:50px 0;}
    .mcont2 .group1 {margin: 20px 0 0;}
    .mcont2 .group1 .box {width:100%;margin: 0 0 15px;}

    .mcont2 .group2 .box {height:auto;padding:30px;}
    .mcont2 .group2 .box1 {background:#0097eb url(/images/global/main/icon1.png)no-repeat 95% 76%;}
    .mcont2 .group2 .box2 {background:#004992 url(/images/global/main/icon2.png)no-repeat 95% 76%; }
    .mcont2 .group2 .box strong {position: static;margin: 0 0 15px;line-height: 1.2;}
    .mcont2 .group2 .box ul li:after {top: 8px;bottom: 8px;right:20px;}
    .mcont2 .group2 .box ul li a {line-height: 2;padding: 0 40px 0 0;}
}