@charset "utf-8";

/**box**/
#header{width:100%; height:auto; border-bottom:1px solid #ccc;}
.header{width:100%; height:130px;max-width:1200px; margin:0 auto;}
.banner{width:100%; height:auto; overflow:hidden; min-height:470px; position:relative}
.main  {width:100%; height:auto; overflow:hidden; max-width:1200px; margin:0 auto; background:#fff }
#footer{width:100%; height:auto; position:relative;}
.footer{width:100%; height:auto; min-height:154px; max-width:1200px; margin:0 auto; }
.content{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding:30px 0}


/**img100%**/
.logo img,
.column_block li img,
.contact_right img,
.y_detail_img img,
.brand_profil_right img,
.join_banner img
{width:100%; height:auto}

/**text hover**/
.footer_contact p a:hover,
.footer_ul li a:hover{ color:#897146;}


/**head**/
.logo{width:20%; height:auto; float:left; padding:15px 0; text-align:center}
#nav{ width:80%; height:auto; float:left; padding-top:20px;}     /******/
.tips{ width:100%; height:14px; line-height:14px; float:left;}
.tips a{ float:right; padding:0 10px;}
.tips .border{  border-right:1px solid #8b7148}
.search{ width:65px; height:30px; float:right;padding-top:55px; position:relative}
.search b{width:16px; height:22px; cursor:pointer; border-bottom:1px solid #b3b3b3; padding:6px 0 0; }
.search b img{ width:100%; height:auto}
.search b img:hover{ width:108%; height:auto}
.search_text{ width:35px; height:24px; border:none; border-bottom:1px solid #b3b3b3; padding-left:10px; background:#fff; position:absolute; left:16px; bottom:1px; outline:none }
.search_text:focus{width:130px;}
.nav{width:83%; line-height:30px; float:right; padding-top:50px;}
.nav>li{ width:14%; float:left; text-align:center; position:relative; padding-bottom:16px}
.nav>li>a{line-height:30px; padding:0 1px; position:relative; font-size:17px; letter-spacing:1px;}
.nav>li>a:after{ width:100%; content:''; height:1px; color:#fff; position:absolute; left:0; bottom:-20px;}
.nav>li>a:hover:after,.nav>.hover a:after{ bottom:-4px; background:#8b7148}
.nav_down{ position:absolute; width:160px; height:auto; z-index:200; left:10px; top:46px; display:none}
.nav_down li{ border:1px solid #b3b3b3; border-top:none; border-bottom:none; padding:5px 0;background: url(../images/line.png) bottom center no-repeat #f2f2f2;}
.nav_down li a{ display:block; line-height:28px; text-align:left; text-indent:12px;}
.nav_down li:hover{background: url(../images/line.png) bottom center no-repeat #fff;}
.nav_down li:hover a,.nav_down .hover a{border-right:3px solid #8b7148;}



/**phone menu**/
#menu{display:none;text-align:center; font-size:20px; float:right; cursor:pointer;}
.menu{ width:100%; max-width:800px; height:auto; overflow:hidden; margin:0 auto; display:none;background:#006533;}
.menu a{color:#fff;}
.menu>li{ display:block; margin:0 15px;border-bottom:1px solid #ddd;line-height:3em; text-indent:20px}
.menu>li:last-child{ border-bottom:none}
.main_menu{ position:relative; font-size:1.1em; cursor:pointer; display:block; color:#fff;}
.main_menu span{width:12px; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background:url(../images/sjx.png) center center no-repeat; background-size: contain}
.main_menu span.open{
-webkit-transform: rotate(91deg);
-moz-transform: rotate(91deg);
-ms-transform: rotate(91deg);
-o-transform: rotate(91deg);
transform: rotate(91deg);}
.main_menu em{width:16px; height:16px;  position:absolute; left:0; top:50%; margin-top:-8px; overflow:hidden; background-size:contain;}
.icon1{ background:url(../images/icon_01.png) center center no-repeat}
.icon2{ background:url(../images/icon_02.png) center center no-repeat}
.icon3{ background:url(../images/icon_03.png) center center no-repeat}
.icon4{ background:url(../images/icon_04.png) center center no-repeat}
.icon5{ background:url(../images/icon_05.png) center center no-repeat}
.icon6{ background:url(../images/icon_06.png) center center no-repeat}
.menu>.hover main_menu{ background:#f2f2f2}
.menu_down{ width:94%; height:auto; margin:0 auto; display:none}
.menu_down li{ font-size:.95em; text-indent:16px; background:url(../images/leftline.png) left center no-repeat;}
.menu_down li:first-child{background:url(../images/leftline1.png) left center no-repeat}
.menu_down li:last-child{background:url(../images/leftline2.png) left center no-repeat}
.menu_down li a{ display:block;}
.menu_down li{ font-size:.95em;}

/**banner**/
.banner img,
.banner_ny img,
.pro_list li .img,.pro_list li .img img
{ width:100%; height:auto;}

/***banner***/
.focus{position:relative;width:100%;height:750px;margin:0px auto; overflow:hidden; z-index:100}  
.focus .fcon{position:relative;width:100%; height:750px; float:left;display:none; } 
 
.focus .fcon img{display:block;} 
.focus a{ display:block; position:relative; width:100%; height:750px; overflow:hidden}
.focus .img{ position:absolute; left:50%; margin-left:-960px;height:750px;}
 
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;float:left;background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}
.focus .fbg{bottom:20px;right:50%;position:absolute;height:21px;text-align:center;z-index:200; margin-right:-44px}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative;display:inline;width:12px;height:12px;border-radius:7px;margin:0 5px;text-align:center;float:left;background:#fff;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#8b7148;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;} 
.focus .prev,.focus .next{position:absolute;width:56px;height:56px;opacity:.4}
.focus .prev{top:370px;left:20px;cursor:pointer; background:url(../images/prevArrow.png) center center no-repeat}  
.focus .next{top:370px;right:20px;cursor:pointer; background:url(../images/nextArrow.png) center center no-repeat}  
.focus .prev:hover,.focus .next:hover{opacity:1}  





/**home main**/
.column_block{ width:100%; height:auto; overflow:hidden; margin:30px auto}
.column_block li{ width:31.333%; height:auto; float:left; margin:10px 1%; overflow:hidden}
.column_block li a{ display:block; position:relative;}
.column_block li a:before {content: "";position: absolute;width:0px;height:0px;top:50%;left:50%; overflow: hidden; background:rgba(184,126,27,.1);
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
-ms-transition: all .6s ease;
transition: all .6s ease;}
.column_block li:hover a:before{ width:100%; height:100%;top:0;left:0;}


/**footer**/
#footer{ border-top:1px solid #b3b3b3; background:#f6f6f6; padding-top:30px}
#footer .copyright{ border-top:1px solid #e0e0e0; margin-top:40px; line-height:30px; text-align:center; font-size:12px; color:#808080}
.footer h3{ font-size:16px; margin-bottom:5px; color:#000}
.footer_logo{ width:25%; height:auto; float:left; margin-right:3%;}
.footer_logo .img{ width:60%; height:auto; display:block; margin-bottom:15px}
.footer_logo .img img{ width:100%; height:auto}
.footer_logo p,.footer_logo p a{color:#897146}
.footer_ul{width:14%; height:auto; float:left;}
.footer_ul li a{ color:#808080}
.footer_contact{ width:30%; height:auto; float:right;}
.footer_contact p{ line-height:20px; color:#897146; margin-top:10px; font-size:13px}
.footer_contact p span{ font-size:18px; float:left;  margin-right:10px}
.share_tool{ width:100%; height:30px;}
.share_tool a{ width:24px; height:auto; padding-right:8px; opacity:.5}
.share_tool a:hover{ opacity:1}
.share_tool .wechat{position: relative}
.erweima{ width:0; height:0; display:block; position:absolute; bottom:30px; left:0; opacity:0;}
.erweima img{ width:100%; height:auto}


.totop{ width:40px; height:121px; position:fixed; right:8%; bottom:40px; z-index:1000; overflow: hidden;display:none}
.totop span,.totop a{width:18px; height:18px; padding:10px; text-align:center; float:left; cursor: pointer; background:#f0f0f0; border:1px solid #e4e4e4}
.totop a img,.totop span img{ width:100%; height:auto}
.totop a{ border-top:none}
.totop span:hover,.totop a:hover{ opacity:.8}


/**contact**/
.contact_left{ width:42%; height:auto; float:left; padding:5%}
.contact_right{ width:48%; height:auto; float:right}
.contact_location{ padding:20px 0}
.contact_info{ overflow:hidden;}
.contact_info p{ width:100%; float:left; line-height:30px;}
.contact_info p span{ width:50px; float:left; font-size:15px;#1a1a1a}
.contact_info p em{ width:80%; float:left; font-size:15px; color:#808080}


/**about**/
.about{ width:100%; height:640px; margin:50px auto; max-width:1200px; position:relative}
.brand_profil_left{ width:66%; height:auto; position:absolute; top:0; left:0; z-index:100}
.brand_profil_right{ width:40%; height:auto; position:absolute; top:0; right:0; z-index:80}
.about_tit{ height:100px;}
.about_info{ padding:50px; font-size:15px; line-height:28px; background:#fff}
.about_info p{ text-indent:30px; margin-bottom:20px}
.about_info .more{ float:right; color:#8b7148}


/**product**/
.product_tit{ float:left; padding:20px 0 5px;}
.fast_nav{ display:inline; float:right; background:url(../images/home.jpg) left center no-repeat; padding-left:20px; margin:18px 0 5px}
.fast_nav a{ padding:0 5px;}

.banner_ny{ width:100%; height:auto; margin:0 auto; position:relative}
.sub_nav{ width:18.3%; height:auto; overflow:hidden; float:left; margin-top:30px;}
.sub_nav .big_tit{ display:block; height:46px; line-height:46px; padding-left:30px; border:1px solid #e4e4e4; border-top:2px solid #8b7148; cursor:pointer;color:#8b7148; font-size:16px; position:relative;}
.big_tit span{ display:block; width:18px; height:18px; position:absolute; top:50%; margin-top:-9px; left:4px; }
.big_tit span img{ max-width:100%; height:auto; max-height:100%; width:auto}

.lit_tit{ width:100%; line-height:30px; margin-bottom:20px}
.lit_tit h3{ border-bottom:1px solid #b3b3b3; width:100%; height:32px; overflow: hidden;}
.lit_tit h3 b{ background:#f0f0f0; padding:1px 10px; font-size:15px; float:left}
.lit_tit h3 em{ width:20px; height:20px; float:right; padding:6px; background: url(../images/jia.png) center center no-repeat; cursor:pointer}
.lit_tit h3 .jian{background: url(../images/jian.png) center center no-repeat;}
.lit_tit h3 em:hover{ opacity:.6}
.product_name_list{height:auto; overflow: hidden; margin:0 auto;}
.product_name_list li{line-height:40px;border:1px solid #e4e4e4; border-top:none}
.product_name_list li a{display:block; text-indent:20px; background:url(../images/point.png) left center no-repeat; background-position:10px 18px;}
.product_name_list li:hover{ background:#f0f0f0;}

.product_right{ width:80%; height:auto; overflow:hidden; float:right; margin-top:30px}
.pro_list{ width:100%; height:auto; overflow:hidden}
.pro_list li{width:30%; height:auto; overflow:hidden; margin-left:3.333%; float:left; margin-bottom:30px; border-bottom:2px solid #8b7148; cursor: pointer}
.pro_info .title{line-height:30px; text-align:center; color:#8b7148; display:block}
.pro_info p{line-height:24px; height:72px; overflow:hidden; color:#808080; padding:5px;font-size:12px}
.pro_list li:hover .pro_info{ background:#8b7148;}
.pro_list li:hover .title,.pro_list li:hover .pro_info p{ color:#fff;}

.pro_info_b{ overflow:hidden; height:auto; padding:10px 10% 0}
.pro_info_b .title{line-height:28px; color:#000; display:block; font-size:17px}
.pro_info_b .jiage{ width:100%;line-height:22px; height:22px;  overflow:hidden; color:#595757; font-size:14px}
.pro_info_b .more{ font-size:12px; border:1px solid #8b7148; line-height:20px; color:#8b7148; background:#fff; width:70px; border-radius:20px; float:right; text-align:center; margin:6px 0 10px}

.pro_list li:hover .pro_info_b{ background:#8b7148;}
.pro_list li:hover .pro_info_b .more{ background:#8b7148; color:#fff; border:1px solid #fff}
.pro_list li:hover .pro_info_b .jiage{ color:#cac9c9}

.pro_y_detail{ width:96%; padding:0 2%; height:auto; overflow:hidden;}
.yanyou_title{ line-height:34px; border-bottom:1px solid #8b7148; margin-bottom:20px}
.y_detail_img{ width:30%; height:auto; overflow:hidden; float:left}
.y_detail_info{ width:68%; height:auto; overflow:hidden; float:right}

.ohter_share{ line-height:30px; color:#8b7148; font-size:16px;border-bottom:1px solid #8b7148; margin-top:20px}
.ohter_list{ width:100%; height:auto; overflow: hidden; padding-bottom:20px}
.ohter_list li{ width:25%; line-height:30px; background:url(../images/point.png) left center no-repeat; text-indent:5px; float:left}
.main_pic img{ max-width:90%; height:auto; margin:0 auto}







/**yanyou detail**/
.section_1,.section_2,.section_3,.section_4{ width:100%; height:auto; overflow:hidden; padding:50px 0}
.section_1,.section_3{ background:#f0f1f2}
.section_1 h3,.section_1 span,.section_1 p{ width:60%; margin:0 auto; display:block; text-align:center}
.section_1 h3{ font-size:26px; margin:40px auto}
.section_1 span.lit_tit{ font-size:18px;}
.section_1 p{ font-size:12px; margin:40px auto}
.attr{ display:inline-table; text-align:center; width:100%;}
.attr span{ display:inline; padding:2px 10px; color:#999; border:1px solid #999; border-radius:20px; margin:0 10px}
.section_1 .main_pic img{ display:block; padding:60px 0 0; margin:0 auto}


.section_2 .main_pic,.section_3 .main_pic,.section_4 .main_pic{ width:50%; float:left; text-align:center}
.section_2 .part_info,.section_3 .part_info,.section_4 .part_info{ width:50%; height:auto; float:left; padding-top:200px;}
.part_info h3{font-size:1.9em; line-height:50px}
.part_info p{font-size:1.2em;}
.section_3 .part_info{ text-indent:100px}


/**service**/
.service_left{ width:20%; height:auto; float:left}
.service_right{ width:80%; float:right}
.service_block{ width:100%; height:auto; overflow:hidden;}
.service_block li{ width:25%; height: auto; float:left}
.service_block li a{ display:block; width:98%; margin-left:2%; position:relative; top:0}
.service_block li a img{ width:100%; height:auto;}
.service_block li:hover a{ top:8px; opacity:.7}



/**join **/
.join_nav { width:100%; height:auto; overflow:hidden;}
.join_nav li{ width:20%; float:left; line-height:40px; margin-top:3px}
.join_nav li a{ display:block; border:1px solid #ccc; border-right:none; text-align: center; position: relative}
.join_nav li:last-child a{border-right:1px solid #ccc;}
.join_nav li a:after{ width:0; height:3px; content:''; background:#8b7148; position:absolute; top:-4px; left:0;}
.join_nav li:hover a:after,.join_nav .hover a:after{ width:100%;}
.join_nav li:hover a,.join_nav .hover a{ background:#f2f2f2;}
.jion_content{ line-height:30px; min-height:750px; color:#4c4c4c; padding:40px;}
.jion_content img{ max-width:100%; height:auto}
.jion_content iframe { display: block; height:auto;min-height:700px; overflow-x: hidden;overflow-y: auto;}
.jion_phone_list{ display:none}

/**news**/
.news_tit{ width:100%; height:auto; text-align:center; margin:20px auto}
.news_block{ width:100%; height:auto; overflow:hidden;}
.news_block li{ float:left; width:32.3333%; margin:0 0.5%;}
.news_block li a{ display:block; width:100%; position:relative; left:0}
.news_block li a img{ width:100%; height:auto;}
.news_block li a:hover{ left:5px; opacity:.6}


/**news_list**/
.basic_tit{width:20%; height:auto; float:left; padding-top:50px}
.basic_right{ width:75%; height:auto; overflow:hidden; float:right;}
.basic_list{ width:100%; height:auto; float:left; border-top:2px solid #808080 }
.basic_list li{ padding:15px 0; overflow:hidden}
.basic_list li .img{width:24%; height:auto; float:left;}
.basic_list li .img img{width:100%; height:auto;}
.basic_list li .img img:hover{
-webkit-transform: scale(.98);
-moz-transform: scale(.98);
-o-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98);
}
.basic_list li .info{width:72%; height:auto; float:right;}
.basic_list li .info span{ line-height:25px; font-size:13px; margin-bottom:5px}
.basic_list li .info .title{ display:block; width:100%; line-height:35px; font-size:16px;}
.basic_list li .info p{ line-height:22px; height:44px; overflow: hidden; color:#808080}
.info .more{ border:1px solid #808080; color:#808080; padding:0 8px; font-size:12px; line-height:22px; margin-top:10px}
.info .more:hover{ background:#8b7148; color:white; border:1px solid #8b7148}
.basic_detail{ height:auto; margin:20px}
.detail_title{ line-height:50px; font-size:18px; text-align:center;}
.ditail_content{ line-height:28px; margin:20px 0 50px}


/**case_list**/
.case_list{ width:100%; height:auto; float:left;}
.case_list li{ width:23%;  padding:20px 1% 0; overflow:hidden; float:left}
.case_list li .img{width:100%; height:auto;}
.case_list li .img img{width:100%; height:auto;}
.case_list li .img img:hover{
-webkit-transform: scale(.98);
-moz-transform: scale(.98);
-o-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98);
}
.case_list li .info{width:100%; height:auto; }
.case_list li .info span{line-height:25px; font-size:13px;}
.case_list li .info .title{ display:block; width:100%; line-height:30px; height:30px; overflow:hidden; font-size:15px;}
.case_list li .info p{ line-height:21px; height:42px; overflow: hidden; color:#808080; font-size:13px}
.case_detail{line-height:28px; margin:20px 0 50px}


/**maplist**/
.shenming{ width:90%; padding:40px 0; line-height:30px; margin:0 auto}
.sitemap{width:90%; padding:40px 0; line-height:30px; margin:0 auto}
.map_list{height:auto; overflow:hidden; margin:20px auto 0; padding-bottom:20px; border-bottom:1px dashed #e4e4e4}
.map_list h3{ width:100px; height:auto; overflow:hidden; float:left}
.map_list li{ padding:0 10px; float:left;}
.map_list li a{ color:#8b7148}


/**search**/
.search_list{ width:100%; height:auto; overflow: hidden}
.search_list li{ height:auto; overflow:hidden; margin:15px auto 0; padding-bottom:15px; border-bottom:1px dashed #e4e4e4}

#cnzz_stat_icon_1257072731{ padding-top:9px; padding-left:10px; line-height:10px}


@media screen and (max-width:1400px){
.totop{right:20px;}
}


/******宽度小于1200*****/
@media screen and (max-width:1200px){
.focus{height:469px;}  
.focus .fcon{height:469px;} 
.focus a{height:469px;}
.focus .img{margin-left:-600px;height:469px;}
.focus .prev{top:235px;}  
.focus .next{top:235px;}
}



/****宽度小于1050px***/
@media screen and (max-width:1050px){
.header_left,.share2,.height50{ display:none;}
#nav{ width:78%;}
.logo{width:22%; text-align:center; padding:10px 0}
.nav {width:88%;}
.nav>li>a{ font-size:16px}
.about { height: 740px;}
.basic_list li .img {width:34%;}
.basic_list li .info {width:62%;}

.basic_tit,.service_right{width: 100%; padding-top: 10px;}
.basic_right {width: 100%;float: right; margin-top:10px}
.basic_detail {margin: 0;}
/**contact**/
.contact_left{ width:48%; padding:2%}
.contact_right{ width:48%;}
}


@media screen and (max-width:850px){
.jion_content iframe{ display:none}
.jion_phone_list{display:block; width:100%; height:auto; overflow:hidden; margin-top:15px}
.jion_phone_list li{ width:22%; height:2.5em; margin:10px 1.5%; line-height:2.5em; text-align:center; border:1px solid #e4e4e4; float:left; box-sizing:border-box}

}


/****宽度小于800px***/
@media screen and (max-width:800px){

}
#nav{ display:none}
#menu{ display:block; width:2.4rem; height:2.4rem; line-height:2.4rem; font-size:24px}
#menu img{ display:block; width:1.8rem; height:1.8rem; line-height:1.8rem;margin-top:0.3rem;}
/*#menu{background:url(../images/logo_01.png)center center no-repeat;}*/
.header{ height:70px; overflow:hidden; border-bottom:1px solid #ccc}
.logo{ width:18%;padding:5px;}
.totop {right:2%;}

/**contact**/
.contact_left,.contact_right{ width:94%; padding:4%}
.contact_tit img{ width:40%; max-width:160px; height:auto;}

/**pro**/
.sub_nav{ width:25%;}
.product_right{ width:73%}
.pro_list li{width:47%;height:auto; margin-left:2%; margin-bottom:30px;}
.section_3 .part_info {text-indent: 0px;}


/**宽度小于750px,手机样式**/
@media screen and (max-width:750px){
.focus{height:391px;}  
.focus .fcon{height:391px;} 
.focus a{height:391px;}
.focus .img{margin-left:-500px;height:391px;}
.focus .prev{top:195px;}  
.focus .next{top:195px;}


/*main*/
.column_block li {width:48%;margin:10px 1%;}
.about { height:auto;}
.brand_profil_left{ width:100%; position:static}
.brand_profil_right{ display:none}


/*footer*/
.footer{ overflow:hidden}
.footer_logo,.share_tool{ display:none}
.footer_ul{ width:30.33%; padding-left:3%}
.footer_contact{ width:97%; margin-top:30px;padding-left:3%}

}


@media screen and (max-width:640px){
.focus{height:273px;}  
.focus .fcon{height:273px;} 
.focus a{height:273px;}
.focus .img{margin-left:-350px;height:273px;}
.focus .prev,.focus .next{ display:none}  
.focus .fbg{bottom:5px;}
.focus .D1fBt a{width:8px;height:8px;}    


.header{ height:50px;}
.logo { width:104px; height:auto;padding:2px 5px;}
#menu{width:50px; /*height:50px; line-height:50px;*/}
.sub_nav,.product_tit,.fast_nav{display:none}
.column_block {margin:5px auto;}


.banner_ny img{ width:640px; height:auto; position:absolute; left:50%; margin-left:-320px;}
.banner_ny{ height:164px}
.product_right,.service_left,.y_detail_info,.y_detail_img{ width:100%}
.content { width:96%;padding:2%;}
.about,.main{ margin:10px 2%; width:96%; height:auto;}
.about_tit{ height:auto; padding:8px 0}
.about_tit img{ width:50%; height:auto}
.about_info {padding:10px;background:rgba(255,255,255,.7); overflow:hidden}
.jion_content {color: #4c4c4c;padding: 2%; height:auto;min-height:0}
.jion_content img{ max-width:100%; height:auto; }
.case_list li {width:48%;padding: 10px 1% 0;}
.news_tit {margin: 10px auto;}
.news_tit img,.basic_tit img{ max-width:50%; height:auto}
.service_left img{ max-width:30%; height:auto}
.y_detail_img,.basic_list li .img,.basic_list li .info {width:100%}
.product_right {margin-top:10px;}
.sitemap {width: 96%; padding:10px 0;}
.map_list h3{width:100%;}
.map_list li{ padding:0 10px 0 0;}
.jion_phone_list li{ margin:5px 1.5%; line-height:2.5em;}
}



@media screen and (max-width:420px){
body{ font-size:12px}
.ohter_list li {width: 50%;}
.section_1, .section_2, .section_3, .section_4 {padding: 20px 0;}
.section_2 .part_info, .section_3 .part_info, .section_4 .part_info { padding-top: 80px;}
}


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