/*内页*/
.m_page_nav {display:none; margin-top:60px}
.m_page_nav li{width: 100%;}
.m_page_nav li dl{display: block; border-bottom:#ededed 1px solid; box-shadow:3px 3px 3px #f5f5f5;}
.m_page_nav li dl dt{padding:0.8% 1.5% 0.8% 20px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.m_page_nav li dl dt span{font-size:20px; color: #333; line-height: 200%; color:#32a7f9}
.m_page_nav li dl dt i{transition: 0.6s; width:21px; height:20px; background:url(../images/down.png) no-repeat center center; margin-right:8px;}
.m_page_nav li.active dl dt i { background:url(../images/top.png) no-repeat center center}
.m_page_nav li dl dd{display: none; padding:0; border-top: 1px solid #eaeaea; background:#f8f8f8;}
.m_page_nav li dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #eaeaea; text-align: center;}
.m_page_nav li dl dd a:last-child{border-color: transparent;}
.m_page_nav li dl dd a.active{color: #32a7f9;}
.m_page_main {padding:0px 1rem 1.5rem 1rem;}

.sub_slide {position: relative;overflow: hidden;width: 100%;}
.sub_banner {position: relative;overflow: hidden;width: 100%;}
.sub_banner ul{ position:relative; z-index:0; }
.sub_banner ul li { width:100%; height:100%; position:relative;}
.sub_banner ul li img{width:100%; vertical-align:top;} 
.sub_banner ul li > div.txt { width: 100%; position: absolute; left: 0px; top: 42%; z-index: 100; }
.sub_banner ul li > div.txt p { width: 100%; max-width: 1240px; margin: 0px auto; text-shadow: 0px 0px 5px #666; color: #fff; word-spacing: 0px;}
.sub_banner ul li > div.txt p.logo img{ width: 150px; height: 130px; }

.m_sub_banner { display:none; position: relative; width: 100%; height: 92vh; margin-top:60px}
.m_sub_banner ul { position:relative; z-index:0;height: 100%;}
.m_sub_banner ul li {width:100%; height:100%; position:relative; display:block}
.m_sub_banner ul li img{width:100%; height:100%; object-fit: cover;} 
.m_sub_banner ul li > div.txt { width: 100%; height:85%; position: absolute; left: 0px;z-index: 100;display: flex;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;}
.m_sub_banner ul li > div.txt p { width: 100%; max-width: 1240px; margin: 0px auto; text-shadow: 0px 0px 5px #666; color: #fff; word-spacing: 0px; margin-bottom:5px;align-items:center;justify-content:center;}
.m_sub_banner ul li > div.txt p.logo img{ width: 150px; height: 130px; }

.sub_menu { width: 100%; background: url(../images/sub_bbg.png) no-repeat center bottom; position: absolute; left: 0px; text-align: center; height: 74px; bottom: 0px; }
.sub_menu li {display: inline-block; text-align: center; width: 200px; height: 66px; line-height: 66px; font-size: 18px; margin-top: 8px; border-left: #9ea3a1 1px solid; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 1px; }
.sub_menu li.last {border-right:#9ea3a1 1px solid}
.sub_menu li a { color: #fff; font-size: 18px; }
.sub_menu li:hover,.sub_menu li.on {margin-top:0px;background:#32a7f9; padding-top:8px; height:74px; border-left:#32a7f9 1px solid}

.sub_menu2 { width: 100%; position: absolute; left: 0px; text-align: center;bottom:6%;}
.sub_menu2 li {display:inline-block;width:200px;height:72px; line-height:39px; padding:15px 0px; font-size: 18px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin:10px 1px 0px 1px;}
.sub_menu2 li img { width:39px; height:39px; margin-right:15px;vertical-align:middle}
.sub_menu2 li a { color: #fff; font-size: 18px; }
.sub_menu2 li p{ display:inline-block}
.sub_menu2 li p br { display:none}
.sub_menu2 li.css1 {background:url(../images/sub_b1.png) repeat; border-bottom:#b58d00 5px solid;}
.sub_menu2 li.css2 {background:url(../images/sub_b2.png) repeat; border-bottom:#0483dd 5px solid;}
.sub_menu2 li.css3 {background:url(../images/sub_b3.png) repeat; border-bottom:#55a401 5px solid;}
.sub_menu2 li.css4 {background:url(../images/sub_b4.png) repeat; border-bottom:#dba100 5px solid;}
.sub_menu2 li.css5 {background:url(../images/sub_b5.png) repeat; border-bottom:#063fdd 5px solid;}
.sub_menu2 li.css6 {background:url(../images/sub_b2.png) repeat; border-bottom:#0483dd 5px solid;width:240px}
.sub_menu2 li.css7 {background:url(../images/sub_b3.png) repeat; border-bottom:#55a401 5px solid;width:240px}
.sub_menu2 li:hover.css1 { background:#b58d00;}
.sub_menu2 li:hover.css2 { background:#0483dd}
.sub_menu2 li:hover.css3 { background:#55a401}
.sub_menu2 li:hover.css4 { background:#dba100}
.sub_menu2 li:hover.css5 { background:#063fdd}
.sub_menu2 li:hover.css6 { background:#0483dd}
.sub_menu2 li:hover.css7 { background:#55a401}


.sub_adress { width: 100%; background: #f6f6f6; line-height: 16px; padding: 22px 0px; color: #999; font-size:14px; text-align: right; }
.sub_adress p { width: 1240px; margin: 0px auto; display: block; }
.sub_adress img { vertical-align: top; margin-right: 5px }
.sub_adress a { font-size:14px}

.subpage { width: 100%; min-height: 600px; padding: 3.5% 0px; max-width: 1240px; margin: 0px auto }
.sub_page { width: 100%; padding-bottom: 100px; font-size: 16px; color: #333; line-height: 30px; padding-top:15px }
.sub_page img {width:auto; max-width:1240px; margin:15px auto;}

.sub_title { font-size: 42px; display: block; margin-bottom: 40px; }
.sub_title span { display: block; padding-bottom: 0px; height: 40px; padding-bottom: 5px; overflow: hidden; line-height: 36px; color: #333;font-size:40px; }
.sub_title span img { vertical-align:middle; margin-left:10px}
.sub_title span.eng { color: #e8e8e8; font-size:18px; text-transform: uppercase; }
.sub_title p.heng { width:50px; height:4px; background:#d22b0e; overflow:hidden; margin-top:10px}

.m_page_title { width: 100%; height: 56px; text-align: center; display: block; background: url(../images/m_index_title.png) no-repeat center top; margin:40px 0px 30px 0px; }
.m_page_title span.title { font-size:24px; height:36px; display:block; line-height:36px;font-weight:bold; color:#333; padding-left:50px;}
.m_page_title span.fu { display:block; font-size:14px; color:#ccc; font-weight:normal;}

.m_page_main { width: 100%; max-width: 1240px; margin: 0px auto; padding-bottom:80px; font-size: 16px; line-height: 30px; border-bottom: #ddd 1px solid }
.m_page_main img { width:100%; max-width:1240px; overflow:hidden;}
.m_page_main:last-child { padding-bottom:0px; border-bottom:0}

.sub_page .ind_ablist { margin:0px}
.sub_page .ind_ablist ul li { float:left; display:block; width:auto; background:url(../images/index_about_x.png) no-repeat right 15px; padding:0px 9.5%; text-align:center; position:relative;}
.sub_page .ind_ablist ul li:last-child { background:none}

/*新闻*/
.newsList { width: 100%; margin: 0px; padding: 0px 0px 20px 0px; -webkit-animation: gdownIn 2s 1s both; -moz-animation: gdownIn 2s 1s both; animation: gdownIn 2s 1s both; }
.newsList li{ width: 100%; padding: 0px 0px 40px 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 200px; border-bottom: #ddd 1px dotted; margin-bottom: 40px; }
.newsList li div.list_detail {width:100%; margin:0px auto; position:relative}
.newsList li .list_main{ overflow: hidden; height: 165px; }
.newsList li .bd_r{ width: 265px; height: 165px; overflow: hidden; float: left; margin-right: 30px; }
.newsList li .bd_r img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; margin: 0; }
.newsList li:hover .bd_r img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.newsList li .bd_l{ font-size:1em; color: #8d8b8b; padding: 0 0px 0px 30px; border-left: 1px dotted #e6e6e6; font-family: Arial; width: 60px; text-align: right; position: relative; }
.newsList li .bd_l_day{ display: block; font-size: 3.5em; color: #e20000; line-height: 50px; }
.newsList li .bd_c{ width: 100%; padding: 0; }
.newsList li .list_title{ font-size: 1.4em; font-weight: normal; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms }
.newsList li:hover .list_title { transition: all ease 600ms; color: #32a7f9 }
.newsList li .see_number{ color: #999; line-height: 30px; display: block; font-size: 12px; }
.newsList li .see_number em { margin-right:10px}
.newsList li .list_p{ font-size: 14px; color: #666; line-height:20px; height:42px; overflow: hidden; padding: 0px; }
.newsList li .bd_c .arrow{ width: 148px; height: 35px; border: 1px solid #e2e2e2; background: url("../images/arrow.png") no-repeat center center; transition: all ease 600ms; color: #186ce8; margin-top: 15px; }
.newsList li:hover .bd_c .arrow{ width: 200px; transition: all ease 600ms; background: url("../images/arrow1.png") no-repeat center center #32a7f9; border: #32a7f9 1px solid; }
.newsList li:hover .list_title a{color:#5ead00;}
.newsList li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #fff; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.newsList li a:hover i{ width: 30px; background: #32a7f9; }

.news_top_title { padding: 0px; text-align: center; margin:0px auto 30px auto; }
.news_top_title h4 { font-size: 28px; line-height:35px; text-align: center; display: block; padding-bottom: 30px }
.news_top_title p { background: #f7f7f7; padding: 8px 0px; line-height: 20px; text-align: center; font-size: 14px }
.news_top_title p span { display:inline-block; margin:0px 10px}
.news_neirong { width:100%;}
.news_neirong img { width:auto; max-width:100%; margin:15px auto;}
.share { height: 60px; line-height: 60px; font-size: 14px; color: #666; position: relative; margin-top: 50px; border-bottom: #f1f1f1 1px solid; border-top: #f1f1f1 1px solid; overflow: hidden; padding: 15px 0px; }
.share span { position: absolute; left: 0px; top: 0px }

.news_other { width: 100%; display: block; margin: 0px; padding: 30px 0px;}
.news_other h4 { background: none; height: auto; padding-bottom: 5px; }
.news_other li { line-height: 32px; height: 32px; font-size: 16px; background: url(../images/sub_title2.png) no-repeat left center; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_other li span { font-size:14px; color: #999; margin-left: 30px; }

.return {margin:30px auto 0px auto; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#32a7f9;display:none}
.return a { color:#fff;}

.notice_list li {height: 120px; padding-bottom: 24px; margin-bottom: 24px; position: relative; font-size: 12px; background: #fff; padding: 30px 30px 30px 150px; box-shadow: 0px 1px 3px #ccc; }
.notice_list li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #fff; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.notice_list li a:hover i{ width: 30px; background: #fff; }

.notice_list li span { width: 90px; height: 70px; padding: 5px 25px 0px 0px; border-right: #d9d9d9 1px dotted; position: absolute; left: 30px; top: 30px; text-align: left; font-size: 14px; color: #999; line-height: 30px; display: block; }
.notice_list li:hover { background:#32a7f9 }
.notice_list li:hover span { color: #e9f4fb }
.notice_list li span b { font-size: 40px; display: block; font-weight: normal; color: #da251c; margin-bottom: 5px; }
.notice_list li a:hover span  b { color:#fff}
.notice_list li h4{ font-size: 18px; padding-bottom: 5px; color: #333; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; line-height: 20px; }
.notice_list li:hover h4{text-indent:12px;transition:all ease 600ms; color:#fff}
.notice_list li p { line-height: 20px; font-size: 14px; height: 40px; overflow: hidden; }
.notice_list li p.m_date{ color: #999; line-height:30px; height:30px; display: block; font-size: 12px; color:#ccc; display:none }
.notice_list li p.m_date em { margin-right:10px}

.notice_list li:hover p{ color: #bedef4 }
.notice_list li.last { margin-bottom:0px; border:0}

.bdsharebuttonbox a{transition: 0.6s; float: left; padding: 15.5px !important; margin: 0 10px 0 0 !important; font-size: 14px !important; color: #717171 !important; display: flex; align-items: center; justify-content: space-between; height: 31px !important; line-height: 31px !important; border-radius: 50% !important; background-position: unset !important;}
.bdsharebuttonbox a:last-child{margin: 0 !important;}
.bdsharebuttonbox .bds_more{padding: 0 !important; margin: 0 5px 0 0 !important; border-radius: 0% !important; background: transparent !important;}
.bdsharebuttonbox .bds_weixin{background: url("../images/share_ico1.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .bds_tsina{background: url("../images/share_ico2.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_qzone{background: url("../images/share_ico3.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_tqq{background: url("../images/share_ico4.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_renren{background: url("../images/share_ico5.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox a:hover{background-color: #536072 !important;}
.pub_bdsharebuttonbox a:hover{background-color: transparent !important;}
.pub_bdsharebuttonbox .bds_weixin,.pub_bdsharebuttonbox .bds_weixin:hover{background-color: #3eb135 !important;}
.pub_bdsharebuttonbox .bds_tsina,.pub_bdsharebuttonbox .bds_tsina:hover{background-color: #df4d69 !important;}
.pub_bdsharebuttonbox .popup_qzone,.pub_bdsharebuttonbox .popup_qzone:hover{background-color: #eecf3d !important;}
.pub_bdsharebuttonbox .popup_tqq,.pub_bdsharebuttonbox .popup_tqq:hover{background-color: #45aaf2 !important;}
.pub_bdsharebuttonbox .popup_renren,.pub_bdsharebuttonbox .popup_renren:hover{background-color: #1361a7 !important;}
.m_pro_view_back{ margin: 3% 0 3% auto; width: 80px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: #5ead00; display:none }
.m_pro_view_back a {color:#fff;}

.page_numbers{text-align: center;padding:40px 0px;}
.page_numbers a.previous_page, .page_numbers a.next_page{ width:36px; height: 36px; line-height: 36px; color: #fff; text-align: center; font-size:18px; background:#32a7f9;}
.page_numbers a{ display: inline-block; height:36px; line-height: 36px; width: 36px; background: #fff; text-align: center; font-size: 16px; color: #666; background:#f5f5f5;}
.page_numbers a:hover{ background: #c9000a; color: #fff; }
.page_numbers a.cur{ background: #c9000a; color: #fff; }


@media only screen and (min-width: 0) and (max-width: 1240px){
.sub_banner ul li {height:500px; position:relative;}
.sub_banner ul li img{height:100%;} 

.sub_adress p{ width:96%; margin:0px auto}
.subpage { width:96%;}
.sub_page img { width:auto; max-width:100%;}
.sub_page .ind_ablist ul li { padding:0px 9%}

.sub_menu2 { bottom:4%}
}

@media only screen and (min-width: 0) and (max-width: 1199px){
.sub_banner,.sub_adress ,.sub_title{ display:none}
.sub_page p.sub_by  { font-size:40px}
.m_page_nav { display:block}

.return { display:block}

.m_sub_banner {display:block;}

.sub_menu2 li { width:19%;}	
}

@media only screen and (min-width: 0) and (max-width: 1112px){
	
}
@media only screen and (min-width: 0) and (max-width: 1024px){
.sub_page .ind_ablist ul li { padding:0px 8.9%}
}

@media only screen and (min-width: 0) and (max-width: 960px){
.sub_page .ind_ablist ul li { padding:0px 8%}
.sub_page p.sub_by { font-size:36px;}

.sub_menu2 li { width:18%; font-size:16px}
.sub_menu2 li a {font-size:16px; }	
.sub_menu2 li img { width:35px; height:35px; margin-right:5px;vertical-align:middle}
	
.m_sub_banner ul li > div.txt { height:78%}
}

@media only screen and (min-width: 0) and (max-width: 768px){
.m_page_nav li dl dt span{ margin-right:5px}
.m_page_nav li dl dt i{ margin-right:4px}
.m_page_nav li dl dd a{font-size: 16px; padding: 1.6% 0;}

.sub_page { padding-bottom:50px}
.sub_page .ind_ablist ul li { padding:0px 7.8%}

.newsList { padding-bottom:0px; width:98%; margin:0px auto}
.newsList li .bd_r { width:100%; float:none; height:auto; margin-bottom:10px}
.newsList li .bd_r span.rect-pic { padding-bottom:40%}
.newsList li div.list_detail {width:100%; float:none}
.newsList li .list_title {font-size:18px}
.newsList li {padding:0px 0px 20px 0px; height:auto}

.news_top_title {margin:0px auto 20px auto;}
.news_top_title h4 { font-size:24px; line-height:30px; text-align: center; display: block; padding-bottom: 30px }
.news_other li span { display:none}

.m_sub_banner ul li > div.txt { height:88%}
}
@media only screen and (min-width: 0) and (max-width: 736px){
.sub_page .ind_ablist ul li { padding:0px 7.1%}

.sub_menu2 { bottom:8%}
.sub_menu2 li { height:100px; line-height:35px; margin:0px 1px 0px 1px;}
.sub_menu2 li img {margin-right:0px;vertical-align:middle; width:35px; height:35px;}
.sub_menu2 li p{ display:block;}

.m_sub_banner ul li > div.txt p.logo img{ width:130px; height:113px; }
.m_sub_banner ul li > div.txt p.title { font-size:42px;}
.m_sub_banner ul li > div.txt p.eng { font-size:16px}

.m_sub_banner ul li > div.txt { height:70%}

}

@media only screen and (min-width: 0) and (max-width: 640px){
.sub_page .ind_ablist ul li { padding:0px 6.5%}
.sub_page p.sub_by { font-size:32px; margin-bottom:0}	

.m_sub_banner ul li > div.txt { height:70%}

}
@media only screen and (min-width: 0) and (max-width: 568px){
.sub_page .ind_ablist ul li { padding:0px 5.95%}
.sub_page { font-size:14px; line-height:24px;}	
.m_sub_banner ul li > div.txt { height:68%}
		
}
@media only screen and (min-width: 0) and (max-width: 520px){
.m_page_nav li dl dt{padding:2% 2% 1.8% 20px;}
.m_page_nav li dl dt span{font-size:16px;}
.m_page_nav li dl dt i{ margin-right:2px}
.m_page_nav li dl dd a{font-size:14px; padding: 2.2% 0;}

.sub_page .ind_ablist ul li { padding:0px 4%}
.sub_page p.sub_by { font-size:28px; margin-bottom:0}	

.newsList { padding-bottom:0px; width:95%; margin:0px auto}
.newsList li .bd_r { width:100%; float:none; height:auto; margin-bottom:10px}
.newsList li .bd_r span.rect-pic { padding-bottom:40%}
.newsList li div.list_detail {width:100%; float:none}
.newsList li .list_title {font-size:18px}
.newsList li {padding:0px 0px 20px 0px; height:auto}

.news_top_title {margin:0px auto 15px auto; width:96%;}
.news_top_title h4 { font-size:24px; line-height:30px; text-align: center; display: block; padding-bottom: 30px }
.news_other li span { display:none}

.news_neirong { width:96%; margin:0px auto}

.notice_list li {background: #fff; padding:0px; box-shadow:none; border-bottom:#eee 1px dotted; width:98%; margin:0px auto;margin-bottom:20px }
.notice_list li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #fff; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.notice_list li a:hover i{ width: 30px; background: #32a7f9; }

.notice_list li span { display:none}
.notice_list li:hover {background:#fff}
.notice_list li:hover span { display:none}
.notice_list li:hover h4{color:#32a7f9}
.notice_list li:hover p{ color: #888 }
.notice_list li.last { margin-bottom:0px; border:0}
.notice_list li p.m_date { display:block}

.page_numbers a.previous_page, .page_numbers a.next_page{display:inline-block}
.page_numbers a{ display:none;}
.page_numbers a.cur{ display:none}


.m_sub_banner ul li > div.txt p.logo img{ width:120px; height:104px; }
.m_sub_banner ul li > div.txt p.title { font-size:40px;}
.m_sub_banner ul li > div.txt p.eng { font-size:14px}

.sub_menu2 li a {font-size:14px}	
.sub_menu2 li { height:90px; line-height:30px; margin:0px 1px 0px 1px;}
.sub_menu2 li img {margin-right:0px;vertical-align:middle; width:30px; height:30px;}
.sub_menu2 li p{ display:block;}

.sub_menu2 li.css6 {width:40%}
.sub_menu2 li.css7 {width:40%}

}

@media only screen and (min-width: 0) and (max-width: 414px){
.sub_page img { margin:0px auto}	
.sub_page .ind_ablist span.left,.sub_page .ind_ablist span.right { display:none}
.sub_page .ind_ablist ul li {min-width:!important; width:49%; padding:0px;background:url(../images/index_about_x.png) no-repeat right center; margin:5px 0px }
.sub_page .ind_ablist ul li:nth-child(2) { background:none}
	
.sub_page p.sub_by { margin:20px 0px 0px }	

.m_sub_banner ul li > div.txt {}
.sub_menu2 { bottom:3%}
.sub_menu2 li { height:84px}
.sub_menu2 li.css1,.sub_menu2 li.css2,.sub_menu2 li.css3 { width:30%; margin:5px 1px; padding:10px 0px 0px}
.sub_menu2 li.css4,.sub_menu2 li.css5 { width:45.9%;}
.m_sub_banner ul li > div.txt { height:70%}

}
@media only screen and (min-width: 0) and (max-width: 375px){

}

@media only screen and (min-width: 0) and (max-width: 320px){
.m_sub_banner ul li > div.txt {}
.m_sub_banner ul li > div.txt p.title { font-size:36px}
.m_sub_banner ul li > div.txt p.logo img{ width:100px; height:87px; }
.sub_menu2 { bottom:5%}
.m_sub_banner ul li > div.txt { height:67%}

}