@charset "utf-8";
#mcontainer{ background-color:#000; text-align:center; overflow:hidden;}

.body_wrap{ width:1200px; font-family:nsr; color:#000; padding:0; margin:0; display:inline-block;}
.body_wrap div[id *= con]{ width:100%; text-align:left; padding:0; margin:0; display:inline-block; position:relative;}
.inner_box{ width:100%; background-color:#fff; text-align:left; padding:51px 21px 0 21px; margin:0; display:inline-block; box-sizing:border-box; position:relative;}
.inner_box:before{ width:1400px; height:100%; background-color:#fff; content:""; padding:0 0 10px 0; margin:0 0 0 -700px; position:absolute; top:0; left:50%;}

#con1{ text-align:center;}
#con1 .popup{position:relative;  width:100%; height:100%;}
#con1 .grap{ width:100%; height:100%; padding:105px 0 0;  margin:0; display:inline-block; overflow:hidden;}
#con1 .grap p{  display:block; padding:0 30px 20px;margin: 0;color:#fff;font-size:15px; font-weight:100; line-height:20px;}
#con1 .obj{ width:100%; height:100%; padding:0; margin:0; display:inline-block; position:relative;}
#con1 .item{ width:100%; color:#fff; margin:0; display:inline-block; position:relative; float:left;}
#con1 .item h3{ font-size:40px; font-weight:900; line-height:50px; padding:0; margin:0 0 32px 0;}
#con1 .item h3 span{display:block;font-size:38px;font-weight:normal;}
#con1 .item .btn{ width:100%; height:48px; font-weight:900; padding:0; margin:0; display:inline-block;}
#con1 .item .btn a{ font-size:20px; font-weight:100; color:#fff; line-height:44px; padding:0 100px; margin:0; display:inline-block; border:2px solid #fff; box-sizing:border-box;}
#con1 .control{ /* position:relative; top:0px; z-index:1;*/}
#con1 .control .paging{ padding:0; margin:0; display:inline-block; position:absolute; bottom:62px; left:50%;}
#con1 .control .paging button{ width:21px; height:21px; background:url(/images/smugrade/main/visual_page_icon_off.png) no-repeat center center; text-align:left; text-indent:-9999px;}
#con1 .control .paging button.ov{ background-image:url(/images/smugrade/main/visual_page_icon_on.png)}
#con1 .control a{ width:21px; height:27px; background:no-repeat center center; text-align:left; text-indent:-9999px; padding:0; margin:0; display:block; position:absolute; top:100px; left:50%;}
#con1 .control a.prev{ background-image:url(/images/smugrade/main/visual_btn_icon_prev.png); margin-left:550px;}
#con1 .control a.next{ background-image:url(/images/smugrade/main/visual_btn_icon_next.png); margin-left:579px;}
#con1 .item{ background:no-repeat center top; background-size:cover;}
/*#con1 .item.sld1{ background-image:url(/images/smugrade/main/mBg1.jpg);}
#con1 .item.sld2{ background-image:url(/images/smugrade/main/mBg2.jpg);}
#con1 .item.sld3{ background-image:url(/images/smugrade/main/mBg3.jpg);}
#con1 .item.sld4{ background-image:url(/images/smugrade/main/mBg4.jpg);}
#con1 .item.sld5{ background-image:url(/images/smugrade/main/mBg5.jpg);}
#con1 .item.sld6{ background-image:url(/images/smugrade/main/mBg6.jpg);}
#con1 .item.sld7{ background-image:url(/images/smugrade/main/mBg7.jpg);}
#con1 .item.sld8{ background-image:url(/images/smugrade/main/mBg8.jpg);}
#con1 .item.sld9{ background-image:url(/images/smugrade/main/mBg9.jpg);}
#con1 .item.sld10{ background-image:url(/images/smugrade/main/mBg10.jpg);}
*/

	#mvisual {position:absolute;width:100%; height:1172px; background:url('/images/smugrade/main/mBg1.jpg') no-repeat 50% 0; background-size: cover;}
#mvisual .visual-wrap {width:1240px;  margin:0 auto; text-align:center; position:relative;}
#mvisual .obj_wrap {width:100%; height:100%; }
#mvisual .obj_wrap li {height:100%; display:inline-block; width:100%; position:absolute; left:0px; top:0px}
#mvisual .obj_wrap li#main_vi1 {background-image:url('/images/smugrade/main/mBg1.jpg')}
#mvisual .obj_wrap li#main_vi2 {background-image:url('/images/smugrade/main/mBg2.jpg')}
#mvisual .obj_wrap li#main_vi3 {background-image:url('/images/smugrade/main/mBg3.jpg')}


#con2{ height:236px; margin-bottom:51px;}
#con2 ul{ width:100%; height:100%; padding:0 1px; margin:0px; display:table; border-left:1px solid #dad6cd; border-right:1px solid #dad6cd; box-sizing:border-box;}
#con2 ul li{ width:386px; height:100%; padding:0 10px; margin:0; display:table-cell; box-sizing:border-box; position:relative;}
#con2 ul li a{ width:100%; height:100%; background:no-repeat center top; font-size:14px; text-align:center; color:#fff; line-height:26px; padding:104px 54px 0 54px; margin:0; display:block; box-sizing:border-box;}
#con2 ul li a span{ font-size:30px; font-weight:900; line-height:47px; display:block;}
#con2 ul li.n1{ padding-left:0;}
#con2 ul li.n3{ padding-right:0;}
#con2 ul li.n1:before{ width:1px; height:100%; background-color:#dad6cd; content:""; padding:0; margin:0; position:absolute; top:0; right:10px;}
#con2 ul li.n2:after{ width:1px; height:100%; background-color:#dad6cd; content:""; padding:0; margin:0; position:absolute; top:0; left:10px;}
#con2 ul li.n2:before{ width:1px; height:100%; background-color:#dad6cd; content:""; padding:0; margin:0; position:absolute; top:0; right:10px;}
#con2 ul li.n3:before{ width:1px; height:100%; background-color:#dad6cd; content:""; padding:0; margin:0; position:absolute; top:0; left:10px;}
#con2 ul li.n1 a{ background-image:url(/images/smugrade/main/visual_btn_icon1.png);}
#con2 ul li.n2 a{ background-image:url(/images/smugrade/main/visual_btn_icon2.png);}
#con2 ul li.n3 a{ background-image:url(/images/smugrade/main/visual_btn_icon3.png);}

#con3{ width:541px; margin-right:638px; margin-bottom:30px; float:left;height:326px}
#con3 h2{ width:100%; height:37px; font-size:30px; font-weight:900; line-height:37px; padding:0; margin:0 0 41px 0; display:block;}
#con3 ul{ width:100%; padding:0; margin:0; display:inline-block; border-top:1px solid #dcddde; box-sizing:border-box;}
#con3 ul li{ width:100%; height:40px; font-size:16px; line-height:39px; padding:0 15px; margin:0; display:inline-block; border-bottom:1px solid #dcddde; box-sizing:border-box; float:left;}
#con3 ul li a{ max-width:422px; color:#000; line-height:39px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#con3 ul li span{ line-height:39px; display:inline-block; float:right;}
#con3 .btn{ width:17px; height:17px; padding:0; margin:0; position:absolute; top:10px; right:0;}
#con3 .btn a{ width:100%; height:100%; background:url(/images/smugrade/main/board_btn_icon_more.gif) no-repeat center center;; text-indent:-9999px; display:block;}

#con4{ width:541px; height:109px; margin-bottom:61px; float:left;}
#con4 ul{ width:100%; padding:0; margin:0; display:inline-block;}
#con4 ul li{ width:50%; padding:0 8px 0 9px; margin:0; display:inline-block; box-sizing:border-box; float:left;}
#con4 ul li a{ width:100%; height:100%; background-color:#256be3; font-size:20px; font-weight:bold; text-align:center; color:#fff; line-height:109px; padding:0; margin:0; display:block;}
#con4 ul li a .con4_ico.ico1{display:inline-block; width:64px; height:64px; background:url(/images/smugrade/main/proof_ico.png) no-repeat; vertical-align:middle; margin-right:10px}
#con4 ul li a .con4_ico.ico2{display:inline-block; width:64px; height:64px; background:url(/images/smugrade/main/ques_ico.png) no-repeat; vertical-align:middle; margin-right:10px}
#con4 ul li:first-child{ padding-left:0;}
#con4 ul li:last-child{ padding-right:0;}
#con4 ul li:last-child a{ background-color:#252932;}

#con5{ width:522px; margin-bottom:61px; display:inline-block; position:absolute; top:51px; right:21px;}
#con5 h2{display:none}
#rolling_box1{ width:100%; height:100%; padding:78px 0 0 0; margin:-78px 0 0 0; box-sizing:border-box; position:relative;}
#rolling_box1 .control{ width:42px; height:17px; padding:0; margin:0; position:absolute; top:50px; right:0;}
#rolling_box1 .control a{ width:17px; height:17px; text-indent:-9999px; padding:0; margin:0; float:left;}
#rolling_box1 .control a.prev{ background:url(/images/smugrade/main/board_btn_icon_prev.gif) no-repeat left center;}
#rolling_box1 .control a.next{ background:url(/images/smugrade/main/board_btn_icon_next.gif) no-repeat right center; float:right;}
/* 
#rolling_box1 .grap{ width:100%; height:100%; padding:0; margin:0; overflow:hidden;}
#rolling_box1 .obj{ width:10000%; height:100%; padding:0; margin:0;}
#rolling_box1 .obj .item{ height:100%; padding:0; margin:0; float:left;}
#rolling_box1 .obj .item + .item{ margin-left:34px;}
#rolling_box1 .obj .item a{ width:100%; height:100%; display:block;}
#rolling_box1 .obj .item .thumb{ width:100%; height:0; padding:0 0 65.9% 0; margin:0 0 19px 0; display:inline-block; overflow:hidden;}
#rolling_box1 .obj .item .thumb img{ width:100%;}
#rolling_box1 .obj .item h3{ font-size:20px; font-weight:900; color:#000; line-height:30px; padding:0; margin:1px 0; display:block;}
#rolling_box1 .obj .item .date{ font-size:14px; color:#999; line-height:25px; padding:0; margin:0 0 32px 0; display:block;}
#rolling_box1 .obj .item .txt{ height:84px; font-size:15px; color:#555; line-height:28px; padding:0; margin:0; display:block; overflow:hidden;} 
*/
#rolling_box1 .grap{ position:relative; width:100%; height:465px; padding:0; margin:0; overflow:hidden;}
#rolling_box1 .obj{ position:relative; width:200%; height:100%; padding:0; margin:0;}
#rolling_box1 .obj .item{ width:50%; height:100%; padding:0; margin:0; float:left; overflow:hidden;}
/* #rolling_box1 .obj .item + .item{ margin-left:34px;} */
#rolling_box1 .obj .item a{ width:100%; height:100%; display:block;}
#rolling_box1 .obj .item .thumb{ width:100%;height:100%;}
#rolling_box1 .obj .item .thumb img{ height:100%; width:100%}
#rolling_box1 .obj .item h3{ font-size:20px; font-weight:900; color:#000; line-height:30px; padding:0; margin:1px 0; display:block;}
#rolling_box1 .obj .item .date{ font-size:14px; color:#999; line-height:25px; padding:0; margin:0 0 32px 0; display:block;}
#rolling_box1 .obj .item .txt{ height:84px; font-size:15px; color:#555; line-height:28px; padding:0; margin:0; display:block; overflow:hidden;} 



#con6{ height:160px;}
#rolling_box2{ width:100%; height:100%; padding:0; margin:0; box-sizing:border-box; position:relative;}
#rolling_box2 .control{ display:none}
#rolling_box2 .grap{ width:100%; height:100%; padding:0; margin:0; overflow:hidden;}
#rolling_box2 .obj{ height:100%; padding:0 3px; margin:0; box-sizing:border-box;}
#rolling_box2 .obj .item{ width:163px !important; height:100%; text-align:center; padding:0; margin:0; float:left;}
#rolling_box2 .obj .item a{ width:100%; height:100%; background: no-repeat center 39px; padding:90px 0 0 0; margin:0; display:block; box-sizing:border-box;}
#rolling_box2 .obj .item.n1 a{ background-image:url(/images/smugrade/main/quick_menu_icon1.gif);}
#rolling_box2 .obj .item.n2 a{ background-image:url(/images/smugrade/main/quick_menu_icon2.gif);}
#rolling_box2 .obj .item.n3 a{ background-image:url(/images/smugrade/main/quick_menu_icon3.gif);}
#rolling_box2 .obj .item.n4 a{ background-image:url(/images/smugrade/main/quick_menu_icon4.gif);}
#rolling_box2 .obj .item.n5 a{ background-image:url(/images/smugrade/main/quick_menu_icon5.gif);}
#rolling_box2 .obj .item.n6 a{ background-image:url(/images/smugrade/main/quick_menu_icon6.gif);}
#rolling_box2 .obj .item.n7 a{ background-image:url(/images/smugrade/main/quick_menu_icon7.gif);}
#rolling_box2 .obj .item.n8 a{ background-image:url(/images/smugrade/main/quick_menu_icon8.gif);}
#rolling_box2 .obj .item.n9 a{ background-image:url(/images/smugrade/main/quick_menu_icon9.gif);}

@media(max-width:1199px){
	.body_wrap{ width:100%;}
	
	.inner_box{ padding:5.1% 3.2% 0 3.2%;}
	
	#con1 .item{ width:100%; padding:0 150px 160px 150px;}
	#con1 .layout .control a{ display:none;}
	
	#con2{ height:30.2%;}
	#con2 ul{ padding:0 5%; border:0; box-sizing:border-box;}
	#con2 ul:after{ width:1px; height:100%; background-color:#dad6cd; content:""; padding:0; margin:0; position:absolute; top:0; left:5%;}
	#con2 ul:before{ width:1px; height:100%; background-color:#dad6cd; content:""; padding:0; margin:0; position:absolute; top:0; right:5%;}
	#con2 ul li{ width:33.3%; padding:0 10px;}	
	#con2 ul li.n1:before{right:10px;}
	#con2 ul li.n2:after{left:10px;}
	#con2 ul li.n2:before{right:10px;}
	#con2 ul li.n3:before{left:10px;}
	
	#con3{ width:44.8%; margin-right:48.8%;}
	
	#con4{ width:44.8%; margin-bottom:7.6%;}
	#con4 ul li{ padding:0 1%;}
	
	#con5{ width:45.4%; margin-bottom:7.6%; right:3.2%;}
	#rolling_box1 .obj .item + .item{ margin-left:30px;}
	
	#con6{ width:106.8%; margin-left:-3.4%; border-top:1px solid #dfdfdf;}
	#rolling_box2 .obj{ padding:0;}
	#rolling_box2 .obj .item{ width:11.1% !important;}
}
@media(max-width:999px){	
	.inner_box{ padding:5.1% 14.5% 0 14.5%;}
	
	#con1 .item{ padding:0 30px 160px 30px;}
	
	#con2 ul{ padding:0;}
	#con2 ul:after,
	#con2 ul:before{ display:none;}
	#con2 ul li{ padding:0;}	
	#con2 ul li.n1:before{ display:none;}
	#con2 ul li.n2:after{left:0;}
	#con2 ul li.n2:before{right:0;}
	#con2 ul li.n3:before{ display:none;}
	#con2 ul li a{ padding:104px 10% 0 10%;}
	#con2 ul li a span{ font-size:23px;}
	
	#con3,
	#con4,
	#con5{ width:100%; margin-right:0; position:relative; top:auto; right:auto;}
		
	#con3 ul li a{ max-width:81%;}
	
	#con6{ width:141.9%; padding:0 20.7%; margin-left:-20.7%; box-sizing:border-box;}
	#rolling_box2 .grap{ width:92%; margin:0 4%;}
	#rolling_box2 .control{ display:block;}
	#rolling_box2 .control a{ width:4%; height:25px; background:no-repeat center center; text-align:left; text-indent:-9999px; padding:0; margin:-12px 0 0 0; position:absolute; top:50%;}
	#rolling_box2 .control a.prev{ background-image:url(/images/smugrade/main/visual_btn_icon_prev.png); left:0;}
	#rolling_box2 .control a.next{ background-image:url(/images/smugrade/main/visual_btn_icon_next.png); right:0;}
	#rolling_box2 .obj .item{ width:25% !important;}
}
@media(max-width:767px){
	.inner_box{ padding:14.3% 9.3% 0 9.3%;}
	
	#con1 .item{ padding:10px 30px 95px 30px;}
	#con1 .item .btn{ height:30px;}
	#con1 .item .btn a{ width:auto; font-size:12px; line-height:28px; padding:0 60px; display:inline-block; border:1px solid #fff;}

	#con1 .item h3{font-size:26px;line-height:43px}
	#con1 .item h3 span{font-size:30px;}


	#con2{ height:auto; padding:0 9.3%; box-sizing:border-box;}
	#con2 ul{ display:block;}
	#con2 ul li{ width:100%; padding:0; display:block; border-bottom:1px solid #dad6cd;}
	#con2 ul li:after,
	#con2 ul li:before{ display:none;}
	#con2 ul li a{ background-position:left center; background-size:50px auto; font-size:13px; text-align:left; line-height:18px; padding:6.2% 0 6.2% 66px;}
	#con2 ul li a span{ font-size:20px; line-height:30px;}
	
	#con3 h2,
	#con5 h2{ height:20px; font-size:18px; line-height:20px; margin-bottom:30px;}
	
	#con3 ul li{ padding:0 5px;}
	#con3 ul li a{ max-width:77.6%;}
	#con3 .btn{ top:1px;}
	
	#con4{ height:auto; margin-bottom:58px;}
	#con4 ul li{ width:100%; height:45px; padding:0;}
	#con4 ul li + li{ margin-top:4px;}
	#con4 ul li a{ font-size:16px; line-height:45px;}
	#con4 ul li a .con4_ico.ico1, #con4 ul li a .con4_ico.ico2{display:none}
	
	#rolling_box1{ padding-top:50px; margin-top:-50px;}
	#rolling_box1 .obj .item + .item{ margin-left:0;}
	#rolling_box1 .obj .item .date{ margin-bottom:22px;}
	#rolling_box1 .control{ top:1px;}
	
	#rolling_box2 .obj .item{ width:50% !important;}
}