article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:block; width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font:14px Arial,"Microsoft yahei", Helvetica, sans-serif;*font:14px "Microsoft yahei",Arial, Helvetica, sans-serif; color:#332B29;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:#fff;}
pre{font-family:'Microsoft yahei'; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#332B29; outline:none;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"Microsoft yahei";-webkit-appearance: none;border-radius: 0;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i{font-style:normal;}
a:hover{text-decoration: none;}
@charset "utf-8";
@font-face {
	font-family: 'roboto-black';
	src: url(../fonts/roboto-black.ttf) format('truetype'), 
	url(../fonts/roboto-black.eot) format('eot'), 
	url(../fonts/roboto-black.woff) format('woff'), 
	url(../fonts/roboto-black.woff2) format('woff2');
}

.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.auto_scroll{overflow:auto;}
legend{display:none;}
h2.common_tt{text-align:center; color:#333; font-weight:700; font-size:24px; margin-top:30px;}
.mileage_hr{border:none !important; background:#f6f6f6; word-break:keep-all;}
h4.mileage_tt{color:#333; font-size:16px; margin-bottom:5px;}
.mileage_info{margin-bottom:30px;}
.mileage_info em{display:block; color:#333; font-size:16px; font-weight:500; margin-bottom:5px;}

.prd_info{display:table; width:100%; border-radius:3px; background:#80bd01; padding:30px 0; margin-bottom:40px;}
.prd_info .info_left{font-size:15px; color:#fff; margin:0 30px; word-break:keep-all;}
.prd_info .info_left img{display:block; width:90px; height:auto; margin-bottom:5px}
.prd_info .info_right{margin:10px 0 0 30px;}
.btn_reg_go{display:block; background:#fff !important; border:1px solid #eaeaea !important; width:140px; height:40px; line-height:40px; text-align:center; cursor:pointer; font-weight:bold; box-sizing:border-box;}


.header_hr{position:fixed; top:0; left:0; width:100%; min-width:360px; height:60px; background:#1c1f20; z-index:99;}
.header_hr .top_logo{float:left; width:20%; height:15px; margin:23px 0 0 25px;}
.header_hr .top_logo img{width:89px; height:auto;}
.header_hr .nav_hr{display:none;}
.header_hr .nav_hr li.live img { padding-left:6px;}
.header_hr .top_right{float:right;}
.header_hr .top_snb{float:left; margin:19px 20px 0 0;}
.header_hr .top_snb li.pc_menu{display:none;}
.header_hr .top_snb li a{color:#FFF; font-size:15px; font-weight:500;}
.header_hr .top_util{float:left;}
.header_hr .top_util li{float:left;}
.header_hr .top_util li a{display:block; width:60px; height:60px;}
.header_hr .top_util li.top_search a{background:url(../images/top_search_btn.png) no-repeat #80bd01 25px 20px; background-size:20px auto;}
.header_hr .top_util li.top_menu a{background:url(../images/top_menu_btn.png) no-repeat #80bd01 13px 22px; background-size:24px auto;}
.header_hr .top_right .search_wrap{position:absolute; top:0; right:0; width:80%; height:100%; max-width:440px; background:#80bd01; z-index:99; opacity:0; visibility:hidden;
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.header_hr .top_right .search_wrap.on{right:60px; opacity:1; visibility:visible;}
.header_hr .top_right .search_wrap .search_input{float:left; width:calc(100% - 120px); height:60px; box-sizing:border-box; padding-left:20px; border:none; background:none; color:#FFF; font-size:14px;}
.header_hr .top_right .search_wrap .search_input:-ms-input-placeholder{color:#deedcb;}
.header_hr .top_right .search_wrap .search_input::-webkit-input-placeholder{color:#deedcb;}
.header_hr .top_right .search_wrap .search_btn{float:left; width:60px; height:60px; background:url(../images/top_search_btn.png) no-repeat #80bd01 25px 20px; background-size:20px auto; border:none; text-indent:-99999px;}
.header_hr .top_right .search_wrap input:focus{outline:none;}
.header_hr .top_right .search_wrap .search_close{float:right;}
.header_hr .top_right .search_wrap .search_close a{display:block; width:60px; height:60px; background:url(../images/top_close_btn.png) no-repeat 17px 20px; background-size:20px auto;}
.header_hr .top_right .search_wrap .search_list{position:absolute; width:calc(100% - 120px); top:60px; background:#FFF; padding:10px 0; border:solid 1px #e8e8e8; border-top:none; box-sizing:border-box;}
.header_hr .top_right .search_wrap .search_list li{display:table; width:100%;}
.header_hr .top_right .search_wrap .search_list li a{font-size:15px; margin-left:20px;}
.header_hr .top_right .search_wrap .search_list li a:hover{color:#212121;}
.header_hr .top_right .search_wrap .search_list li span{display:block; float:right; margin:6px 10px 0 0;}
.header_hr .top_right .search_wrap .search_list li span button{display:block; width:14px; height:14px; padding:0 0; margin:0 0;}

.total_wrap .nav_close{position:absolute; top:0; left:10%; margin-left:10px; z-index:99; opacity:0; visibility:hidden;
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_wrap .nav_close a{display:block; width:60px; height:60px; background:url(../images/top_close_btn.png) no-repeat 13px 17px; background-size:27px auto;}
.total_wrap.on .nav_close{opacity:1; visibility:visible;}
.total_wrap .total_nav{position:fixed; width:90%; height:100%; top:0; right:-100px; opacity:0; visibility:hidden; padding-bottom:60px; z-index:90;
        box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_wrap.on .total_nav{right:0; opacity:1; visibility:visible;}
.total_wrap.on:after{position:fixed; content:""; top:0; left:0; width:100%; height:100%; background:#000; z-index:10; opacity:0.6;}
.total_nav .nav_ailgn{position:relative; display:table; width:100%; height:calc(100% + 60px); max-width:1240px; min-width:290px; margin:auto; background:#80bd01;}
.total_nav .shop_util{display:block; width:100%; height:60px; background:#1c1f20;}
.total_nav .shop_util .online_store{float:left; margin:16px 0 0 20px;}
.total_nav .shop_util .online_store a{color:#FFF; font-size:17px; font-weight:500;}
.total_nav .shop_util ul{float:right; margin:10px 15px 0 0;}
.total_nav .shop_util li{float:left; margin-left:7px; background:#80bd01; border-radius:50% 50%;}
.total_nav .shop_util li img{width:40px; height:auto;}
.total_nav .shop_util li a span{display:none;}
.total_nav .nav_scroll{width:100%; height:calc(100% - 120px); overflow-y:auto;}
.total_nav .nav_select{width:100%; margin:20px 0 10px; text-align:center; font-size:0;}
.total_nav .nav_select li{position:relative; display:inline-block; padding:0 5%;}
.total_nav .nav_select li:after{display:block; position:absolute; top:7px; right:0; content:""; width:1px; height:16px; background:#b3d767;}
.total_nav .nav_select li:last-child:after{display:none;}
.total_nav .nav_select li a{display:block; text-align:center; font-size:17px; color:#FFF; font-weight:500; opacity:0.5;}
.total_nav .nav_select li.on a{opacity:1;}
.total_nav .nav_list{width:calc(100% - 30px); margin:0 15px;}
.total_nav .nav_list dt{display:none;}
.total_nav .nav_list dd > ul > li{position:relative; border-bottom:solid 1px #a4ce4b;}
.total_nav .nav_list dd > ul > li > a{display:block; height:50px; line-height:50px; font-size:17px; color:#FFF; font-weight:600; padding-left:5px;}
.total_nav .nav_list dd > ul > li.sub_nav > a{background:url(../images/nav_arrow_open.png) no-repeat right; background-size:30px auto;}
.total_nav .nav_list dd > ul > li.sub_nav.on > a{background:url(../images/nav_arrow_close.png) no-repeat right; background-size:30px auto;}
.total_nav .nav_list dd > ul > li.sub_nav.on .pro_sub{display:block;}
.total_nav .nav_list dd > ul > li.sub_nav > a.nav_open{display:block; position:absolute; top:0; right:0; width:60px; height:50px; background:none;}
.total_nav .nav_list dd > ul > li.live > a img{ padding:15px 6px; }
.total_nav .nav_list .pro_sub{display:none; border-top:solid 1px #a4ce4b; padding:10px 0 10px 20px;}

.total_nav .nav_list .pro_sub li a{display:block; font-size:16px; line-height:35px; color:#FFF;}
.total_nav .nav_list .pro_sub li{ position:relative; font-size:16px; color:#bfde80;}
.total_nav .banner_menu{margin:30px 0;}
.total_nav .banner_menu li{width:calc(100% - 30px); margin:5px 15px 0;}
.total_nav .banner_menu li a{display:block; height:40px; line-height:40px; border-radius:30px; border:solid 1px #c0de80; font-size:16px; font-weight:500; color:#FFF; padding-left:60px; box-sizing:border-box;}

.quick_hr{position:fixed; top:50%; right:5px; margin-top:-100px; z-index:90;}
.quick_hr li{margin-bottom:20px;}
.quick_hr img{position:relative; width:35px; height:auto; z-index:1;}
.quick_hr a span{display:none;}

.footer_hr{width:100%; /*border-top:solid 1px #dddddd;*/ background: #F5F5F5;}
.footer_hr h5.footer_tt{color:#212121; font-weight:500; font-size:17px; margin-top:24px;}
.footer_hr h5.footer_tt a{font-size:17px;}
.footer_hr p{color:#212121; font-size:15px; line-height:1.6em;}
.footer_hr p span.indent{display:inline;}
.footer_hr a, .footer_hr a:hover{color:#212121;}
.footer_hr hr{display:block; width:100%; height:1px; background:#dddddd; border:none; margin:0 0; padding:0 0;}
.footer_hr .customer_wrap{display:table; width:100%; max-width:1400px; margin:auto;}
.footer_hr .customer_total{position:relative; width:90%; margin:auto; padding-bottom:30px;}
.footer_hr .customer_total .customer_tel{font-weight:700; font-size:38px;}
.footer_hr .customer_total .b2b_sell{margin-top:15px;}
.footer_hr .customer_total .b2b_sell a{display:block; width:160px; height:40px; line-height:36px; border-radius:20px; background:url(/data/images/common/nav_bn_icon_03.gif) no-repeat 20px center; padding-left:50px; font-size:14px; border:solid 1px #e1e1e1; box-sizing:border-box;}
.footer_hr .customer_area{position:relative;width:90%; margin:auto; padding-bottom:30px;}
.footer_hr .customer_area p{margin:10px 0 8px;}
.footer_hr .customer_area em{display:block; font-weight:500; font-style: normal;}
.footer_hr .customer_area .map_btn a{display:block; width:120px; height:34px; line-height:34px; border:solid 1px #d9d9d9; box-sizing:border-box; color:#212121; font-weight:500; font-size:13px;  text-align: center; border-radius:17px 17px; background:url(/data/images/common/small_black_arr.gif) no-repeat 134px center; background-size:6px auto;}
.footer_hr .customer_total:after, .footer_hr .customer_area:after{position:absolute; bottom:0; display:block; content:""; width:111.2%; height:1px; background:#dddddd; margin:0 -5.6%;}
.footer_hr .customer_menu{float:left; width:50%; height:320px; padding:0 5%; /*border-left:solid 1px #dddddd;*/ box-sizing:border-box;}
.footer_hr .customer_menu ul{margin-top:18px;}
.footer_hr .customer_menu ul li{line-height:30px;}
.footer_hr .customer_menu ul li a{font-size:15px;}
.footer_hr .bottom_menu{display:table; width:96%; max-width:1400px; margin:auto;}
.footer_hr .bottom_menu ul{margin:15px 0; text-align:center;}
.footer_hr .bottom_menu li{display:inline-block; margin-right:22px;}
.footer_hr .bottom_menu li a{font-size:16px;}
.footer_hr .bottom_menu li a em{font-weight:700;}
.footer_hr .bottom_wrap{display:table; width:94%; max-width:1400px; margin:auto;}
.bottom_sns{text-align:center; margin-top:30px;}
.bottom_sns li{display:inline-block; margin:0 15px;}
.bottom_sns li img{width:auto; height:20px;}
/*.footer_hr .bottom_copy{margin:36px 0 27px;}*/
.footer_hr .bottom_copy .bottom_logo{width:109px; margin:0 auto 25px;}
.footer_hr .bottom_copy .bottom_logo img{width:109px; height:auto;}
.footer_hr .bottom_copy .bottom_con{width:94%; max-width:810px; text-align:center; margin:auto; word-break:keep-all;}
.footer_hr .bottom_copy p{line-height:1.7em; font-size:14px; margin-bottom:14px;}
.footer_hr .bottom_copy p span{display:inline-block; margin:0 3px;}


.sub_contents{width:100%; max-width:1900px; margin:auto;}
.sub_contents img{width:100%;}
.sub_contents .mo img{margin-top:-8px;}
.sub_contents .pc{display:none;}


.product_buy{position:fixed; right:10px; bottom:50px; z-index:90;}
.product_buy a{display:block; width:145px; height:44px; line-height:44px; border-radius:27px 27px; background:url(/data/images/common/product_buy_btn.png) no-repeat 128px center #80bd01; font-size:15px; color:#FFF; font-weight:500; padding-left:20px; box-sizing:content-box; background-size:20px auto;}
.product_buy a:hover, .product_buy a:active, .product_buy a:focus{color:#FFF; font-weight:500;}
.category_bn_pc{display:none;}
.category_bn_mo{display:block;}
.category_bn_mo img{width:100%; height:auto;}
.board_view_attach strong.pro_guide_icon{display:inline-block; width:110px; height:30px; line-height:30px; background:url(/data/images/common/pro_guide_icon.png) no-repeat 14px center #b0b0b0; background-size:18px auto; border-radius:15px 15px; padding-left:40px; box-sizing:border-box; font-size:12px; color:#FFF; margin-bottom:5px;}
.board_view_attach strong.pro_recipe_icon{display:inline-block; width:110px; height:30px; line-height:30px; background:url(/data/images/common/pro_recipe_icon.png) no-repeat 14px center #b0b0b0; background-size:18px auto; border-radius:15px 15px; padding-left:40px; box-sizing:border-box; font-size:12px; color:#FFF; margin-bottom:5px;}



.calendar_con{position:relative; margin-top:30px !important;}


@media screen and (min-width:400px){
h2.common_tt{margin-top:50px;}


.store_banner li a{height:60px;}
}



h2.common_tt{font-size:28px;}
.header_hr{height:80px;}
.header_hr .top_logo{margin:21px 0 0 21px; height:18px;}
.header_hr .top_logo img{width:109px;}
.header_hr .top_util li a{width:80px; height:80px;}
.header_hr .top_util li.top_search a{background:url(../images/top_search_btn.png) no-repeat #80bd01 33px 29px; background-size:auto;}
.header_hr .top_util li.top_menu a{display:none; background:url(../images/top_menu_btn.png) no-repeat #80bd01 21px 32px; background-size:auto;}
.header_hr .top_snb{margin:28px 40px 0 0;}
.header_hr .top_right .search_wrap.on{right:80px;}
.header_hr .top_right .search_wrap .search_input{width:calc(100% - 160px); height:80px; padding-left:30px; font-size:16px;}
.header_hr .top_right .search_wrap .search_btn{width:80px; height:80px; background:url(../images/top_search_btn.png) no-repeat #80bd01 33px 29px; background-size:auto;}
.header_hr .top_right .search_wrap .search_close a{width:80px; height:80px; background:url(../images/top_close_btn.png) no-repeat 23px 28px; background-size:27px auto;}
.header_hr .top_right .search_wrap .search_list{width:calc(100% - 160px); top:80px;}

.quick_hr img{width:40px;}

.footer_hr .customer_total .customer_tel{float:left; margin-right:60px;}
.footer_hr .customer_total .customer_time{margin-top:7px;}
.footer_hr .customer_area{float:left; width:100%; height:180px; margin:auto; /*border-left:solid 1px #dddddd;*/ padding:0 5% 30px;}
.footer_hr .customer_area p{margin:22px 0 18px;}
.footer_hr .customer_area:after{width:100%; margin:0 -10%;}


.sub_contents .mo{display:none;}
.sub_contents .pc{display:block;}


.category_bn_pc{display:block; height:233px;}
.category_bn_mo{display:none;}


h3.store_tt{font-size:28px; margin-bottom:38px;}
.store_cate ul{width:870px; margin:30px auto 40px;}
.store_cate li{margin:0 6px;}
.store_cate li a{font-size:18px; padding:98px 17px 11px;}
.store_cate li:nth-child(1){background-size:auto;}
.store_cate li:nth-child(2){background-size:auto;}
.store_cate li:nth-child(3){background-size:auto;}
.store_cate li:nth-child(4){background-size:auto;}
.store_cate li:nth-child(5){background-size:auto;}
.store_cate li:nth-child(6){background-size:auto;}
.store_cate li:nth-child(7){background-size:auto;}
.store_cate li:nth-child(8){background-size:auto;}
.store_cate li.on:nth-child(1){background-size:auto;}
.store_cate li.on:nth-child(2){background-size:auto;}
.store_cate li.on:nth-child(3){background-size:auto;}
.store_cate li.on:nth-child(4){background-size:auto;}
.store_cate li.on:nth-child(5){background-size:auto;}
.store_cate li.on:nth-child(6){background-size:auto;}
.store_cate li.on:nth-child(7){background-size:auto;}
.store_cate li.on:nth-child(8){background-size:auto;}
.store_review{padding:50px 0 20px;}
.store_recipe .store_recipe_list{width:1600px;}
.store_recipe .store_recipe_list li{width:300px; margin-right:20px;}


.calendar_con{margin-top:50px !important;}


.search_con{margin-top:50px !important;}



@media screen and (min-width:1240px){
h2.common_tt{font-size:30px; margin-top:92px;}

.prd_info .info_left{float:left; font-size:16px; margin:0 50px;}
.prd_info .info_right{float:right; margin:0 40px 0 0;}


.header_hr .top_logo{width:auto;}
.header_hr .nav_hr{display:block; float:left; margin:26px 0 0 0;}
.header_hr .nav_hr > ul > li{float:left; margin:0 16px;}
.header_hr .nav_hr > ul > li:last-child{margin:0 0 0 16px;}
.header_hr .nav_hr > ul > li > a{position:relative; color:#FFF; font-size:16px; text-transform: uppercase;}
.header_hr .nav_hr > ul > li:hover > a{color:#80bd01; font-weight:500;}
.header_hr .nav_hr > ul > li > a:after{position:absolute; display:block; content:""; bottom:0; width:calc(100% + 40px); height:4px; background:#80bd01; margin:0 -20px -29px;
        transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
				transform:scaleX(0);
-webkit-transform:scaleX(0);}
.header_hr .nav_hr > ul > li:hover > a:after{
				transform:scaleX(1);
-webkit-transform:scaleX(1);}
.header_hr .nav_hr  > ul > li .sub{position:absolute; width:100%; top:0; left:0; background:#FFF; opacity:0; visibility:hidden; z-index:-2;
        box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.header_hr .nav_hr  > ul > li:hover .sub{top:80px; opacity:1; visibility:visible;}
.header_hr .nav_hr .product_nav{display:table; width:94%; max-width:1400px; margin:29px auto 41px;}
.header_hr .nav_hr .product_nav .product_col{float:left; margin-right:40px;}
.header_hr .nav_hr .product_nav .product_cate{color:#1c1d1b; font-size:16px; font-weight:500; margin-bottom:17px;}
.header_hr .nav_hr .product_nav ul{display:table;}
.header_hr .nav_hr .product_nav li{position:relative; float:left; margin-right:20px; width: 110px;}

.header_hr .nav_hr .product_nav img{border:solid 1px #ececec; width:88px; height:auto;}
.header_hr .nav_hr .product_nav span{display:block; text-align:center; color:#1c1d1b; font-size:15px; margin-top:15px;}
.header_hr .top_snb{display:block; float:left; margin:28px 40px 0 0;}
.header_hr .top_snb li{float:left;}
.header_hr .top_snb li.pc_menu{display:block;}
.header_hr .top_snb li:after{display:inline-block; content:""; width:1px; height:10px; background:#616363; margin:0 12px;}
.header_hr .top_snb li:last-child:after{display:none;}
.header_hr .top_snb li a{color:#FFF; font-size:15px; font-weight:400;}
.header_hr:after{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; background:#1c1f20; z-index:-1;}


.total_wrap .nav_close{left:auto; right:0; margin-left:0;}
.total_wrap .nav_close a{width:80px; height:80px; background:url(../images/top_close_btn.png) no-repeat #80bd01 23px 28px; background-size:27px auto;}
.total_wrap .total_nav{position:absolute; width:96%; height:auto; top:0; right:0; background:#FFF; padding:0 2% 50px 2%; z-index:-1; box-sizing:content-box;
        box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	      transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_wrap.on .total_nav{top:80px;}
.total_wrap:after{display:none;}
.total_nav .nav_ailgn{height:auto; background:none;}
.total_nav .shop_util{position:absolute; width:auto; top:30px; right:0; background:none;}
.total_nav .shop_util .online_store{display:none;}
.total_nav .shop_util ul{float:none; margin:0 0;}
.total_nav .shop_util li{position:relative; margin-left:10px; background:#1c1f20;}
.total_nav .shop_util li a span{display:block; opacity:0; width:max-content; line-height:18px; position:absolute; background:#FFF; left:5px; top:-12px; font-size:11px; color:#212121; padding:0 10px; z-index:10; border:solid 1px #e1e1e1; border-radius:10px;
		transform:translateX(-5px);
-webkit-transform:translateX(-5px);
	     transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.total_nav .shop_util li a:hover span{opacity:1;
		transform:translateX(0);
-webkit-transform:translateX(0);}
.total_nav .shop_util li.mypage{background:#80bd01;}
.total_nav .nav_scroll{width:100%; height:auto; overflow-y:hidden;}
.total_nav .nav_select{display:none;}
.total_nav .nav_list{float:left; width:20.96%; margin:0 4.03% 0 0; display:block !important;}
.total_nav .nav_list dt{display:block; color:#1c1d1b; font-size:16px; font-weight:500; border-bottom:solid 1px #e1e1e1; padding:0 0 16px 30px; margin:39px 0 11px;}
.total_nav .nav_list dd ul li{border-bottom:none;}
.total_nav .nav_list dd ul li a{display:inline-block; height:30px; line-height:30px; font-size:15px; color:#1c1d1b; font-weight:400; padding-left:0;}
.total_nav .nav_list dd > ul > li.sub_nav > a.nav_open{display:none;}
.total_nav .nav_list.product{display:none !important;}
.total_nav .nav_list.company, .total_nav .nav_list.customer, .total_nav .nav_list.shop{display:block;}
.total_nav .nav_list.company dt{background:url(/data/images/common/nav_icon_01.gif) no-repeat left 4px;}
.total_nav .nav_list.customer dt{background:url(/data/images/common/nav_icon_02.gif) no-repeat left 4px;}
.total_nav .nav_list.shop dt{background:url(/data/images/common/nav_icon_03.gif) no-repeat left 4px;}
.total_nav .banner_menu{float:right; /*margin:130px 0 0 0;*/ margin:70px 0 0 0;}
.total_nav .banner_menu li{width:auto; margin:10px 0 0 0;}
.total_nav .banner_menu li a{width:280px; height:60px; line-height:60px; border:solid 1px #e1e1e1; color:#1c1d1b;}
.total_nav .banner_menu li:nth-child(1){background:url(/data/images/common/nav_bn_icon_01.gif) no-repeat 25px center;}
.total_nav .banner_menu li:nth-child(2){background:url(/data/images/common/nav_bn_icon_02.gif) no-repeat 25px center;}
.total_nav .banner_menu li:nth-child(3){background:url(/data/images/common/nav_bn_icon_03.gif) no-repeat 25px center;}

.quick_hr{right:10px; margin-top:-100px;}
.quick_hr li{margin-bottom:10px;}
.quick_hr img{width:50px;}
.quick_hr a span{display:inline-block; position:absolute; right:1px; width:48px; height:50px; line-height:50px; padding-left:20px; background:#1c1f20; border-radius:25px 25px; color:#FFF; font-size:14px; overflow:hidden; box-sizing:border-box;
        transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;}
.quick_hr a:hover span{width:169px;}
.quick_hr li.customer a span{background:#80bd01; font-size:16px; font-weight:500;}
.quick_hr li.kakao a span{background:#ffe800; color:#3a2020;}
.quick_hr li.event a span{background:#e54545;}
.quick_hr li.eatgreen a span{background:#54925c;}
.quick_hr li.live a span{background:#c20207;}


.footer_hr h5.footer_tt{margin-top:80px; line-height:1.1em;}
.footer_hr p span.indent{display:block;}
.footer_hr .customer_wrap{width:96%;}
.footer_hr .customer_total{float:left; width:25%; height:340px; padding-bottom:0;}
.footer_hr .customer_total .customer_tel{width:100%; margin:9px 0 20px; font-size:34px;}
.footer_hr .customer_total .customer_time{margin-top:0;}
.footer_hr .customer_total .b2b_sell{margin-top:25px;}
.footer_hr .customer_total .b2b_sell a{width:200px;}
.footer_hr .customer_area{width:30%; height:340px; padding:0 50px; box-sizing:border-box;}
.footer_hr .customer_area p{margin:22px 0 35px;}
.footer_hr .customer_area em{margin-top:14px;}
.footer_hr .customer_total:after, .footer_hr .customer_area:after{display:none;}
.footer_hr .customer_menu{width:22.5%; height:340px; padding:0 50px;}
.footer_hr .bottom_menu ul{float:left; margin:27px 0; text-align:left;}
.footer_hr .bottom_menu li{float:left; margin-right:72px;}
.footer_hr .bottom_menu li a{font-size:16px;}
.footer_hr .bottom_menu li a em{font-weight:700;}
.footer_hr .bottom_wrap{width:96%;}
.bottom_sns{float:right; margin-top:-50px;}
.bottom_sns li{float:left; margin:0 0 0 30px;}
.footer_hr .bottom_copy{float:left;}
.footer_hr .bottom_copy .bottom_logo{float:left; margin:4px 0 0 0;}
.footer_hr .bottom_copy .bottom_logo img{width:109px; height:auto;}
.footer_hr .bottom_copy .bottom_con{float:left; margin-left:60px; text-align:left;}
.footer_hr .bottom_copy p span{display:inline-block; margin:0 7px 0 0;}


.product_buy{bottom:50px;}
.product_buy a{width:170px; height:54px; line-height:54px; background:url(/data/images/common/product_buy_btn.png) no-repeat 158px center #80bd01; font-size:16px; padding-left:30px; background-size:20px auto;}
.category_bn_pc{height:380px;}


.online_store_tt .common_tt{margin-top:75px;}
h3.store_tt{margin-bottom:48px;}
.store_cate ul{width:auto; margin:60px auto 0;}
.store_cate li a{padding:98px 32px 11px;}
.store_more_btn{float:right; margin-top:-90px;}
.store_more_btn img{width:40px; height:40px;}
.store_review{padding:70px 0 94px;}
.store_review .review_wrap{display:inline-block; width:27.14%; margin:0 1.78% 0 1.78%; text-align:left; vertical-align:top;}
.store_review .review_wrap .review_star{width:74px; height:12px; background:url(/data/images/common/store_star_bg.png) no-repeat; background-size:auto 12px}
.store_review .review_wrap .review_star span{height:12px; background:url(/data/images/common/store_star.png) no-repeat left top; background-size:auto 12px;}
.store_review .review_wrap.pc_view{display:inline-block;}
.store_recipe{width:96%; max-width:1400px; margin:80px auto; padding:0 0;}
.store_recipe .store_recipe_list{display:table; width:100%;}
.store_recipe .store_recipe_list li{float:left; width:17.74%; margin-right:2.82%;}
.store_recipe .store_recipe_list li:last-child{margin-right:0;}
.store_recipe .store_recipe_list li img{width:100%; height:auto; border:solid 1px #e8e8e8; box-sizing:border-box; margin-bottom:30px;}
.store_recipe .store_recipe_list li a:hover{color:#212121;}
.store_banner{margin:0 auto 140px;}
.store_banner li a{height:100px; line-height:100px; text-align:left; font-size:17px; margin:0 0; padding:0 0 0 140px;}
.store_banner li.bn01 a{background:url(/data/images/common/store_bn_icon01.png) no-repeat 40px 15px; background-size:70px 70px;}
.store_banner li.bn02 a{background:url(/data/images/common/store_bn_icon02.png) no-repeat 40px 15px; background-size:70px 70px;}
.store_banner li.bn03 a{background:url(/data/images/common/store_bn_icon03.png) no-repeat 40px 15px; background-size:70px 70px;}


.calendar_con{margin-top:91px !important;}
}

@media screen and (min-width:1400px){
.header_hr .top_logo{margin:21px 0 0 61px;}
.header_hr .nav_hr{margin:26px 0 0 25px;}
.header_hr .nav_hr > ul > li{margin:0 21px;}
.header_hr .nav_hr > ul > li:last-child{margin:0 0 0 21px;}
.header_hr .nav_hr .product_nav{margin:39px auto 51px;}
.header_hr .nav_hr .product_nav li.coming:before{width:110px; height:110px;}
.header_hr .nav_hr .product_nav li.coming:after{width:110px; height:110px; margin-top:40px;}
.header_hr .top_snb li:after{display:inline-block; content:""; width:1px; height:10px; background:#616363; margin:0 16px;}
.header_hr .nav_hr .product_nav img{width:108px;}
}

@media screen and (min-width:1560px){

.header_hr .nav_hr{margin:30px 0 0 30px;}
.header_hr .nav_hr > ul > li{margin:0 31px;}
.header_hr .nav_hr > ul > li:last-child{margin:0 0 0 31px;}
}
.index-text{ padding: 80px 0; text-align: center;}
.index-text h2{ font-size: 50px; }
.index-text h2 span{ color: #009944;}
.index-text h3{ font-size: 38px; margin-top: 15px;}
.index-text p{ font-size: 22px; color:#757575; line-height: 50px; margin-bottom: 50px;}
.index-text a{border: 1px #a3a3a3 solid;width: 100%;color: #a3a3a3;padding: 10px 30px;text-align: center;}
.index-text a:hover {background: #009944;border: 2px #009944 solid;letter-spacing: 6px;color: #fff;}
.index-main{
	width: 100%;
    overflow: hidden;
    position: static;
}
.index-m-left{
	margin-left: 0px;
    float: left;
    margin-right: 0px;
    width: 25.75232%;
}

.index-m-left-top{ position: relative; -webkit-transition: 1s; transition: 1s; overflow: hidden;}
.index-m-left-toptext{ position: absolute; top: 30px; left: 30px;}
.index-m-left-toptext { color:#333;}
.index-m-left-toptext  p{ font-size: 18px;  font-family: roboto-black;    text-transform: uppercase;color:#666;}
.index-m-left-toptext  h2{font-size: 28px; margin-top: 5px;}
.index-m-left-bot{ position: relative;margin-top: 6px;-webkit-transition: 1s; transition: 1s; overflow: hidden;}
.index-m-left-bottext{ position: absolute; width: 100%; text-align: right; top: 30px; right: 30px;}
.index-m-left-bottext h2{ font-size: 28px;}
.index-m-left-bottext p{ font-size:18px; margin: 10px 0;font-family: roboto-black;    text-transform: uppercase;color:#666;}
.index-m-left-bottext a{    color: #333;
    font-size: 16px;
    transition: all 0.6s;
    border-bottom: 2px #000 solid;
    padding-bottom: 5px;}
.index-m-mid{-webkit-transition: 1s; transition: 1s; overflow: hidden;
	 width: 47.63584%;
    margin-left: 0.4%;
    margin-right: 0px;
    float: left;
    position: relative;
}
.index-m-midtext{position: absolute; width: 100%; text-align: left; top: 30px; left: 30px;}
.index-m-midtext p{ font-size:18px; margin: 10px 0;font-family: roboto-black;    text-transform: uppercase;color:#666;}
.index-m-midtext h2{font-size: 28px;}
.index-m-right{
	width: 25.80192%;
    margin-left: 0.4%;
    margin-right: 0px;
    float: left;
}

.index-m-left-top img{-webkit-transition: 1s; transition: 1s;}
.index-m-left-top img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.index-m-left-bot img{-webkit-transition: 1s; transition: 1s;}
.index-m-left-bot img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.index-m-mid img{-webkit-transition: 1s; transition: 1s;}
.index-m-mid img:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}
@media only screen and (max-width: 1024px){
	.index-text{ padding:30px 0 ;}
	.index-text h2{ font-size: 30px; }
	.index-text h3{ font-size: 20px; }
	.index-text p{ font-size: 14px; margin-bottom: 20px;}
	.index-m-left{ width: 100%;}
	.index-m-mid{ width: 100%;}
	.index-m-right{ width: 100%;}
	
}

.j_tab {
	display: table;
	width: 100%;
	height: 100%;
}
.j_tab_cel {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}/*首页banner*/

.mouse {
	position: absolute;
	left: 50%;
	bottom: 5rem;
	margin-left: -10px;
	text-align: center;
	z-index: 50;
	opacity: .55;
}
.mouse span {
	display: inline-block;
	width: 21px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 12px;
	margin: auto;
	position: relative;
	overflow: hidden;
}
.mouse span:after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 13px;
}
.mouse span:before {
	content: "";
	width: 1px;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 3px;
	animation-delay: 0ms;
	animation-duration: 1500ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
.mouse b {
	display: block;
	text-align: center;
	color: #766047;
	font-size: 18px;
	line-height: 1;
	font-family: Arial;
	margin-top: 4px;
	font-weight: normal;
}
@-webkit-keyframes arrow {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
}
33% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0px, 5px, 0px);
}
}
@keyframes arrow {
0% {
opacity: 0;
transform: translate3d(0px, 0px, 0px);
}
33% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0px, 5px, 0px);
}
}/* 主体开始*/
#s_pro {
}
#s_pro ul {
	margin-right: -1px;
}
#s_pro li {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding: 0;
	border-right: 1px solid #ebebed;
}
#s_pro li .img {
	width: 100%;
	opacity: 0;
	transition: .3s;
}
#s_pro li .img img {
	transition: .7s;
	transform: scale(1.1);
}
#s_pro li .txt {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 30px;
	top: 0;
	left: 0;
	background: #fff;
	transition: .7s;
	z-index: -1;
}
#s_pro li .txt .con {
	max-width: 493px;
	margin: 0 auto;
	text-align: center;
	transition: .7s;
}
#s_pro li .txt .con i {
	color: #0267db;
	font-size: 3.125rem;
}
#s_pro li .txt .con font {
	display: block;
	width: 13px;
	height: 1px;
	background: #bcbdbf;
	margin: 1.5625rem auto;
}
#s_pro li .txt .con h5 {
	font-size: 1.2rem;
	color: #000;
	margin-bottom: 1.5625rem;
}
#s_pro li .txt .con p {
	font-size: 0.9rem;
	color: #6a6a6a;
	line-height: 1.625rem;
	height: 3.25rem;
	overflow: hidden;
}
.s_btn {
	width: 10.625rem;
	height: 3.125rem;
	display: block;
	margin: 0 auto;
	border: 1px solid #bfbfc1;
	text-align: center;
	font-size: 12px;
	color: #7f7f7f;
	font-family: arial;
	line-height: 3.125rem;
	margin-top: 3.875rem;
}
#s_pro li:hover .img {
	opacity: 1;
}
#s_pro li:hover .img img {
	transform: scale(1);
}
#s_about {
	background: #fafafa;
	padding-top: 6.25rem;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#s_about .s_tt {
	text-align: center;
	margin-bottom: 3.125rem;
}
#s_about .s_tt p {
	font-size: 16px;
	color: #363636;
}
#s_about .s_tt span {
	font-size: 2.625rem;
	color: #000;
	display: block;
	margin: 15px auto;
	font-family: dinot;
}
#s_about .s_tt h3 {
}
#s_about .txt {
	color: #363636;
	font-size: 0.95rem;
	line-height: 1.75rem;
	overflow: hidden;
	max-width: 1240px;
	margin: 0 auto;
	text-align: center;
}
#s_about .s_btn2 {
	background: #0267db;
}
#s_news .s_btn2 {
	background: #0267db;
}
.about_slide {
	width: 34.9375rem;
	height: 11.1875rem;
	max-width: 100%;
	background: url(../images/about_slide.png) center bottom no-repeat;
	background-size: contain;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	padding-top: 1.6rem;
	margin-top: 4.75rem;
}
.about_slide .slider {
	width: 11.0625rem;
	margin: 0 auto;
}
.about_slide .slider li {
}
.about_slide .slider li i {
	color: #fff;
	font-size: 2.2rem;
}
.about_slide .slider li p {
	color: #fff;
	margin-top: 10px;
}
.about_slide .slick-prev:before, .about_slide .slick-next:before {
	font-size: 14px;
}
.slick-prev {
	z-index: 99;
}
.about_bg {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: -12.9rem;
	z-index: -1;
}
.about_bg img {
	width: 49.1875rem;
	animation: rotation 50s linear infinite;
	-moz-animation: rotation 50s linear infinite;
	-webkit-animation: rotation 50s linear infinite;
	-o-animation: rotation 50s linear infinite;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
#s_fangan {
}
#s_fangan li {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding: 0;
}
#s_fangan li .img {
	width: 100%;
}
#s_fangan li .img img {
	transition: .7s;
	transform: scale(1);
}
#s_fangan li .txt {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	top: 0;
	left: 0;
	transition: .7s;
	z-index: 1;
	text-align: center;
	color: #fff;
	padding-top: 5.5rem;
}
#s_fangan li .txt span {
	font-size: 1.5rem;
	font-family: arial;
}
#s_fangan li .txt p {
	font-size: 1.3rem;
	margin-top: 1.25rem;
	margin-bottom: 4.375rem;
}
#s_fangan li .txt i {
	display: block;
	width: 38px;
	height: 1px;
	background: #fff;
	position: relative;
	margin: 0 auto;
}
#s_fangan li .txt i:after {
	content: "";
	width: 9px;
	height: 1px;
	display: block;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-webkit-transform-origin: right top;
	transition: .3s;
}
#s_fangan li:hover .img img {
	transform: scale(1.1);
}
#s_fangan li:hover .txt i:after { /* animation: button-arrow .3s forwards cubic-bezier(.165,.84,.44,1); bottom:-1px;*/
}
@keyframes button-arrow {
35% {
transform:rotate(130deg);
-moz-transform:rotate(130deg);
-ms-transform:rotate(130deg);
-o-transform:rotate(130deg);
-webkit-transform:rotate(130deg);
}
65% {
transform:rotate(230deg);
-moz-transform:rotate(230deg);
-ms-transform:rotate(230deg);
-o-transform:rotate(230deg);
-webkit-transform:rotate(230deg);
}
100% {
color:#fff;
transform:rotate(330deg);
-moz-transform:rotate(330deg);
-ms-transform:rotate(330deg);
-o-transform:rotate(330deg);
-webkit-transform:rotate(330deg);
}
}
#s_news {
	background: #fff;
	padding: 5.625rem 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#s_news .s_tt {
	text-align: center;
	margin-bottom: 3.2rem;
}
#s_news .s_tt span {
	font-size: 1.625rem;
	color: #3c3c3c;
	font-family: arial;
	text-transform: uppercase;
}
#s_news .s_tt h3 {
	font-size: 1.25rem;
	color: #3c3c3c;
}
#s_news .container {
	padding-top: 0;
}
#s_news .item .img {
	margin-top: 1.5625rem;
}
#s_news .item .img img {
	transition: 1s;
}
#s_news .item .img:hover img {
	transform: scale(1.1);
}
#s_news .item span {
	font-size: 13px;
	color: #b2b2b4;
}
#s_news .item h5 {
	text-align: left;
	font-size: 1.1rem;
	color: #222225;
	margin-top: 1rem;
	margin-bottom: 1.375rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#s_news .item i {
	display: block;
	width: 15px;
	height: 3px;
	background: #828286;
	transition: .3s;
}
#s_news .item:hover i {
	width: 55px;
	background: #80bd01;
}
#s_news .item p {
	font-size: 14px;
	color: #868686;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 1.125rem;
	margin-bottom: 1.5625rem;
}
#s_news .item .more {
	font-size: 14px;
	color: #868686;
	font-family: arial;
}
#s_news .owl-nav {
	display: block !important;
}
#s_news .owl-prev {
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/news_prev.png) center no-repeat;
	font-size: 0;
	position: absolute;
	left: -76px;
	top: 50%;
	margin-top: -45px;
}
#s_news .owl-next {
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/news_next.png) center no-repeat;
	font-size: 0;
	position: absolute;
	right: -76px;
	top: 50%;
	margin-top: -45px;
}
}/*内页*/
#n_main {
	background: #f6f6f6;
	overflow: hidden;
	padding-bottom: 110px;
	min-height: 513px;
}
#n_main .container {
	padding-top: 25px;
	padding-bottom: 0;
}
.ar_article {
	font-size: 0.92rem;
	color: #363636;
	line-height: 1.875rem;
	text-align: justify;
	padding-bottom: 40px;
}
.ar_article p {
	font-size: 0.92rem;
	color: #363636;
	line-height: 1.875rem;
	text-align: justify;
	padding-bottom: .5rem;

}
.ar_article strong {
	font-weight: bold;
}
.ar_article td, .ar_article th {
	padding: 15px;
	border: 1px solid #c6c5c5;
	font-size: 14px;
}
.ar_article td p, .ar_article th p {
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: inherit;
}
.ar_article img {
	max-width: 100%;
	width: auto;
	display: inline-block;
}
.ar_article a {
	color: #363636;
}
.ar_article h1, .ar_article h2, .ar_article h3, .ar_article h4, .ar_article h5, .ar_article h6 {
	font-weight: bold;
}
.ar_article ul li, .ar_article ol li {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 2rem;
}
.ar_article ul li p, .ar_article ol li p {
	padding-bottom: 0;
	margin-bottom: 3px !important;
}
.ar_article ul, .ar_article ol {
	margin-bottom: 15px;
}
.ar_article sub {
	vertical-align: sub;
	font-size: smaller;
}
.ar_article sup {
	vertical-align: super;
	font-size: smaller;
}
/*手机端上一页下一页*/
li.am-pagination-prev {
	float: left;
	margin-left: 10px;
}
li.am-pagination-next {
	float: right;
	margin-right: 10px;
}
li.am-pagination-select {
	display: inline-block;
}
li.am-pagination-select select {
	background: none;
	border: 0;
	font-size: 16px;
	height: 30px;
}
#n_yingyong ul li .mask p {
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
}
.s_btn2 {
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 149px;
	height: 43px;
	display: block;
	margin: 0 auto;
	border: 1px solid #bfbfc1;
	text-align: center;
	font-size: 14px;
	color: #7f7f7f;
	font-family: arial;
	line-height: 41px;
	margin-top: 1rem;
	background: #80bd01;
}
.s_btn2::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fafafa;
	transform-origin: bottom left;
	transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.s_btn2:hover::before {
	visibility: hidden;
	transition: transform .5s cubic-bezier(.77, 0, .175, 1), visibility 0s .47s;
	transform: scaleY(0);
}
#s_news .s_btn2::before {
	background: #fff;
}
.button__label {
	position: relative;
	display: inline-block;
	animation: button-roll-out .5s forwards cubic-bezier(.165, .84, .44, 1);
}
.s_btn2:hover .button__label {
	animation: button-roll-over .5s forwards cubic-bezier(.165, .84, .44, 1);
}
@keyframes button-roll-over {
35% {
transform:translateY(10px)
}
35.001% {
transform:translateY(-20px)
}
100% {
color:#fff;
transform:translateY(0)
}
}
@keyframes button-roll-out {
0% {
color:#fff
}
35% {
transform:translateY(20px);
opacity:0
}
60% {
opacity:0
}
60.001% {
opacity:1;
transform:translateY(-15px)
}
100% {
transform:translateY(0)
}
}/****************内页开始*****************//*内页banner*/
.n_banner {
	width: 100%;
	position: relative;
	text-align: center;

	margin-top: 80px;
}
.n_banner img{ width: 100%;}
.n_banner .txt {
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	height: 259px;
}
.n_banner .txt h3 {
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Avenir Heavy";
}
.n_banner .txt p {
	font-size: 14px;
	color: #333;
	margin-top: 20px;
}
.n_nav_box {
	position: relative;
	height: 60px;
	line-height: 60px;
	z-index: 2;
	background: #f8f9fb;
	margin-bottom: 3.5rem;
}
.n_nav {
	float: right;

}
.n_nav a {
	font-size: 1rem;
	color: #3c3c3c;
	display: inline-block;
	min-width: 10rem;
	text-align: center;
	position: relative;
}
.n_nav a:before {
	content: "";
	width: 0;
	height: 1px;
	display: block;
	background: #80bd01;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -4rem;
	transition: .5s;
}
.n_nav a:hover:before {
	width: 8rem;
}
.n_nav a.on:before {
	width: 8rem;
}
.n_position {
	/*text-align: right;*/
	float: left;
	font-size: 13px;
	color: #6a6a6a;
	text-transform: uppercase;
}
.n_position a {
	font-size: 13px;
	color: #7b7b7b;
	position: relative;
	line-height: 44px;
}
.n_position img {
	position: relative;
	top: -2px;
	margin-right: 15px;
}
.n_position i {
	font-size: 0;
	color: #7b7b7b;
	display: inline-block;
	margin: 0 12px;
	font-family: arial;
	border: 3px solid transparent;
	border-left: 4px solid #969696;
	position: relative;
	top: -5px;
}
.n_position em {
	font-size: 13px;
	color: #80bd01;
}
.n_position a:hover {
	color: #80bd01;
}

#m_n_nav {
	background: #80bd01;
	line-height: 50px;
	height: 50px;
	position: relative;
	z-index: 99;
	margin-bottom: 1.5rem;
}
#bnt_back {
	position: absolute;
	left: 1rem;
	top: 0;
	color: #fff;
	line-height: 50px;
	height: 50px;
}
#m_n_nav i {
	font-size: 25px;
}
#m_n_nav h1 {
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	line-height: 50px;
	margin: 0;
}
#bnt_sub_nav {
	position: absolute;
	right: 1rem;
	top: 0;
	cursor: pointer;
	color: #fff;
	line-height: 50px;
	height: 50px;
}
#bnt_sub_nav img {
	display: block;
	height: 15px;
}
#bnt_sub_nav.on img {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
#sub_nav_content {
	background: #f0f3f5;
	display: none;
	box-shadow: 0 0 5px #999;
	z-index: 9;
}
#sub_nav_content ul {
	padding: 10px;
}
#sub_nav_content ul li {
	display: block;
	line-height: 28px;
	margin: 1rem 0;
}
#sub_nav_content ul li a {
	display: block;
	border-left: 2px solid #d2b068;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: #535455;
}
#sub_nav_content ul li.on a {
	color: #d2b068;
}
#sub_nav_content dt {
	height: 40px;
	line-height: 40px;
	position: relative;
	background: #fff;
	border-top: 1px solid #e7e7e7;
	z-index: 999;
}
#sub_nav_content dt a {
	margin: 0 20px;
	display: block;
	color: #5b5349;
	height: 40px;
	font-size: 14px;
	font-weight: 400;
}
#sub_nav_content dt a i {
	position: absolute;
	right: 15px;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
#sub_nav_content dt a {
}
#sub_nav_content dt.title {
	background: #fafafb;
}
#sub_nav_content dt.title i {
	opacity: 1;
	filter: alpha(opacity=100);
}
#sub_nav_content dt.title_on {
	background: #fafafb;
}
#sub_nav_content dt.title_on a {
	color: #80bd01;
	border-top: 1px solid #fff;
}
#sub_nav_content dt.title_on a i {
	color: #80bd01;
}
#sub_nav_content dt.last a {
	border-top: 1px solid #f8f8f8;
}
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {
	color: #80bd01;
}
#sub_nav_content dd {
	display: none;
}
#sub_nav_content dd .box {
	padding: 0px 0px 0px 0px;
}
#sub_nav_content dd a {
	padding: 0 25px;
	line-height: 30px;
	border-top: 1px solid #e7e7e7;
	font-size: 12px;
	color: #5b5349;
	display: block;
	height: 30px;
}
#sub_nav_content dd a.on {
	color: #80bd01
}
.n_tt {
	text-align: center;
	margin-bottom: 3.125rem;
}
.n_tt span {
	font-size: 1.625rem;
	text-transform: uppercase;
	font-family: arial;
}
.n_tt h3 {
	font-size: 1.25rem;
margin-top:.75rem;
	margin-bottom: 0;
}
#n_news {
	background: #fff;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#n_news .s_tt {
	text-align: center;
	margin-bottom: 3.2rem;
}
#n_news .s_tt span {
	font-size: 1.625rem;
	color: #3c3c3c;
	font-family: arial;
	text-transform: uppercase;
}
#n_news .s_tt h3 {
	font-size: 1.125rem;
	color: #3c3c3c;
}
#n_news .container {
	padding-top: 0;
}
#n_news ul {
	margin-top: -3rem;
}
#n_news li {
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid #e6e6e6;
}
#n_news li a {
	display: block;
	max-width: 480px;
	margin: 0 auto;
}
#n_news li .img {
	margin-top: 1.5625rem;
	overflow: hidden;
}
#n_news li .img img {
	transition: 1s;
}
#n_news li .img:hover img {
	transform: scale(1.1);
}
#n_news li span {
	font-size: 13px;
	color: #b2b2b4;
}
#n_news li h5 {
	text-align: left;
	font-size: 1rem;
	color: #222225;
	margin-top: 1.1rem;
	margin-bottom: 1.175rem;
	line-height: 1.4;
	height: 1.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#n_news li i {
	display: block;
	width: 15px;
	height: 3px;
	background: #828286;
	transition: .3s;
}
#n_news li:hover i {
	width: 55px;
	background: #80bd01;
}
#n_news li p {
	font-size: 14px;
	color: #868686;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 1.125rem;
	margin-bottom: 1.5625rem;
}
#n_news li .more {
	font-size: 14px;
	color: #868686;
	font-family: arial;
	transition: .3s;
}
#n_news li .more:hover {
	color: #80bd01;
}
li.am-pagination-select select {
	padding: 0;
}/*====翻页效果====*/
.j_pages {
	margin: 0 auto;
	margin-top: 1rem;
	margin-bottom: 5rem;
}
.j_pages .box {
	display: inherit;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.j_pages a {
	padding: 0px 13px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #dedede;
	color: #444;
	font-size: 14px;
	box-sizing: border-box;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.j_pages a font {
	font-size: 14px;
	font-family: SimSun;
	color: #9f9fa7
}
.j_pages .on {
	background: #80bd01;
	color: #fff!important;
	border: 1px solid #80bd01;
}
.j_pages span {
	font-family: simsun;
}
.j_pages i {
	display: inline-block;
}
.j_pages a:hover {
	background: #80bd01;
	color: #fff!important;
	text-decoration: none;
	border: 1px solid #80bd01;
}
/*==============新闻详情=====================*/
#n_news_xq {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background: #f8f9fb;
	margin-top: -6.25rem;
	margin-bottom: 5rem;
	position: relative;
	z-index: 1;
}
#n_news_xq .con {
	padding: 0 2.8rem;
}
.ar_title {
	margin-bottom: 10px;
	padding-top: 1.6rem;
	position: relative;
	overflow: hidden;
	color: #454546;
	font-weight: inherit !important;
	border-bottom: 2px solid #e8e8e9;
	border-top: 3px solid #80bd01;
	min-height: 6.25rem;
}
.ar_title .fl {
}
.ar_title h2 {
	font-size: 1.25rem;
	display: block;
	text-align: left;
	font-weight: normal;
	color: #3c3c3c;
	margin: 0;
	line-height: 1.875rem;
}
.ar_title h3 {
	height: 25px;
	font-size: 12px;
	color: #9d9d9d;
	display: block;
	text-align: left;
	font-family: arial;
	font-weight: 100;
	margin: 0;
}
.ar_title h3 span {
	font-size: 12px;
	color: #9d9d9d;
	font-weight: 100;
	line-height: 25px;
	display: inline-block;
	float: left;
}
.ar_title h3 span img {
	position: relative;
	margin-right: 7px;
	position: relative;
	top: -1px;
}
.ar_article {
	padding-top: 20px;
	padding-bottom: 30px;
} /*======== 上一篇下一篇 ===========*//*web*/
#ar_bot {
	border-top: 1px solid #e1e1e1;
	line-height: 4.375rem;
	height: 4.375rem;
}
#ar_bot h5 {
	font-size: 0.875rem;
	color: #363636;
}
#ar_bot h5 a {
	font-size: 0.875rem;
	color: #363636;
	line-height: 1.5rem;
	padding: 1.5rem 0;
	display: block;

}
#ar_bot h5 a span {
	position: absolute;
	left: 0;
}
/*#ar_bot .fl {
	line-height: 1.5rem;padding: 1.5rem 0;
}*/
#ar_bot .fr {
	text-align: right;
}/*wap*/
#ar_fot {
	margin-top: 10px;
	position: relative;
	padding-bottom: 3rem;
}
#ar_fot .inbox {
	position: relative;
}
#ar_fot h3 {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #676869;
	width: 35px;
	height: 35px;
	transition: .3s;
	margin: 0;
}
#ar_fot h3 a {
	display: block;
	width: 35px;
	height: 35px;
}
#ar_fot h3 a:hover {
	color: #d9353c;
}
#ar_fot h3.prev {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/news_prev.png) center no-repeat;
	background-size: contain;
}
#ar_fot h3.next {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/news_next.png) center no-repeat;
	background-size: contain;
}
#ar_fot h3.prev:hover {
	background: url(../images/news_prev_on.png) center no-repeat;
	background-size: contain;
}
#ar_fot h3.next:hover {
	background: url(../images/news_next_on.png) center no-repeat;
	background-size: contain;
}
#ar_fot .bnt_back {
	font-size: 14px;
	width: 160px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #dedfe0;
	border-radius: 20px;
	transition: .3s;
}
#ar_fot .bnt_back a {
	display: block;
	font-size: 14px;
	color: #7f7f7f;
	transition: .3s;
}
#ar_fot .bnt_back:hover {
	border: 1px solid #0166b3;
}
#ar_fot .bnt_back:hover a {
	color: #0166b3;
}	/*==============分享插件=====================*/
.shart_box {
	display: inline-block;
	float: left;
	margin-left: 20px;
	float: right;
}
#j_shart_s_24 .fx {
	position: relative;
}
#j_shart_s_24 .bds_count {
	font-size: 12px;
}
#j_shart_s_24 {
	padding-left: 30px;
	position: relative;
}
#j_shart_s_24 strong {
	display: inline-block;
	float: left;
	margin-right: 10px;
	line-height: 36px;
	font-size: 12px;
	color: #a3a0a9;
}
##j_shart_s_24 .bds_qzone {
	background: url(../images/j_shart.png) center -224px no-repeat
}
#j_shart_s_24 .bds_tsina {
	background: url(../images/j_shart_sn.png) center no-repeat
}
#j_shart_s_24 .bds_tqq {
	background: url(../images/j_shart_qq.png) center no-repeat
}
#j_shart_s_24 .bds_renren {
	background: url(../images/j_shart.png) center -340px no-repeat
}
#j_shart_s_24 .bds_weixin {
	background: url(../images/j_shart_wx.png) center no-repeat
}
#j_shart_s_24 .bds_sqq {
	background: url(../images/j_shart_qq.png) center no-repeat
}
#j_shart_s_24 .bds_fbook {
	background: url(../images/j_shart.png) center -166px no-repeat
}
#j_shart_s_24 .bds_twi {
	background: url(../images/j_shart.png) center -137px no-repeat
}
#j_shart_s_24 .bds_linkedin {
	background: url(../images/j_shart.png) center -108px no-repeat
}
#j_shart_s_24 .bds_tieba {
	background: url(../images/j_shart.png) center -253px no-repeat
}
#j_shart_s_24 .bds_huaban {
	background: url(../images/j_shart.png) center -253px no-repeat
}
#j_shart_s_24 .bds_douban {
	background: url(../images/j_shart.png) center -253px no-repeat
}
#j_shart_s_24 .bds_copy {
	background: url(../images/j_shart.png) center -253px no-repeat
}
#j_shart_s_24 .bds_print {
	background: url(../images/j_shart.png) center -253px no-repeat
}
#j_shart_s_24 .bds_mshare {
	background: url(../images/j_shart.png) center -253px no-repeat
}
#j_shart_s_24 .bds_count {
	font-size: 12px
}
#n_fazhan {
	overflow: hidden;
	background: #f8f9fb;
	padding: 1rem 4rem;
}
#n_fazhan .txt {
	padding-top: 2rem;
}
#n_fazhan .txt .tt {
	margin-bottom: 2.8rem;
}
#n_fazhan .txt .tt h5 {
	font-size: 1.135rem;
	font-weight: bold;
	color: #3c3c3c;
	margin: 0;
	margin-bottom: 5px;
}
#n_fazhan .txt .tt span {
	font-size: 12px;
	color: #7c7c7c;
	text-transform: uppercase;
}
#n_fazhan .txt .con {
	line-height: 2.25rem;
font-size:.875rem;
	color: #3c3c3c;
}
#n_fazhan .map {
	height: 100%;
	position: relative;
	z-index: 0;
}
#n_fazhan .map .ico i img {
	max-width: 100%;
	width: 1.75rem;
}
#n_fazhan .map .ico {
	position: absolute;
	z-index: 1;
	top: 22%;
	left: 36%;
	width: 220px;
}
#n_fazhan .map .tag {
	position: absolute;
	left: 3.125rem;
	top: 5rem;
	background: #fff;
	padding: 5px;
	padding-bottom: 0;
}
#n_fazhan .map .tag img {
	width: 14rem;
	height: 7.1875rem;
	max-width: none;
}
#n_fazhan .map .tag:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-right: 9px solid #fff;
	position: absolute;
	left: -18px;
	top: 40%;
	margin-top: -5px;
}
#n_fazhan .map .tag a {
	display: block;
	text-align: center;
	color: #0e6f8b;
	text-decoration: underline;
	line-height: 30px;
font-size:.875rem;
}
#n_join {
	padding-top: 4.25rem;
	padding-bottom: 5rem;
}
#n_join .li {
	text-align: center;
	background: #f8f9fb;
	padding: 2.3rem;
	margin-bottom: 1.875rem;
	transition: .3s;
}
#n_join .li h5 {
	font-size: 1.18rem;
	color: #363636;
	transition: .3s;
}
#n_join .li span {
	font-size: 12px;
	color: #949494;
	font-family: arial;
	display: block;
	margin-bottom: 1.875rem;
	transition: .3s;
}
#n_join .li p {
font-size:.875rem;
	color: #5b5b5b;
	transition: .3s;
}
#n_join .li:hover {
	background: #80bd01;
}
#n_join .li:hover h5 {
	color: #fff;
}
#n_join .li:hover span {
	color: #fff;
}
#n_join .li:hover p {
	color: #fff;
}
#n_join .owl-prev, #n_join .owl-next {
	width: 66px;
	height: 26px;
	text-align: center;
	background: #f8f9fb !important;
	margin: 0 6px;
	position: relative;
}
#n_join .owl-prev span, #n_join .owl-next span {
	font-size: 0;
}
#n_join .owl-prev:before {
	content: "<";
	width: 66px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #6b6b6b;
}
#n_join .owl-next:before {
	content: ">";
	width: 66px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #6b6b6b;
}
#n_join .owl-prev:hover, #n_join .owl-next:hover {
	background: #80bd01 !important;
}
#n_join .owl-prev:hover:before, #n_join .owl-next:hover:before {
	color: #fff;
}
#n_about {
	overflow: hidden;
	padding-bottom: 4.25rem;
}
#n_about .txt {
}
#n_about .txt .tt {
	font-size: 1.25rem;
	font-weight: bold;
	color: #80bd01;
	line-height: 64px;
	height: 64px;
	background: url(../images/n_about_tt.png) left center no-repeat;
	background-size: contain;
}
#n_about .txt .con {
}
#n_about .img_box {
	position: relative;
	padding-right: 10px;
	overflow: hidden;
}
#n_about .img_box .img {
	float: right;
	position: relative;
	z-index: 1;
}
#n_about .img_box .bg {
	position: absolute;
	width: 23.5rem;
	height: 23.5rem;
	background: #80bd01;
	right: 0;
	bottom: 0;
}
#n_shiyanshi {
	text-align: center;
	background: #f8f9fb;
	padding: 4.25rem 0;
	position: relative;
	overflow: hidden;
}
#n_shiyanshi .mask {
	position: absolute;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	pointer-events: none;
}
#n_shiyanshi img {
	max-width: 100%;
	display: inline-block;
}
#n_shiyanshi .con {
	text-align: center;
}
#n_shiyanshi .con * {
	text-align: center;
}
#n_shiyanshi .ico {
	display: block;
	text-align: center;
	margin-bottom: 1.25rem;
}
#n_shiyanshi .ico img {
	width: 2rem;
}
#n_shiyanshi .n_btn2 {
	position: relative;
	text-align: center;
	display: inline-block;
	padding-bottom: 20px;
	bottom: -20px;
}
#n_shiyanshi .n_btn2 img {
	position: relative;
	z-index: 0;
	height: 6.6875rem;
}
#n_shiyanshi .n_btn2 span {
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
}
#n_rongyu {
	padding-top: 4.375rem;
	padding-bottom: 4.375rem;
}
#n_rongyu .txt p {
	max-width: 454px;
}
#n_rongyu .n_tt {
	text-align: left;
	margin-bottom: 1rem;
}
#n_rongyu .slider-nav {
	max-width: 35rem;
	margin: 0 auto;
	padding: 10px;
}
#n_rongyu .slider-nav .slick {
	border: 2px solid #e5e5e5;
	transform: scale(1);
	margin: 40px 0;
}
#n_rongyu .slider-nav .slick-center .slick {
	transform: scale(1.2);
	border: 2px solid #80bd01;
	position: relative;
	z-index: 9;
}
#n_rongyu .slick-prev:before, #n_rongyu .slick-next:before {
	color: #80bd01;
	opacity: 1;
}
#n_rongyu .slick-next {
	color: #80bd01;
}
#n_rongyu .slider-for {
	max-width: 454px;
	width: 100%;
}
#n_rongyu .slider-for .slick h5 {
	padding: 0 30px;
	text-align: center;
	font-size: 1rem;
	color: #80bd01;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#n_about_licheng {
	background: url(../images/n_about_licheng_bg.jpg) center no-repeat;
	padding-top: 4.375rem;
	padding-bottom: 4.375rem;
}
#n_about_licheng .item {
	background: #fff;
padding:.625rem;
	box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
	margin: 10px 6px;
}
#n_about_licheng .item .txt {
padding:.875rem;
}
#n_about_licheng .item span {
	font-size: 1.5rem;
	color: #80bd01;
}
#n_about_licheng .item h5 {
	font-size: 1rem;
	color: #3c3c3c;
	border-bottom: 1px solid #f4f2f2;
	padding-bottom: 1.2rem;
margin-top:.6rem;
}
#n_about_licheng .item p {
font-size:.875rem;
	color: #363636;
	line-height: 1.5rem;
	height: 4.5rem;
	overflow: hidden;
}
#n_about_licheng .owl-prev, #n_about_licheng .owl-next {
	width: 3.125rem;
	height: 3.125rem;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #dddede;
	margin: 0 6px;
	position: absolute;
	top: 50%;
	margin-top: -1.6rem;
}
#n_about_licheng .owl-prev {
	left: -5.6rem;
}
#n_about_licheng .owl-next {
	right: -5.6rem;
}
#n_about_licheng .owl-prev span, #n_about_licheng .owl-next span {
	font-size: 0;
}
#n_about_licheng .owl-prev:before {
	content: "<";
	width: 3.125rem;
	height: 3.125rem;
	line-height: 3.125rem;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 18px;
	color: #9fa0a0;
	font-family: simsun;
}
#n_about_licheng .owl-next:before {
	content: ">";
	width: 3.125rem;
	height: 3.125rem;
	line-height: 3.125rem;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 18px;
	color: #9fa0a0;
	font-family: simsun;
}
#n_about_licheng .owl-prev:hover, #n_about_licheng .owl-next:hover {
	background: #80bd01 !important;
}
#n_about_licheng .owl-prev:hover:before, #n_about_licheng .owl-next:hover:before {
	color: #fff;
}
#n_about_licheng .s_btn2 {
	border: 1px solid #e5e5e5;
	font-size: 12px;
}
.adv{ padding: 30px 0;}
/*#n_news{ padding: 50px 0;}*/
.about-contact-us {padding: 90px 0 0 0;overflow: hidden;}
.contact-left {float: left;width: 29%;padding:5% 0 5% 6.25%;}
.contact-left .page-title h2{font-size: 30px;  font-family: "DINCond-Bold";}
.contact-left .contact3 {margin-top: 40px;overflow: hidden;}
.contact-left .contact3 .contact-list{cursor: pointer;}
.contact-left .contact3 .contact-list:hover .title h3 {color: #000;}
.contact-left .contact3 .contact-list .list .title{position: relative;background: url("../images/add2.png") left center no-repeat;padding-left:30px;}
.contact-left .contact3 .contact-list .list .title i{display: block;font-style: normal;font-size: 30px;color: #000;opacity: .2;position: absolute;right: 0;top: 20px;}
.contact-left .contact3 .contact-list .list .title h3{display: block;border-bottom: 1px solid #e6e6e6;padding: 20px 0;color: #666;font-size: 20px;}
.contact-left .contact3 .contact-list .list .children{display: none; margin: 0 0 0 30px;padding:0;font-size: 15px;line-height: 32px;}
.contact-left .contact3 .contact-list.cur .list .children{display: block;}
.contact-left .contact3 .contact-list.cur .title{background: url("../images/add1.png") left center no-repeat;}
.contact-left .contact3 .contact-list.cur .list .title h3 {color: #e60012;}
.contact-left .contact3 .contact-list.cur .list .title i {color: #e60012;opacity: .4;}
.contact-ewm {margin-top: 40px;}
.contact-ewm-img {float: left;width: 100px;}
.contact-text {float: left;width:60%;padding-left: 20px;padding-top:10px;}
.contact-text h4{margin: 0;font-size: 17px;color: #000;padding: 10px 0;}
.contact-text h5{margin: 0;font-size: 15px;color: #666666;font-weight: normal;}
.contact-right {float: right;width: 63%;overflow: hidden; padding-right: 6.25%;  padding-bottom: 5%;}
.contact-right-map {min-height: 640px;width: 100%;position: relative;overflow: hidden;}

.madd {width: 520px;overflow:hidden;position: relative;}
.maplogo {float: left;width: 84px;height: 84px;background: url("../images/clogo.png");}
.maddtxt {float: left;width: 380px;padding-left: 20px;}
.maddtxt h5{margin: 0;color: #1a1a1a;font-size: 18px;padding: 10px 0;}
.maddtxt h6{margin: 0;color: #666666;font-size: 14px;font-weight: normal;}
.maddtxt::after {content: '';display: block;width: 50px;height: 50px;border-radius: 100%;background:#ededed url("../images/r3.png") center no-repeat;position: absolute;top: 50%;right: 5%;margin-top: -25px;}
.madd::after{position: absolute;left: 50%;bottom:-5px; width: 0; height: 0;border-width: 10px;border-style: solid;border-color:#fff transparent transparent transparent;}
.BMap_shadow img {display: none;}
.l_lx2 .title h2{
	font-size: 46px;
	color: #e60012;
	font-family: Human;
	text-transform: uppercase;
	
}
.l_lx2 .title div{
	font-size: 36px;
	color: #000000;
	font-weight: bold;
}
.l_lx2 .content{
	width: 65.625vw;
	margin: auto;
	margin-top: 2.86458vw;
}
.l_lx2 .content .top{
	display: flex;
}
.l_lx2 .content .top div{
	flex: 1;
	height: 3.125vw;
	border: 1px solid #dddddd;
	background-color: #FFF;
	padding-left: 1.30208vw;
}
.l_lx2 .content .top div:nth-child(3n-1){
	margin: 0 1.5625vw;
}
.l_lx2 .content .top div span,.l_lx2 .content .top div input{
	display: inline-block;
	font-size: 16px;
}
.l_lx2 .content .top div span{
	color: #000000;
}
.l_lx2 .content .top div input{
	width: 16.44791vw;
	height: 100%;
	vertical-align: middle;
	border: 0;
}
.l_lx2 .content .bot{
	width: 100%;
	height: 6.77083vw;
	border: 1px solid #dddddd;
	margin-top: 1.30208vw;
	padding-top: 1.04166vw;
	padding-left: 1.30208vw;
	display: flex;
	background: #fff;
}
.l_lx2 .content .bot span{
	flex: 0.3;
	color: #000000;
	font-size: 16px;
}
.l_lx2 .content textarea{
	flex: 3.9;
	display: inline-block;
	padding-top: 2px;
	height: 100%;
	overflow-y: auto;
	border: 0;
}
.l_lx2Btn{
	margin: auto;
	margin-top: 4.16666vw;
	width: 12.5vw;
	display: block;
	background-color: #d60011;
	border: 1px solid #d60011;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
	height: 2.86458vw;
	line-height: 2.86458vw;
	text-align: center;
	transition: 0.5s;
}
.l_lx2Btn i{
	margin-left: 5px;
	font-weight: bold;
	transform: rotate(-45deg);
	display: inline-block;
	transition: 0.5s;
}
.l_lx2Btn:hover{
	background-color: rgba(255,255,255,0.0);
	color: #d60011;
}
.l_lx2Btn:hover i{
	transform: rotate(0);
}
.l_lx2 .title {
    text-align: center;
}
.l_lx2{
	width: 100vw;
/* 	height: 36.45833vw; */
	background-image: url(../images/l_lx2Bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 5.20833vw 0;
}

.shegnchan .left{ float: left; width: 50%;}
.shegnchan .right{ float: left; width: 50%;}
.shegnchan{  background: #f5f5f5; text-align: center; display: flex;  align-items: center; vertical-align: middle;}
.shegnchan p{ max-width: 750px; margin: 20px auto; font-size: 15px; line-height: 30px;}
.shegnchan h2{ font-size: 30px; color: #80bd01; font-weight: bold; line-height: 45px;}
.adv-text{ position: absolute; left: 5%; top: 40%;}
.adv-text h2{ font-size:35px; padding: 15px 0;}
.adv-text p{ font-size: 20px;}
.link{ text-align: center; padding: 30px 0 50px 0;font-size: 30px;}
.link h2{ font-size: 25px;}
.link a{ color: #80bd01;font-size: 25px;}
.quick{ text-align: center; border-top:1px solid #ddd ;  border-bottom:1px solid #ddd ;}
.quick a{ padding: 15px 0; display: block; border-right: 1px solid #ddd; margin: 30px 0;}
.quick .col-lg-3:last-child a{ border-right: 0;}
.quick img{ width: auto; display: inline-block;}
.quick h2{font-size: 16px; color: #333; padding-top: 20px;}
.quick p{font-size: 14px;     color: #999; padding-top: 15px;}
.pro-list-table p{ line-height: 50px; text-align: center;}
.pro-list-table a{ display: block; border: 1px solid #f0f0f0; -webkit-transition: 1s; transition: 1s; overflow: hidden;}
.pro-list-table a:hover{border: 1px solid #80bd01;}
.pro-list-table a img{-webkit-transition: 1s; transition: 1s;}
.pro-list-table a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.ep-pages{ text-align: center; padding: 20px 0;}
.pro-list-table{ margin-bottom: 30px;}
.z_about_show p{ line-height: 50px;}
.ep-pages li{ display: inline-block; padding:  0 8px;}
@media screen and (max-width:980px) {
	.l_dq1 .bot .item .title b, .l_lx1 .top .title h2, .l_lx2 .title h2 {
    font-size: 26px;
}
.l_lx2 .content{width: 90%;}
	.l_lx2 .content .top{display: block;}
	.l_lx2 .content .top div{height: 35px;margin: unset !important;margin-top: 5px !important;}
	.l_lx2 .content .top div span,.l_lx2 .content .top div input,.l_lx2 .content .bot span,.l_lx2 .content textarea{font-size: 12px}
	.l_lx2 .content .top div input{width: 85%;}
	.l_lx2 .content .bot{height: 100px;}
	.l_lx2 .content .bot span{flex: 0.8;}
	.l_lx2Btn {
    width: 200px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
}
@font-face {
	font-family:"DINCond-Bold";
	src:url("../fonts/DINCond-Bold.otf") format("opentype");
}
@media screen and (max-width: 1200px) {
	.header_hr .top_util li.top_menu a{display:block;}
  .contact-left {width:90%;padding: 0 5% 50px 5%;margin: auto;}
	.contact-right {width:100%; padding-right: 0;}
	.contact-right-map {min-height:540px;}
	.contact-left .page-title h2{ font-size: 20px;}
	.about-contact-us{  padding: 30px 0 0 0;}
	.n_banner{ margin-top: 60px; height: ;}
	.ar_article img{ width: 100%;}
	.sc{ padding: 15px;}
	.shegnchan .left{ width: 100%; float: none; padding: 15px;}
	.shegnchan .right{ width: 100%; float: none; padding: 15px; }
	.shegnchan{ display: block;}
	.shegnchan h2{ font-size: 18px; text-align: center;}
	.shegnchan p{text-align: left;}
	#n_news{ padding: 30px 0;}
	.link h2{ font-size: 20px;}
	.adv-text h2{ font-size: 20px;}
	.adv-text p{ font-size: 14px;}
	.adv .col-lg-6{ margin-top: 15px;}
	.index-main{ padding: 15px;}
	.index-m-left-bottext p, .index-m-midtext p,.index-m-left-toptext a p,.index-m-left-toptext p,.index-m-left-toptext p{ font-size: 14px;}
	.index-m-left-bottext h2,.index-m-midtext h2,.index-m-left-toptext a h2,.index-m-left-toptext h2,.index-m-left-toptext h2{ font-size: 18px;}
	.index-m-right,.index-m-mid{ margin-left: 0;}
	.index-m-left-top,.index-m-left-bot,.index-m-mid{ margin-bottom: 15px;}
	.adv{ padding: 0;}
	.quick,.customer_menu{ display: none;}
	.footer_hr .customer_total .customer_tel{ font-size: 18px;}
	}