/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#5a5a5a;font:14px/30px arial,"Microsoft Yahei","微软雅黑";background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#5a5a5a;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#004677;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{margin:0 auto;max-width:1200px; width:100%}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}

@font-face {
	font-family: "din";
	src: url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "iconfont";
	src:url("../fonts/iconfont.woff2") format("woff2"),
		url("../fonts/iconfont.woff") format("woff"),
		url("../fonts/iconfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

#head{ width:100%; height:150px; position:fixed; left:0; top:0; z-index:999; background:#fff}
#head .top{ width:100%; border-bottom:1px solid #eee; height:50px;;display:flex;align-items: center;justify-content:space-between;}
#head .top .contact{}
#head .top .contact span{border-left: 1px solid #d3d3d3; padding:0 10px; color:#8d8d8d}
#head .top .contact span i{ color:#004677; margin-right:5px}
#head .top .contact span:first-child{ border-left:0; padding-left:0}
#head .header .wrap{height:100px;display:flex;align-items: center;justify-content:space-between;}
#head .header .logo{line-height:60px}
#head .header .logo i{ font-size:35px; font-family:"iconfont"; color:#004677}
#head .header .nav ul li{ float:left; margin-left:40px; position:relative}
#head .header .nav ul li a{ font-size:15px;}
#head .header .nav ul li.curr:before{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#head .header .nav ul li.curr:before{content:"";width:100%;height:2px;position:absolute; left:0;bottom:0;background-color:#004677;}
#head .header .nav ul li.curr a{ color:#004677}
#head .header .button{ display:none}
#head.fixed{ position:fixed; left:0; top:0; z-index:999; background:#fff; height:60px; border-bottom:1px solid #eee}
#head.fixed .header .wrap{ height:60px}
#head.fixed .top{ height:0; overflow:hidden; border-bottom:0}

#banner{ width:100%; overflow:hidden; margin-top:150px}
#banner .focus{ position:relative}
#banner .focus .swiper-slide{ position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden}
#banner .focus .swiper-slide img{ width:100%}
#banner .focus .swiper-pagination{ bottom:30px}
#banner .focus .swiper-pagination .swiper-pagination-bullet{ height:6px; width:50px; background:#fff; border-radius:0}

#product{width:100%;margin-top:60px}
#product ul li{float:left;width:calc((100% - 90px)/ 4);margin-left:30px;padding:20px;background:#004677;-webkit-box-shadow:4px 4px rgba(85,85,85,.2);-moz-box-shadow:4px 4px rgba(85,85,85,.2);box-shadow:4px 4px rgba(85,85,85,.2)}
#product ul li:first-child{margin-left:0}
#product ul li .img img{width:100%;height:100%;object-fit:cover}
#product ul li .info{padding-top:20px}
#product ul li .info h2{font-weight:700;color:#fff;font-size:15px}
#product ul li .info .intro{line-height:26px;color:#fff;opacity:.8}
#product ul li .info .more{margin-top:20px;text-align:center}
#product ul li .info .more span{border:1px solid #fff;padding:2px 15px;color:#fff;display:inline-block}
#product ul li .info .more span i{margin-right:5px;font-size:13px}
#product ul li:hover{background-color:#d3b17d;-webkit-box-shadow:6px 6px rgba(85,85,85,.4);-moz-box-shadow:6px 6px rgba(85,85,85,.4);box-shadow:6px 6px rgba(85,85,85,.4)}

#ceo{ width:100%; margin-top:60px}
#ceo .text{ width:48%}
#ceo .text .title big{ color:#d3b17d; display:block; font-size:42px; font-weight:300; line-height:42px;}
#ceo .text .title small{ display:block; font-size:38px; color:#004677; line-height:42px; margin-top:10px}
#ceo .text .title em{ height:2px; background:#004677; width:100px; overflow:hidden; margin-top:15px; display:block}
#ceo .text .content{ margin-top:20px}
#ceo .pic{ width:48%}
#ceo .pic img{ width:100%}

#good{width:100%;background:#004677;padding:60px 0;margin-top:60px}
#good .title{text-align:center}
#good .title h2{color:#fff;font-size:42px;line-height:42px;font-weight:400}
#good .title p{color:#fff;margin-top:20px;line-height:26px;padding:0 10%}
#good .list{margin-top:30px}
#good .list ul li{float:left;width:calc((100% - 90px)/ 4);margin-left:30px;background:#fff}
#good .list ul li:first-child{margin-left:0}
#good .list ul li .img img{width:100%;height:100%;object-fit:cover}
#good .list ul li .info{padding:20px}
#good .list ul li .info big{display:block;text-align:center;font-size:18px;font-weight:700}
#good .list ul li .info small{display:block;text-align:center;font-size:16px}
#good .list ul li .info .divider{margin-top:5px;position:relative;text-align:center}
#good .list ul li .info .divider i{color:#bbb}
#good .list ul li .info .divider:before{left:0}
#good .list ul li .info .divider:after{right:0}
#good .list ul li .info .divider:after,
#good .list ul li .info .divider:before{content:"";width:47%;height:1px;position:absolute;top:50%;background-color:#eee}
#good .list ul li .info p{line-height:24px;margin-top:10px;text-align:center;color:#888}
#good .list ul li .info .yuyue{text-align:center;margin-top:10px}
#good .list ul li .info .yuyue span{background:#004677;color:#fff;padding:2px 15px;display:inline-block}
#good .list ul li .info .yuyue span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#good .list ul li .info .yuyue span i{margin-right:5px;font-size:13px}
#good .list ul li:hover .info .yuyue span{background:#d3b17d}

#service{ width:100%; margin-top:60px}
#service .title big{ color:#d3b17d; display:block; font-size:42px; font-weight:300; line-height:42px;}
#service .title small{ display:block; font-size:38px; color:#004677; line-height:42px; margin-top:10px}
#service .title em{ height:2px; background:#004677; width:100px; overflow:hidden; margin-top:15px; display:block}
#service .list{ margin-top:60px}
#service .list ul li{ float:left; width:calc((100% - 300px) / 6); margin-left:60px; text-align:center}
#service .list ul li:first-child{ margin-left:0}
#service .list ul li .icon{ width:110px; height:110px; border-radius:110px; background:#004677; display:flex;align-items: center;justify-content:center; margin:0 auto}
#service .list ul li .icon i{font-family: "iconfont"; font-size:80px; color:#fff}
#service .list ul li .info{ text-align:center; padding:20px 0}
#service .list ul li .info h2{ font-weight:700; font-size:16px}
#service .list ul li .info p{line-height:24px;}
#service .list ul li .info .more{ text-align:center; margin-top:20px}
#service .list ul li .info .more span{ background:#004677; color:#fff; padding:2px 15px; display:inline-block}
#service .list ul li .info .more span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#service .list ul li .info .more span i{ margin-right:5px; font-size:13px}
#service .list ul li:hover .info .more span{ background:#d3b17d}

#news{ width:100%; margin-top:60px;}
#news .left{ width:66%}
#news .left .title big{ color:#d3b17d; display:block; font-size:42px; font-weight:300; line-height:42px;}
#news .left .title small{ display:block; font-size:38px; color:#004677; line-height:42px; margin-top:10px}
#news .left .title em{ height:2px; background:#004677; width:100px; overflow:hidden; margin-top:15px; display:block}
#news .left .list ul li{ border-bottom:1px solid #eee; padding:20px 0; height:160px}
#news .left .list ul li .img{ float:left; width:25%; height:120px;}
#news .left .list ul li .img img{width:100%;height:100%;object-fit:cover}
#news .left .list ul li .info{ float:right; width:72%}
#news .left .list ul li .info h2{ font-size:15px; font-weight:700}
#news .left .list ul li .info p{ line-height:24px; margin-top:10px; color:#888}
#news .left .list ul li .info time{ margin-top:10px; color:#999}

#news .right{ width:30%}
#news .right .title big{ color:#d3b17d; display:block; font-size:42px; font-weight: normal; line-height:42px;}
#news .right .title small{ display:block; font-size:38px; color:#004677; line-height:42px; margin-top:10px}
#news .right .title em{ height:2px; background:#004677; width:100px; overflow:hidden; margin-top:15px; display:block}
#news .right .list{ border:1px solid #eee; margin-top:20px; border-bottom:0}
#news .right .list ul li{ border-bottom:1px solid #eee}
#news .right .list ul li .info{ height:0; overflow:hidden; background:rgba(211,177,125,.1);}
#news .right .list ul li .info .box{ padding:20px 20px 25px 50px; line-height:24px;}
#news .right .list ul li .info .box span{ border:1px solid #eee; margin-top:10px; padding:2px 15px; display:inline-block; background:#eee}
#news .right .list ul li .t{ line-height:40px; height:42px; padding-right:10px; font-size:16px}
#news .right .list ul li .t i{ font-size:20px; float:left; width:40px; background:#004677; text-align:center; line-height:42px; color:#fff; margin-right:10px}
#news .right .list ul li .t span{ line-height:42px;}
#news .right .list ul li .t .fa-plus{ display: block; color:#999}
#news .right .list ul li .t .fa-minus{ display:none}
#news .right .list ul li.curr .info{ height:157px;}
#news .right .list ul li.curr .t{ color:#d3b17d}
#news .right .list ul li.curr .t .fa-plus{ display: none}
#news .right .list ul li.curr .t .fa-minus{ display:block; color:#004677}

#hotline{ width:100%; margin-top:110px}
#hotline .wrap{ background:#004677; display:flex;display:flex;align-items: center;justify-content:left; padding:30px 0; position:relative}
#hotline .phone{ padding-left:30px}
#hotline .phone big{ display:block; font-size:24px; font-weight:700; color:#fff}
#hotline .phone small{ display:block; font-size:36px; margin-top:10px; color:#fff; font-family:"din"}
#hotline .phone small i{ margin-right:10px}
#hotline .phone small a{ color:#fff}
#hotline .fangan{ margin-left:200px}
#hotline .fangan a{ background:#fff; padding:8px 30px; display:block; font-size:18px; font-weight:700; color:#004677}
#hotline .pic{ position:absolute; right:30px; bottom:0}

#map{ width:100%; background:#333; padding:50px 0; margin-top:60px;}
#map .item{ margin-right:60px}
#map .item h3{ font-size:24px; color:#fff; padding-bottom:10px; margin-bottom:10px; font-weight:normal}
#map .item p{ color:#999; line-height:26px}
#map .item p a{ color:#999}
#map .item p i{ margin-right:5px}
#map .qrcode img{ width:100px; margin-left:10px}
#map .item:nth-child(4){ margin-right:0}

#copyright{ background:#000; padding:10px 0; color:#999}
#copyright a{ color:#999}

#nbanner{ width:100%; background-size:cover; margin-top:150px}
#nbanner .wrap{ display:flex;align-items: center;height:200px; }
#nbanner span{ color:#fff; font-size:42px;}
#loca{ width:100%; padding:20px 0; background:#d3b17d}
#loca,#loca a{ color:#fff}
#loca i{ margin:0 8px}

#main{ width:100%;}
#main .service{ margin-top:60px}
#main .service ul li{ float:left; width:calc((100% - 300px) / 6); margin-left:60px; text-align:center}
#main .service ul li:first-child{ margin-left:0}
#main .service ul li .icon{ width:110px; height:110px; border-radius:110px; background:#004677; display:flex;align-items: center;justify-content:center; margin:0 auto}
#main .service ul li .icon i{font-family: "iconfont"; font-size:80px; color:#fff}
#main .service ul li .info{ text-align:center; padding:20px 0}
#main .service ul li .info h2{ font-weight:700; font-size:16px}
#main .service ul li .info p{line-height:24px;}
#main .service ul li .info .more{ text-align:center; margin-top:20px}
#main .service ul li .info .more span{ background:#004677; color:#fff; padding:2px 15px; display:inline-block}
#main .service ul li .info .more span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#main .service ul li .info .more span i{ margin-right:5px; font-size:13px}
#main .service ul li:hover .info .more span{ background:#d3b17d}

#main .prolist{ padding:30px 0 60px}
#main .prolist ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; margin-top:30px; border:1px solid #eee; padding:12px}
#main .prolist ul li:nth-child(3n){ margin-right:0}
#main .prolist ul li .img img{ width:100%}
#main .prolist ul li .info{ padding:20px 0 20px}
#main .prolist ul li .info h2{ font-size:16px}
#main .prolist ul li .info p{ margin-top:10px; line-height:26px; height:78px}
#main .prolist ul li .info span{ display:inline-block; background:#004677; padding:3px 20px; color:#fff; margin-top:20px}
#main .prolist ul li .info span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#main .prolist ul li:hover .info span{ background:#d3b17d}

#main .shoplist{ padding:30px 0 60px}
#main .shoplist ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; margin-top:30px; border:1px solid #eee; padding:12px}
#main .shoplist ul li:nth-child(3n){ margin-right:0}
#main .shoplist ul li .img{ height:250px; overflow:hidden}
#main .shoplist ul li .img img{width:100%;height:100%;object-fit:cover}
#main .shoplist ul li .info{ padding:10px 0 0px}
#main .shoplist ul li .info h2{ font-size:16px; font-weight:normal}
#main .shoplist ul li .info p{ margin-top:10px; line-height:26px;display:none}
#main .shoplist ul li .info span{display:none}
#main .shoplist ul li .info span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#main .shoplist ul li:hover .info span{ background:#d3b17d}

#main .newslist ul li{ border-bottom:1px solid #eee; padding:30px 0; height:260px}
#main .newslist ul li .img{ float:left; width:25%; height:200px;}
#main .newslist ul li .img img{width:100%;height:100%;object-fit:cover}
#main .newslist ul li .info{ float:right; width:72%}
#main .newslist ul li .info h2{ font-size:18px; font-weight:700; margin-top:20px}
#main .newslist ul li .info p{ line-height:24px; margin-top:10px; color:#888}
#main .newslist ul li .info time{ margin-top:10px; color:#999}

#main .shop{ padding:60px 0}
#main .shop .left{ width:75%}
#main .shop .left .content{    -webkit-box-shadow: 4px 4px #ececec;    -moz-box-shadow: 4px 4px #ececec;    box-shadow: 4px 4px #ececec; padding:20px; border:1px solid #eee}
#main .shop .left .content h1{ font-size:28px; font-weight:700}
#main .shop .left .content .img{ margin-top:20px}
#main .shop .left .content .img img{ max-width:100%}
#main .shop .left .content .text{ margin-top:30px}
#main .shop .left .ceo{    -webkit-box-shadow: 4px 4px #ececec;    -moz-box-shadow: 4px 4px #ececec;    box-shadow: 4px 4px #ececec; padding:20px; border:1px solid #eee; margin-top:20px}
#main .shop .left .ceo .title{ border-bottom:1px solid #eee; font-size:24px; color:#004677; padding-bottom:10px}
#main .shop .left .ceo .title i{ margin-right:5px}
#main .shop .left .ceo .ceo_content{ padding:20px 0}
#main .shop .left .ceo .ceo_content .ceo_left{ width:70%}
#main .shop .left .ceo .ceo_content .ceo_pic{ width:25%}
#main .shop .left .ceo .ceo_content .ceo_pic img{ width:100%}
#main .shop .left .ask{ margin-top:40px}
#main .shop .left .ask .title{ border-bottom:1px solid #eee; font-size:24px; color:#004677; padding-bottom:10px}
#main .shop .left .ask .title i{ margin-right:5px}
#main .shop .left .ask .asklist ul li{ margin-top:10px}
#main .shop .left .ask .asklist ul li .t{ background:#004677; color:#fff; line-height:50px; padding:0 20px; font-size:16px}
#main .shop .left .ask .asklist ul li .t span{ line-height:50px;}
#main .shop .left .ask .asklist ul li .t .fa-plus{ display: block;}
#main .shop .left .ask .asklist ul li .t .fa-minus{ display:none}
#main .shop .left .ask .asklist ul li .t i{ margin-right:5px}
#main .shop .left .ask .asklist ul li .info{ background:#eee; padding:0 30px; line-height:26px; height:0px; overflow:hidden}
#main .shop .left .ask .asklist ul li.curr .t{ background:#888; color:#fff}
#main .shop .left .ask .asklist ul li.curr .t .fa-plus{ display: none}
#main .shop .left .ask .asklist ul li.curr .t .fa-minus{ display:block;}
#main .shop .left .ask .asklist ul li.curr .info{ padding:30px; height:auto;}
#main .shop .left .form{ margin-top:40px}
#main .shop .left .form .title{ border-bottom:1px solid #eee; font-size:24px; color:#004677; padding-bottom:10px}
#main .shop .left .form .title i{ margin-right:5px}
#main .shop .left .form .formbox{ margin-top:20px}
#main .shop .left .form .formbox .text{ width:49%; border:1px solid #ddd; line-height:30px; padding:10px 0; text-indent:10px; float:left; border-radius:0}
#main .shop .left .form .formbox .text.r{ float:right}
#main .shop .left .form .formbox .textarea{ width:100%; border:1px solid #ddd; padding:10px; margin-top:10px; height:100px; float:left}
#main .shop .left .form .formbox .btn{ margin-top:10px; background:#004677; color:#fff; display:inline-block; border:0; padding:15px 40px}
#main .shop .right{ width:22.5%}
#main .shop .right .other { background:#f5f5f5; padding:20px}
#main .shop .right .other .title{ border-bottom:1px solid #004677; font-size:24px; color:#004677; padding-bottom:10px}
#main .shop .right .other .list{ margin-top:20px}
#main .shop .right .other .list ul li{ border-bottom:1px solid #eee; padding:5px 0; font-size:16px}
#main .shop .right .other .list ul li i{ margin-right:10px; color:#004677}

#main .contact{ padding:60px 0}
#main .contact .map .pic{ width:40%}
#main .contact .map .mapbox{ width:60%}
#main .contact .map .mapbox iframe{ width:100%; height:360px;}
#main .contact .contact_fs{ margin-top:110px}
#main .contact .contact_fs .form{ width:65%}
#main .contact .contact_fs .form .title{ border-bottom:1px solid #eee; font-size:24px; color:#004677; padding-bottom:10px}
#main .contact .contact_fs .form .formbox{ margin-top:20px}
#main .contact .contact_fs .form .formbox .item{ float:left; width:48%; margin-top:10px}
#main .contact .contact_fs .form .formbox .item.fr{ float:right; width:48%}
#main .contact .contact_fs .form .formbox .item label font{ color:#f00; margin-left:5px}
#main .contact .contact_fs .form .formbox .text{ width:100%; border:1px solid #ddd; line-height:30px; padding:5px 0; text-indent:10px; float:left; border-radius:0}
#main .contact .contact_fs .form .formbox .item_textarea{ float:left; width:100%; margin-top:10px}
#main .contact .contact_fs .form .formbox .item_textarea .textarea{ width:100%; border:1px solid #ddd; padding:10px;  height:160px; float:left}
#main .contact .contact_fs .form .formbox .button{ float:left; width:100%; margin-top:10px}
#main .contact .contact_fs .form .formbox .button .btn{ margin-top:10px; background:#004677; color:#fff; display:inline-block; border:0; padding:15px 40px}
#main .contact .contact_fs .right{ width:31%}
#main .contact .contact_fs .right .item{ background:#f1f1f1; border:1px solid #ddd; padding:20px; position:relative}
#main .contact .contact_fs .right .item .icon{ width:80px; height:80px; border-radius:80px; background:#d3b17d;position:absolute; left:50%; margin-left:-40px; top:-40px; text-align:center;}
#main .contact .contact_fs .right .item .icon i{ font-size:40px; color:#fff; line-height:80px;}
#main .contact .contact_fs .right .item .info{ text-align:center; margin-top:60px;}
#main .contact .contact_fs .right .item .info h3{ font-size:24px; font-weight:normal; margin-bottom:10px}
#main .contact .contact_fs .right .item .info p{ font-size:16px}
#main .contact .contact_fs .right .item2{ margin-top:90px}
#main .contact .contact_fs .right .item2 .icon{ background:#004677;}
#main .contact .contact_fs .right .item2 .info img{ width:120px; margin:0 10px}

#main .content{ padding:30px 0}
#main .content .title{ padding:30px 0}
#main .content .title h1{ font-size:30px; text-align:center; font-weight: 400}
#main .content .title em{ width:50px; background:#333; height:2px; display:block; overflow:hidden; margin:25px auto}
#main .content .title .info{ color:#999; border-bottom:1px solid #eee; text-align:center;padding:30px 0 10px}
#main .content .title .info span{ margin:0 10px}
#main .content .mycontent{ font-size:16px; line-height:180%;}
#main .content .mycontent p{ padding-bottom:0px}
#main .content .mycontent img{ max-width:100%}
#main .content .updown{ border-top:1px solid #ddd; margin-top:30px; padding-top:30px}
#main .content .mycontent.project {display:flex;justify-content:space-between;align-items:center}
#main .content .mycontent.project .img{ width:48%;margin-right:4%;}
#main .content .mycontent.project .img img{ max-width:100%}
#main .content .mycontent.project .text{ width:48%}

#main_culture{ width:100%; padding:60px 0; background: url(../images/about_culture_bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed}
#main_culture .title{ text-align:center}
#main_culture .title big{ color:#fff; display:block; font-size:42px; font-weight: normal; line-height:42px;}
#main_culture .title small{ display:block; font-size:38px; color:#fff; line-height:42px; margin-top:10px}
#main_culture .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; margin-top:80px}
#main_culture .list ul li:nth-child(3n){ margin-right:0}
#main_culture .list ul li i{ float:left; width:60px; font-size:30px; color:#004677; margin-top:5px}
#main_culture .list ul li .info{ float:right; width:calc(100% - 60px)}
#main_culture .list ul li .info h5{ font-size:24px; color:#fff; font-weight:normal}
#main_culture .list ul li .info p{ color:#fff; margin-top:0px}

#main_about{ width:100%; padding:60px 0}
#main_about .content{ width:50%}
#main_about .content .title big{ color:#d3b17d; display:block; font-size:42px; font-weight: normal; line-height:42px;}
#main_about .content .title small{ display:block; font-size:38px; color:#004677; line-height:42px; margin-top:10px}
#main_about .content .title em{ height:2px; background:#004677; width:100px; overflow:hidden; margin-top:15px; display:block}
#main_about .content .text{ margin-top:20px;}
#main_about .pic{ width:50%; text-align:right;}
#main_about .pic img{ max-width:100%}

#main_fz{ width:100%; padding:60px 0}
#main_fz .left{ width:49%;padding:20px; border:1px solid #eee;-webkit-box-shadow:4px 4px rgba(85,85,85,.2);-moz-box-shadow:4px 4px rgba(85,85,85,.2);box-shadow:4px 4px rgba(85,85,85,.2)}
#main_fz .left .title{ color:#004677; font-size:20px; font-weight:700}
#main_fz .left .content{ margin-top:10px;}
#main_fz .left .lc{position:relative; margin-top:30px; padding-bottom:30px}
#main_fz .left .lc ul{ position:relative}
#main_fz .left .lc ul:before{content:'';position:absolute;left:80px;top:15px;width:1px;height:100%;background-color:#d3b17d}
#main_fz .left .lc ul li{list-style:none;padding-left:110px;position:relative;line-height:45px;font-size:14px;}
#main_fz .left .lc ul li .date{position:absolute;left:0;top:0; font-family:"din"; width:48px}
#main_fz .left .lc ul li .date span{position:absolute;right:-39px;top:35%;display:block;width:13px;height:13px;border:1px solid #d3b17d;border-radius:100%;background-color:#fff}
#main_fz .left .lc ul li .date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#d3b17d;border:1px solid #d3b17d;border-radius:100%}
#main_fz .left .lc ul li:last-child .date span{border-color:#004677}
#main_fz .left .lc ul li:last-child .date span:after{background-color:#004677;border-color:#004677}
#main_fz .right{ width:49%;padding:20px; border:1px solid #eee;-webkit-box-shadow:4px 4px rgba(85,85,85,.2);-moz-box-shadow:4px 4px rgba(85,85,85,.2);box-shadow:4px 4px rgba(85,85,85,.2)}
#main_fz .right .title{ color:#004677; font-size:20px; font-weight:700}
#main_fz .right .pic{ margin-top:10px;}
#main_fz .right .pic img{ width:100%}
#main_fz .right .content{ margin-top:10px;}

#main .jiameng{padding:60px 0}
#main .jiameng .kfphone{ font-size:30px; font-family:"din"; font-weight:bold; text-align:center}
#main .jiameng .item{ margin:40px 0}
#main .jiameng .item .title{ border-bottom:1px solid #eee; font-size:24px; color:#004677; padding-bottom:10px}
#main .jiameng .item .jmimg{ margin-top:30px; text-align:center}
#main .jiameng .item .jmimg img{ max-width:1000px}
#main .jiameng .item .formbox{ margin-top:30px}
#main .jiameng .item .formbox .itemt{ float:left; width:48%; margin-top:10px}
#main .jiameng .item .formbox .itemt.fr{ float:right; width:48%}
#main .jiameng .item .formbox .itemt label font{ color:#f00; margin-left:5px}
#main .jiameng .item .formbox .text{ width:100%; border:1px solid #ddd; line-height:30px; padding:5px 0; text-indent:10px; float:left; border-radius:0}
#main .jiameng .item .formbox .item_textarea{ float:left; width:100%; margin-top:10px}
#main .jiameng .item .formbox .item_textarea .textarea{ width:100%; border:1px solid #ddd; padding:10px;  height:160px; float:left}
#main .jiameng .item .formbox .button{ float:left; width:100%; margin-top:10px}
#main .jiameng .item .formbox .button .btn{ margin-top:10px; background:#004677; color:#fff; display:inline-block; border:0; padding:15px 40px}

#fenye{padding:50px 0 0px;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#004677;border:1px solid #004677}
#fenye a:hover{background:#004677;color:#fff;border:1px solid #004677}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}

@media (max-width:900px){
	body,html{ font-size:.24rem; line-height:.34rem}
	.wrap{ width:100%}
	
	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{ display:none}
	
	#head{height:.8rem; padding:0 .3rem;}
	#head .top{ display:none}
	#head .header .wrap{height:.8rem;}
	#head .header .logo{line-height:.4rem}
	#head .header .logo i{ font-size:.3rem;}
	#head .header .nav{ position:fixed; top:.8rem; left:0; background:#fff; z-index:999; width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:.2rem .3rem; display:none}
	#head .header .nav ul li{ float: inherit; margin-left:0; display:block; line-height:.6rem; border-bottom:1px solid #f5f5f5}
	#head .header .nav ul li a{ font-size:.26rem; display:block}
	#head .header .nav ul li.curr:before{ display:none}
	#head .header .nav ul li.curr a{ color:#004677}
	#head .header .button{ display: inline-block;}
	#head .header .button span{ display:block; height:.03rem; width:.3rem; background:#666; overflow:hidden; margin:.07rem 0; border-radius:.03rem}
	#head .header .nav.isopen{ display:block; border-bottom:1px solid #eee}
	
	#banner{ width:100%; overflow:hidden; margin-top:.8rem}
	#banner .focus{ position:relative}
	#banner .focus .swiper-slide{ position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden}
	#banner .focus .swiper-slide img{ width:100%}
	#banner .focus .swiper-pagination{ bottom:.2rem}
	#banner .focus .swiper-pagination .swiper-pagination-bullet{ height:.1rem; width:.1rem; border-radius:.1rem}
	
	#product{margin-top:.3rem; padding:0 .3rem}
	#product ul li{float: inherit;width:100%;padding:.3rem; margin-left:0; margin-top:.3rem;}
	#product ul li .img img{width:100%;height:100%;object-fit:cover}
	#product ul li .info{padding-top:.2rem}
	#product ul li .info h2{font-size:.24rem}
	#product ul li .info .intro{line-height:.3rem; margin-top:.1rem}
	#product ul li .info .more{margin-top:.2rem;}
	#product ul li .info .more span{padding:.07rem .2rem;}
	#product ul li .info .more span i{margin-right:.05rem;font-size:.2rem}
	
	#ceo{ margin-top:.6rem; padding:0 .3rem}
	#ceo .text{ width:100%; float:inherit}
	#ceo .text .title big{ font-size:.4rem; line-height:.4rem;}
	#ceo .text .title small{ font-size:.3rem; line-height:.3rem; margin-top:.15rem}
	#ceo .text .title em{ height:.02rem; width:1rem;margin-top:.15rem;}
	#ceo .text .content{ margin-top:.3rem; font-size:.24rem; line-height:.36rem}
	#ceo .pic{ width:100%; float:inherit; margin-top:.3rem}
	#ceo .pic img{ width:100%}
	
	#good{padding:.6rem .3rem;margin-top:.6rem}
	#good .title h2{font-size:.4rem;line-height:.4rem;}
	#good .title p{margin-top:.2rem;line-height:.34rem;padding:0}
	#good .list{margin-top:.3rem}
	#good .list ul li{float: inherit;width:100%;margin-left:0; margin-top:.3rem}
	#good .list ul li .info{padding:.3rem}
	#good .list ul li .info big{font-size:.26rem;}
	#good .list ul li .info small{font-size:.24rem}
	#good .list ul li .info .divider{margin-top:.05rem;}
	#good .list ul li .info p{line-height:.36rem;margin-top:.1rem;}
	#good .list ul li .info .yuyue{text-align:center;margin-top:.2rem}
	#good .list ul li .info .yuyue span{padding:.07rem .2rem}
	#good .list ul li .info .yuyue span i{margin-right:.05rem;font-size:.2rem}
	
	#service{ margin-top:.6rem; padding:0 .3rem}
	#service .title big{ font-size:.4rem; line-height:.4rem;}
	#service .title small{ font-size:.3rem; line-height:.3rem; margin-top:.15rem}
	#service .title em{ height:.02rem; width:1rem;margin-top:.15rem;}
	#service .list{ margin-top:.3rem}
	#service .list ul li{ float: inherit; width:100%; margin-left:0;}
	#service .list ul li .icon{ width:1.2rem; height:1.2rem; border-radius:1.2rem;}
	#service .list ul li .icon i{font-size:.8rem;}
	#service .list ul li .info{ padding:.3rem 0}
	#service .list ul li .info h2{  font-size:.26rem}
	#service .list ul li .info p{line-height:.36rem; margin-top:.2rem}
	#service .list ul li .info .more{ margin-top:.2rem}
	#service .list ul li .info .more span{ padding:.07rem .2rem;}
	#service .list ul li .info .more span i{ margin-right:.05rem; font-size:.2rem}
	
	#news{ margin-top:.6rem; padding:0 .3rem}
	#news .left{ width:100%}
	#news .left .title big{ font-size:.4rem;line-height:.4rem;}
	#news .left .title small{ font-size:.3rem;line-height:.3rem; margin-top:.15rem}
	#news .left .title em{ height:.02rem; width:1rem;margin-top:.15rem;}
	#news .left .list ul li{  padding:.2rem 0; height:1.6rem}
	#news .left .list ul li .img{width:28%; height:1.2rem;}
	#news .left .list ul li .info{width:68%; padding-top:.2rem}
	#news .left .list ul li .info h2{ font-size:.26rem; font-weight:700}
	#news .left .list ul li .info p{ display:none}
	#news .left .list ul li .info time{ margin-top:.15rem;; font-size:.2rem}
	#news .right{ width:100%; margin-top:.6rem; float:inherit}
	#news .right .title big{ font-size:.4rem;line-height:.4rem;}
	#news .right .title small{ font-size:.3rem;line-height:.3rem; margin-top:.15rem}
	#news .right .title em{ height:.02rem; width:1rem;margin-top:.15rem;}
	#news .right .list{margin-top:.3rem;}
	#news .right .list ul li .info .box{ padding:.3rem .3rem .3rem .9rem; line-height:.36rem;}
	#news .right .list ul li .info .box span{ margin-top:.1rem; padding:.05rem .2rem;}
	#news .right .list ul li .t{ line-height:.8rem; height:.8rem; padding-right:.1rem; font-size:.26rem}
	#news .right .list ul li .t i{ font-size:.3rem; width:.8rem; line-height:.8rem; margin-right:.1rem}
	#news .right .list ul li .t span{ line-height:.8rem;}
	#news .right .list ul li.curr .info{ height: auto;}
	
	#hotline{ width:100%; margin-top:.6rem}
	#hotline .wrap{ padding:.4rem 0; display:block}
	#hotline .phone{ text-align:center; padding:0}
	#hotline .phone big{ font-size:.3rem;}
	#hotline .phone small{ font-size:.4rem; margin-top:.3rem; color:#fff}
	#hotline .phone small i{ margin-right:.1rem}
	#hotline .fangan{ text-align:center; margin-left:0; margin-top:.3rem}
	#hotline .fangan a{padding:.1rem .3rem; display: inline-block; font-size:.26rem;}
	#hotline .pic{ display:none}
	
	#map{ padding:.5rem .3rem; margin-top:0;}
	#map .item{ margin-right:0; display:none}
	#map .item.contact{ display:block; float:inherit}
	#map .item h3{ font-size:.3rem;padding-bottom:.1rem; margin-bottom:0; }
	#map .item p{ color:#999; line-height:.5rem}
	#map .item p i{ margin-right:.05rem}
	#map .qrcode{ float:inherit; text-align:center; display:block; width:100%; margin-top:.3rem}
	#map .qrcode img{ width:1.5rem; margin:0 .1rem}
	
	#copyright{ background:#000; padding:.2rem 0; color:#999; font-size:.2rem}
	#copyright a{ color:#999}
	#copyright .left{ float:inherit; text-align:center; display:block}
	#copyright .icp{ float:inherit; text-align:center;  display:block}	
	
	#nbanner{margin-top:.8rem; padding:0 .3rem}
	#nbanner .wrap{height:2rem;}
	#nbanner span{ font-size:.5rem;}
	#loca{padding:.2rem .3rem;}
	
	#main .service{ margin-top:.6rem; padding:0 .3rem}
	#main .service ul li{ float: inherit; width:100%; margin-left:0;}
	#main .service ul li .icon{ width:1.2rem; height:1.2rem; border-radius:1.2rem;}
	#main .service ul li .icon i{font-size:.8rem;}
	#main .service ul li .info{ padding:.3rem 0}
	#main .service ul li .info h2{  font-size:.26rem}
	#main .service ul li .info p{line-height:.36rem; margin-top:.2rem}
	#main .service ul li .info .more{ margin-top:.2rem}
	#main .service ul li .info .more span{ padding:.07rem .2rem;}
	#main .service ul li .info .more span i{ margin-right:.05rem; font-size:.2rem}
	
	
	#main .prolist{ padding:.3rem .3rem .6rem}
	#main .prolist ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem; border:1px solid #eee; padding:.3rem}
	#main .prolist ul li .info{ padding:.2rem 0 .2rem}
	#main .prolist ul li .info h2{ font-size:.26rem}
	#main .prolist ul li .info p{ margin-top:.1rem; line-height:.36rem; height:auto}
	#main .prolist ul li .info span{ padding:.07rem .2rem;margin-top:.2rem;}
	
	#main .shop{ padding:.6rem .3rem}
	#main .shop .left{ width:100%; float:inherit}
	#main .shop .left .content{ padding:.3rem;}
	#main .shop .left .content h1{ font-size:.3rem;}
	#main .shop .left .content .img{ margin-top:.3rem}
	#main .shop .left .content .text{ margin-top:.3rem; font-size:.24rem; line-height:.38rem}
	#main .shop .left .ceo{ padding:.3rem; margin-top:.3rem}
	#main .shop .left .ceo .title{ font-size:.3rem;padding-bottom:.1rem}
	#main .shop .left .ceo .title i{ margin-right:5px}
	#main .shop .left .ceo .ceo_content{ padding:20px 0}
	#main .shop .left .ceo .ceo_content .ceo_left{ width:100%; float:inherit; margin-top:.3rem; line-height:.38rem; font-size:.24rem}
	#main .shop .left .ceo .ceo_content .ceo_pic{ width:100%; float:inherit}
	#main .shop .left .ceo .ceo_content .ceo_pic img{ width:100%}
	#main .shop .left .ask{ margin-top:.4rem}
	#main .shop .left .ask .title{font-size:.3rem;  padding-bottom:.1rem}
	#main .shop .left .ask .title i{ margin-right:.05rem}
	#main .shop .left .ask .asklist ul li{ margin-top:.1rem}
	#main .shop .left .ask .asklist ul li .t{ line-height:.6rem; padding:0 .2rem; font-size:.24rem}
	#main .shop .left .ask .asklist ul li .t span{ line-height:.6rem;}
	#main .shop .left .ask .asklist ul li .t i{ margin-right:.05rem}
	#main .shop .left .ask .asklist ul li .info{ padding:0 .3rem; line-height:.36rem;}
	#main .shop .left .ask .asklist ul li.curr .info{ padding:.3rem; height:auto;}
	#main .shop .left .form{ margin-top:.4rem}
	#main .shop .left .form .title{ font-size:.3rem;  padding-bottom:.1rem}
	#main .shop .left .form .title i{ margin-right:.05rem}
	#main .shop .left .form .formbox{ margin-top:.1rem}
	#main .shop .left .form .formbox .text{ width:100%;line-height:.3rem; padding:.15rem 0; text-indent:.1rem; float: inherit; margin-top:.1rem; font-size:.24rem}
	#main .shop .left .form .formbox .text.r{ float: inherit}
	#main .shop .left .form .formbox .textarea{ width:100%; padding:.1rem; margin-top:.1rem; height:1rem; float: inherit}
	#main .shop .left .form .formbox .btn{ margin-top:.1rem;padding:.2rem 0; width:100%; text-align:center; display:block; font-size:.24rem}
	#main .shop .right{ width:100%; margin-top:.4rem}
	#main .shop .right .other { padding:.3rem}
	#main .shop .right .other .title{ font-size:.3rem; padding-bottom:.1rem}
	#main .shop .right .other .list{ margin-top:.2rem}
	#main .shop .right .other .list ul li{padding:.15rem 0; font-size:.24rem}
	#main .shop .right .other .list ul li i{ margin-right:.1rem;}
	
	#main .contact{ padding:.6rem .3rem}
	#main .contact .map .pic{ display:none}
	#main .contact .map .mapbox{ width:100%; float:inherit}
	#main .contact .map .mapbox iframe{ width:100%; height:3rem;}
	#main .contact .contact_fs{ margin-top:.6rem}
	#main .contact .contact_fs .form{ width:100%}
	#main .contact .contact_fs .form .title{font-size:.3rem; padding-bottom:.1rem}
	#main .contact .contact_fs .form .formbox{ margin-top:.2rem}
	#main .contact .contact_fs .form .formbox .item{ float: inherit; width:100%; margin-top:.2rem}
	#main .contact .contact_fs .form .formbox .item.fr{ float:inherit; width:100%}
	#main .contact .contact_fs .form .formbox .item label{ font-size:.24rem}
	#main .contact .contact_fs .form .formbox .text{ width:100%; border:1px solid #ddd; line-height:.4rem; padding:.1rem 0; text-indent:.1rem; float:left; border-radius:0}
	#main .contact .contact_fs .form .formbox .item_textarea{ float:left; width:100%; margin-top:10px}
	#main .contact .contact_fs .form .formbox .item_textarea .textarea{ width:100%; border:1px solid #ddd; padding:10px;  height:160px; float:left}
	#main .contact .contact_fs .form .formbox .button{ float:left; width:100%; margin-top:.1rem; }
	#main .contact .contact_fs .form .formbox .button .btn{ margin-top:.1rem; display:block; border:0; padding:.2rem 0; width:100%; text-align:center;font-size:.24rem}
	#main .contact .contact_fs .right{ width:100%; margin-top:1.2rem}
	#main .contact .contact_fs .right .item{padding:.3rem; }
	#main .contact .contact_fs .right .item .icon{ width:1rem; height:1rem; border-radius:1rem;margin-left:-.5rem; top:-.5rem;}
	#main .contact .contact_fs .right .item .icon i{ font-size:.5rem; line-height:1rem;}
	#main .contact .contact_fs .right .item .info{ margin-top:.6rem;}
	#main .contact .contact_fs .right .item .info h3{ font-size:.3rem; margin-bottom:.1rem}
	#main .contact .contact_fs .right .item .info p{ font-size:.24rem; line-height:.4rem}
	#main .contact .contact_fs .right .item2{ margin-top:.9rem}
	#main .contact .contact_fs .right .item2 .info img{ width:1.8rem; margin:0 .1rem}
	
	#main .jiameng{padding:.6rem .3rem}
	#main .jiameng .kfphone{ font-size:.3rem;}
	#main .jiameng .item{ margin:.6rem 0}
	#main .jiameng .item .title{ font-size:.3rem;padding-bottom:.1rem}
	#main .jiameng .item .jmimg{ margin-top:.3rem;}
	#main .jiameng .item .jmimg img{ width:100%}
	#main .jiameng .item .formbox{ margin-top:.3rem}
	#main .jiameng .item .formbox .itemt{ float: inherit; width:100%; margin-top:.2rem}
	#main .jiameng .item .formbox .itemt.fr{ float:inherit; width:100%}
	#main .jiameng .item .formbox .itemt label{ font-size:.24rem}
	#main .jiameng .item .formbox .text{ width:100%; border:1px solid #ddd; line-height:.4rem; padding:.1rem 0; text-indent:.1rem; float:left; border-radius:0}
	#main .jiameng .item .formbox .item_textarea{ float:left; width:100%; margin-top:10px}
	#main .jiameng .item .formbox .item_textarea .textarea{ width:100%; border:1px solid #ddd; padding:10px;  height:160px; float:left}
	#main .jiameng .item .formbox .button{ float:left; width:100%; margin-top:.1rem; }
	#main .jiameng .item .formbox .button .btn{ margin-top:.1rem; display:block; border:0; padding:.2rem 0; width:100%; text-align:center;font-size:.24rem}
	
	#main_about{padding:.6rem .3rem}
	#main_about .content{ width:100%}
	#main_about .content .title big{font-size:.4rem;line-height:.4rem;}
	#main_about .content .title small{ font-size:.3rem;line-height:.3rem; margin-top:.15rem}
	#main_about .content .title em{ height:.02rem; width:1rem; margin-top:.15rem;}
	#main_about .content .text{ margin-top:.2rem; font-size:.24rem; line-height:.38rem}
	#main_about .pic{ width:100%; text-align: center; margin-top:.3rem;}
	#main_about .pic img{ max-width:100%}
	
	#main_culture{padding:.6rem .3rem;}
	#main_culture .title big{ font-size:.4rem; line-height:.4rem;}
	#main_culture .title small{ font-size:.3rem; line-height:.3rem; margin-top:.15rem}
	#main_culture .list ul li{ float: left; width:100%; margin-right:0px; padding:.2rem 0; margin-top:0; display:block; clear:both}
	#main_culture .list ul li i{ width:.6rem; font-size:.4rem;margin-top:.05rem}
	#main_culture .list ul li .info{ width:calc(100% - .7rem)}
	#main_culture .list ul li .info h5{ font-size:.26rem; font-weight:700}
	
	#main_fz{ padding:.6rem .3rem}
	#main_fz .left{ width:100%;padding:.3rem;}
	#main_fz .left .title{font-size:.3rem;}
	#main_fz .left .content{ margin-top:.1rem; line-height:.38rem; font-size:.24rem;}
	#main_fz .left .lc{ margin-top:.3rem; padding-bottom:.3rem}
	#main_fz .left .lc ul:before{left:1.15rem;top:.15rem;width:1px;height:100%;}
	#main_fz .left .lc ul li{line-height:.4rem;font-size:.24rem; padding: 0 0 .2rem 1.6rem;}
	#main_fz .left .lc ul li .date{position:absolute;left:0;top:0;font-family:"din"}
	#main_fz .left .lc ul li .date span{position:absolute;right:-.43rem;top:35%;display:block;width:13px;height:13px;border:1px solid #d3b17d;border-radius:100%;background-color:#fff}
	#main_fz .left .lc ul li .date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#d3b17d;border:1px solid #d3b17d;border-radius:100%}
	#main_fz .left .lc ul li:last-child .date span{border-color:#004677}
	#main_fz .left .lc ul li:last-child .date span:after{background-color:#004677;border-color:#004677}
	#main_fz .right{ width:100%;padding:.3rem; margin-top:.6rem}
	#main_fz .right .title{font-size:.3rem; }
	#main_fz .right .pic{ margin-top:.1rem;}
	#main_fz .right .content{ margin-top:.2rem;line-height:.38rem; font-size:.24rem;}

	#main .content{ padding:.3rem}	
	#main .content .title{ padding:.3rem 0}
	#main .content .title h1{ font-size:.32rem; font-weight:700}
	#main .content .title em{ width:.5rem; margin:.3rem auto}
	#main .content .title .info{ padding:.3rem 0 .1rem}
	#main .content .title .info span{ margin:0 .05rem; font-size:.22rem}
	#main .content .title .info span:nth-child(3) { display:none}
	#main .content .mycontent{ font-size:.26rem; line-height:170%;}
	#main .content .mycontent p{ padding-bottom:.1rem}
	#main .content .mycontent img{ max-width:100%}
	#main .content .mycontent.project {display:block;justify-content:flex-start}
	#main .content .mycontent.project .img{ width:100%;}
	#main .content .mycontent.project .img img{ max-width:100%}
	#main .content .mycontent.project .text{ width:100%;; padding-top:.3rem}
	#main .content .updown{margin-top:.3rem; padding-top:.3rem}

	#main .shoplist{ padding:.3rem}
	#main .shoplist ul li{ float: inherit; width:100%; margin-right:0; margin-top:.3rem; border:1px solid #eee; padding:.1rem}
	#main .shoplist ul li .img{ height:4rem; overflow:hidden}
	#main .shoplist ul li .info{ padding:.2rem 0 .1rem; text-align:center}
	#main .shoplist ul li .info h2{ font-size:.26rem; font-weight:normal}

}