@charset "utf-8";


* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;/* Firefox */
	-webkit-box-sizing: border-box;/* Safari */
	outline: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;/* For some Androids */
}
html {
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;/* For some Androids */
}
body {
	font-family:"微软雅黑" !important, Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, ;;
	color: #333;
	
	outline: none;
	font-size: 14px;
}
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0
}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {
	font-size: 100%
}
abbr {
	border: 0;
}
em, i {
	font-style: normal;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
	display: block;
}
a:hover {
vertical-align:
 outline: none;
	text-decoration: none;
}
a, button, input, textarea, select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
}
.clear {
	clear: both;
	height: 0;
}
textarea {
	resize: none;
}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
input, textarea, select, option, button, form, fieldset {
	
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
/*top*/

.top{width: 1200px;margin:27px auto;overflow: hidden;}
.top_l{width: 29%;float: left;}
.top_r{width: 18%;float: right;overflow: hidden;margin-top: 10px}

.top_l img{width: 100%;}
.top_r img{width: 38px;float: left;margin-top: 3px}
.top_r div{width: 75%;float: right;}
.top_r div h2{font-size: 18px;width: 100%;font-weight: bold;color: #333}
.top_r div p{font-size: 14px;width: 100%;color: #333}
/*top end*/

/*banner*/
#full-screen-slider { width:100%;  position:relative}
#slides { display:block; width:100%; height:597px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:90%; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px; border-radius:5px; background:#656565 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#ec7815}


#full-screen-slider1 { width:100%;  position:relative}
#slides1 { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative}
#slides1 li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides1 li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination1 { display:block; list-style:none; position:absolute; left:50%; top:90%; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination1 li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px; border-radius:5px; background:#656565 }
#pagination1 li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination1 li.current { background:#ec7815}

.pc_banner{display: block;}
.ph_banner{display: none;}

/*banner end*/
.nav{width: 100%;box-sizing: border-box;border-top: 1px solid #dc0522}
.nav .nav_u{width: 1134px;margin:0 auto;overflow: hidden;box-sizing: border-box;display: block;}
.nav .nav_u li{width: 11.11%;float: left;}
.nav .nav_u li a{width: 100%; display: block;font-size: 16px;color: #000;line-height: 50px;text-align: center;}
.nav .nav_u li:hover{background: #dc0522;}
.nav .nav_u li:hover a{color: #fff}

.div01{width: 100%;margin:0 auto;}
.div01 .d01_top{width: 100%; background: url(../images/bg_tit_x01.jpg) repeat-x 0 center;text-align: center;margin:44px auto;}
.div01 .d01_top h2{display: inline-block;background: #fff;color:#dc0522 ;font-weight: bold;font-size: 31px;padding:0 24px;}
.div01 .d01_top p{display: inline-block;background: #fff;color:#666666 ;font-size: 12px;}

.div01_u{width: 1200px;margin:0 auto;overflow: hidden;}
.div01_u li{width: 23.8%;float: left;margin-right: 1.6%}
.div01_u li.clear_right{margin-right: 0}
.div01_u li img{width: 100%;transition: all 0.5s;}
.div01_u li img:hover{-webkit-transform: scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform: scale(1.1,1.1);transition: all 0.5s;}
.div01_u li:hover h3{color: #dc0522}
.div01_u li:hover p{}
.div01_u li h3{font-size: 16px;color: #333333;text-align: center;line-height: 34px;}
.div01_u li p{font-size: 14px;color: #999999;line-height: 22px;}
.more a{color: #666666;}
.div01 .more{text-align: center;font-size: 14px;color: #666666;margin:40px auto;}
.div01 .more img{margin-bottom: 10px;}

.div02 .more{text-align: center;font-size: 14px;color: #666666;margin:40px auto;}
.div02 .more img{margin-bottom: 10px;}
.div03 .more{text-align: center;font-size: 14px;color: #666666;margin:40px auto;}
.div03 .more img{margin-bottom: 10px;}

.div04 .more{text-align: center;font-size: 14px;color: #666666;margin:40px auto;}
.div04 .more img{margin-bottom: 10px;}



.div02{width: 100%;background: url(../images/bg_d02.jpg) no-repeat center 0;padding-top: 35px}
.div02 .d01_top{width: 100%; background: url(../images/bg_tit_x02.png) no-repeat center;text-align: center;margin:0 auto 20px auto;}
.div02 .d01_top h2{display: inline-block;color:#ffffff ;font-weight: bold;font-size: 31px;padding:0 24px;}
.div02 .d01_top p{display: inline-block;color:#ffffff ;font-size: 12px;}
.d02_c{font-size: 16px;color: #fff;width: 1200px;margin:0 auto 17px auto;line-height: 30px;}
.d03_c {width: 1200px;margin:0 auto;overflow: hidden;padding:0.8%;box-sizing: border-box;background: #fff}
.d03_c .d03_img_01{float: left;width:61%;max-height: 303px;margin-right: 1.2%}
.d03_c .d03_img_02{float: left;width:18.25%;max-height: 303px;margin-right: 1.2%}
.d03_c .d03_img_03{float: left;width:18.25%;max-height: 303px;}




.div03{width: 100%;margin:0 auto;}
.div03 .d01_top{width: 100%; background: url(../images/bg_tit_x01.jpg) repeat-x 0 center;text-align: center;margin:35px auto;}
.div03 .d01_top h2{display: inline-block;background: #fff;color:#dc0522 ;font-weight: bold;font-size: 31px;padding:0 24px;}
.div03 .d01_top p{display: inline-block;background: #fff;color:#666666 ;font-size: 12px;}

.d03_u{width: 1200px;margin:0 auto;overflow: hidden;}
.d03_u li{width: 48%;float: left;padding:2%;background: #f8f8f8;margin-bottom: 7px}
.d03_u li:hover{background: #f1f0f0;}
.d03_u li:hover .d03_l_left p{background: #f00}
.d03_u li:hover .d03_l_right h2{color: #f00}
.d03_u li.fl_right{float: right;}
.d03_u li .d03_l_left{width: 15%;float: left;background: #e4e2e2;text-align: center;}
.d03_u li .d03_l_right{width: 81%;float: right;}

.d03_l_left h3{background: #e4e2e2;color: #666666;font-size: 36px;line-height: 52px;}
.d03_l_left p{background: #a6a3a3;color: #ffffff;font-size: 14px;line-height: 27px;}

.d03_l_right h2{font-size: 16px;color: #333333;margin:5px 0 3px 0;}
.d03_l_right p{font-size: 14px;color: #666666;line-height: 22px;}



.div04{width: 100%;background: url(../images/bg_04.jpg) no-repeat center 0;padding-top: 31px;border-bottom: 1px solid #e5e5e5}
.div04 .d01_top{width: 100%; background: url(../images/bg_tit_x02.png) no-repeat center;text-align: center;}
.div04 .d01_top h2{display: inline-block;color:#ffffff ;font-weight: bold;font-size: 31px;padding:0 24px;}
.div04 .d01_top p{display: inline-block;color:#ffffff ;font-size: 12px;}

.div04 .d04_d02{width: 1200px;margin:45px auto 30px auto;text-align: center;}
.d04_d02 p{color: #fff;margin:15px 0 0 0 ;}
.div04 .d04_d03{width: 1200px;margin:0 auto;}

.d04_u01{text-align: center;}
.d04_u01 li{display:inline-block;width: 125px;height: 119px; margin:auto 24px ; }
.d04_u01 li a{display: block;width: 100%;height: 100%}
.d04_u02{width: 100%;overflow: hidden;margin-top: 29px}
.d04_u02 li{width: 17.25%;float: left;box-sizing: border-box;margin-right: 3.3%}
.d04_u02 li.clear_right{margin-right: 0}
.d04_u02 li img{width: 100%;border:1px solid #e6e6e6;}
.d04_u02 li p{width: 100%;text-align: center;font-size: 16px;color: #333333;line-height: 39px;}

.div05{width: 1200px;margin:36px auto 40px auto;overflow: hidden;}
.div05 .div05_l{width: 70%;float: left;}
.div05 .div05_r{width: 10.75%;float: right;}
.div05_l h2{font-size: 28px;color: #6f6e6e;font-weight: bold;margin-left: 2%;margin-bottom: 16px;}
.div05_l h2 span{font-size: 12px;font-weight: normal;}
.div05_l small{font-size: 14px;color: #6f6e6e;background: #f9f9f9;padding:7px 10% 7px 2%;}
.div05_l p{font-size: 14px;color: #333333;margin-left: 2%;margin-top: 17px}
.div05_l p span{padding-left: 20px;margin-right: 33px;}
.div05_r img{width: 100%;}

.footer{width: 100%;background: #333333;padding: 25px 0 30px 0;}
.footer ul{width: 1200px;margin:0 auto 10px auto;text-align: center;}
.footer ul li{display: inline-block;}
.footer ul li span{margin:0 10px;}
.footer ul li:first-child span{display: none;}
.footer ul li a{color: #616060;font-size: 14px;}
.footer p{text-align: center;color: #616060;font-size: 14px;}

/*productlist1*/
.pro_list_content{width: 1200px;margin:17px auto ;overflow: hidden;}
.pro_list_content .pro_l{width:21.33% ;float: left;}
.pro_list_content .pro_r{width: 77%;float: right;}
.pro_l .pro_l_d01{width: 100%;margin-bottom: 14px;}
.pro_l .pro_l_d01 h2{width: 100%;background: #dc0522;font-size: 24px;color: #fff;line-height: 84px;padding-left: 10%;font-weight: bold;}
.pro_l .pro_l_d01 ul{width: 100%;background: #666666;}
.pro_l_d01 ul li{line-height: 48px;overflow: hidden;border-bottom: 1px solid #999999}
.pro_l_d01 ul li:hover{background: #4c4c4c}
.pro_l_d01 ul li:hover a{color: #fff}
.pro_l_d01 ul li a{color: #999999;font-size: 18px;padding:0 10%;}
.pro_l_d01 ul li a span{float: right;}
.pro_l_d02{padding: 10%;background: #ededed;width: 100%}
.pro_l_d02 h3{font-size: 24px;color: #333333;font-weight: bold;}
.pro_l_d02 h4{font-size: 14px;color: #999999;margin:15px 0 8px 0;line-height: 20px}
.pro_l_d02 p{font-size: 14px;color: #333333;overflow: hidden;line-height: 25px}
.pro_l_d02 p small{display: block;width: 24%;float: left;font-size: 14px;color: #333333;}
.pro_l_d02 p span{display: block;width: 76%;float: left;font-size: 14px;color: #333333;}
.pro_l_d02 img{width: 75%;margin-top: 27px;}

.pro_r .p_top{width: 100%;border-bottom: 4px solid #cccccc;line-height: 50px;}
.pro_r .p_top h2{display: inline;font-size: 24px;color: #666666;border-bottom: 4px solid #666666;padding-bottom: 10px;padding-left:34px;padding-right:34px;}
.pro_r .p_top span{float: right;}
.pro_r .p_top span a{display: inline;color: #333}
.pro_r .p01_ul{width: 90.23%;overflow: hidden;margin:47px auto;}
.p01_ul li{width: 28.64%;float: left;box-sizing: border-box;margin-right: 7%}
.p01_ul li img{width: 100%;border:1px solid #e6e6e6;}
.p01_ul li p{font-size: 16px;color: #333333;line-height: 54px;text-align: center;}
.p01_ul li.clear-right{margin-right: 0}

/*about*/

.about_content{width: 100%;line-height: 32px;font-size: 16px;color: #666666;margin:50px auto;padding:0 3%;}


/*productlist2*/
.pro_r .p02_ul{width: 96%;overflow: hidden;margin:47px auto 0 auto;}
.p02_ul li{width: 31.88%;float: left;box-sizing: border-box;margin-right: 2.1%;margin-bottom: 43px}
.p02_ul li img{width: 100%;}
.p02_ul li p{font-size: 16px;color: #333333;line-height: 33px;text-align: center;margin-top: 5px}
.p02_ul li.clear-right{margin-right: 0}
.p02_ul li span{font-size: 14px;color: #666;line-height: 24px}


/*newslist*/

.news_list{width: 90%;margin:55px auto;overflow: hidden;}
.news_list li{width: 100%;float: left;margin-bottom: 53px}
.news_list li.fl_right{float: right;}
.news_list li .d03_l_left{width: 9.5%;float: left;background: #e4e2e2;text-align: center;}
.news_list li .d03_l_right{width: 87%;float: right;}
.news_list li:hover .d03_l_left p{background: #f00}
.news_list li:hover .d03_l_right h2{color: #f00}

/*job_list*/
.job_list{width: 90%;margin: 39px auto}
.job_list li{width: 99%;margin: 0 auto;background: url(../images/tit_bg03.png) no-repeat 2% center;overflow: hidden;padding:0 2% 0 4%}
.job_list li a{font-size: 16px;color: #333333;line-height: 54px;}
.job_list li a span{float: right;}

.news{overflow:hidden;}
.con_news_title{float: left;width: 100%;line-height: 50px;text-align: center;}
.con_news_title h5{float: left; font-size:18px; font-weight: bold; color:#000;width: 100%;}
.con_news_title h6{float: left;width: 100%;color: #6f6f6f;font-size: 12px;line-height: 25px;text-align: center; font-weight: normal;}
.con_news_fx{float: left; width: 100%; height: auto; padding: 12px 0px; text-align: center;}
.con_news_txt {float: left; width: 100%; height: auto; padding: 12px 0px; font-size: 14px; color: #444444; line-height: 30px;}
.con_news_txt a{display:inline;}

.pageNavi {
	color:#000;
    width:100%;
    clear: both;
    line-height: 26px;
    padding: 15px 0px;
}
.pageP{margin-right: 2%}
.pageP, .pageN{
	float:left;
	width:45%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pageP span{float: left; margin-right: 5px; width: 66px; height: 26px; background: #1169b0; text-align: center; line-height: 26px; color: #FFFFFF; font-size: 14px;}
.pageN span{float: left; margin-right: 5px;  width: 66px; height: 26px; background: #1169b0; text-align: center; line-height: 26px; color: #FFFFFF; font-size: 14px;}

.pageP a, .pageN a{color: #333}


.ab_ttt{width: 100%;font-size: 14px;line-height: 28px;color: #333;margin:15px auto;}

#form{margin:60px auto 40px auto; width:70%; height:auto;}
.am-form-group{width: 100%;margin:10px auto;overflow: hidden;font-size: 14px;}
.am-u-sm-2{width: 28%;float: left;text-align: right;}
.am-u-sm-10{width: 68%;float: right;}
.am-u-sm-10 input{width: 90%;border:1px solid #333;height: 20px;font-size: 14px;padding:2px;}
.am-u-sm-10 select{border:1px solid #333;}
.am-u-sm-10 button{width: 100px;height: 26px;background: #ddd;margin-top: 20px}
.am-tabs-bd p{font-size: 14px;}
._p_span_l{margin-left: 20.6%}
._p_span_r{margin-left: 29px;border:1px solid #333;height: 20px;font-size: 14px;padding:2px;}
.verifyimg{width: 88px;float: left;}
.newsshow{line-height: 2em;margin-top: 70px;}
.news_nr{padding:10px 0;border-bottom: 1px dashed #333;margin-bottom: 10px;font-size: 14px;color: #646262;line-height: 28px;}
.news_bt{text-align: center;width: 100%;font-size:16px;}
.zoom{padding:1em 0;}

.about_content #message{text-align: center;width: 40%;margin:0 auto;}

.about_content #message input{border: 1px solid #666;padding: 3px;float: right;width: 70%}
.about_content #message textarea{border: 1px solid #666;padding: 3px;height: 88px;float: right;width: 70%}
.about_content #message p{overflow: hidden;}
.about_content #message p span{float: left;}
.about_content #message input.content-submit{width: 47%;float: left;background: #ededed;border-radius: 3px;border: none;margin-right: 2.5%;padding:6px 0;}

.about_content #message input.content-reset{width: 47%;float: left;background: #ededed;border-radius: 3px;border: none;padding:6px 0;}

.content-button{margin-top: 15px;}


.scrollleft{width:1200px;margin:20px auto;}
.scrollleft li{float:left;margin-right:40px;width:290px;text-align:center;line-height:19px;}
.scrollleft img{width:100%;border: 1px solid #e6e6e6}
.scrollleft li span{font-size: 16px;color: #333333;line-height: 40px;}

.fanye{width: 100%;margin:0 auto 20px auto;text-align: center;;}
.fanye .prev,.next,a,.current{color: #666;}
.fanye a{padding: 0 9px;border:1px solid #666;margin:0 7px;display: inline;border-radius: 5px}
.fanye .current{margin:0 7px;border-bottom: 1px solid #666}
@media screen and (max-width:1200px){

.top{width: 100%;}
.top_l{width: 29%;float: left;margin-left: 3%;}
.top_r{width: 21%;float: right;overflow: hidden;margin-top: 10px;}

.nav .nav_u{width: 96%;margin:0 auto;}

.div01_u{width: 96%;}

.d02_c,.d03_c{width: 96%}

.d03_u{width: 96%}

.d03_l_right p{height: 44px;overflow: hidden;}

.div04 .d04_d02{width: 96%;margin: 30px auto 45px auto;}
.div04 .d04_d03{width: 96%}
.div05{width: 96%;}
.footer ul{width: 96%}

.pro_list_content{width: 96%}
.scrollleft{width: 96%;}
}

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

.pro_list_content .pro_l{width: 26%}
.pro_list_content .pro_r{width: 73%}
.p01_ul li{width: 31%;margin-right: 3.5%}
}

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

.top_r{width: 25%;float: right;overflow: hidden;margin-top: 0;}

.news_list{width: 100%}
}
@media screen and (max-width:960px){
.div01_u li p{height: 88px;overflow: hidden;}
.d03_u li{width: 100%}
}


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

.pro_list_content .pro_l{width: 30%}
.pro_list_content .pro_r{width: 68%}
.pro_r .p01_ul{width: 100%}
.p02_ul li span{height: 48px;overflow: hidden;display: block;}
.p01_ul li{width: 31%;margin-right:1%;margin-left: 1%}
.p01_ul li.clear-right{margin-right:1%;}

.news_list li .d03_l_left{width: 15%}
.news_list li .d03_l_right{width: 82%}


}

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

.d04_u02 li{width: 23%;margin:0 1%;}
.d04_u02 li:last-child{display: none;}

.div05 .div05_r{width: 16%}

.pro_l_d02{display: none;}
.pro_list_content .pro_l{width: 100%}
.pro_list_content .pro_r{width: 100%}
.pro_l_d01 ul{overflow: hidden;}
.pro_l_d01 ul li{display: block;width: 25%;float: left;border-right: 1px solid #999}
.pro_l_d01 ul li:last-child{border-right: none}
.pro_l_d01 ul li a {font-size: 16px;text-align: center;padding:0;}
.pro_l_d01 ul li a span{display: none;}
}


@media screen and (max-width:757px){
.top_l{width: 40%;float: left;margin-left: 6%;}
.top_r{width: 40%;float: right;overflow: hidden;}

.d04_u01 li{width: 20%;margin:0 2%;}


}

@media screen and (max-width:704px){
.footer ul {overflow: hidden;}
.footer ul li{display: block;width: 25%;float: left;}

}

@media screen and (max-width:659px){
	.nav .nav_u{padding:13px 0 9px 0;}
    .nav .nav_u li{width: 24%;background: #cc1a1a;margin:0 0.5% 4px 0.5%;}
    .nav_u li:first-child{display: none;}
    .nav .nav_u li a{color: #fff;font-size: 14px;line-height: 30px;}
    .div01_u li p{height: 68px;overflow: hidden;}
}

@media screen and (max-width:640px){
	.pc_banner{display: none;}
.ph_banner{display: block;}
#slides1 {height:192px;}
#pagination1 { left:40%; top:83%; }
    .div01_u li{width: 46%;margin:0 2% 15px 2%;}
    .div01 .d01_top h2 {font-size: 20px;}
    .div01 .d01_top{margin:15px auto 10px auto;}
    .div03 .d01_top{margin:15px auto 10px auto;}
	.div02 .d01_top h2 {font-size: 20px;}
	.div04 .more{margin:15px auto 10px auto;}
	.div02{padding-top: 18px;}
	.d02_c{font-size: 14px;}
    /*.div02 .d01_top{margin:15px auto 10px auto;}*/

    .div01 .more{margin:10px auto 20px auto;}
    .div02 .more{margin:10px auto 20px auto;}
    .div03 .more{margin:10px auto 20px auto;}
    .d03_c .d03_img_01{width: 100%}
    .d03_c .d03_img_03,.d03_c .d03_img_02{display: none;}

	.d04_u02 li{width: 48%;margin:0 1%;}

	.div04 .d01_top h2{font-size:20px }
	.d04_d02 p{height: 40px;overflow: hidden;}
	.div04{background-size: 400%}
	
	.div05 .div05_r{width: 20%}
	
	.pro_l_d01 ul li{width: 50%;}
	.p02_ul li{width: 100%}
	.pro_l .pro_l_d01 h2{font-size: 20px;line-height: 48px;}
	.p01_ul li{width: 100%;margin:0;}
	.d03_u li .d03_l_left{display: none;}
	.d03_u li .d03_l_right{width: 100%}
	.news_list{width: 100%;margin:20px auto;}
	.news_list li{margin-bottom: 20px;background: #f8f8f8;padding:7px;}
	.news_list li .d03_l_left{display: none;}
	.news_list li .d03_l_right{width: 100%}
}


@media screen and (max-width:528px){
.top_l{width: 55%;float: left;margin-left: 1%;}
.top_r{margin-top: 5px;}

.d03_l_right h2{height: 21px;overflow: hidden;}

.div04 .d04_d02{margin:15px auto 10px auto;}
.div04 .d04_d02 img{width: 70%;margin:0 auto;}
.d04_u02{margin-top: 0}
.pro_r .p_top span{display: none;}

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

.div05 .div05_l{width: 100%;float: none;}
.div05 .div05_r{float: none;width: 100%;margin-top: 15px}
.div05 .div05_r img{width: 37%}
.div05_l p span{display: block;margin:5px auto;}

}

@media screen and (max-width:470px){
.top_l{width: 55%;float: left;margin-left: 1%;}

.top_r img{width: 20%}
.top_r div h2{font-size: 14px;}
}
 

@media screen and (max-width:420px){
.d04_u01 li{height: 80px}
.div04{background-size: 330%}
.div05{margin:15px auto;}
}
@media screen and (max-width:389px){

.top_r img{width: 15%}
.top_r div h2{font-size: 12px;}
.top_r div p{font-size: 12px;}
.top_r div{width: 84%}
.top_r{width: 35%;}

.top_l{width: 62%;float: left;margin-left: 1%;}
.top{margin:15px auto;}
.div05 .div05_r img{width: 40%}
.div05_l h2{margin-bottom:10px;}
.div05_l p{margin-top: 10px}
}
@media screen and (max-width:360px){
.div04{background-size: 350%}
.div05_l small{padding:7px;}
}
@media screen and (max-width:330px){


.d03_u li .d03_l_left{width: 25%}
.d03_u li .d03_l_right{width: 70%}

.d04_u02{margin-top: 2px}

.div04{background-size: 400%}

.div05_l small{padding:3px;}
}